diff options
author | Akshay <[email protected]> | 2020-04-10 18:40:14 +0100 |
---|---|---|
committer | Akshay <[email protected]> | 2020-04-10 18:40:14 +0100 |
commit | 148900154f28573b6640e996906374fe33a11762 (patch) | |
tree | 4ecca571aac73f8668ef9dfe3b08c251abd164b9 | |
parent | f994d48aa6eef04501519f1d1b24e20d12de2cbb (diff) |
rework css, semantic html
-rw-r--r-- | docs/index.html | 2 | ||||
-rw-r--r-- | docs/index.xml | 10 | ||||
-rw-r--r-- | docs/posts/WPA_woes/index.html | 4 | ||||
-rw-r--r-- | docs/posts/bash_harder_with_vim/index.html | 4 | ||||
-rw-r--r-- | docs/posts/bye_bye_BDFs/index.html | 4 | ||||
-rw-r--r-- | docs/posts/call_to_ARMs/index.html | 4 | ||||
-rw-r--r-- | docs/posts/color_conundrum/index.html | 4 | ||||
-rw-r--r-- | docs/posts/font_size_fallacies/index.html | 4 | ||||
-rw-r--r-- | docs/posts/get_better_at_yanking_and_putting_in_vim/index.html | 4 | ||||
-rw-r--r-- | docs/posts/hold_position!/index.html | 4 | ||||
-rw-r--r-- | docs/posts/my_setup/index.html | 4 | ||||
-rw-r--r-- | docs/posts/onivim_sucks/index.html | 4 | ||||
-rw-r--r-- | docs/posts/pixel_art_in_GIMP/index.html | 14 | ||||
-rw-r--r-- | docs/posts/rapid_refactoring_with_vim/index.html | 4 | ||||
-rw-r--r-- | docs/posts/static_sites_with_bash/index.html | 4 | ||||
-rw-r--r-- | docs/posts/termux_tandem/index.html | 4 | ||||
-rw-r--r-- | docs/style.css | 36 | ||||
-rw-r--r-- | post.esh | 4 |
18 files changed, 59 insertions, 59 deletions
diff --git a/docs/index.html b/docs/index.html index a1b2674..9a5d3bb 100644 --- a/docs/index.html +++ b/docs/index.html | |||
@@ -39,7 +39,7 @@ | |||
39 | </td> | 39 | </td> |
40 | <td class=table-stats> | 40 | <td class=table-stats> |
41 | <span class="stats-number"> | 41 | <span class="stats-number"> |
42 | 4.9 | 42 | 5.0 |
43 | </span> | 43 | </span> |
44 | <span class=stats-unit>min</span> | 44 | <span class=stats-unit>min</span> |
45 | </td> | 45 | </td> |
diff --git a/docs/index.xml b/docs/index.xml index c2c2a6f..91bd033 100644 --- a/docs/index.xml +++ b/docs/index.xml | |||
@@ -116,10 +116,10 @@ might explain better:</p> | |||
116 | 116 | ||
117 | <p>To emulate soft lights, reduce the value by 2 to 3 points | 117 | <p>To emulate soft lights, reduce the value by 2 to 3 points |
118 | every iteration. Notice how area <code>1</code> is much larger than | 118 | every iteration. Notice how area <code>1</code> is much larger than |
119 | area <code>4</code>. This is because an onigiri resembles an oblate | 119 | area <code>4</code>. This is because an onigiri resembles a bottom |
120 | spheroid, a sphere that is slightly fatter around the | 120 | heavy oblate spheroid, a sphere that is slightly fatter |
121 | middle, and areas <code>1</code> and <code>2</code> catch more light than areas | 121 | around the lower bottom, and areas <code>1</code> and <code>2</code> catch more |
122 | <code>3</code> and <code>4</code>.</p> | 122 | light than areas <code>3</code> and <code>4</code>.</p> |
123 | 123 | ||
124 | <p>Do the same with the seaweed. The seaweed, being a smaller, | 124 | <p>Do the same with the seaweed. The seaweed, being a smaller, |
125 | flatter object, doesn't cast much of a shadow, so stop with | 125 | flatter object, doesn't cast much of a shadow, so stop with |
@@ -154,7 +154,7 @@ was 100x100, head over to <code>Image > Scale Image</code>, set | |||
154 | 154 | ||
155 | <p><img src="https://u.peppe.rs/CH.png" alt="big_onigiri" /></p></description> | 155 | <p><img src="https://u.peppe.rs/CH.png" alt="big_onigiri" /></p></description> |
156 | <link>https://peppe.rs/posts/pixel_art_in_GIMP/</link> | 156 | <link>https://peppe.rs/posts/pixel_art_in_GIMP/</link> |
157 | <pubDate>Thu, 09 Apr 2020 16:26:00 +0000</pubDate> | 157 | <pubDate>Thu, 09 Apr 2020 16:28:00 +0000</pubDate> |
158 | <guid>https://peppe.rs/posts/pixel_art_in_GIMP/</guid> | 158 | <guid>https://peppe.rs/posts/pixel_art_in_GIMP/</guid> |
159 | </item> | 159 | </item> |
160 | <item> | 160 | <item> |
diff --git a/docs/posts/WPA_woes/index.html b/docs/posts/WPA_woes/index.html index df7f43e..e329df6 100644 --- a/docs/posts/WPA_woes/index.html +++ b/docs/posts/WPA_woes/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | WPA Woes | 37 | WPA Woes |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>I finally got around to installing Void GNU/Linux on my main | 40 | <p>I finally got around to installing Void GNU/Linux on my main |
41 | computer. Rolling release, non-systemd, need I say more?</p> | 41 | computer. Rolling release, non-systemd, need I say more?</p> |
diff --git a/docs/posts/bash_harder_with_vim/index.html b/docs/posts/bash_harder_with_vim/index.html index d56f350..396fcfa 100644 --- a/docs/posts/bash_harder_with_vim/index.html +++ b/docs/posts/bash_harder_with_vim/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Bash Harder With Vim | 37 | Bash Harder With Vim |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>Bash is tricky, don't let your editor get in your way. Here's a couple of neat | 40 | <p>Bash is tricky, don't let your editor get in your way. Here's a couple of neat |
41 | additions you could make to your <code>vimrc</code> for a better shell programming | 41 | additions you could make to your <code>vimrc</code> for a better shell programming |
diff --git a/docs/posts/bye_bye_BDFs/index.html b/docs/posts/bye_bye_BDFs/index.html index 8959ec3..ad7243d 100644 --- a/docs/posts/bye_bye_BDFs/index.html +++ b/docs/posts/bye_bye_BDFs/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Bye Bye BDFs | 37 | Bye Bye BDFs |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>Glyph Bitmap Distribution Format is no more, as the creators of | 40 | <p>Glyph Bitmap Distribution Format is no more, as the creators of |
41 | <a href="https://pango.org">Pango</a>, one of the most widely used text rendering | 41 | <a href="https://pango.org">Pango</a>, one of the most widely used text rendering |
diff --git a/docs/posts/call_to_ARMs/index.html b/docs/posts/call_to_ARMs/index.html index c62c032..3f759e4 100644 --- a/docs/posts/call_to_ARMs/index.html +++ b/docs/posts/call_to_ARMs/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Call To ARMs | 37 | Call To ARMs |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>My 4th semester involves ARM programming. And proprietary | 40 | <p>My 4th semester involves ARM programming. And proprietary |
41 | tooling (Keil C). But we don't do that here.</p> | 41 | tooling (Keil C). But we don't do that here.</p> |
diff --git a/docs/posts/color_conundrum/index.html b/docs/posts/color_conundrum/index.html index 93928b1..2001226 100644 --- a/docs/posts/color_conundrum/index.html +++ b/docs/posts/color_conundrum/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Color Conundrum | 37 | Color Conundrum |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>This piece aims to highlight (pun intended) some of the | 40 | <p>This piece aims to highlight (pun intended) some of the |
41 | reasons behind my <a href="https://u.peppe.rs/bF.png">color | 41 | reasons behind my <a href="https://u.peppe.rs/bF.png">color |
diff --git a/docs/posts/font_size_fallacies/index.html b/docs/posts/font_size_fallacies/index.html index eb832ec..804dea2 100644 --- a/docs/posts/font_size_fallacies/index.html +++ b/docs/posts/font_size_fallacies/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Font Size Fallacies | 37 | Font Size Fallacies |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>I am not an expert with fonts, but I do have some | 40 | <p>I am not an expert with fonts, but I do have some |
41 | experience <sup id="fnref1"><a href="#fn1" rel="footnote">1</a></sup>, and common sense. This post aims to debunk some | 41 | experience <sup id="fnref1"><a href="#fn1" rel="footnote">1</a></sup>, and common sense. This post aims to debunk some |
diff --git a/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html b/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html index 2196480..d4e8fb4 100644 --- a/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html +++ b/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Get Better At Yanking And Putting In Vim | 37 | Get Better At Yanking And Putting In Vim |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <ol start="1"> | 40 | <ol start="1"> |
41 | <li><p>reselecting previously selected text (i use this to fix botched selections):</p> | 41 | <li><p>reselecting previously selected text (i use this to fix botched selections):</p> |
diff --git a/docs/posts/hold_position!/index.html b/docs/posts/hold_position!/index.html index 4eeda2a..58851c5 100644 --- a/docs/posts/hold_position!/index.html +++ b/docs/posts/hold_position!/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Hold Position! | 37 | Hold Position! |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>Often times, when I run a vim command that makes “big” changes to a file (a | 40 | <p>Often times, when I run a vim command that makes “big” changes to a file (a |
41 | macro or a <code>:vimgrep</code> command) I lose my original position and feel disoriented.</p> | 41 | macro or a <code>:vimgrep</code> command) I lose my original position and feel disoriented.</p> |
diff --git a/docs/posts/my_setup/index.html b/docs/posts/my_setup/index.html index 7725842..c3812ec 100644 --- a/docs/posts/my_setup/index.html +++ b/docs/posts/my_setup/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | My Setup | 37 | My Setup |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>Decided to do one of these because everyone does one of | 40 | <p>Decided to do one of these because everyone does one of |
41 | these.</p> | 41 | these.</p> |
diff --git a/docs/posts/onivim_sucks/index.html b/docs/posts/onivim_sucks/index.html index def4426..c2c6ffe 100644 --- a/docs/posts/onivim_sucks/index.html +++ b/docs/posts/onivim_sucks/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Onivim Sucks | 37 | Onivim Sucks |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p><a href="https://v2.onivim.io">Onivim</a> is a ‘modern modal editor’, combining fancy | 40 | <p><a href="https://v2.onivim.io">Onivim</a> is a ‘modern modal editor’, combining fancy |
41 | interface and language features with vim-style modal editing. What's wrong you | 41 | interface and language features with vim-style modal editing. What's wrong you |
diff --git a/docs/posts/pixel_art_in_GIMP/index.html b/docs/posts/pixel_art_in_GIMP/index.html index 2872983..5caa446 100644 --- a/docs/posts/pixel_art_in_GIMP/index.html +++ b/docs/posts/pixel_art_in_GIMP/index.html | |||
@@ -28,14 +28,14 @@ | |||
28 | <span class="stats-unit">cm</span> | 28 | <span class="stats-unit">cm</span> |
29 |   | 29 |   |
30 | <span class="stats-number"> | 30 | <span class="stats-number"> |
31 | 4.9 | 31 | 5.0 |
32 | </span> | 32 | </span> |
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Pixel Art In GIMP | 37 | Pixel Art In GIMP |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>I've always been an admirer of pixel art, because of it’s | 40 | <p>I've always been an admirer of pixel art, because of it’s |
41 | simplicity and it's resemblance to bitmap font design. | 41 | simplicity and it's resemblance to bitmap font design. |
@@ -140,10 +140,10 @@ might explain better:</p> | |||
140 | 140 | ||
141 | <p>To emulate soft lights, reduce the value by 2 to 3 points | 141 | <p>To emulate soft lights, reduce the value by 2 to 3 points |
142 | every iteration. Notice how area <code>1</code> is much larger than | 142 | every iteration. Notice how area <code>1</code> is much larger than |
143 | area <code>4</code>. This is because an onigiri resembles an oblate | 143 | area <code>4</code>. This is because an onigiri resembles a bottom |
144 | spheroid, a sphere that is slightly fatter around the | 144 | heavy oblate spheroid, a sphere that is slightly fatter |
145 | middle, and areas <code>1</code> and <code>2</code> catch more light than areas | 145 | around the lower bottom, and areas <code>1</code> and <code>2</code> catch more |
146 | <code>3</code> and <code>4</code>.</p> | 146 | light than areas <code>3</code> and <code>4</code>.</p> |
147 | 147 | ||
148 | <p>Do the same with the seaweed. The seaweed, being a smaller, | 148 | <p>Do the same with the seaweed. The seaweed, being a smaller, |
149 | flatter object, doesn't cast much of a shadow, so stop with | 149 | flatter object, doesn't cast much of a shadow, so stop with |
diff --git a/docs/posts/rapid_refactoring_with_vim/index.html b/docs/posts/rapid_refactoring_with_vim/index.html index 58f97b2..a309066 100644 --- a/docs/posts/rapid_refactoring_with_vim/index.html +++ b/docs/posts/rapid_refactoring_with_vim/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Rapid Refactoring With Vim | 37 | Rapid Refactoring With Vim |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>Last weekend, I was tasked with refactoring the 96 unit | 40 | <p>Last weekend, I was tasked with refactoring the 96 unit |
41 | tests on | 41 | tests on |
diff --git a/docs/posts/static_sites_with_bash/index.html b/docs/posts/static_sites_with_bash/index.html index 5017a4a..1919cea 100644 --- a/docs/posts/static_sites_with_bash/index.html +++ b/docs/posts/static_sites_with_bash/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Static Sites With Bash | 37 | Static Sites With Bash |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>After going through a bunch of static site generators | 40 | <p>After going through a bunch of static site generators |
41 | (<a href="https://blog.getpelican.com/">pelican</a>, | 41 | (<a href="https://blog.getpelican.com/">pelican</a>, |
diff --git a/docs/posts/termux_tandem/index.html b/docs/posts/termux_tandem/index.html index 40580ba..972f0e2 100644 --- a/docs/posts/termux_tandem/index.html +++ b/docs/posts/termux_tandem/index.html | |||
@@ -33,9 +33,9 @@ | |||
33 | <span class="stats-unit">min</span> | 33 | <span class="stats-unit">min</span> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | <span class="post-title"> | 36 | <h1> |
37 | Termux Tandem | 37 | Termux Tandem |
38 | </span> | 38 | </h1> |
39 | <div class="post-text"> | 39 | <div class="post-text"> |
40 | <p>I learnt about <code>termux</code> from a friend on IRC recently. | 40 | <p>I learnt about <code>termux</code> from a friend on IRC recently. |
41 | It looked super gimmicky to me at first, but it eventually | 41 | It looked super gimmicky to me at first, but it eventually |
diff --git a/docs/style.css b/docs/style.css index 898cbee..9f749e2 100644 --- a/docs/style.css +++ b/docs/style.css | |||
@@ -63,14 +63,29 @@ body { | |||
63 | 63 | ||
64 | html { | 64 | html { |
65 | line-height: 1.5; | 65 | line-height: 1.5; |
66 | font-size: 17px; | 66 | font-size: 18px; |
67 | } | ||
68 | |||
69 | h1 { | ||
70 | font-size: 1.8rem; | ||
71 | } | ||
72 | h2 { | ||
73 | font-size: 1.6rem; | ||
74 | } | ||
75 | h3 { | ||
76 | font-size: 1.4rem; | ||
77 | } | ||
78 | h4 { | ||
79 | font-size: 1.2rem; | ||
67 | } | 80 | } |
68 | 81 | ||
69 | h1, h2, h3 { | 82 | h1, h2, h3 { |
70 | margin-top: 4rem; | 83 | margin: 0; |
84 | margin-top: 3rem; | ||
71 | } | 85 | } |
72 | h4, h5, h6 { | 86 | h4, h5, h6 { |
73 | margin-top: 2rem; | 87 | margin: 0; |
88 | margin-top: 1.5rem; | ||
74 | } | 89 | } |
75 | 90 | ||
76 | .subheading { | 91 | .subheading { |
@@ -130,18 +145,12 @@ pre > code { | |||
130 | .posts { | 145 | .posts { |
131 | max-width: 650px; | 146 | max-width: 650px; |
132 | } | 147 | } |
133 | html { | ||
134 | font-size: 18px; | ||
135 | } | ||
136 | } | 148 | } |
137 | 149 | ||
138 | @media only screen and (min-width: 1400px) { | 150 | @media only screen and (min-width: 1400px) { |
139 | .posts { | 151 | .posts { |
140 | max-width: 650px; | 152 | max-width: 650px; |
141 | } | 153 | } |
142 | html { | ||
143 | font-size: 18px; | ||
144 | } | ||
145 | } | 154 | } |
146 | 155 | ||
147 | .posts { | 156 | .posts { |
@@ -229,15 +238,6 @@ a, a:hover, a:visited, a:active { | |||
229 | font-size: 0.8rem; | 238 | font-size: 0.8rem; |
230 | } | 239 | } |
231 | 240 | ||
232 | .post-title { | ||
233 | text-decoration: none; | ||
234 | color: var(--black); | ||
235 | text-shadow: none; | ||
236 | text-align: center; | ||
237 | font-weight: 800; | ||
238 | font-size: 1.5rem; | ||
239 | } | ||
240 | |||
241 | .post-text { | 241 | .post-text { |
242 | font-size: 0.9rem; | 242 | font-size: 0.9rem; |
243 | } | 243 | } |
@@ -32,9 +32,9 @@ | |||
32 | <span class="stats-unit">min</span> | 32 | <span class="stats-unit">min</span> |
33 | </div> | 33 | </div> |
34 | </div> | 34 | </div> |
35 | <span class="post-title"> | 35 | <h1> |
36 | <%=$title%> | 36 | <%=$title%> |
37 | </span> | 37 | </h1> |
38 | <div class="post-text"> | 38 | <div class="post-text"> |
39 | <% lowdown "$file"%> | 39 | <% lowdown "$file"%> |
40 | </div> | 40 | </div> |