From 89d7459615b25fb75645ef8de1b64a1598ef9600 Mon Sep 17 00:00:00 2001 From: Mitja Felicijan Date: Thu, 28 Dec 2023 00:37:17 +0100 Subject: Cleaned up tabs --- _layouts/base.html | 176 ++++++++++++++++++++++++++--------------------------- 1 file changed, 88 insertions(+), 88 deletions(-) diff --git a/_layouts/base.html b/_layouts/base.html index 58f6cdd..5e4678f 100644 --- a/_layouts/base.html +++ b/_layouts/base.html @@ -1,10 +1,10 @@ - - + + - + {% if page.title %}{{ page.title | escape }} - {{ site.title | escape }} @@ -15,7 +15,7 @@ <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="/feed.xml"> - <style> + <style> :root { --body-max-width: 1600px; --border-color: gainsboro; @@ -40,53 +40,53 @@ color: #ffffff; } - body { + body { padding: 2.5rem; max-width: var(--body-max-width); background: white; - font-family: sans-serif; + font-family: sans-serif; line-height: 1.4rem; - font-size: 16px; - } + font-size: 16px; + } - hr { + hr { border: 0; border-bottom: var(--border-size) var(--border-style) var(--border-color); - margin-block-start: 1.5rem; - margin-block-end: 1.5rem; - } + margin-block-start: 1.5rem; + margin-block-end: 1.5rem; + } a { color: var(--link-color); text-decoration: none; } - h1, h2, h3 { - line-height: initial; - } + h1, h2, h3 { + line-height: initial; + } - h1 { - font-size: xx-large; - } + h1 { + font-size: xx-large; + } - footer { - margin-block-start: 2rem; - } + footer { + margin-block-start: 2rem; + } - cap { - text-transform: capitalize; - } + cap { + text-transform: capitalize; + } - blockquote { - font-style: italic; - } + blockquote { + font-style: italic; + } table { max-width: 100%; border: var(--border-size) var(--border-style) var(--border-color); border-collapse: separate; border-spacing: 0; - } + } table thead tr th { border-bottom: var(--border-size) var(--border-style) var(--border-color); @@ -97,23 +97,23 @@ padding: 0.5em 0.8em; } - ul.list li { - padding: 0.2em 0; - } + ul.list li { + padding: 0.2em 0; + } - ul { - line-height: 1.35em; - } + ul { + line-height: 1.35em; + } - pre { + pre { text-wrap: nowrap; overflow-x: auto; - padding: 1em; - border: var(--border-size) var(--border-style) var(--border-color); - } + padding: 1em; + border: var(--border-size) var(--border-style) var(--border-color); + } code { - font-family: monospace; + font-family: monospace; background: var(--bg-color); font-size: 14px; } @@ -122,31 +122,31 @@ background: transparent; } - figure { - margin-inline-start: 0; - margin-inline-end: 0; - } + figure { + margin-inline-start: 0; + margin-inline-end: 0; + } - figcaption { + figcaption { width: 800px; - max-width: 100%; - text-align: center; - } + max-width: 100%; + text-align: center; + } - figcaption p { - margin: 0.3em 0 1.5em 0; + figcaption p { + margin: 0.3em 0 1.5em 0; font-style: italic; - } + } - img, video, audio { - width: 800px; - max-width: 100%; - } + img, video, audio { + width: 800px; + max-width: 100%; + } header nav { display: flex; gap: 0.9rem; - } + } article iframe { /* fixes embeds going to center */ margin: 0!important; @@ -195,54 +195,54 @@ .highlight .s1 { color: #a31515 } /* Literal.String.Single */ .highlight .ss { color: #a31515 } /* Literal.String.Symbol */ - @media only screen and (max-width: 600px) { - body { - padding: 0.5em; + @media only screen and (max-width: 600px) { + body { + padding: 0.5em; word-wrap: break-word; - } + } - header nav { - gap: 0.7rem; - } + header nav { + gap: 0.7rem; + } header nav .hob { display: none; } - a { - word-wrap: break-word; - } - } - </style> - <script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script> + a { + word-wrap: break-word; + } + } + </style> + <script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script> </head> <body> - <header> - <nav class="main" itemscope itemtype="http://schema.org/SiteNavigationElement" role="navigation" aria-label="Main navigation"> - <a href="/">Home</a> - <a href="/vault.html">Vault</a> - <a href="https://github.com/mitjafelicijan" target="_blank">Code</a> - <a href="/assets/mitjafelicijan.pgp.pub.txt" target="_blank" class="hob">PGP</a> - <a href="/curriculum-vitae.html">CV</a> - <a href="/feed.xml" target="_blank" class="hob">RSS</a> - </nav> - </header> + <header> + <nav class="main" itemscope itemtype="http://schema.org/SiteNavigationElement" role="navigation" aria-label="Main navigation"> + <a href="/">Home</a> + <a href="/vault.html">Vault</a> + <a href="https://github.com/mitjafelicijan" target="_blank">Code</a> + <a href="/assets/mitjafelicijan.pgp.pub.txt" target="_blank" class="hob">PGP</a> + <a href="/curriculum-vitae.html">CV</a> + <a href="/feed.xml" target="_blank" class="hob">RSS</a> + </nav> + </header> <main role="main"> {{ content }} </main> - <footer> - <hr> - <p><big><strong>Want to comment or have something to add?</strong></big></p> - <p> - You can write me an email - at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or - catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>. - </p> - <hr> + <footer> + <hr> + <p><big><strong>Want to comment or have something to add?</strong></big></p> + <p> + You can write me an email + at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or + catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>. + </p> + <hr> <p><small>This page's most recent build occurred on {{ site.time | date: "%A, %-d %B, %Y" }} and is also available as <a href="/feed.xml" target="_blank">RSS feed</a>.</small></p> - </footer> + </footer> </body> </html> -- cgit v1.2.3