aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--sass/css/_colors.scss4
-rw-r--r--sass/css/yaroslavps.scss50
-rw-r--r--templates/base.html11
-rw-r--r--templates/donate.html24
-rw-r--r--templates/index.html31
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 @@
</div>
</div>
{% endblock %}
+ <div class="foot-container">
+ <p>
+ The text content in this site is
+ <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>,
+ the photos are under
+ <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.
+ </p>
+ <p>
+ © 2018—2022 Yaroslav de la Peña Smirnov.
+ </p>
+ </div>
</div>
</body>
</html>
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 %}
</p>
- <h2>Paypal</h2>
- <img class="cryptoqr" src="{{ get_url(path="img/paypal.png") }}">
- <br>
- <a href="https://paypal.me/yaroslavps">https://paypal.me/yaroslavps</a>
+ <!-- <h2>Paypal</h2> -->
+ <!-- <img class="cryptoqr" src="{{ get_url(path="img/paypal.png") }}"> -->
+ <!-- <br> -->
+ <!-- <a href="https://paypal.me/yaroslavps">https://paypal.me/yaroslavps</a> -->
<h2>
<span class="icon">
- <img src="{{ get_url(path="svg/icons/btc.svg") }}"/>
+ <img src="{{ get_url(path="svg/icons/xmr.svg") }}"/>
</span>
- Bitcoin
+ Monero
</h2>
- <img class="cryptoqr" src="{{ get_url(path="img/btc.png") }}">
- <pre>bc1q9dxegghrk4qlc9k8m5wrsy7ca7edcqha5k0hyq</pre>
+ <img class="cryptoqr" src="{{ get_url(path="img/xmr.png") }}">
+ <pre class="literal">48PaKg36GV2XzSVdbij8vviUfWhqAGVJGVCw6Qp9cjXrXiETyyhrJKiBFvhVodTr1qKfaANByoaCfNBZ3FdLrZQhBTBNMYV</pre>
<h2>
<span class="icon">
- <img src="{{ get_url(path="svg/icons/xmr.svg") }}"/>
+ <img src="{{ get_url(path="svg/icons/btc.svg") }}"/>
</span>
- Monero
+ Bitcoin
</h2>
- <img class="cryptoqr" src="{{ get_url(path="img/xmr.png") }}">
- <pre>48PaKg36GV2XzSVdbij8vviUfWhqAGVJGVCw6Qp9cjXrXiETyyhrJKiBFvhVodTr1qKfaANByoaCfNBZ3FdLrZQhBTBNMYV</pre>
+ <img class="cryptoqr" src="{{ get_url(path="img/btc.png") }}">
+ <pre class="literal">bc1q9dxegghrk4qlc9k8m5wrsy7ca7edcqha5k0hyq</pre>
</div>
{% 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 @@
<a href="/es/">🇲🇽 Español</a>
{% endif %}
</div>
-
{% if lang == "ru" %}
<p>
Добро пожаловать в мой уголок интернета. Меня зовут Ярослав. Я занимаюсь
@@ -59,7 +58,11 @@
</p>
{% endif %}
- <h2>{{ trans(key="weblog", lang=lang) }}</h2>
+ <h2>
+ <a href="{{ weblog.permalink }}">
+ {{ trans(key="weblog", lang=lang) }}
+ </a>
+ </h2>
{% set latest_weblog = weblog.pages[0] %}
<p>
{% if lang == "en" %}
@@ -89,7 +92,11 @@
<a href="{{ weblog.permalink }}feed.xml"><span class="icon"><img alt="rss-icon" src="/svg/icons/rss.svg"/></span> RSS</a>
</div>
- <h2>{{ trans(key="recipes", lang=lang) }}</h2>
+ <h2>
+ <a href="{{ recipes.permalink }}">
+ {{ trans(key="recipes", lang=lang) }}
+ </a>
+ </h2>
{% set latest_recipe = recipes.pages[0] %}
<p>
{% if lang == "en" %}
@@ -117,7 +124,11 @@
<a href="{{ recipes.permalink }}feed.xml"><span class="icon"><img alt="rss-icon" src="/svg/icons/rss.svg"/></span> RSS</a>
</div>
- <h2>{{ trans(key="photos", lang=lang) }}</h2>
+ <h2>
+ <a href="/photos">
+ {{ trans(key="photos", lang=lang) }}
+ </a>
+ </h2>
<p>
{% if lang == "en" %}
A gallery with some photographs I've taken on my free time.
@@ -207,17 +218,5 @@
<a href="https://github.com/Yaroslav-95" title="GitHub"><span class="icon"><img alt="github-icon" src="/svg/icons/github.svg"/></span> Github</a>
<a href="https://sr.ht/~yaroslav/" title="sourcehut"><span class="icon"><img alt="srht-icon" src="/svg/icons/srht.svg"/></span> sourcehut</a>
</div>
- <hr>
- <div class="nav-container">
- <p>
- The text content in this site is
- <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>,
- the photos are under
- <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.
- </p>
- <p>
- © 2018—2022 Yaroslav de la Peña Smirnov.
- </p>
- </div>
</div>
{% endblock %}