avances

_includes/layout.vto

@@ -30,9 +30,14 @@
     </div>
   </header>
 
-  {{ about |> md }}
+  <section class="about">
+    <h2>{{ about.title }}</h2>
+    <div>
+    {{ about.content |> md }}
+    </div>
+  </section>
 
-  <section>
+  <section class="timetable">
     <h2>{{ timetable.title }}</h2>
 
     {{ for day of timetable.days }}
@@ -48,55 +53,64 @@
     {{ /for }}
   </section>
 
-  <section>
-    <a href="{{ tickets.cta.url }}">{{ tickets.cta.text }}</a>
-    {{ tickets.text |> md }}
+  <section class="tickets">
+    <div>
+      <a href="{{ tickets.cta.url }}" class="button">{{ tickets.cta.text }}</a>
+      {{ tickets.text |> md }}
+    </div>
   </section>
 
-  <section>
+  <section class="speakers">
     <h2>{{ speakers.title }}</h2>
 
-    <ul>
+    <ul class="speakers-people">
     {{ for speaker of speakers.people }}
       <li>
         <article>
-          <h3>{{ speaker.title |> md(true) }}</h3>
           <img src="{{ speaker.img }}" alt="Retrato">
 
-          {{ for event of speaker.items }}
-          <section>
-            <h4>{{ event.title |> md(true) }}</h4>
-            {{ event.description |> md }}
+          <div class="speakers-person">
+            <h3>{{ speaker.title |> md(true) }}</h3>
+
+            {{ for event of speaker.items }}
+            <section>
+              <h4>{{ event.title |> md(true) }}</h4>
+              {{ event.description |> md }}
 
-            <footer>
-              {{ event.footer |> md }}
-            </footer>
-          </section>
-          {{ /for }}
+              <footer>
+                {{ event.footer |> md }}
+              </footer>
+            </section>
+            {{ /for }}
+          </div>
         </article>
       </li>
     {{ /for }}
     </ul>
   </section>
 
-  <section>
+  <section class="location">
     <div>
-      <h3>{{ location.conferences.title }}</h3>
-      <address>
-        {{ location.conferences.address |> md }}
-      </address>
-    </div>
-    <div>
-      <h3>{{ location.workshops.title }}</h3>
-      <address>
-        {{ location.workshops.address |> md }}
-      </address>
+      <h2>{{ location.title }}</h2>
+      <div>
+        <h3>{{ location.conferences.title }}</h3>
+        <address>
+          {{ location.conferences.address |> md }}
+        </address>
+      </div>
+      <div>
+        <h3>{{ location.workshops.title }}</h3>
+        <address>
+          {{ location.workshops.address |> md }}
+        </address>
+      </div>
     </div>
   </section>
 
-  <footer>
-    {{ for group of logos }}
+  <footer class="footer">
     <div>
+    {{ for group of logos }}
+      <div>
       <strong>{{ group.title }}</strong>
       <ul>
         {{ for logo of group.items }}
@@ -105,8 +119,9 @@
         </li>
         {{ /for }}
       </ul>
-    </div>
+      </div>
     {{ /for }}
+    </div>
   </footer>
 </body>
 </html>

index.yml

@@ -8,10 +8,12 @@ header:
     Santiago de Compostela<br>
     3-4.11.2023
 
-about: |
-  Celebramos a 5a edición do Foro bianual FEED para dar a coñecer e compartir as experiencias de profesionais do deseño, tanto galegos como de ámbito nacional, que buscan a diferenciación para chegar a un público cada vez máis exixente e con necesidades máis personalizadas. Proxectos de deseño gráfico, deseño de produto, deseño dixital, deseño de estratexia ou deseño de servizos, e a participación de estudantes de diferentes escolas de deseño de Galicia, completan un programa que busca a implicación e o intercambio de coñecemento en prol dunha mellor integración do deseño na sociedade actual.
+about:
+  title: Sobre o FEED
+  content: |
+    Celebramos a 5a edición do Foro bianual FEED para dar a coñecer e compartir as experiencias de profesionais do deseño, tanto galegos como de ámbito nacional, que buscan a diferenciación para chegar a un público cada vez máis exixente e con necesidades máis personalizadas. Proxectos de deseño gráfico, deseño de produto, deseño dixital, deseño de estratexia ou deseño de servizos, e a participación de estudantes de diferentes escolas de deseño de Galicia, completan un programa que busca a implicación e o intercambio de coñecemento en prol dunha mellor integración do deseño na sociedade actual.
 
-  Dous días con obradoiros formativos nas xornadas de mañá e conferencias e presentacións de proxectos nas xornadas de tarde, onde contaremos coa presenza de Artur Galocha, que amosará a evolución do seu traballo e impartirá o primeiro obradoiro de deseño editorial; a deseñadora de tipografías María Ramos, que fará un percorrido pola tipografía contemporánea e falará dos procesos creativos neste campo; e Carmen Lanza, experta en deseño de espazos interactivos en empresas de ámbito internacional. Pechamos o primeiro día coa presentación de proxectos fin de curso dos futuros deseñadores galegos.
+    Dous días con obradoiros formativos nas xornadas de mañá e conferencias e presentacións de proxectos nas xornadas de tarde, onde contaremos coa presenza de Artur Galocha, que amosará a evolución do seu traballo e impartirá o primeiro obradoiro de deseño editorial; a deseñadora de tipografías María Ramos, que fará un percorrido pola tipografía contemporánea e falará dos procesos creativos neste campo; e Carmen Lanza, experta en deseño de espazos interactivos en empresas de ámbito internacional. Pechamos o primeiro día coa presentación de proxectos fin de curso dos futuros deseñadores galegos.
 
 timetable:
   title: Programa
@@ -241,17 +243,18 @@ speakers:
           url: https://www.isidroferrer.com/
 
 location:
+  title: Como chegar
   conferences:
     title: Conferencias
     address: |
-      CGAC
-      Rúa Valle Inclán, 2
+      CGAC  
+      Rúa Valle Inclán, 2  
       Santiago de Compostela
   workshops:
     title: Obradoiros e Exposición
     address: |
-      Fundación DIDAC
-      Rúa Pérez Constanti, 12
+      Fundación DIDAC  
+      Rúa Pérez Constanti, 12  
       Santiago de Compostela
 
 logos: