Huge html+css revamp

* Plus added links to new photo gallery and donate page.
* Title fix

10 files changed, 323 insertions, 176 deletions

diff --git a/config.toml b/config.toml
index 0e2bcea..e472624 100644
--- a/config.toml
+++ b/config.toml
@@ -28,6 +28,14 @@ published_on = "on"
 edited = "Last edited"
 also_read = "This text is also available in other languages: "
 not_published = "This text is a draft and will be published soon to the index page of "
+whats_here="In this site"
+weblog="Weblog"
+recipes="Recipe book"
+photos="Photo gallery"
+other_links="Other links"
+see_more="See more..."
+homepage="Home page"
+archive="Archive"
 
 [languages.es]
 generate_feed = false
@@ -42,6 +50,14 @@ published_on = "en:"
 edited = "Última edición: "
 also_read = "Este texto está disponible en otros idiomas: "
 not_published = "Este texto es un borrador y pronto será publicado a la página principal del "
+whats_here="En este sitio"
+weblog="Weblog"
+recipes="Recetario"
+photos="Galería de fotos"
+other_links="Otros vínculos"
+see_more="Ver más..."
+homepage="Inicio"
+archive="Archivo"
 
 [languages.ru]
 generate_feed = false
@@ -56,4 +72,12 @@ published_on = "в: "
 edited = "Отредакировано: "
 also_read = "Данный текст также доступен на других языках: "
 not_published = "Текст является черновиком и вскоре будет опубликован на заглавной странице "
+whats_here="В этом сайте"
+weblog="Веб-журнал"
+recipes="Книга рецептов"
+photos="Фотогалерея"
+other_links="Другие ссылки"
+see_more="Смотреть больше..."
+homepage="Главная"
+archive="Архив"
 
diff --git a/sass/css/_colors.scss b/sass/css/_colors.scss
index 6ce5373..72adc47 100644
--- a/sass/css/_colors.scss
+++ b/sass/css/_colors.scss
@@ -2,11 +2,12 @@ $bg0: #000000;
 $bg1: #0a0a0f;
 $white: #e5e9f0;
 $gray: #a1a6b2;
+$gray1: #33333a;
 $red: #b73030;
 $red1: #c45c5c;
 $yellow: #b2872f;
 $blue: #3f6e90;
 $blue1: #63a9cc;
-$green: #7ea95a;
+$green: #6d974b;
 $cyan: #7fac96;
 $cyan1: #5b8277;
diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss
index 8f6e89b..6f134e9 100644
--- a/sass/css/yaroslavps.scss
+++ b/sass/css/yaroslavps.scss
@@ -11,17 +11,12 @@ html, body {
 	padding: 0;
 	width: 100%;
 	min-height: 100vh;
-	background-color: $bg1;
-	background-image: url("/img/star_pattern.jpg");
-	background-size: 25%;
+	background-color: #000;
+	background-image: url("/img/snowfall.gif");
+	font-size: 14px;
+	/*background-size: 25%;*/
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
 ul,
 ol,
 li,
@@ -37,7 +32,7 @@ li,
 a,
 p {
 	line-height: 1.4;
-	font-family: $font_sans;
+	font-family: $font_mono;
 }
 
 h2,
@@ -63,13 +58,15 @@ h6 {
 }
 
 a, a:visited {
-	color: $blue1;
+	color: $cyan1;
 }
 
-a:hover {
-	color: $blue;
+a:hover,
+a:hover:visited {
+	color: $cyan;
 }
 
+.new-year,
 h1 {
 	color: $red;
 	font-family: $font_serif;
@@ -90,6 +87,7 @@ hr {
 	border-style: solid;
 	border-color: $white;
 	border-width: 1px 0 0 0;
+	margin: 2em 0;
 }
 
 pre {
@@ -97,6 +95,7 @@ pre {
 	overflow-x: auto;
 	font-family: $font_mono;
 	color: $gray;
+	background-color: $bg0;
 }
 
 code {
@@ -106,7 +105,7 @@ code {
 
 figcaption {
 	color: $gray;
-	font-family: $font_sans;
+	font-family: $font_mono;
 	text-align: center;
 }
 
@@ -114,8 +113,26 @@ video {
 	max-width: 90%;
 }
 
+span.extra-link {
+	color: $gray;
+}
+
+h2 > span.extra-link {
+	font-size: 0.7em;
+}
+
+span.extra-link > a ~ a::before {
+	display: inline-block;
+	color: $white;
+	content: "|";
+	margin: 0 0.2em;
+	text-decoration: none;
+}
+
 span.icon {
+	display: inline-block;
 	height: 1em;
+	text-decoration: none;
 }
 
 span.icon > img {
@@ -125,7 +142,7 @@ span.icon > img {
 
 .publish-date {
 	color: $gray;
-	font-family: $font_sans;
+	font-family: $font_mono;
 	font-weight: normal;
 	font-style: italic;
 }
@@ -140,16 +157,18 @@ h2 > span.publish-date {
 	grid-template-columns: minmax(0, 5fr) 2fr;
 	grid-template-rows: min-content auto;
 	max-width: 1180px;
-	margin: 0 auto;
-	min-height: 100vh;
+	margin: 1em auto;
+	min-height: 90vh;
 	height: auto;
-	background-color: $bg0;
+	background-color: $bg1;
+	padding: 1px;
+	border: 2px solid $gray1;
 }
 
 .landing-page-container {
 	grid-column-start: 1;
 	grid-column-end: 3;
-	padding: 2em 4em;
+	padding: 2em 2em;
 }
 
 .landing-page-container > h1 {
@@ -175,12 +194,57 @@ h2 > span.publish-date {
 	padding: 0 2em;
 }
 
+.landing-page-container,
+.content-container,
+.sidebar-container {
+	border: 2px solid $gray;
+}
+
+.new-year {
+	text-align: center;
+	color: $green;
+	font-size: 2em;
+}
+
+.nav-container {
+	text-align: center;
+}
+
+.nav-container > a ~ a::before {
+	display: inline-block;
+	color: $white;
+	content: " · ";
+	margin: 0 0.4em;
+	text-decoration: none;
+}
+
+.content-container {
+	min-height: 90vh;
+}
+
+.album-container {
+	padding: 1em 2em;
+}
+
+.album-container a {
+	text-decoration: none;
+}
+
+.album-container a img {
+	max-height: 180px;
+}
+
+a.see-more {
+	display: inline-block;
+	text-align: center;
+	font-weight: bold;
+}
+
 .sidebar-container {
 	grid-row-start: 1;
 	grid-row-end: 3;
 	grid-column-start: 2;
 	grid-column-end: 3;
-	background-color: $bg1;
 }
 
 .sidebar-container span.icon {
@@ -246,14 +310,14 @@ h2 > span.publish-date {
 .paginator a {
 	display: inline-block;
 	padding: 0.5em;
-	background-color: $blue1;
+	background-color: $cyan1;
 	color: $bg0;
 	text-decoration: none;
 }
 
 .paginator a:hover {
-	background-color: $blue;
-	color: $white;
+	background-color: $cyan;
+	color: $bg0;
 }
 
 .cryptoqr {
@@ -276,7 +340,6 @@ h2 > span.publish-date {
 	.sidebar-container {
 		grid-row-start: auto;
 		grid-row-end: auto;
-		background-color: #00000000;
 	}
 }
 
@@ -309,6 +372,12 @@ h2 > span.publish-date {
 		text-decoration: none;
 	}
 
+	.main-container,
+	.header-container,
+	.content-container {
+		border: none;
+	}
+
 	.sidebar-container {
 		display: none;
 	}
diff --git a/static/img/paypal.png b/static/img/paypal.png
new file mode 100644
index 0000000..8409c7a
--- /dev/null
+++ b/static/img/paypal.png
diff --git a/static/img/snowfall.gif b/static/img/snowfall.gif
new file mode 100644
index 0000000..98df140
--- /dev/null
+++ b/static/img/snowfall.gif
diff --git a/static/img/star_pattern.jpg b/static/img/stars.jpg
index 2c5728e..2c5728e 100644
--- a/static/img/star_pattern.jpg
+++ b/static/img/stars.jpg
diff --git a/static/svg/icons/srht.svg b/static/svg/icons/srht.svg
new file mode 100644
index 0000000..f4c6264
--- /dev/null
+++ b/static/svg/icons/srht.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+aria-label="sourcehut" role="img"
+viewBox="0 0 512 512"><circle cx="256" cy="256" r="232" style="fill:none;stroke-width:48;stroke:#fff"/></svg>
diff --git a/templates/base.html b/templates/base.html
index 908e93c..efb1e7d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,7 +11,7 @@
 		<meta content="width=device-width, initial-scale=1" name="viewport">
 		<title>
 			{% block title %}
-			{{ config.title }}
+			Yaroslav de la Peña Smirnov
 			{% endblock %}
 		</title>
 		<link rel="stylesheet" href="{{ get_url(path="css/yaroslavps.css") }}">
@@ -23,26 +23,18 @@
 	<body>
 		<div class="main-container">
 			{% 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">
+				<div class="header-container">
+					{% block header %}
+					<h1><a href="/">Yaroslav de la Peña Smirnov</a></h1>
+					{% endblock %}
+				</div>
 				{% block content %}
 				{% endblock %}
 			</div>
 			<div class="sidebar-container">
 				<div class="sticky-wrapper">
-					<h3>
-						{% if lang == "ru" %}
-						Навигация
-						{% elif lang == "es" %}
-						En este sitio
-						{% else %}
-						Navigation
-						{% endif %}
-					</h3>
+					<h3>{{ trans(key="whats_here", lang=lang) }}</h3>
 					<ul class="navigation-list">
 						<li>
 							{% if lang == "ru" %}
@@ -50,19 +42,19 @@
 							{% elif lang == "es" %}
 							<a href="/es/">Inicio</a>
 							{% else %}
-							<a href="/">Home page</a>
+							<a href="/">Home</a>
 							{% endif %}
-							<ul>
+							<span class="extra-link">[
 								{% if lang != "en" %}
-									<li><a href="/">English</a></li>
-								{% endif %}
-								{% if lang != "es" %}
-									<li><a href="/es/">Español</a></li>
+								<a href="/">en</a>
 								{% endif %}
 								{% if lang != "ru" %}
-									<li><a href="/ru/">Русский</a></li>
+								<a href="/ru/">ru</a>
+								{% endif %}
+								{% if lang != "es" %}
+								<a href="/es/">es</a>
 								{% endif %}
-							</ul>
+							]</span>
 						</li>
 						<li>
 							{% if lang == "ru" %}
@@ -72,6 +64,17 @@
 							{% else %}
 							<a href="/weblog/">Weblog</a>
 							{% endif %}
+							<span class="extra-link">[
+								{% if lang != "en" %}
+								<a href="/weblog">en</a>
+								{% endif %}
+								{% if lang != "ru" %}
+								<a href="/ru/weblog">ru</a>
+								{% endif %}
+								{% if lang != "es" %}
+								<a href="/es/weblog">es</a>
+								{% endif %}
+							]</span>
 						<ul>
 							<li>
 								{% if lang == "ru" %}
@@ -92,6 +95,17 @@
 							{% else %}
 							<a href="/food/">Recipe book</a>
 							{% endif %}
+							<span class="extra-link">[
+								{% if lang != "en" %}
+								<a href="/food">en</a>
+								{% endif %}
+								{% if lang != "ru" %}
+								<a href="/ru/food">ru</a>
+								{% endif %}
+								{% if lang != "es" %}
+								<a href="/es/food">es</a>
+								{% endif %}
+							]</span>
 						<ul>
 							<li>
 								{% if lang == "ru" %}
@@ -105,58 +119,12 @@
 						</ul>
 						</li>
 					</ul>
-					<h3>
-						{% if lang == "ru" %}
-						RSS-лента
-						{% elif lang == "es" %}
-						RSS
-						{% else %}
-						RSS feeds
-						{% endif %}
-					</h3>
-					<ul class="rss-list">
-						<li>
-							{% if lang == "ru" %}
-							<a href="/ru/weblog/feed.xml">RSS веб-журнала</a>
-							{% elif lang == "es" %}
-							<a href="/es/weblog/feed.xml">RSS del weblog</a>
-							{% else %}
-							<a href="/weblog/feed.xml">Weblog RSS</a>
-							{% endif %}
-						</li>
-						<li>
-							{% if lang == "ru" %}
-							<a href="/ru/food/feed.xml">RSS книги рецептов</a>
-							{% elif lang == "es" %}
-							<a href="/es/food/feed.xml">RSS del recetario</a>
-							{% else %}
-							<a href="/food/feed.xml">Recipe book RSS</a>
-							{% endif %}
-						</li>
-					</ul>
 					<h3>Email</h3>
 					<a href="mailto:yps@yaroslavps.com">yps@yaroslavps.com</a>
 					<h3>PGP</h3>
 					<a href="https://www.yaroslavps.com/files/yaroslavpub.gpg">
 						BD900E5D624046DC
 					</a>
-					<h3>
-						{% if lang == "ru" %}
-						Другие ссылки
-						{% elif lang == "es" %}
-						Otros vínculos
-						{% else %}
-						Other stuff
-						{% endif %}
-					</h3>
-					<div class="links-container">
-						<a href="https://github.com/Yaroslav-95" title="GitHub">
-						<span class="icon"><img src="/svg/icons/github.svg"/></span>
-						</a>
-						<a href="https://git.yaroslavps.com/" title="Git server">
-						<span class="icon"><img src="/svg/icons/git.svg"/></span>
-						</a>
-					</div>
 					{% if lang == "ru" %}
 					<p>
 						Это русскоязычная версия сайта. Если вам интересно
diff --git a/templates/donate.html b/templates/donate.html
index 3c5df03..18cab1d 100644
--- a/templates/donate.html
+++ b/templates/donate.html
@@ -10,31 +10,29 @@
 			Yaroslav's tip page
 			{% endif %}
 		</h1>
-		<a href="/">
-			{% if lang == "ru" %}
-			Вернуться на главную
-			{% elif lang == "es" %}
-			Regresar a la página de inicio
-			{% else %}
-			Go back to home page
-			{% endif %}
-		</a>
+		{% if lang == "ru" %}
+		<p>вернуться на <a href="/">главную страницу Ярослава</a></p>
+		{% elif lang == "es" %}
+		<p>regresar a <a href="/">la página de inicio de Yaroslav</a></p>
+		{% else %}
+		<p>back to <a href="/">Yaroslav's homepage</a></p>
+		{% endif %}
 		<p>
 			{% if lang == "ru" %}
 			Если вам нравится мой сайт или то, чем я занимаюсь, вы можете мне
-			отправить пожертвование. У меня временно проблемы с Paypal'ом,
-			поэтому пока только принимаю пожертвования на Биткойн и Monero.
+			отправить пожертвование.
 			{% elif lang == "es" %}
 			Si te gusta mi sitio web o lo que hago en general, puedes dejarme
-			una propina. Por el momento tengo problemas con Paypal, por lo tanto
-			sólo estoy recibiendo donaciones a través de Bitcoin y Monero.
+			una propina.
 			{% else %}
 			If you like my site or any of the things that I do, you can leave me
-			a tip. Currently I am having some troubles with Paypal, so Bitcoin
-			and Monero are the only two methods available at the moment for
-			receiving donations.
+			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>
 			<span class="icon">
 				<img src="{{ get_url(path="svg/icons/btc.svg") }}"/>
diff --git a/templates/index.html b/templates/index.html
index 91cce73..a47e545 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,53 +1,139 @@
 {% extends "base.html" %}
 {% block page %}
+	{% if lang != "en" %}
+	{% set weblog_path = "weblog/_index." ~ lang ~ ".md" %}
+	{% set recipes_path = "food/_index." ~ lang ~ ".md" %}
+	{% else %}
+	{% set weblog_path = "weblog/_index.md" %}
+	{% set recipes_path = "food/_index.md" %}
+	{% endif %}
+	{% set weblog = get_section(path=weblog_path) %}
+	{% set recipes = get_section(path=recipes_path) %}
 	<div class="landing-page-container">
 		<h1>{{ trans(key="full_name", lang=lang) }}</h1>
-		<div class="links-container">
-			{% if lang == "ru" %}
-				<a href="/ru/weblog">Веб-журнал</a>
-				<a href="/ru/food">Книга рецептов</a>
-			{% elif lang == "es" %}
-				<a href="/es/weblog">Weblog</a>
-				<a href="/es/food">Recetario</a>
-			{% else %}
-				<a href="/weblog">Weblog</a>
-				<a href="/food">Recipe book</a>
+		<div class="nav-container">
+			{% if lang != "en" %}
+			<a href="/">🇺🇸 English</a>
+			{% endif %}
+			{% if lang != "ru" %}
+			<a href="/ru/">🇷🇺 Русский</a>
+			{% endif %}
+			{% if lang != "es" %}
+			<a href="/es/">🇲🇽 Español</a>
 			{% endif %}
 		</div>
-		<div class="links-container">
-			<a href="https://github.com/Yaroslav-95" title="GitHub">
-			<span class="icon"><img src="/svg/icons/github.svg"/></span>
-			</a>
-			<a href="https://git.yaroslavps.com/" title="Git server">
-			<span class="icon"><img src="/svg/icons/git.svg"/></span>
-			</a>
-		</div>
+
 		<p>
 		{% if lang == "ru" %}
-		Здравствуйте! Меня зовут Ярослав и это мой сайт. Здесь я пишу о том что
-		я думаю или делаю, или чтобы напомнить себе как что-то делать, будь это
-		настроить сервер или приготовить блюдо. Возможно вы найдёте что-нибудь
-		интересного. Большая часть того что я пишу, на 
-		<a href="/">английском</a>. Но, бывает иногда пишу или перевожу то, что
-		пишу, на русский и/или <a href="/es/">испанский</a> языки.
+		Добро пожаловать в мой уголок интернета. Чувствуйте себя как дома.
+		Иногда пишу на русском, но по большей части пишу на английском. Что
+		можно найти на моём сайте:
+		{% elif lang == "es" %}
+		Bienvenido a mi pequeño rincón de internet. Siéntete libre de echar una
+		mirada. A veces escribo en español, pero la mayor parte del contenido
+		está en inglés. Esto es lo que puedes encontrar en mi sitio:
+		{% else %}
+		Welcome to my little corner of the internet. Feel free to take a look
+		around. This is what you can find on my website:
+		{% endif %}
+		</p>
+
+		<p class="new-year">
+		{% if lang == "ru" %}
+		С Новым 2022 Годом и Рождеством!
 		{% elif lang == "es" %}
-		Buenas y bienvenidos sean. Mi nombre es Yaroslav y éste es mi sitio.
-		Aquí escribo lo que pienso o hago, o simplemente para acordarme luego de
-		como hacer ciertas cosas, sea configurar un servidor, o cocinar una
-		receta. Echa una mirada, a lo mejor encuentras algo interestante o útil.
-		Escribo en su mayoría en <a href="/">inglés</a>, pero a veces también
-		escribo o traduzco lo que escribo al español y/o al 
-		<a href="/ru/">ruso</a>.
+		¡Feliz Navidad y Año Nuevo 2022!
 		{% else %}
-		Welcome, my name is Yaroslav. 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, be it set up a server or how to make some dishes. You
-		can take a look around, maybe you'll find something interesting or
-		useful. Most of the time I write in English, but sometimes I might also
-		write or translate what I write in <a href="/es/">Spanish</a> or 
-		<a href="/ru/">Russian</a>.
+		A Merry Christmas and a Happy New Year 2022!
+		{% endif %}
+		</p>
+
+		<h2>{{ trans(key="weblog", lang=lang) }}</h2>
+		{% set latest_weblog = weblog.pages[0] %}
+		<p>
+		{% if lang == "en" %}
+		My thoughts on different matters and some things that I would like to
+		remember.
+		{% elif lang == "es" %}
+		Mis pensamientos acerca de diferentes temas y ciertas cosas que quisiera
+		recordar.
+		{% elif lang == "ru" %}
+		Мои мысли о разных предметах и то, что мне бы хотелось запомнить.
+		{% endif %}
+		</p>
+		<div class="post-container partial">
+			<h3>
+				<a href="{{ latest_weblog.permalink }}">{{ latest_weblog.title }}</a>
+				{% if latest_weblog.date %}
+				<span class="publish-date">{{ latest_weblog.date | date }}</span>
+				{% endif %}
+			</h3>
+			{% if latest_weblog.summary %}
+				{{ latest_weblog.summary | safe }}
+			{% endif %}
+		</div>
+		<div class="nav-container">
+			<a class="see-more" href="{{ weblog.permalink }}">{{ trans(key="see_more", lang=lang) }}</a>
+			<a href="{{ weblog.permalink }}archive">{{ trans(key="archive", lang=lang) }}</a>
+			<a href="{{ weblog.permalink }}feed.xml"><span class="icon"><img src="/svg/icons/rss.svg"/></span> RSS</a>
+		</div>
+
+		<h2>{{ trans(key="recipes", lang=lang) }}</h2>
+		{% set latest_recipe = recipes.pages[0] %}
+		<p>
+		{% if lang == "en" %}
+		A collection of my favorite recipes that I often cook.
+		{% elif lang == "es" %}
+		Una colección de mis recetas favoritas que cocino con frecuencia.
+		{% elif lang == "ru" %}
+		Набор моих любимых рецептов, которые часто готовлю.
 		{% endif %}
 		</p>
+		<div class="post-container partial">
+			<h3>
+				<a href="{{ latest_recipe.permalink }}">{{ latest_recipe.title }}</a>
+				{% if latest_recipe.date %}
+				<span class="publish-date">{{ latest_recipe.date | date }}</span>
+				{% endif %}
+			</h3>
+			{% if latest_recipe.summary %}
+				{{ latest_recipe.summary | safe }}
+			{% endif %}
+		</div>
+		<div class="nav-container">
+			<a class="see-more" href="{{ recipes.permalink }}">{{ trans(key="see_more", lang=lang) }}</a>
+			<a href="{{ recipes.permalink }}archive">{{ trans(key="archive", lang=lang) }}</a>
+			<a href="{{ recipes.permalink }}feed.xml"><span class="icon"><img src="/svg/icons/rss.svg"/></span> RSS</a>
+		</div>
+
+		<h2>{{ trans(key="photos", lang=lang) }}</h2>
+		<p>
+		{% if lang == "en" %}
+		A gallery with some photographs I've taken on my free time.
+		{% elif lang == "es" %}
+		Una galería de fotografías que he tomado en mi tiempo libre.
+		{% elif lang == "ru" %}
+		Галерея с фотографиями сняты в моё свободное время.
+		{% endif %}
+		</p>
+		<div class="album-container">
+			<a href="https://www.yaroslavps.com/photos/st-petersburg-summer-2019/_DSC3948">
+				<img class="thumbnail" src="https://www.yaroslavps.com/photos/st-petersburg-summer-2019/_DSC3948/_DSC3948_thumb.jpg">
+			</a>
+			<a href="https://www.yaroslavps.com/photos/st-petersburg-summer-2019/_DSC1690">
+				<img class="thumbnail" src="https://www.yaroslavps.com/photos/st-petersburg-summer-2019/_DSC1690/_DSC1690_thumb.jpg">
+			</a>
+			<a href="https://www.yaroslavps.com/photos/navy-day-2019/_DSC3892">
+				<img class="thumbnail" src="https://www.yaroslavps.com/photos/navy-day-2019/_DSC3892/_DSC3892_thumb.jpg">
+			</a>
+			<a href="https://www.yaroslavps.com/photos/tallinn-2019/_DSC4468">
+				<img class="thumbnail" src="https://www.yaroslavps.com/photos/tallinn-2019/_DSC4468/_DSC4468_thumb.jpg">
+			</a>
+		</div>
+		<div class="nav-container">
+			<a class="see-more" href="/photos">{{ trans(key="see_more", lang=lang) }}</a>
+		</div>
+
 		<h2>
 			{% if lang == "ru" %}
 			Связаться
@@ -89,40 +175,38 @@
 		</p>
 		<p>
 			{% if lang == "ru" %}
-			Публичный PGP-ключ:
+			PGP-ключ:
 			{% elif lang == "es" %}
-			Llave pública de PGP:
+			Llave de PGP:
 			{% else %}
-			Public PGP key: 
+			PGP key: 
 			{% endif %}
 			<a href="https://www.yaroslavps.com/files/yaroslavpub.gpg">BD900E5D624046DC</a>
 		</p>
-		<h2>RSS feeds</h2>
-		<p>
-			{% if lang == "ru" %}
-			Если вам хочеться следить за тем что я здесь публикую, вы можете
-			добавить эти RSS/Atom-ссылки в свой любимый RSS-ридер:
+		<h2>{{ trans(key="other_links", lang=lang) }}</h2>
+		<div class="nav-container">
+			{% if lang == "en" %}
+			<a href="/donate" title="Leave a tip"><span class="icon"><img src="/svg/icons/btc.svg"/></span> Leave a tip</a>
 			{% elif lang == "es" %}
-			Si te interesa estar al tanto de lo que publico aquí, cuan seguido
-			yo publique, puedes agregar estas direcciones de RSS/Atom a tu
-			lector RSS de preferencia:
-			{% else %}
-			If you are interested in following what I may publish here (however
-			often it may be), you can add these RSS/Atom urls to your favorite
-			RSS reader:
+			<a href="/es/donate" title="Leave a tip"><span class="icon"><img src="/svg/icons/btc.svg"/></span> Dejar propinar</a>
+			{% elif lang == "ru" %}
+			<a href="/ru/donate" title="Leave a tip"><span class="icon"><img src="/svg/icons/btc.svg"/></span> Оставить чайвые</a>
 			{% endif %}
-		</p>
-		<pre class="rss-links-list">
-			{% if lang == "ru" %}
-https://www.yaroslavps.com/ru/weblog/feed.xml
-https://www.yaroslavps.com/ru/food/feed.xml
-			{% elif lang == "es" %}
-https://www.yaroslavps.com/es/weblog/feed.xml
-https://www.yaroslavps.com/es/food/feed.xml
-			{% else %}
-https://www.yaroslavps.com/weblog/feed.xml
-https://www.yaroslavps.com/food/feed.xml
-			{% endif %}
-		</pre>
+			<a href="https://git.yaroslavps.com/" title="Git server"><span class="icon"><img src="/svg/icons/git.svg"/></span> Git server</a>
+			<a href="https://github.com/Yaroslav-95" title="GitHub"><span class="icon"><img src="/svg/icons/github.svg"/></span> Github</a>
+			<a href="https://sr.ht/~yaroslav/" title="sourcehut"><span class="icon"><img 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—2021 Yaroslav de la Peña Smirnov.
+			</p>
+		</div>
 	</div>
 {% endblock %}