wanderer/ useplaintext.email
1
0
Fork 0
mirror of https://git.sr.ht/~sircmpwn/useplaintext.email synced 2024-04-27 16:05:00 +02:00
Code Releases Activity

Uniquify CSS and SVG 

CSS code in both HTML files is now deduplicated into a single CSS file
located at css/style.css

Same goes with the two identical SVG files, this commit only keeps one
at /assets/certified.svg
This commit is contained in:
Lucien Cartier-Tilet 2022-12-15 15:48:45 +01:00 committed by Drew DeVault
parent 017190c7e6
commit a875f938fd
5 changed files with 52 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
certified.svg → assets/certified.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 80 KiB

48
css/style.css Normal file
View File

@ -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: '✗ '; }

1
es/certified.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 80 KiB

53
es/index.html
View File

@ -4,56 +4,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Usa correo en texto plano</title>
<style>
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: '✗ '; }
</style>
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
</head>
<body>
<h1>Usa correo en texto plano</h1>
@ -102,7 +53,7 @@
>Pruébala</a>!
</p>
<img
src="certified.svg"
src="/assets/certified.svg"
alt="Sello «Plaintext Certified»"
style="float: right"
width="200" height="200" />

53
index.html
View File

@ -4,56 +4,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Use plaintext email</title>
<style>
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: '✗ '; }
</style>
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
</head>
<body>
<h1>Use plaintext email</h1>
@ -98,7 +49,7 @@
<a href="https://meta.sr.ht/register">try it today</a>!
</p>
<img
src="certified.svg"
src="/assets/certified.svg"
alt="Plaintext certified stamp"
style="float: right"
width="200" height="200" />