-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsorted_txts.html
78 lines (67 loc) · 2.58 KB
/
sorted_txts.html
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
<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
<title> - When software gets in the way</title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Dimitrios Semitsoglou-Tsiapos">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
<link rel="alternate" type="application/rss+xml" title="When software gets in the way" href="/feed.xml" />
<style>
/* General */
html {background-color: #fffdff;}
body {font-family: sans-serif; max-width: 79ch; opacity: 0.85}
hr {opacity: 0.2;}
#content {padding-bottom: 1em;}
/* Links */
a {text-decoration: none;}
a:link {color: #3189c5;}
a:visited {color: #a131c5;}
a:hover {text-decoration: underline;}
/* Headings */
h2 {font-size: medium; margin: 0.67em 0 0.67em 0; font-weight: initial;}
h1 {font-size: large;}
/* Paragraphs */
p, article .preview {text-align: justify;}
/* Previews */
article {position: relative;}
article .preview {max-height: 20vw; overflow:hidden; opacity: 0.9; margin-left: 4ch}
article .cont_box {margin-left: 4ch;}
article .cont {position: absolute; bottom: -0.4em; right: 0; background: #fffdff; font-size: small; padding-left: 1ch; z-index: 1;}
/* Menu */
ul#menu {text-align: right; margin-right: 0;}
ul#menu li {display: block;}
ul#menu li:not(last-child) {padding: 0.2em 0 0.2em 0;}
ul#menu hr {width: 20ch; margin-right: 0; margin-top: 0; margin-bottom: 0;}
/* Mobile */
@media (max-width: 65ch) {
pre {overflow: scroll;}
.cont {display: none;}
}
/* Skip to content */
.skip {position: absolute; opacity:0; pointer-events: none;}
.skip:active, .skip:focus {opacity:1;}
</style>
</head>
<body>
<a href="#content" class="skip" tabindex="1">Skip to content</a>
<nav>
<ul id="menu">
<li><a href="/">Notes</a></li>
<hr>
<li><a href="/pages/advice.html">Advice</a></li>
<hr>
<li><a href="https://github.com/search?o=desc&q=author:dset0x+&s=created&type=Issues&utf8=✓">GitHub Issues</a></li>
<hr>
</ul>
</nav>
<main id="content">
<article>
</article>
</main>
<footer>
</footer>
</body>
</html>