diff options
| author | Yaroslav <contact@yaroslavps.com> | 2020-04-20 16:07:59 +0300 |
|---|---|---|
| committer | Yaroslav <contact@yaroslavps.com> | 2020-04-20 16:07:59 +0300 |
| commit | 9286a2b68546f968282eadf2c519ebef3def9b70 (patch) | |
| tree | 3b60619e4fa8c08c014cc07ba100d00f7b9c098d | |
| parent | 47e3ed66840f46c5cd56dd668ff1e8f7f1187b36 (diff) | |
| download | yaroslavps.com-9286a2b68546f968282eadf2c519ebef3def9b70.tar.gz yaroslavps.com-9286a2b68546f968282eadf2c519ebef3def9b70.zip | |
style changes; landing page
| -rw-r--r-- | sass/css/_colors.scss | 1 | ||||
| -rw-r--r-- | sass/css/yaroslavps.scss | 37 | ||||
| -rw-r--r-- | templates/archive.html | 4 | ||||
| -rw-r--r-- | templates/base.html | 9 | ||||
| -rw-r--r-- | templates/index.html | 21 | ||||
| -rw-r--r-- | templates/page.html | 15 | ||||
| -rw-r--r-- | 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 %} + <h1>Yaroslav's weblog archive</h1> +{% endblock %} {% block content %} {% set section = get_section(path="weblog/_index.md") %} <div class="post-container"> - <h2>Archive</h2> {% for year, posts in section.pages | group_by(attribute="year") %} <h3>{{ year }}</h3> <ul> diff --git a/templates/base.html b/templates/base.html index a5d743a..bcf1487 100644 --- a/templates/base.html +++ b/templates/base.html @@ -12,11 +12,12 @@ </head> <body> <div class="main-container"> - <div class="header-container"> - <h1><a href="/">Yaroslav de la Peña Smirnov</a></h1> - <hr> - </div> {% block page %} + <div class="header-container"> + {% block header %} + <h1><a href="/">Yaroslav de la Peña Smirnov</a></h1> + {% endblock %} + </div> <div class="content-container"> {% block content %} {% endblock %} diff --git a/templates/index.html b/templates/index.html index 64bea0c..20e0ead 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,7 +1,24 @@ {% extends "base.html" %} {% block page %} <div class="landing-page-container"> - <h2>Welcome to my site!</h2> - <a href="/weblog">Go to weblog</a> + <h1>Yaroslav de la Peña Smirnov</h1> + <div class="links-container"> + <a href="/weblog">Weblog</a> + <a href="/weblog/archive">Weblog archive</a> + </div> + <div class="links-container"> + <a href="https://github.com/Yaroslav-95" title="GitHub"><span class="icon"></span></a> + <a href="https://git.yaroslavps.com/yaroslav" title="Git server"><span class="icon"></span></a> + <a href="/rss.xml" title="RSS feed"><span class="icon"></span></a> + </div> + <p>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.</p> + <p>If you want to contact me, you can do so by email at: + <a href="mailto:contact@yaroslavps.com">contact@yaroslavps.com</a> + </p> + <p>Any spam will be ignored, and the respective addresses/domains banned, + of course.</p> </div> {% 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 %} -<div class="post-container"> - <h2>{{ post.title }}</h2> - <p class="publish-date">Published on: {{ post.date | date(format="%b %d, %Y %H:%M Zulu") }}</p> - {{ post.content | safe }} -</div> +{% block header %} + <h1>{{ page.title }}</h1> + <p class="publish-date">Published {{ page.date | date(format="%b %d, %Y + %H:%M UTC") }} on <a href="/weblog">Yaroslav's weblog</a></p> +{% endblock %} +{% block content %} + <div class="post-container"> + {{ page.content | safe }} + </div> {% 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 %} +<h1>Yaroslav's weblog</h1> +{% endblock %} {% block content %} <div class="posts-list"> {% for post in paginator.pages %} |