From 3f16fbd1f5c61ec8a8d545040eea4bb4b10f9884 Mon Sep 17 00:00:00 2001
From: sergiotarxz <sergiotarxz@posteo.net>
Date: Fri, 11 Nov 2022 02:40:52 +0100
Subject: [PATCH] Changing the way rss feeds are presented in the front.

---
 public/css/styles.scss            | 12 ++++++++
 templates/layouts/default.html.ep | 51 +++++++++++++++++--------------
 templates/page/index.html.ep      | 11 ++++---
 3 files changed, 46 insertions(+), 28 deletions(-)

diff --git a/public/css/styles.scss b/public/css/styles.scss
index ffad11f..70b1320 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -208,6 +208,18 @@ body {
 			font-size: 50px;
 		}
 		
+		div.footer {
+			p,h1,h2,h3,h4,a {
+				font-size: initial;
+			}
+			a.suscribe-category-rss {
+				padding: 7px;
+			}
+			a.suscribe-category-rss,a.suscribe-category-rss > img {
+				width: 20px;
+				height: 20px;
+			}
+		}
 	}
 
 }
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index 498ddfd..366dce8 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -14,29 +14,34 @@
 	<div class="site-wrapper">
 	</div>
 	<div class="page-contents">
-	<nav class="desktop"><% for my $category_key (sort {
-		       $categories->{$a}{priority} <=> $categories->{$b}{priority} 
-		   } keys %$categories) {
-			   my $category = $categories->{$category_key};
-			   my $selected = defined($current_slug) && $category->{slug} eq $current_slug;
-			%><a class="<%=$selected && "selected" %>" href="<%= '/'.$category->{slug} %>"><%==$category->{menu_text}%></a><% 
-		   }
-		%><a href="/all.rss" target="_blank" rel="noopener">
-			Suscribete <img class="rss-menu-icon" alt="RSS icon" class="rss-icon" src="/img/rss.svg"/>
-		</a>
-	</nav>
-	<nav class="mobile-shortcuts">
-		<a class="go-to-index" href="<%='/'.$categories->{index}{slug}%>"><%== $categories->{index}{menu_text} %></a>
-		<a href="#mobile-foldable" class="menu-expand"><img class="open-menu-icon" src="/img/menu.png" alt="Expandir el menú."/></a>
-	</nav>
-	<nav class="mobile-foldable" id="mobile-foldable"><% for my $category_key (sort {
-		       $categories->{$a}{priority} <=> $categories->{$b}{priority} 
-		   } keys %$categories) {
-			   my $category = $categories->{$category_key};
-			%><a href="<%= '/'.$category->{slug} %>"><%==$category->{menu_text}%></a><% 
-		   }
-	%></nav>
+		<nav class="desktop"><% for my $category_key (sort {
+			       $categories->{$a}{priority} <=> $categories->{$b}{priority} 
+			   } keys %$categories) {
+				   my $category = $categories->{$category_key};
+				   my $selected = defined($current_slug) && $category->{slug} eq $current_slug;
+				%><a class="<%=$selected && "selected" %>" href="<%= '/'.$category->{slug} %>"><%==$category->{menu_text}%></a><% 
+			   }
+			%></nav>
+		<nav class="mobile-shortcuts">
+			<a class="go-to-index" href="<%='/'.$categories->{index}{slug}%>"><%== $categories->{index}{menu_text} %></a>
+			<a href="#mobile-foldable" class="menu-expand"><img class="open-menu-icon" src="/img/menu.png" alt="Expandir el menú."/></a>
+		</nav>
+		<nav class="mobile-foldable" id="mobile-foldable"><% for my $category_key (sort {
+			       $categories->{$a}{priority} <=> $categories->{$b}{priority} 
+			   } keys %$categories) {
+				   my $category = $categories->{$category_key};
+				%><a href="<%= '/'.$category->{slug} %>"><%==$category->{menu_text}%></a><% 
+			   }
+		%></nav>
 
-	<%= content %></body>
+		<%= content %></body>
+		<hr/>
+		<div class="footer description">
+			<p>©2022 Sergio Iglesias</p>
+			<p>Enterate de todas las novedades de Burguillos.info:</p>
+			<a class="suscribe-category-rss" href="/all.rss">
+				 <img src="/img/rss.svg" alt="Icono de suscripción rss"/>
+			</a>
+		</div>
 	</div>
 </html>
diff --git a/templates/page/index.html.ep b/templates/page/index.html.ep
index ac09d15..ca44684 100644
--- a/templates/page/index.html.ep
+++ b/templates/page/index.html.ep
@@ -36,9 +36,10 @@
 	<p>Parece que aun no hay artículos.</p>
 % }
 
-</div>
-<h3>Suscribete a esta categoría.</h3>
+	</div>
+	<h3>Suscribete a esta categoría.</h3>
 
-<a class="suscribe-category-rss" href="/<%=$current_category->{slug}%>.rss">
-	<img src="/img/rss.svg" alt="Icono de suscripción rss"/>
-</a>
+	<a class="suscribe-category-rss" href="/<%=$current_category->{slug}%>.rss">
+		<img src="/img/rss.svg" alt="Icono de suscripción rss"/>
+	</a>
+</div>