From 9009f705925e2e1af529cf786aa9f368de3b5d25 Mon Sep 17 00:00:00 2001
From: Borja Robert <borja@brobert.net>
Date: Mon, 3 Oct 2022 01:16:34 +0200
Subject: [PATCH] =?UTF-8?q?a=C3=B1ade=20m=C3=A1s=20propiedades=20a=20la=20?=
 =?UTF-8?q?template?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/header/Header.svelte      |  7 +++++-
 src/lib/templates/Address.svelte  |  4 +--
 src/lib/templates/Content.svelte  |  2 ++
 src/lib/templates/Date.svelte     |  7 +++---
 src/lib/templates/Subtitle.svelte |  3 ++-
 src/lib/templates/Title.svelte    |  7 ++----
 src/lib/templates/Weekday.svelte  |  4 +--
 src/lib/templates/azul.js         | 42 +++++++++++++++++++++----------
 src/lib/templates/heading.svelte  |  2 ++
 src/lib/templates/templates.js    |  2 ++
 src/lib/templates/verde.js        | 35 ++++++++++++++++++--------
 11 files changed, 78 insertions(+), 37 deletions(-)

diff --git a/src/lib/header/Header.svelte b/src/lib/header/Header.svelte
index 32df4cf..c9aceb6 100644
--- a/src/lib/header/Header.svelte
+++ b/src/lib/header/Header.svelte
@@ -1,5 +1,5 @@
 <header>
-	<h1>Carteles dmd</h1>
+	<h1><a href="/">Carteles dmd</a></h1>
 </header>
 
 <style>
@@ -17,4 +17,9 @@
 		/* font-family: 'Gill Sans', sans-serif; */
 		/* font-variant: small-caps; */
 	}
+	a {
+		color: inherit;
+		text-decoration: none;
+		cursor: pointer;
+	}
 </style>
diff --git a/src/lib/templates/Address.svelte b/src/lib/templates/Address.svelte
index 6831217..69bebdc 100644
--- a/src/lib/templates/Address.svelte
+++ b/src/lib/templates/Address.svelte
@@ -17,6 +17,8 @@
     font-size: {templates[templateIndex].address.fontSize}rem;
     font-family: {templates[templateIndex].address.fontFamily};
     line-height: {templates[templateIndex].address.lineHeight};
+		text-align: {templates[templateIndex].address.textAlign};
+		font-weight: {templates[templateIndex].address.fontWeight};
     "
 	>
 		{$address}
@@ -27,8 +29,6 @@
 	.address {
 		position: absolute;
 		display: grid;
-		text-align: center;
-		font-weight: 700;
 		overflow: hidden;
 		white-space: pre-wrap;
 		align-items: center;
diff --git a/src/lib/templates/Content.svelte b/src/lib/templates/Content.svelte
index 636f0ae..aad3501 100644
--- a/src/lib/templates/Content.svelte
+++ b/src/lib/templates/Content.svelte
@@ -16,6 +16,8 @@
     color: {templates[templateIndex].content.color};
     font-size: {templates[templateIndex].content.fontSize}rem;
     font-family: {templates[templateIndex].content.fontFamily};
+		text-align: {templates[templateIndex].content.textAlign};
+		font-weight: {templates[templateIndex].content.fontWeight};
     "
 	>
 		{@html $content}
diff --git a/src/lib/templates/Date.svelte b/src/lib/templates/Date.svelte
index 8de4508..31236e1 100644
--- a/src/lib/templates/Date.svelte
+++ b/src/lib/templates/Date.svelte
@@ -47,6 +47,8 @@
     color: {templates[templateIndex].date.color};
     font-size: {templates[templateIndex].date.fontSize}rem;
     font-family: {templates[templateIndex].date.fontFamily};
+		text-align: {templates[templateIndex].date.textAlign};
+		font-weight: {templates[templateIndex].date.fontWeight};
     "
 	>
 		{newdate.date}
@@ -63,6 +65,8 @@
     color: {templates[templateIndex].time.color};
     font-size: {templates[templateIndex].time.fontSize}rem;
     font-family: {templates[templateIndex].time.fontFamily};
+		text-align: {templates[templateIndex].time.textAlign};
+		font-weight: {templates[templateIndex].time.fontWeight};
     "
 	>
 		{newdate.time}
@@ -77,13 +81,10 @@
 		display: flex;
 		justify-content: center;
 		align-items: start;
-		text-align: center;
 	}
 
 	.time {
 		position: absolute;
 		overflow: hidden;
-		text-align: center;
-		font-weight: 700;
 	}
 </style>
diff --git a/src/lib/templates/Subtitle.svelte b/src/lib/templates/Subtitle.svelte
index 14fccea..39c82d2 100644
--- a/src/lib/templates/Subtitle.svelte
+++ b/src/lib/templates/Subtitle.svelte
@@ -16,6 +16,8 @@
     color: {templates[templateIndex].subtitle.color};
     font-size: {templates[templateIndex].subtitle.fontSize}rem;
     font-family: {templates[templateIndex].subtitle.fontFamily};
+		text-align: {templates[templateIndex].subtitle.textAlign};
+		font-weight: {templates[templateIndex].subtitle.fontWeight};
     "
 	>
 		{$subtitle}
@@ -30,6 +32,5 @@
 		display: flex;
 		justify-content: center;
 		align-items: start;
-		text-align: center;
 	}
 </style>
diff --git a/src/lib/templates/Title.svelte b/src/lib/templates/Title.svelte
index 69ff9b8..bb65004 100644
--- a/src/lib/templates/Title.svelte
+++ b/src/lib/templates/Title.svelte
@@ -16,6 +16,8 @@
     color: {templates[templateIndex].title.color};
     font-size: {templates[templateIndex].title.fontSize}rem;
     font-family: {templates[templateIndex].title.fontFamily};
+		text-align: {templates[templateIndex].title.textAlign};
+		font-weight: {templates[templateIndex].title.fontWeight};
     "
 	>
 		{$title}
@@ -26,14 +28,9 @@
 	.title {
 		position: absolute;
 		font-variant: small-caps;
-		line-height: 2.5rem;
-		color: firebrick;
-		font-weight: 600;
-		height: 5rem;
 		overflow: hidden;
 		display: flex;
 		justify-content: center;
 		align-items: end;
-		text-align: center;
 	}
 </style>
diff --git a/src/lib/templates/Weekday.svelte b/src/lib/templates/Weekday.svelte
index 2bd8227..34a6463 100644
--- a/src/lib/templates/Weekday.svelte
+++ b/src/lib/templates/Weekday.svelte
@@ -16,6 +16,8 @@
     color: {templates[templateIndex].weekday.color};
     font-size: {templates[templateIndex].weekday.fontSize}rem;
     font-family: {templates[templateIndex].weekday.fontFamily};
+		text-align: {templates[templateIndex].weekday.textAlign};
+		font-weight: {templates[templateIndex].weekday.fontWeight};
     "
 	>
 		{$weekday}
@@ -26,8 +28,6 @@
 	.weekday {
 		position: absolute;
 		text-transform: uppercase;
-		font-weight: 700;
 		overflow: hidden;
-		text-align: center;
 	}
 </style>
diff --git a/src/lib/templates/azul.js b/src/lib/templates/azul.js
index 3b12e2b..6904836 100644
--- a/src/lib/templates/azul.js
+++ b/src/lib/templates/azul.js
@@ -5,14 +5,16 @@ export const azul = {
   name: "azul",
   image: "azul.png",
   heading: {
-    top: 300,
-    height: 1.2,
-    left: 1,
+    top: 440,
+    height: 2,
+    left: 10,
     right: 1,
-    fontSize: 1,
-    color: "grey",
+    fontSize: 2,
+    color: "white",
     fontFamily: "sans-serif",
-    lineHeight: 1.1
+    lineHeight: 2,
+    textAlign: "right",
+    fontWeight: 700
   },
   title: {
     top: 320,
@@ -22,7 +24,9 @@ export const azul = {
     fontSize: 2.9,
     color: "firebrick",
     fontFamily: "Gill Sans, sans-serif",
-    lineHeight: 2.5
+    lineHeight: 2.5,
+    textAlign: "left",
+    fontWeight: 700
 
   },
   subtitle: {
@@ -33,7 +37,9 @@ export const azul = {
     fontSize: 1.2,
     color: "#787",
     fontFamily: "Gill Sans, sans-serif",
-    lineHeight: 1.5
+    lineHeight: 1.5,
+    textAlign: "left",
+    fontWeight: 700
   },
   content: {
     top: 480,
@@ -43,7 +49,9 @@ export const azul = {
     fontSize: 0.8,
     color: "#222",
     fontFamily: "sans-serif",
-    lineHeight: 1.1
+    lineHeight: 1.1,
+    textAlign: "left",
+    fontWeight: 700
   },
   date: {
     top: 625,
@@ -53,7 +61,9 @@ export const azul = {
     fontSize: 1.1,
     color: "#fff",
     fontFamily: "sans-serif",
-    lineHeight: 1
+    lineHeight: 1,
+    textAlign: "left",
+    fontWeight: 700
   },
   time: {
     top: 645,
@@ -63,7 +73,9 @@ export const azul = {
     fontSize: 1.8,
     color: "#fff",
     fontFamily: "sans-serif",
-    lineHeight: 1
+    lineHeight: 1,
+    textAlign: "left",
+    fontWeight: 700
   },
   weekday: {
     top: 600,
@@ -73,7 +85,9 @@ export const azul = {
     fontSize: 1.3,
     color: "#fff",
     fontFamily: "sans-serif",
-    lineHeight: 1.8
+    lineHeight: 1.8,
+    textAlign: "left",
+    fontWeight: 700
   },
   address: {
     top: 625,
@@ -83,6 +97,8 @@ export const azul = {
     fontSize: 1,
     color: "firebrick",
     fontFamily: "sans-serif",
-    lineHeight: 1.5
+    lineHeight: 1.5,
+    textAlign: "left",
+    fontWeight: 700
   },
 }
\ No newline at end of file
diff --git a/src/lib/templates/heading.svelte b/src/lib/templates/heading.svelte
index d2a656b..5ac71b7 100644
--- a/src/lib/templates/heading.svelte
+++ b/src/lib/templates/heading.svelte
@@ -16,6 +16,8 @@
   color: {templates[templateIndex].heading.color};
   font-size: {templates[templateIndex].heading.fontSize}rem;
   font-family: {templates[templateIndex].heading.fontFamily};
+	text-align: {templates[templateIndex].heading.textAlign};
+	font-weight: {templates[templateIndex].heading.fontWeight};
   "
 	>
 		{$heading}
diff --git a/src/lib/templates/templates.js b/src/lib/templates/templates.js
index 701d485..52d4954 100644
--- a/src/lib/templates/templates.js
+++ b/src/lib/templates/templates.js
@@ -10,6 +10,8 @@ import { azul } from '$lib/templates/azul';
 * fontSize: number;
 * fontFamily: string;
 * lineHeight: number;
+* textAlign: string;
+* fontWeight: number;
 * }} Element
 */
 
diff --git a/src/lib/templates/verde.js b/src/lib/templates/verde.js
index a246270..8038aa7 100644
--- a/src/lib/templates/verde.js
+++ b/src/lib/templates/verde.js
@@ -12,7 +12,9 @@ export const verde = {
     fontSize: 1,
     color: "grey",
     fontFamily: "sans-serif",
-    lineHeight: 1.1
+    lineHeight: 1.1,
+    textAlign: "left",
+    fontWeight: 400
   },
   title: {
     top: 320,
@@ -22,18 +24,21 @@ export const verde = {
     fontSize: 2.9,
     color: "firebrick",
     fontFamily: "Gill Sans, sans-serif",
-    lineHeight: 2.5
-
+    lineHeight: 2.1,
+    textAlign: "center",
+    fontWeight: 400
   },
   subtitle: {
     top: 420,
     height: 3,
     left: 1,
     right: 2,
-    fontSize: 1.2,
+    fontSize: 1.4,
     color: "#787",
     fontFamily: "Gill Sans, sans-serif",
-    lineHeight: 1.5
+    lineHeight: 1.5,
+    textAlign: "center",
+    fontWeight: 400
   },
   content: {
     top: 480,
@@ -43,7 +48,9 @@ export const verde = {
     fontSize: 0.8,
     color: "#222",
     fontFamily: "sans-serif",
-    lineHeight: 1.1
+    lineHeight: 1.1,
+    textAlign: "left",
+    fontWeight: 400
   },
   date: {
     top: 625,
@@ -53,7 +60,9 @@ export const verde = {
     fontSize: 1.1,
     color: "#fff",
     fontFamily: "sans-serif",
-    lineHeight: 1
+    lineHeight: 1,
+    textAlign: "center",
+    fontWeight: 700
   },
   time: {
     top: 645,
@@ -63,7 +72,9 @@ export const verde = {
     fontSize: 1.8,
     color: "#fff",
     fontFamily: "sans-serif",
-    lineHeight: 1
+    lineHeight: 1,
+    textAlign: "center",
+    fontWeight: 700
   },
   weekday: {
     top: 600,
@@ -73,7 +84,9 @@ export const verde = {
     fontSize: 1.3,
     color: "#fff",
     fontFamily: "sans-serif",
-    lineHeight: 1.8
+    lineHeight: 1.8,
+    textAlign: "center",
+    fontWeight: 700
   },
   address: {
     top: 625,
@@ -83,6 +96,8 @@ export const verde = {
     fontSize: 1,
     color: "firebrick",
     fontFamily: "sans-serif",
-    lineHeight: 1.5
+    lineHeight: 1.5,
+    textAlign: "center",
+    fontWeight: 700
   },
 }
\ No newline at end of file