From a5ca94797945203c3167bb13b7779b396cad527d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yaroslav=20de=20la=20Pe=C3=B1a=20Smirnov?= Date: Tue, 29 Mar 2022 00:13:28 +0300 Subject: Minor style changes and improvements --- sass/css/_colors.scss | 4 ++-- sass/css/yaroslavps.scss | 50 ++++++++++++++++++++++++++++++++++-------------- templates/base.html | 11 +++++++++++ templates/donate.html | 24 +++++++++++------------ templates/index.html | 31 +++++++++++++++--------------- 5 files changed, 76 insertions(+), 44 deletions(-) diff --git a/sass/css/_colors.scss b/sass/css/_colors.scss index 72adc47..e633b53 100644 --- a/sass/css/_colors.scss +++ b/sass/css/_colors.scss @@ -1,8 +1,8 @@ $bg0: #000000; $bg1: #0a0a0f; $white: #e5e9f0; -$gray: #a1a6b2; -$gray1: #33333a; +$gray: #7c818c; +$gray1: #5c5c64; $red: #b73030; $red1: #c45c5c; $yellow: #b2872f; diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss index 90209b3..8ddc740 100644 --- a/sass/css/yaroslavps.scss +++ b/sass/css/yaroslavps.scss @@ -12,10 +12,11 @@ html, body { width: 100%; min-height: 100vh; font-size: 14px; - background-color: #000; - background-image: url("/img/snowfall.gif"); - background-attachment: fixed; - //background-size: 300px; + background: linear-gradient(to left, #000, #18214a 30%, #18214a 70%, #000); + // background: no-repeat center fixed url("/img/wave.jpg"); + // background: #000 repeat center/20% fixed url("/img/stars.jpg"); + // background-image: linear-gradient(to left, #00000000, #18214a 40%, #18214a 60%, #00000000), url("/img/stars.jpg"); + // background-size: auto, 20%; } ul, @@ -157,20 +158,18 @@ span.publish-date { .main-container { display: grid; grid-template-columns: minmax(0, 5fr) 2fr; - grid-template-rows: min-content auto; + grid-template-rows: min-content; max-width: 1180px; margin: 1em auto; min-height: 90vh; height: auto; - background-color: $bg1; - padding: 1px; - border: 2px solid $gray1; + border: 2px outset $gray1; } .landing-page-container { grid-column-start: 1; grid-column-end: 3; - padding: 2em 2em; + padding: 2em; } .landing-page-container > h1 { @@ -198,8 +197,10 @@ span.publish-date { .landing-page-container, .content-container, -.sidebar-container { - border: 2px solid $gray; +.sidebar-container, +.foot-container { + border: 2px outset $gray1; + background-color: $bg1; } .new-year { @@ -220,6 +221,15 @@ span.publish-date { text-decoration: none; } +.foot-container { + text-align: center; + grid-column-start: 1; + grid-column-end: 3; + grid-row-start: 3; + grid-row-end: 3; + padding: 2em; +} + .content-container { min-height: 90vh; } @@ -244,9 +254,10 @@ a.see-more { .sidebar-container { grid-row-start: 1; - grid-row-end: 3; + grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; + padding-bottom: 2em; } .sidebar-container span.icon { @@ -315,10 +326,11 @@ a.see-more { .paginator a { display: inline-block; - padding: 0.5em; + padding: 0.3em; background-color: $cyan1; color: $bg0; text-decoration: none; + border: 2px outset $cyan1; } .paginator a:hover { @@ -331,11 +343,20 @@ a.see-more { max-width: 240px; } +pre.literal { + color: $gray; +} + @media (max-width: 768px){ .landing-page-container { font-size: 1em; } + .main-container { + padding: 0; + border: none; + } + .header-container, .content-container, .sidebar-container { @@ -343,7 +364,8 @@ a.see-more { grid-column-end: 3; } - .sidebar-container { + .sidebar-container, + .foot-container { grid-row-start: auto; grid-row-end: auto; } diff --git a/templates/base.html b/templates/base.html index d28c0c8..9cad805 100644 --- a/templates/base.html +++ b/templates/base.html @@ -137,6 +137,17 @@ {% endblock %} +
+

+ The text content in this site is + CC BY-SA 4.0, + the photos are under + CC BY-NC-SA 4.0. +

+

+ © 2018—2022 Yaroslav de la Peña Smirnov. +

+
diff --git a/templates/donate.html b/templates/donate.html index 18cab1d..e21fc94 100644 --- a/templates/donate.html +++ b/templates/donate.html @@ -29,25 +29,25 @@ a tip. {% endif %}

-

Paypal

- -
- https://paypal.me/yaroslavps + + + +

- + - Bitcoin + Monero

- - 
bc1q9dxegghrk4qlc9k8m5wrsy7ca7edcqha5k0hyq
+ + 
48PaKg36GV2XzSVdbij8vviUfWhqAGVJGVCw6Qp9cjXrXiETyyhrJKiBFvhVodTr1qKfaANByoaCfNBZ3FdLrZQhBTBNMYV

- + - Monero + Bitcoin

- - 
48PaKg36GV2XzSVdbij8vviUfWhqAGVJGVCw6Qp9cjXrXiETyyhrJKiBFvhVodTr1qKfaANByoaCfNBZ3FdLrZQhBTBNMYV
+ + 
bc1q9dxegghrk4qlc9k8m5wrsy7ca7edcqha5k0hyq
{% endblock %} diff --git a/templates/index.html b/templates/index.html index e0192fa..1562dde 100644 --- a/templates/index.html +++ b/templates/index.html @@ -22,7 +22,6 @@ 🇲🇽 Español {% endif %} - {% if lang == "ru" %}

Добро пожаловать в мой уголок интернета. Меня зовут Ярослав. Я занимаюсь @@ -59,7 +58,11 @@

{% endif %} -

{{ trans(key="weblog", lang=lang) }}

+

+ + {{ trans(key="weblog", lang=lang) }} + +

{% set latest_weblog = weblog.pages[0] %}

{% if lang == "en" %} @@ -89,7 +92,11 @@ rss-icon RSS -

{{ trans(key="recipes", lang=lang) }}

+

+ + {{ trans(key="recipes", lang=lang) }} + +

{% set latest_recipe = recipes.pages[0] %}

{% if lang == "en" %} @@ -117,7 +124,11 @@ rss-icon RSS -

{{ trans(key="photos", lang=lang) }}

+

+ + {{ trans(key="photos", lang=lang) }} + +

{% if lang == "en" %} A gallery with some photographs I've taken on my free time. @@ -207,17 +218,5 @@ github-icon Github srht-icon sourcehut -

-
-

- The text content in this site is - CC BY-SA 4.0, - the photos are under - CC BY-NC-SA 4.0. -

-

- © 2018—2022 Yaroslav de la Peña Smirnov. -

-
{% endblock %} -- cgit v1.2.3