diff --git a/certified.svg b/assets/certified.svg similarity index 100% rename from certified.svg rename to assets/certified.svg diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..c38b07d --- /dev/null +++ b/css/style.css @@ -0,0 +1,48 @@ +body { + max-width: 800px; + margin: 0 auto; + font: 11pt monospace; + padding: 0 1rem; +} + +ul li { + margin: 0.5rem 0; +} + +.muted { + color: grey; +} + +pre { + padding-left: 1rem; + max-width: 100%; + overflow-x: auto; +} + +h2 a { + text-decoration: none; + color: black; +} + +.breakdown { + display: flex; + justify-content: space-between; +} + +@media(max-width: 720px) { + .breakdown { + display: block; + } + .breakdown span { + display: block; + } +} + +.breakdown span { + padding: 0.5rem; +} + +.green { background-color: rgba(0, 200, 0, 0.5); } +.green::before { content: '✓ '; } +.red { background-color: rgba(255, 50, 50, 0.5); } +.red::before { content: '✗ '; } diff --git a/es/certified.svg b/es/certified.svg deleted file mode 100644 index cf09a50..0000000 --- a/es/certified.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/es/index.html b/es/index.html index eaa12e2..c2c1912 100644 --- a/es/index.html +++ b/es/index.html @@ -4,56 +4,7 @@ Usa correo en texto plano - +

Usa correo en texto plano

@@ -102,7 +53,7 @@ >Pruébala!

Sello «Plaintext Certified» diff --git a/index.html b/index.html index ec52198..8af16c9 100644 --- a/index.html +++ b/index.html @@ -4,56 +4,7 @@ Use plaintext email - +

Use plaintext email

@@ -98,7 +49,7 @@ try it today!

Plaintext certified stamp