From 0eeb56b0e9ba04917b920afd9195b597f278b6cb Mon Sep 17 00:00:00 2001 From: "Yann Esposito (Yogsototh)" Date: Tue, 9 Jul 2019 14:36:00 +0200 Subject: [PATCH] Continuing styling --- src/assets/css/minimalist.css | 18 ++++++++++-------- src/index.org | 32 +++++++++++++++++++++++++------- 2 files changed, 35 insertions(+), 15 deletions(-) diff --git a/src/assets/css/minimalist.css b/src/assets/css/minimalist.css index a97bdd3..de494e9 100644 --- a/src/assets/css/minimalist.css +++ b/src/assets/css/minimalist.css @@ -131,14 +131,17 @@ navigation a { display: inline-block; } .article-date { opacity: 0.5; font-size: 0.8; } -table { width: 100%; margin: 20px 0; border-collapse: collapse; } -th { height: 20px; +table { width: 100%; + margin: 20px 0; + border-collapse: collapse; + border: solid 1px; } +td, th { height: 20px; padding: 0 10px; text-align: left; - } -td { height: 20px; vertical-align: middle; - padding: 0 10px; } + border-right: solid 1px; + border-left: solid 1px; + } /* colors */ body { @@ -150,15 +153,14 @@ a, a:visited { color: #2aa198; } a:active, a:hover, a:focus { color: #268bd2; } thead { background-color: #073642; color: #93a1a1; } -tr:hover { background-color: #073642; - } +tr:hover { background-color: #073642; } h1 { color: #6c71c4;} h2 { color: #d33682;} h3 { color: #dc322f;} h4 { color: #cb4b16;} h5 { color: #b58900;} h6 { color: #859900;} -td, th { border-color: #073642; } +table, td, th { border-color: #073642; } code { background: #002b36; } /* -------- */ /* org mode statuses */ diff --git a/src/index.org b/src/index.org index dce1fc4..a68564b 100644 --- a/src/index.org +++ b/src/index.org @@ -9,7 +9,15 @@ #+OPTIONS: H:5 This is a new take on my personal blog. -With a lot more minimalism in mind. +I tried to have some minimalism in mind but not too much. + +True minimalism would have been to only serve text files. +But I would prefer to have at least links working. Also +syntax highlighting of source code is nice. + +But I dislike the new trend of design space and white colors. +It doesn't really fit the spirit of my website. +So it looks a bit more like a text into a colored terminal. I know light is more usual, but I prefer to use a dark background as it will tend to consume slightly less energy for some screen technologies. @@ -262,12 +270,22 @@ There should be whitespace between paragraphs. 3. here 4. this is an ordered list following a header. - | head1 | head two | - |--------------+-------------------| - | ok | good swedish fish | - | out of stock | good and plenty | - | ok | good =oreos= | - | ok | good =zoute= drop | + | head1 | head two | + |-----------+---------------------------| + | Sir Robin | the not so brave | + | Lancelot | search the =holy= *graal* | + | Galaad | the /pure/ | + | Zoot | Just =Zoot= | + +Bad too wide table... + + | head1 | head two | head3 | head4 | head5 | head 6 | head7 | + |-----------+---------------------------+-----------------------+--------------------+-------------------------------------------------+--------+---------------------------------------| + | Sir Robin | the not so brave | very big content here | super long content | What could I say, I like trying to break things | n/a | superlongwordthatcouldnotfitcorrectly | + | Lancelot | search the =holy= *graal* | | | | | | + | Galaad | the /pure/ | | | | | | + | Zoot | Just =Zoot= | | | | | | + There's a horizontal rule below this