Adding an article about Guillena con el pueblo saharaui.

content/posts/0000027-guillena-adopta-sonrisas.xml

@@ -0,0 +1,20 @@
+<post>
+	<author>Burguillos.info</author>
+	<date>2023-05-08T22:14:00+02:00</date>
+	<title>Jornada de puertas abiertas "Guillena con el pueblo saharaui".</title>
+    <ogdesc>Jornada de puertas abiertas "Guillena con el pueblo saharaui".</ogdesc>
+	<category>index</category>
+    <img src="/img/sahara-adopta.webp"/>
+	<slug>sahara-acogida-ninos</slug>
+	<content>
+        <img style="border: 1px black solid;" src="/img/sahara-adopta.webp" alt="Transcript: Jornada de puertas abiertas Guillena adopta sonrisas. (Guillena con el pueblo saharahui)"/>
+
+        <h2>Acogida urgente de niños saharauis, se buscan familias de Sevilla, Burguillos, Alcalá del río, Castilblanco de los arroyos, la Rinconada, Guillena.</h2>
+        
+        <p>La asociación "Guillena con el pueblo saharaui" organiza una jornada de puertas abiertas en Guillena calle Manuel Romero Romero número 1 el día 12 de Mayo de 2023 a las 20:30.</p>
+
+        <p>Estáis invitados a asistir, por otro lado se informa de la necesidad urgente de familias dispuestas a acoger de forma temporal a niños saharauis, contactad con este email <a href="mailto:guillenaconelpueblosaharaui@gmail.com">guillenaconelpueblosaharaui@gmail.com</a> para recibir toda la información si estais dispuestos a acoger a uno de estos niños.</p>
+
+        <p>Se actualizará con más información este artículo en los próximos días.</p>
+	</content>
+</post>

public/css/styles.css

@@ -54,12 +54,12 @@ body {
       padding-right: 10px;
       margin: 0; }
     body div.page-contents div.description {
+      margin-top: 60px;
       word-wrap: break-word;
       padding: 1%;
       margin-left: 3%;
       margin-right: 3%;
-      margin-bottom: 1%;
+      margin-bottom: 1%; }
-      margin-top: 10%; }
       body div.page-contents div.description input {
         display: block; }
       body div.page-contents div.description div.suscribirse-rss img {
@@ -178,9 +178,9 @@ body {
       height: 60px; }
       body div.page-contents nav.mobile-shortcuts a {
         height: 100%;
-        width: 16.6666666667%; }
+        width: 16.66667%; }
       body div.page-contents nav.mobile-shortcuts div {
-        width: 66.6666666667%; }
+        width: 66.66667%; }
     body div.page-contents nav.mobile-foldable {
       display: none;
       background: blueviolet;
@@ -204,8 +204,6 @@ body {
     font-size: 20px; } }
 
 @media (min-width: 694px) {
-  body div.page-contents div.description {
-    margin-top: auto; }
   body div.page-contents div.description div.articles a {
     width: 45%;
     margin-left: 5%; }
@@ -222,8 +220,7 @@ body {
       display: none; }
     body div.page-contents div.description {
       margin-left: 10%;
-      margin-right: 10%;
+      margin-right: 10%; }
-      margin-top: auto; }
     body div.page-contents nav.desktop {
       display: block;
       height: auto; }
@@ -235,8 +232,6 @@ body {
       display: none; } }
 
 @media (min-width: 1333px) {
-  body div.page-contents div.description {
-    margin-top: auto; }
   body div.page-contents div.description div.articles a {
     width: 30%;
     margin-left: 3%; }
@@ -244,3 +239,4 @@ body {
       margin-left: 3%; }
     body div.page-contents div.description div.articles a:nth-child(3n+1) {
       margin-left: 0%; } }
+

public/css/styles.scss

@@ -85,6 +85,7 @@ body {
     }
 
     div.description {
+        margin-top: 60px;
       input {
         display: block;
       }
@@ -101,7 +102,6 @@ body {
       margin-left: 3%;
       margin-right: 3%;
       margin-bottom: 1%;
-      margin-top: 10%;
 
       div.articles {
         display: flex;
@@ -334,7 +334,6 @@ body {
   body {
     div.page-contents {
       div.description {
-        margin-top: auto;
 
         div.articles {
           a {
@@ -360,7 +359,6 @@ body {
       div.description {
         margin-left: 10%;
         margin-right: 10%;
-        margin-top: auto;
       }
 
       nav.desktop {
@@ -392,7 +390,6 @@ body {
   body {
     div.page-contents {
       div.description {
-        margin-top: auto;
 
         div.articles {
           a {