mirror of
https://git.sr.ht/~sircmpwn/useplaintext.email
synced 2024-09-22 21:21:20 +02:00
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:
parent
017190c7e6
commit
a875f938fd
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 80 KiB |
48
css/style.css
Normal file
48
css/style.css
Normal 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: '✗ '; }
|
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 80 KiB |
@ -4,56 +4,7 @@
|
|||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Usa correo en texto plano</title>
|
<title>Usa correo en texto plano</title>
|
||||||
<style>
|
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
|
||||||
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>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Usa correo en texto plano</h1>
|
<h1>Usa correo en texto plano</h1>
|
||||||
@ -102,7 +53,7 @@
|
|||||||
>Pruébala</a>!
|
>Pruébala</a>!
|
||||||
</p>
|
</p>
|
||||||
<img
|
<img
|
||||||
src="certified.svg"
|
src="/assets/certified.svg"
|
||||||
alt="Sello «Plaintext Certified»"
|
alt="Sello «Plaintext Certified»"
|
||||||
style="float: right"
|
style="float: right"
|
||||||
width="200" height="200" />
|
width="200" height="200" />
|
||||||
|
53
index.html
53
index.html
@ -4,56 +4,7 @@
|
|||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Use plaintext email</title>
|
<title>Use plaintext email</title>
|
||||||
<style>
|
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
|
||||||
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>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Use plaintext email</h1>
|
<h1>Use plaintext email</h1>
|
||||||
@ -98,7 +49,7 @@
|
|||||||
<a href="https://meta.sr.ht/register">try it today</a>!
|
<a href="https://meta.sr.ht/register">try it today</a>!
|
||||||
</p>
|
</p>
|
||||||
<img
|
<img
|
||||||
src="certified.svg"
|
src="/assets/certified.svg"
|
||||||
alt="Plaintext certified stamp"
|
alt="Plaintext certified stamp"
|
||||||
style="float: right"
|
style="float: right"
|
||||||
width="200" height="200" />
|
width="200" height="200" />
|
||||||
|
Loading…
Reference in New Issue
Block a user