From 7e912ffb3ea339c977ffe915241195714de7894c Mon Sep 17 00:00:00 2001 From: Ryan Ponce Date: Sun, 29 Sep 2019 00:39:26 -0700 Subject: [PATCH] Add spanish translation --- es.html | 244 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 96 ++------------------ package.json | 4 +- style.css | 93 ++++++++++++++++++++ 4 files changed, 348 insertions(+), 89 deletions(-) create mode 100644 es.html create mode 100644 style.css diff --git a/es.html b/es.html new file mode 100644 index 0000000..7ee6d41 --- /dev/null +++ b/es.html @@ -0,0 +1,244 @@ + + + + + + + Ryan y Sandy + + + + +
+
+ + +

+ Ryan + + y + + Sandy +

+ +

¡Nos casamos baby!

+ +

2 de Noviembre en CDMX, Mexico

+
+ +
+
+ + + + + +

Ceremonia

+ +

12:00

+

Parroquia de la Sagrada Familia

+
+ + Puebla 144, + Roma Nte., + 06700 + Ciudad de México, CDMX, Mexico + +
+
+ +
+ + + + + + + + + +

Comida y Bebidas

+ +

14:00

+

Pujol

+
+ + Tennyson 133, + Polanco, Polanco IV Secc, + 11550 + Ciudad de México, CDMX, Mexico + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + +

La Fiesta Continua

+ +

19:00

+

Pulquería La Nuclear

+
+ + Calle Querétaro 96, + Roma Nte., + 06700 + Ciudad de México, CDMX, Mexico + +
+
+
+
+ + diff --git a/index.html b/index.html index d9eb5d7..0937f5d 100644 --- a/index.html +++ b/index.html @@ -9,97 +9,19 @@ href="https://fonts.googleapis.com/css?family=Playfair+Display:400,900&display=swap" rel="stylesheet" /> - +
+ +

Ryan diff --git a/package.json b/package.json index 979bca4..2d58797 100644 --- a/package.json +++ b/package.json @@ -8,8 +8,8 @@ "license": "MIT", "private": false, "scripts": { - "dev": "parcel index.html", - "build": "parcel build index.html" + "dev": "parcel *.html", + "build": "parcel build *.html" }, "devDependencies": { "parcel-bundler": "^1.12.3" diff --git a/style.css b/style.css new file mode 100644 index 0000000..85e7891 --- /dev/null +++ b/style.css @@ -0,0 +1,93 @@ +:root { + --primary: #d8d2cb; + --secondary: #1a1e21; + --tertiary: #60646a; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +html { + background: var(--secondary); + font-size: 1vmin; +} + +body { + color: var(--primary); + font-family: "Playfair Display", serif; + padding: 2rem; +} + +.container { + max-width: 120rem; +} + +h1 { + font-size: 15rem; + font-weight: 900; + line-height: 1.25; +} + +h2 { + font-size: 10rem; + font-weight: 900rem; + margin-bottom: 2rem; +} + +p, +address { + font-size: 6rem; +} + +a { + color: var(--tertiary); + text-decoration: none; + transition: color 0.25s ease; +} + +a:hover { + color: var(--primary); +} + +nav { + float: right; +} + +.translation-link { + font-size: 3rem; +} + +.ampersand { + font-size: 6rem; +} + +main { + margin-top: 20rem; +} + +section { + margin-top: 20rem; +} + +svg { + height: 20rem; + transition: transform 0.25s ease; + width: 20rem; +} + +svg:hover { + transform: translateY(-1rem); +} + +.block-text { + display: block; +} + +@media (min-width: 768px) { + html { + font-size: 10px; + } +}