commit f38627cb41e5eb9c76e562b200ad27e0b0b9dc54
parent ebda5481fb700cda1859f1ab15aa197dec8b4809
Author: oscarbenedito <oscar@obenedito.org>
Date:   Sun, 19 Jan 2020 15:09:19 +0100

Design and blogroll updates

Diffstat:
Massets/css/landing.css | 31+++++++++++++++++++++++++++++--
Mcontent/resources.md | 10+++++++---
Mlayouts/index.html | 12++++++------
Mlayouts/partials/404.html | 4+++-
4 files changed, 45 insertions(+), 12 deletions(-)

diff --git a/assets/css/landing.css b/assets/css/landing.css @@ -9,6 +9,17 @@ h1 { p { font-size: 1.25em; } +div.imgs { + font-size: 0; +} +a.img { + font-size: 0; +} +a.icon { + font-size: 0; + margin-left: 15px; + margin-right: 15px; +} .content { margin: 0; position: absolute; @@ -20,9 +31,25 @@ p { .icon { fill: #777777; width: 30px; - margin-left: 15px; - margin-right: 15px; } .icon:hover { fill: #AAAAAA; } +.big-icon { + width:100px; + height:100px; +} +.title { + font-size: 3em; + font-weight: bold; + margin-bottom: 0.25em; +} +.subtitle { + font-size: 1.5em; +} +.first { + margin-top: 0; +} +.last { + margin-bottom: 0; +} diff --git a/content/resources.md b/content/resources.md @@ -17,7 +17,8 @@ I have also found [AlternativeTo](https://alternativeto.net/) to be really usefu Blogs I have found interesting, alphabetically sorted. - - [Alireza Hayati](https://ealireza.com/) — [RSS feed](https://ealireza.com/feed.xml) + - [Ali Reza Hayati](https://hayati.noblogs.org) — [RSS feed](https://hayati.noblogs.org/feed) + - [blacklight447](https://write.privacytools.io/my-thoughts-on-security/) — [RSS feed](https://write.privacytools.io/my-thoughts-on-security/feed/) - [Brendan Abolivier](https://brendan.abolivier.bzh/) — [RSS feed](https://brendan.abolivier.bzh/index.xml) - [Codesections](https://www.codesections.com/blog/) — [RSS feed](https://www.codesections.com/rss.xml) - [Ctrl blog](https://www.ctrl.blog/) — [RSS feed](https://feed.ctrl.blog/latest.atom) @@ -28,10 +29,13 @@ Blogs I have found interesting, alphabetically sorted. - [Jan-Lukas Else](https://jlelse.blog/) — [RSS feed](https://jlelse.blog/index.xml) - [Justin Vollmer](https://www.justinvollmer.com/) — [RSS feed](https://www.justinvollmer.com/feed/) - [Kev Quirk](https://kevq.uk/) — [RSS feed](https://kevq.uk/feed) - - [Matthias Ott](https://matthiasott.com/articles/) — [RSS feed](https://matthiasott.com/articles/rss) + - [Marko Saric](https://markosaric.com/blog/) — [RSS feed](https://markosaric.com/blog/feed/) + - [Matthias Ott](https://matthiasott.com/) — [RSS feed](https://matthiasott.com/rss) - [mcol](https://mcol.xyz/) — [RSS feed](https://mcol.xyz/rss.xml) - [Mike Babb](https://mikebabb.com/blog/) — [RSS feed](https://mikebabb.com/feed.xml) - NCSC Guidance Feed — [RSS feed](https://www.ncsc.gov.uk/feeds/guidance.xml) - [PapaTutuWawa](https://blog.polynom.me/) — [RSS feed](https://blog.polynom.me/atom.xml) + - [PINE64](https://www.pine64.org/blog/) — [RSS feed](https://www.pine64.org/feed/) - [privacytools.io](https://blog.privacytools.io/) — [RSS feed](https://blog.privacytools.io/feed.xml) - - [Uncertain Jatan](https://jatan.blog/) — [RSS feed](https://jatan.blog/feed/) + - [The New Oil](https://write.as/thenewoil/) — [RSS feed](https://write.as/thenewoil/feed/) + - [Tutanota](https://tutanota.com/blog/) — [RSS feed](https://tutanota.com/blog/feed.xml) diff --git a/layouts/index.html b/layouts/index.html @@ -14,13 +14,13 @@ </head> <body> <div class="content"> - <h1>Oscar Benedito</h1> - <p> - <a href="mailto:oscar@obenedito.org" rel="me"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"/></svg></a> - <a href="/blog/"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M172.2 226.8c-14.6-2.9-28.2 8.9-28.2 23.8V301c0 10.2 7.1 18.4 16.7 22 18.2 6.8 31.3 24.4 31.3 45 0 26.5-21.5 48-48 48s-48-21.5-48-48V120c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v248c0 89.5 82.1 160.2 175 140.7 54.4-11.4 98.3-55.4 109.7-109.7 17.4-82.9-37-157.2-112.5-172.2zM209 0c-9.2-.5-17 6.8-17 16v31.6c0 8.5 6.6 15.5 15 15.9 129.4 7 233.4 112 240.9 241.5.5 8.4 7.5 15 15.9 15h32.1c9.2 0 16.5-7.8 16-17C503.4 139.8 372.2 8.6 209 0zm.3 96c-9.3-.7-17.3 6.7-17.3 16.1v32.1c0 8.4 6.5 15.3 14.8 15.9 76.8 6.3 138 68.2 144.9 145.2.8 8.3 7.6 14.7 15.9 14.7h32.2c9.3 0 16.8-8 16.1-17.3-8.4-110.1-96.5-198.2-206.6-206.7z"/></svg></a> - <a href="https://gitlab.com/oscarbenedito" rel="me"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z"/></svg></a> + <h1 class="first">Oscar Benedito</h1> + <div class="imgs"> + <a href="mailto:oscar@obenedito.org" class="icon" rel="me"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"/></svg></a> + <a href="/blog/" class="icon"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M172.2 226.8c-14.6-2.9-28.2 8.9-28.2 23.8V301c0 10.2 7.1 18.4 16.7 22 18.2 6.8 31.3 24.4 31.3 45 0 26.5-21.5 48-48 48s-48-21.5-48-48V120c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v248c0 89.5 82.1 160.2 175 140.7 54.4-11.4 98.3-55.4 109.7-109.7 17.4-82.9-37-157.2-112.5-172.2zM209 0c-9.2-.5-17 6.8-17 16v31.6c0 8.5 6.6 15.5 15 15.9 129.4 7 233.4 112 240.9 241.5.5 8.4 7.5 15 15.9 15h32.1c9.2 0 16.5-7.8 16-17C503.4 139.8 372.2 8.6 209 0zm.3 96c-9.3-.7-17.3 6.7-17.3 16.1v32.1c0 8.4 6.5 15.3 14.8 15.9 76.8 6.3 138 68.2 144.9 145.2.8 8.3 7.6 14.7 15.9 14.7h32.2c9.3 0 16.8-8 16.1-17.3-8.4-110.1-96.5-198.2-206.6-206.7z"/></svg></a> + <a href="https://gitlab.com/oscarbenedito" class="icon" rel="me"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z"/></svg></a> <a style="display: none;" href="https://fosstodon.org/@ob" rel="me"></a> - </p> + </div> </div> </body> </html> diff --git a/layouts/partials/404.html b/layouts/partials/404.html @@ -13,7 +13,9 @@ </head> <body> <div class="content"> - <h1 style="font-size: 20vw; margin: 0;">404</h1> + <a href="/" class="img first"><img class="big-icon" src="/img/favicon.min.svg"></a> + <p class="title">404 Error</p> + <p class="subtitle last">The file or page you requested was not found.</p> </div> </body> </html>