From 9286a2b68546f968282eadf2c519ebef3def9b70 Mon Sep 17 00:00:00 2001 From: Yaroslav Date: Mon, 20 Apr 2020 16:07:59 +0300 Subject: style changes; landing page --- sass/css/_colors.scss | 1 + sass/css/yaroslavps.scss | 37 ++++++++++++++++++++++++++++++------- templates/archive.html | 4 +++- templates/base.html | 9 +++++---- templates/index.html | 21 +++++++++++++++++++-- templates/page.html | 15 +++++++++------ templates/weblog.html | 3 +++ 7 files changed, 70 insertions(+), 20 deletions(-) diff --git a/sass/css/_colors.scss b/sass/css/_colors.scss index 480b290..df32dd0 100644 --- a/sass/css/_colors.scss +++ b/sass/css/_colors.scss @@ -1,4 +1,5 @@ $bg: #000000; +$bg2: #1b1e25; $white: #e5e9f0; $gray: #a1a6b2; $magenta: #9c6992; diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss index c0b903a..74da50b 100644 --- a/sass/css/yaroslavps.scss +++ b/sass/css/yaroslavps.scss @@ -5,11 +5,13 @@ html, body { width: 100%; min-height: 100vh; - background-color: $bg; + background-color: $bg2; + /* background-image: url("/svg/background.svg"); background-size: 45px 45px; background-repeat: repeat; - background-attachment: fixed; + background-attachment: center; + */ } h1, @@ -105,17 +107,37 @@ h2 > span.publish-date { .landing-page-container { grid-column-start: 1; grid-column-end: 3; + padding: 2em; + font-size: 1.3em; } -.header-container { - grid-column-start: 1; - grid-column-end: 3; +.landing-page-container > h1 { text-align: center; - padding: 0 1em; + font-size: 3em; +} + +.landing-page-container > .links-container { + padding: 0.5em; +} + +.landing-page-container > .links-container > a { + font-size: 1.5em; + margin: auto 1em; +} + +.landing-page-container > .links-container > a > span.icon { + font-size: 1.5em; +} + +.header-container { + padding: 0 2em; } .sidebar-container { - padding: 1em; + grid-row-start: 1; + grid-row-end: 3; + grid-column-start: 2; + grid-column-end: 3; } .sidebar-container span.icon { @@ -124,6 +146,7 @@ h2 > span.publish-date { } .sticky-wrapper { + padding: 1em; position: sticky; top: 1em; } diff --git a/templates/archive.html b/templates/archive.html index c3eb817..a605b40 100644 --- a/templates/archive.html +++ b/templates/archive.html @@ -1,8 +1,10 @@ {% extends "base.html" %} +{% block header %} +

Yaroslav's weblog archive

+{% endblock %} {% block content %} {% set section = get_section(path="weblog/_index.md") %}

Welcome to my site!

- Go to weblog +

Yaroslav de la Peña Smirnov

+ Weblog + Weblog archive +

+  +  +  +

Welcome, my name is Yaroslav de la Peña Smirnov. I keep this site to + sometimes write about what I do or think on my weblog, or to remind myself + of how to do certain things. You can take a look around, maybe you'll find + something interesting or useful.

If you want to contact me, you can do so by email at: + contact@yaroslavps.com +

Any spam will be ignored, and the respective addresses/domains banned, + of course.

{% endblock %} diff --git a/templates/page.html b/templates/page.html index 4a3c86c..5fc80db 100644 --- a/templates/page.html +++ b/templates/page.html @@ -1,9 +1,12 @@ {% extends "base.html" %} -{% block content %} {% set post = page %} -

Published on: {{ post.date | date(format="%b %d, %Y %H:%M Zulu") }}

- {{ post.content | safe }} -

+{% block header %} +

Published {{ page.date | date(format="%b %d, %Y + %H:%M UTC") }} on Yaroslav's weblog

+{% endblock %} +{% block content %} +

+ {{ page.content | safe }} +

{% endblock %} diff --git a/templates/weblog.html b/templates/weblog.html index 7a6038b..43ebbdb 100644 --- a/templates/weblog.html +++ b/templates/weblog.html @@ -1,4 +1,7 @@ {% extends "base.html" %} +{% block header %} +

Yaroslav's weblog

+{% endblock %} {% block content %}

{% for post in paginator.pages %} -- cgit v1.2.3

Yaroslav's weblog archive

Archive

{{ year }}

Yaroslav de la Peña Smirnov

Yaroslav de la Peña Smirnov

Welcome to my site!

Yaroslav de la Peña Smirnov

{{ post.title }}

{{ page.title }}

Yaroslav's weblog