Minor style changes and improvements

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 %}