aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--sass/css/_colors.scss1
-rw-r--r--sass/css/yaroslavps.scss37
-rw-r--r--templates/archive.html4
-rw-r--r--templates/base.html9
-rw-r--r--templates/index.html21
-rw-r--r--templates/page.html15
-rw-r--r--templates/weblog.html3
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 %}