brobert
/
carteles2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nuevas plantillas añadidas

Browse Source
pull/1/head
Borja Robert 2 years ago
parent d9de62d43d
commit 75b62fdcd5
6 changed files with 504 additions and 25 deletions
Show Stats Download Patch File Download Diff File

119
src/lib/templates/diente_de_leon.js
Unescape Escape View File

@ -0,0 +1,119 @@
import '$lib/templates/templates'
/** @type {import('$lib/templates/templates').Template} */
export const diente_de_leon = {
name: "diente_de_leon",
description: "diente_de_leon",
image: "diente_de_leon.png",
heading: {
top: 20,
height: 32,
left: 20,
right: 350,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 36,
textAlign: "left",
fontWeight: 400
},
title: {
top: 58,
height: 120,
left: 8,
right: 8,
fontSize: 35,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 28,
textAlign: "center",
fontWeight: 500
},
subtitle: {
top: 160,
height: 48,
left: 8,
right: 8,
fontSize: 25,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 48,
textAlign: "center",
fontWeight: 300
},
content: {
top: 480,
height: 8.5,
left: 1.5,
right: 17,
fontSize: 0,
color: "#222",
fontFamily: "sans-serif",
lineHeight: 1.1,
textAlign: "left",
fontWeight: 700
},
date: {
top: 540,
height: 32,
left: 128,
right: 8,
fontSize: 32,
color: "#fff",
fontFamily: "'Arial', sans-serif",
lineHeight: 32,
textAlign: "left",
fontWeight: 700
},
time: {
top: 600,
height: 32,
left: 128,
right: 8,
fontSize: 32,
color: "#fff",
fontFamily: "'Arial', sans-serif",
lineHeight: 32,
textAlign: "left",
fontWeight: 700
},
weekday: {
top: 8,
height: 32,
left: 8,
right: 80,
fontSize: 0,
color: "#fff",
fontFamily: "sans-serif",
lineHeight: 1.8,
textAlign: "left",
fontWeight: 700
},
address: {
top: 650,
height: 48,
left: 128,
right: 8,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 20,
textAlign: "left",
fontWeight: 400
},
city: {
top: 20,
height: 32,
left: 240,
right: 20,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 36,
textAlign: "right",
fontWeight: 500
},
}

118
src/lib/templates/marroncito.js
Unescape Escape View File

@ -0,0 +1,118 @@
import '$lib/templates/templates'
/** @type {import('$lib/templates/templates').Template} */
export const marroncito = {
name: "marroncito",
description: "marroncito",
image: "marroncito.png",
heading: {
top: 20,
height: 32,
left: 20,
right: 350,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 36,
textAlign: "left",
fontWeight: 400
},
title: {
top: 58,
height: 120,
left: 8,
right: 8,
fontSize: 35,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 28,
textAlign: "center",
fontWeight: 500
},
subtitle: {
top: 160,
height: 48,
left: 8,
right: 8,
fontSize: 25,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 48,
textAlign: "center",
fontWeight: 300
},
content: {
top: 480,
height: 8.5,
left: 1.5,
right: 17,
fontSize: 0,
color: "#222",
fontFamily: "sans-serif",
lineHeight: 1.1,
textAlign: "left",
fontWeight: 700
},
date: {
top: 540,
height: 32,
left: 128,
right: 8,
fontSize: 32,
color: "#fff",
fontFamily: "'Arial', sans-serif",
lineHeight: 32,
textAlign: "left",
fontWeight: 700
},
time: {
top: 600,
height: 32,
left: 128,
right: 8,
fontSize: 32,
color: "#fff",
fontFamily: "'Arial', sans-serif",
lineHeight: 32,
textAlign: "left",
fontWeight: 700
},
weekday: {
top: 8,
height: 32,
left: 8,
right: 80,
fontSize: 0,
color: "#fff",
fontFamily: "sans-serif",
lineHeight: 1.8,
textAlign: "left",
fontWeight: 700
},
address: {
top: 650,
height: 48,
left: 128,
right: 8,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 20,
textAlign: "left",
fontWeight: 400
},
city: {
top: 20,
height: 32,
left: 240,
right: 20,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 36,
textAlign: "right",
fontWeight: 500
},
}

118
src/lib/templates/pajaros_papel.js
Unescape Escape View File

@ -0,0 +1,118 @@
import '$lib/templates/templates'
/** @type {import('$lib/templates/templates').Template} */
export const pajaros_papel = {
name: "pajaros_papel",
description: "pajaros_papel",
image: "pajaros_papel.png",
heading: {
top: 20,
height: 32,
left: 20,
right: 350,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 36,
textAlign: "left",
fontWeight: 400
},
title: {
top: 58,
height: 120,
left: 8,
right: 8,
fontSize: 35,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 28,
textAlign: "center",
fontWeight: 500
},
subtitle: {
top: 160,
height: 48,
left: 8,
right: 8,
fontSize: 25,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 48,
textAlign: "center",
fontWeight: 300
},
content: {
top: 480,
height: 8.5,
left: 1.5,
right: 17,
fontSize: 0,
color: "#222",
fontFamily: "sans-serif",
lineHeight: 1.1,
textAlign: "left",
fontWeight: 700
},
date: {
top: 540,
height: 32,
left: 128,
right: 8,
fontSize: 32,
color: "#fff",
fontFamily: "'Arial', sans-serif",
lineHeight: 32,
textAlign: "left",
fontWeight: 700
},
time: {
top: 600,
height: 32,
left: 128,
right: 8,
fontSize: 32,
color: "#fff",
fontFamily: "'Arial', sans-serif",
lineHeight: 32,
textAlign: "left",
fontWeight: 700
},
weekday: {
top: 8,
height: 32,
left: 8,
right: 80,
fontSize: 0,
color: "#fff",
fontFamily: "sans-serif",
lineHeight: 1.8,
textAlign: "left",
fontWeight: 700
},
address: {
top: 650,
height: 48,
left: 128,
right: 8,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 20,
textAlign: "left",
fontWeight: 400
},
city: {
top: 20,
height: 32,
left: 240,
right: 20,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 36,
textAlign: "right",
fontWeight: 500
},
}

118
src/lib/templates/sanitarios.js
Unescape Escape View File

@ -0,0 +1,118 @@
import '$lib/templates/templates'
/** @type {import('$lib/templates/templates').Template} */
export const sanitarios = {
name: "sanitarios",
description: "sanitarios",
image: "sanitarios.png",
heading: {
top: 20,
height: 32,
left: 20,
right: 350,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 36,
textAlign: "left",
fontWeight: 400
},
title: {
top: 58,
height: 120,
left: 8,
right: 8,
fontSize: 35,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 28,
textAlign: "center",
fontWeight: 500
},
subtitle: {
top: 160,
height: 48,
left: 8,
right: 8,
fontSize: 25,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 48,
textAlign: "center",
fontWeight: 300
},
content: {
top: 480,
height: 8.5,
left: 1.5,
right: 17,
fontSize: 0,
color: "#222",
fontFamily: "sans-serif",
lineHeight: 1.1,
textAlign: "left",
fontWeight: 700
},
date: {
top: 540,
height: 32,
left: 128,
right: 8,
fontSize: 32,
color: "#fff",
fontFamily: "'Arial', sans-serif",
lineHeight: 32,
textAlign: "left",
fontWeight: 700
},
time: {
top: 600,
height: 32,
left: 128,
right: 8,
fontSize: 32,
color: "#fff",
fontFamily: "'Arial', sans-serif",
lineHeight: 32,
textAlign: "left",
fontWeight: 700
},
weekday: {
top: 8,
height: 32,
left: 8,
right: 80,
fontSize: 0,
color: "#fff",
fontFamily: "sans-serif",
lineHeight: 1.8,
textAlign: "left",
fontWeight: 700
},
address: {
top: 650,
height: 48,
left: 128,
right: 8,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 20,
textAlign: "left",
fontWeight: 400
},
city: {
top: 20,
height: 32,
left: 240,
right: 20,
fontSize: 18,
color: "white",
fontFamily: "'Alegreya Sans SC', sans-serif",
lineHeight: 36,
textAlign: "right",
fontWeight: 500
},
}

9
src/lib/templates/templates.js
Unescape Escape View File

@ -2,6 +2,13 @@ import { verde } from '$lib/templates/verde';
import { azul } from '$lib/templates/azul'; import { azul } from '$lib/templates/azul';
import { corazon } from '$lib/templates/corazon'; import { corazon } from '$lib/templates/corazon';
import { posits } from '$lib/templates/posits'; import { posits } from '$lib/templates/posits';
import { acuarela } from '$lib/templates/acuarela';
import { amarillo } from '$lib/templates/amarillo';
import { curvas_azul } from '$lib/templates/curvas_azul';
import { diente_de_leon } from '$lib/templates/diente_de_leon';
import { marroncito } from '$lib/templates/marroncito';
import { pajaros_papel } from '$lib/templates/pajaros_papel';
import { sanitarios } from '$lib/templates/sanitarios';
/** /**
* @typedef {{ * @typedef {{
* top: number; * top: number;
@ -35,4 +42,4 @@ import { posits } from '$lib/templates/posits';
*/ */
/** @type Array<Template> */ /** @type Array<Template> */
export const templates = [verde, azul, corazon, posits]; export const templates = [verde, azul, corazon, posits, acuarela, amarillo, curvas_azul, diente_de_leon, marroncito, pajaros_papel, sanitarios];

21
src/routes/+page.svelte
Unescape Escape View File

@ -12,9 +12,8 @@
<section> <section>
<p>Elige plantilla</p> <p>Elige plantilla</p>
<div class="main"> <div class="main">
<ul>
{#each templates as template} {#each templates as template}
<li> <div class="element">
<a href="/{template.name}" data-sveltekit-prefetch <a href="/{template.name}" data-sveltekit-prefetch
><img ><img
src="/{template.image}" src="/{template.image}"
@ -26,9 +25,8 @@
<div class="caption">{template.name}</div> <div class="caption">{template.name}</div>
{/if} {/if}
</a> </a>
</li> </div>
{/each} {/each}
</ul>
</div> </div>
</section> </section>
@ -42,8 +40,8 @@
.main { .main {
display: grid; display: grid;
grid-auto-columns: 1fr; grid-template-columns: repeat(4, min-content);
grid-auto-rows: 1fr; /* grid-auto-rows: 1fr; */
grid-gap: 1rem; grid-gap: 1rem;
padding: 1rem 0; padding: 1rem 0;
} }
@ -51,11 +49,7 @@
font-size: 1.5rem; font-size: 1.5rem;
color: #333; color: #333;
} }
ul { .element {
list-style: none;
display: flex;
}
li {
line-height: 2rem; line-height: 2rem;
display: inline-block; display: inline-block;
padding: 0.25rem; padding: 0.25rem;
@ -82,4 +76,9 @@
text-align: left; text-align: left;
padding: 0.25rem; padding: 0.25rem;
} }
@media (max-width: 768px) {
.main {
grid-template-columns: repeat(2, min-content);
}
}
</style> </style>

Write Preview
Loading…
Cancel
Save