commit f0c3808646e3af9142e6f18d46eb69085a861329
parent 0f1e52fc34fc97afb3782c93340f75f32269a98a
Author: mjkloeckner <martin.cachari@gmail.com>
Date: Sun, 23 Oct 2022 21:18:33 -0300
Updated style plus minor fixes
- style.css: removed deprecated code and minor changes in spaces
- index.html: removed left over footer tag which was giving an error on
html validator
Diffstat:
5 files changed, 39 insertions(+), 49 deletions(-)
diff --git a/common/blog_index.shtml b/common/blog_index.shtml
@@ -1,10 +1,5 @@
-<ul id=blog_entries>
<li><time>21-Oct-2022</time> <a href="/blog/testing-syntax-highlight/testing-syntax-highlight.html">Testing code syntax highlight</a></li>
<li><time>23-Sep-2022</time> <a href="/blog/nerdearla-2022/nerdearla-2022.html">I'm going to Nerdearla 2022</a></li>
<li><time>18-Sep-2022</time> <a href="/blog/sav/sav.html">Sorting Algorithms Visualized</a></li>
-</ul>
-
-<ul id=blog_entries>
<li><time>23-Oct-2021</time> <a href="/blog/dwm-config/dwm-config.html">dwm - The dynamic window manager</a></li>
<li><time>04-Mar-2021</time> <a href="/blog/vim-config/vim-config.html">vim - The keyboard driven text editor</a></li>
-</ul>
diff --git a/common/latest_uploads.shtml b/common/latest_uploads.shtml
@@ -1,10 +1,5 @@
-<ul id=blog_entries>
<li><time>21-Oct-2022</time> <a href="/blog/testing-syntax-highlight/testing-syntax-highlight.html">Testing code syntax highlight</a></li>
<li><time>23-Sep-2022</time> <a href="/blog/nerdearla-2022/nerdearla-2022.html">I'm going to Nerdearla 2022</a></li>
<li><time>18-Sep-2022</time> <a href="/blog/sav/sav.html">Sorting Algorithms Visualized</a></li>
-</ul>
-
-<ul id=blog_entries>
<li><time>23-Oct-2021</time> <a href="/blog/dwm-config/dwm-config.html">dwm - The dynamic window manager</a></li>
<li><time>04-Mar-2021</time> <a href="/blog/vim-config/vim-config.html">vim - The keyboard driven text editor</a></li>
-</ul>
diff --git a/css/article_style.css b/css/article_style.css
@@ -109,7 +109,7 @@ ul {
p { padding-bottom: .5em; }
}
-@media (max-width: 420px) {
+@media (max-width: 400px) {
.article_bottom_bar {
margin-top: .5em;
}
diff --git a/css/style.css b/css/style.css
@@ -1,13 +1,13 @@
@font-face {
font-family: 'Futura Medium';
src: local('Futura Medium'),
- local('FuturaBT-Medium'),
- url('/fonts/Futura/FuturaBT-Medium.woff2') format('woff2'), /* Modern Browsers */
- url('/fonts/Futura/FuturaBT-Medium.woff') format('woff'),
- url('/fonts/Futura/FuturaBT-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
- url('/fonts/Futura/FuturaBT-Medium.svg#svgFutura') format('svg'), /* Legacy iOS */
- url('/fonts/Futura/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('/fonts/Futura/FuturaBT-Medium.ttf'); /* IE9 Compat Modes */
+ local('FuturaBT-Medium'),
+ url('/fonts/Futura/FuturaBT-Medium.woff2') format('woff2'), /* Modern Browsers */
+ url('/fonts/Futura/FuturaBT-Medium.woff') format('woff'),
+ url('/fonts/Futura/FuturaBT-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/fonts/Futura/FuturaBT-Medium.svg#svgFutura') format('svg'), /* Legacy iOS */
+ url('/fonts/Futura/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/fonts/Futura/FuturaBT-Medium.ttf'); /* IE9 Compat Modes */
}
/* latin only */
@@ -58,7 +58,6 @@ body {
background: #191919;
/* background: #2F4F4F; */
- /* margin-top: .5em; */
margin-bottom: 15em;
margin-left: .5em;
margin-right: .5em;
@@ -70,7 +69,6 @@ body {
header {
color: crimson;
- /* background: #191919; */
max-width: 40em;
@@ -80,7 +78,6 @@ header {
margin-bottom: .25em;
text-align: center;
- /* text-shadow: 5px 5px 5px black; */
padding-top: 1em;
padding-bottom: .25em;
@@ -92,17 +89,6 @@ header {
float: left;
}
-.header_buttons {
- margin: 0;
- margin-top: .80em;
- font-size: 1.5em;
- display: inline;
- align-self: last baseline;
- padding-bottom: .16em;
- /* padding-top: 1em; */
- list-style-type: none;
-}
-
.header_flex_div {
display: flex;
justify-content: space-between;
@@ -115,8 +101,6 @@ header {
display:block;
- /* background-color: #191919; */
-
width: 80%;
max-width: 35em;
height: 0px;
@@ -149,7 +133,6 @@ header {
article {
color: antiquewhite;
- /* background: #191919; */
max-width: 40em;
@@ -173,15 +156,13 @@ article {
display: block;
- /* background-color: #191919; */
-
width: 60%;
max-width: 20em;
height: 0px;
margin-left: auto;
margin-right: auto;
- margin-top: 2em;
+ margin-top: 1.5em;
margin-bottom: 0;
padding-top: 0;
@@ -195,13 +176,12 @@ footer {
text-align: center;
font-size: 0.75em;
- /* color: #151515; */
color: dimgrey;
font-family: monospace;
}
.footer-div {
- padding: .5em 2em 2em 2em;
+ padding: 0em 2em 2.5em 2em;
margin-left: auto;
margin-right:auto;
}
@@ -209,12 +189,10 @@ footer {
#index-title {
text-align: center;
color: #DAA520;
- /* text-shadow: 5px 5px 5px black; */
- padding-top: .75em;
- padding-bottom: 1em;
+ padding-top: .5em;
+ padding-bottom: .75em;
}
-
img {
/* border-radius: .3em; */
@@ -255,6 +233,16 @@ ul {
margin: 0; /* Remove margins */
}
+.header_buttons {
+ margin: 0;
+ margin-top: .80em;
+ font-size: 1.5em;
+ display: inline;
+ align-self: last baseline;
+ padding-bottom: .18em;
+ list-style-type: none;
+}
+
h1 { font-size: 1.75em; }
h2 {
@@ -367,6 +355,12 @@ hr {
text-align: left;
}
+#latest-uploads {
+ display: flex;
+ align-items: center;
+ padding-bottom: .5em;
+}
+
time {
font-family: "Ubuntu Mono", monospace;
/* font-family: "IBMPlexMono"; */
@@ -417,10 +411,13 @@ time {
padding-top: .5em;
padding-bottom: .75em;
}
+ #latest-uploads {
+ padding-bottom: .25em;
+ }
p { padding-bottom: .5em; }
}
-@media (max-width: 420px) {
+@media (max-width: 400px) {
#header_title {
font-size: 2.75em;
padding-left: .25em;
@@ -434,6 +431,9 @@ time {
padding-bottom: .5em;
font-size: 1.5em;
}
+ #latest-uploads {
+ padding-bottom: 0;
+ }
p { padding-bottom: .75em; }
.article_bottom_bar {
padding-top: .25em;
@@ -497,4 +497,3 @@ time {
background: white;
}
}
-
diff --git a/index.html b/index.html
@@ -34,20 +34,21 @@
<p>Make sure to subscribe to my <a href=/rss.xml>RSS feed</a> to get updates on my blog.</p>
<p>Of course if you have any questions or comments, <a href="mailto:mjkloeckner@gmail.com">send me an email</a>, I will respond kindly!</p>
- <div style="display: flex; align-items: center;">
+ <div id=latest-uploads >
<h3 style="text-align: left; font-size: 1.25em;"><u>Latest uploads</u></h3>
<div style="margin-top: 5px; margin-left: .5em">
<a href="/rss.xml" id="rss"><img style="width: 1.5em;" src="/common/rss_logo.png" alt="rss logo"></a>
</div>
</div>
- <!--#include virtual="/common/latest_uploads.shtml" -->
+ <ul id=blog_entries>
+ <!--#include virtual="/common/latest_uploads.shtml" -->
+ </ul>
<p>See more <a href="/blog">blog entries</a></p>
<hr class="article_bottom_bar">
</article>
<!--#include virtual="/common/footer.shtml" -->
- </footer>
</body>
</html>
