Add utf-8 encoding declaration

This commit is contained in:
Case Duckworth 2019-06-09 18:53:24 -05:00
parent bac9badafe
commit 108bcae322
4 changed files with 19 additions and 14 deletions

View File

@ -1,4 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<meta charset="utf-8">
<title>corner shop</title> <title>corner shop</title>
<style> <style>
@ -24,7 +25,7 @@ main {
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
} }
q.crone { q.crone {
font: 18px sans-serif; font: 18px sans-serif;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 1px; letter-spacing: 1px;
@ -34,7 +35,7 @@ q.n { color: navy; }
q.n::before { content: "\2014"; padding-right: 6px;} q.n::before { content: "\2014"; padding-right: 6px;}
q.n::after { content: ""; } q.n::after { content: ""; }
q.landlord { font: 18px serif; font-weight: bold; } q.landlord { font: 18px serif; font-weight: bold; }
.number { .number {
padding: 4px; padding: 4px;
border: 1px solid; border: 1px solid;
border-radius: 2px; border-radius: 2px;
@ -61,9 +62,9 @@ q.landlord { font: 18px serif; font-weight: bold; }
<a href="index.html" class=return>return</a> <a href="index.html" class=return>return</a>
</aside> </aside>
<main> <main>
<p><q class=crone>There are times when you'll want to stop</q>, <p><q class=crone>There are times when you'll want to stop</q>,
she said, she said,
<q class=crone>and there are times when going on <q class=crone>and there are times when going on
seems like the only option.</q> seems like the only option.</q>
<p> <p>
I wasn't sure what she was talking about. I'd only come in the I wasn't sure what she was talking about. I'd only come in the
@ -191,7 +192,7 @@ the phone up to my ear.
<q class=n>I can't find <span class=number>13th</span>. You said <q class=n>I can't find <span class=number>13th</span>. You said
the shop was on <span class=number>13th</span> and the shop was on <span class=number>13th</span> and
<span class=number>Watermore</span>.</q><br> <span class=number>Watermore</span>.</q><br>
<q class=landlord>What shop?</q><br> <q class=landlord>What shop?</q><br>
<q class=n>The shop, the one you were asking about. The one <q class=n>The shop, the one you were asking about. The one
without danishes.</q><br> without danishes.</q><br>
<q class=landlord>No, I said <span class=number>13th</span> and <q class=landlord>No, I said <span class=number>13th</span> and

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<head> <head>
<meta charset="utf-8">
<title>acdw's cool internet experiments</title> <title>acdw's cool internet experiments</title>
<body> <body>
@ -56,10 +57,11 @@
<section id="pages"> <section id="pages">
<h1>read</h1> <h1>read</h1>
<ul> <ul>
<li><a href="feels"><strong>feelings</strong></a> <li><a href="feels"><strong>feelings</strong></a></li>
<li><a href="written-while-waiting.html">written while waiting</a> <li><a href="written-while-waiting.html">written while waiting</a></li>
<li><a href="same-page.html">same page</a> <li><a href="same-page.html">same page</a></li>
<li><a href="cornershop.html">corner shop</a> <li><a href="cornershop.html">corner shop</a></li>
<li><a href="windy.html">windy</a></li>
</ul> </ul>
</section> </section>
</div> </div>

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- vim: sts=3 ts=3 sw=3 <meta charset="utf-8">
<!-- vim: sts=3 ts=3 sw=3
--> -->
<title>the same page</title> <title>the same page</title>
<link rel="stylesheet media="screen" type="text/css" <link rel="stylesheet media="screen" type="text/css"
@ -108,8 +109,8 @@ main {
padding: 2ch; padding: 2ch;
margin: auto; margin: auto;
} }
header,footer { header,footer {
text-align: right; text-align: right;
color: goldenrod; color: goldenrod;
font: 16px/1 monospace; font: 16px/1 monospace;
position: fixed; position: fixed;

View File

@ -1,3 +1,4 @@
<!DOCTYPE html>
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta http-equiv='content-language' content='en-US'> <meta http-equiv='content-language' content='en-US'>
@ -90,7 +91,7 @@ body {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
justify-content: space-between; justify-content: space-between;
background: background:
fixed no-repeat fixed no-repeat
linear-gradient(to bottom right, rgba(221,170,221,0.8), rgba(170,221,170,0.8)), linear-gradient(to bottom right, rgba(221,170,221,0.8), rgba(170,221,170,0.8)),
fixed no-repeat fixed no-repeat