banner param & tables css

content/_index.md

@@ -2,4 +2,5 @@
 title: CONEX.one
 description: Un sólo lugar para los negocios costarricenses
 layout: list
+banner: /svg/banner.svg
 ---

content/athos/_index.md

@@ -2,6 +2,7 @@
 date: 2024-01-18
 title: Athos Studio
 description: Servicios fotográficos
+banner: banner.jpg
 tags: fotografías fotos sesiones photography photos sessions
 layout: single
 ---

content/gofitness/_index.md

@@ -2,6 +2,7 @@
 date:
 title: GoFitness
 description: Familia dedicada al bienestar, nos concentramos en ofrecer entrenamientos alternativos.
+banner: banner.jpg
 tags: gyms gimnasios entrenamientos cartago pesas box acrobacias telas spinning escaladas
 layout: single
 ---

content/jovenestutores/_index.md

@@ -2,6 +2,7 @@
 date: 2024-08-09
 title: Hilary Soto
 description: Tutorías virtuales de inglés, francés, primaria, secundaria.
+avatar: avatar.jpg
 tags: tutorias escuelas tutora ingles frances pŕimaria secundaria idiomas materias basicas estudiantes
 layout: profile
 ---

content/restdeverano/_index.md

@@ -2,6 +2,7 @@
 date:
 title: Restaurante de Verano
 description: Restaurante de comida asiática orientado a la familia
+banner: banner.jpg
 tags: comidas chinos chinas asiáticos cartago arroz restaurantes cantonés
 layout: single
 ---

themes/default/layouts/partials/header.html

@@ -1,4 +1,4 @@
-<div class="banner" style="background-image: url(banner.jpg);">
+<div class="banner" style="background-image: url('{{ .Params.banner }}');">
   <div class="desc">
     <h1>{{ .Title }}</h1>
     <p>{{ .Params.description }}</p>

themes/default/layouts/partials/profileheader.html

@@ -1,6 +1,6 @@
 <div class="header">
   <div class="profilepicture">
-    <img src="avatar.jpg">
+    <img src="{{ .Params.avatar }}">
   </div>
   <div class="desc">
     <h1>{{ .Title }}</h1>

themes/default/static/css/default.css

@@ -192,3 +192,28 @@ footer {
   padding-top: 1em;
   padding-bottom: 1em;
 }
+
+table {
+  width: 60%;
+  margin: 20px auto;
+  border-collapse: collapse;
+  font-size: 16px;
+}
+
+th, td {
+  padding: 12px;
+  text-align: left;
+}
+
+thead th {
+  font-weight: bold;
+  border-bottom: 1px solid var(--hover-border);
+}
+
+td {
+  border-bottom: 1px solid var(--hover-border);
+}
+
+li {
+  margin-bottom: 0.8em;
+}

themes/default/static/svg/banner.svg

@@ -0,0 +1,9 @@
+<svg width="1920" height="1080" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:rgb(0,0,255);stop-opacity:1" />
+      <stop offset="100%" style="stop-color:rgb(0,255,255);stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect width="1920" height="1080" fill="url(#grad1)" />
+</svg>