Add utf-8 encoding declaration
This commit is contained in:
parent
bac9badafe
commit
108bcae322
|
@ -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
|
||||||
|
|
10
index.html
10
index.html
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue