template.html (2574B)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="$title$" />
<meta property="og:description" content="Ruminations on scale, technology and sustainability and their consequences for how lurk.org is run" />
<meta property="og:image" itemprop="image" content="https://txt.lurk.org/on-not-scaling-lurk/taSj1BprSmeaHqBqoKOS6Q.jpg" />
<meta property="og:url" content="https://txt.lurk.org/on-not-scaling-lurk/" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="$title$" />
<meta name="twitter:description" content="Ruminations on scale, technology and sustainability and their consequences for how lurk.org is run" />
<meta name="twitter:image" content="https://txt.lurk.org/on-not-scaling-lurk/taSj1BprSmeaHqBqoKOS6Q.jpg" />
<meta name="twitter:image:alt" content="Capybara with a hat says 'too rad to be sad'" />
<title>$title$</title>
<style type="text/css">
@font-face {
font-family: 'Route159-SemiBold';
src: url('../Route159-SemiBold.woff') format('woff');
}
body{
margin:40px auto;
max-width:650px;
line-height:1.6;
font-size:20px;
color:#444;
padding:0 10px;
font-family: 'Route159-SemiBold';
}
a:hover, a:visited {
color: #7800FF;
word-wrap:anywhere;
}
h1,h2,h3{
line-height:1.2;
}
figcaption {
text-align: center;
}
#ecf {
padding-top: 6em;
display: block;
margin-left: auto;
width: 25%;
}
img {
width: 100%;
margin: auto;
}
@media only screen
and (max-device-width: 400px)
and (orientation: portrait) {
body {
margin: 1em 2em;
font-size: 14px;
line-height: 1.4;
font-family: sans;
}
figure {
width: 100%;
margin: auto;
}
}
@media only screen
and (max-device-width: 650px)
and (orientation: portrait) {
body {
margin: 1em 2em;
font-size: 16px;
line-height: 1.4;
}
blockquote {
margin: 0 auto;
border-left: 2px solid #444;
padding-left: 1em;
}
figure {
width: 100%;
margin: auto;
}
}
</style>
</head>
<body>
$body$
</body>
</html>
|