Huge html+css revamp

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

1 files changed, 150 insertions, 66 deletions

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