añade más propiedades a la template

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>

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;

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}

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>

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>

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>

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>

src/lib/templates/azul.js

@@ -5,14 +5,16 @@ export const azul = {
   name: "azul",
   image: "azul.png",
   heading: {
-    top: 300,
+    top: 440,
-    height: 1.2,
+    height: 2,
-    left: 1,
+    left: 10,
     right: 1,
-    fontSize: 1,
+    fontSize: 2,
-    color: "grey",
+    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
   },
 }

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}

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
 */
 

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
   },
 }