Browse Source

basic grid

Brennen Bearnes 3 months ago
parent
commit
3ba12ac3a2
100 changed files with 2029 additions and 1476 deletions
  1. 40
    0
      archives/css/p1k3-grid.css
  2. 164
    131
      archives/css/p1k3.css
  3. 1
    1
      archives/js/p1k3.js
  4. 19
    14
      public/1997/10/12/index.html
  5. 19
    14
      public/1997/10/30/index.html
  6. 19
    14
      public/1997/10/7/index.html
  7. 19
    14
      public/1997/10/index.html
  8. 19
    14
      public/1997/11/15/index.html
  9. 19
    14
      public/1997/11/2/index.html
  10. 19
    14
      public/1997/11/29/index.html
  11. 19
    14
      public/1997/11/index.html
  12. 19
    14
      public/1997/12/20/index.html
  13. 19
    14
      public/1997/12/23/index.html
  14. 19
    14
      public/1997/12/24/index.html
  15. 19
    14
      public/1997/12/29/index.html
  16. 19
    14
      public/1997/12/31/index.html
  17. 19
    14
      public/1997/12/6/index.html
  18. 19
    14
      public/1997/12/7/index.html
  19. 19
    14
      public/1997/12/index.html
  20. 19
    14
      public/1997/4/28/index.html
  21. 19
    14
      public/1997/4/index.html
  22. 19
    14
      public/1997/5/10/index.html
  23. 19
    14
      public/1997/5/16/index.html
  24. 19
    14
      public/1997/5/19/index.html
  25. 19
    14
      public/1997/5/20/index.html
  26. 19
    14
      public/1997/5/21/index.html
  27. 19
    14
      public/1997/5/28/index.html
  28. 19
    14
      public/1997/5/3/index.html
  29. 19
    14
      public/1997/5/5/index.html
  30. 19
    14
      public/1997/5/index.html
  31. 19
    14
      public/1997/6/1/index.html
  32. 19
    14
      public/1997/6/10/index.html
  33. 19
    14
      public/1997/6/12/index.html
  34. 19
    14
      public/1997/6/22/index.html
  35. 19
    14
      public/1997/6/27/index.html
  36. 19
    14
      public/1997/6/28/index.html
  37. 19
    14
      public/1997/6/30/index.html
  38. 19
    14
      public/1997/6/7/index.html
  39. 19
    14
      public/1997/6/index.html
  40. 19
    14
      public/1997/7/12/index.html
  41. 19
    14
      public/1997/7/14/index.html
  42. 19
    14
      public/1997/7/16/index.html
  43. 19
    14
      public/1997/7/19/index.html
  44. 19
    14
      public/1997/7/20/index.html
  45. 19
    14
      public/1997/7/22/index.html
  46. 19
    14
      public/1997/7/23/index.html
  47. 19
    14
      public/1997/7/24/index.html
  48. 19
    14
      public/1997/7/30/index.html
  49. 19
    14
      public/1997/7/6/index.html
  50. 19
    14
      public/1997/7/7/index.html
  51. 19
    14
      public/1997/7/index.html
  52. 19
    14
      public/1997/8/11/index.html
  53. 19
    14
      public/1997/8/16/index.html
  54. 19
    14
      public/1997/8/19/index.html
  55. 19
    14
      public/1997/8/20/index.html
  56. 19
    14
      public/1997/8/21/index.html
  57. 19
    14
      public/1997/8/22/index.html
  58. 19
    14
      public/1997/8/24/index.html
  59. 19
    14
      public/1997/8/26/index.html
  60. 19
    14
      public/1997/8/27/index.html
  61. 19
    14
      public/1997/8/29/index.html
  62. 19
    14
      public/1997/8/3/index.html
  63. 19
    14
      public/1997/8/30/index.html
  64. 19
    14
      public/1997/8/31/index.html
  65. 19
    14
      public/1997/8/5/index.html
  66. 19
    14
      public/1997/8/7/index.html
  67. 19
    14
      public/1997/8/8/index.html
  68. 19
    14
      public/1997/8/index.html
  69. 19
    14
      public/1997/9/2/index.html
  70. 19
    14
      public/1997/9/20/index.html
  71. 19
    14
      public/1997/9/28/index.html
  72. 19
    14
      public/1997/9/index.html
  73. 19
    14
      public/1997/index.html
  74. 19
    14
      public/1998/1/10/index.html
  75. 19
    14
      public/1998/1/12/index.html
  76. 19
    14
      public/1998/1/13/index.html
  77. 19
    14
      public/1998/1/14/index.html
  78. 19
    14
      public/1998/1/18/index.html
  79. 19
    14
      public/1998/1/21/index.html
  80. 19
    14
      public/1998/1/24/index.html
  81. 19
    14
      public/1998/1/9/index.html
  82. 19
    14
      public/1998/1/index.html
  83. 19
    14
      public/1998/10/18/index.html
  84. 19
    14
      public/1998/10/2/index.html
  85. 19
    14
      public/1998/10/index.html
  86. 19
    14
      public/1998/11/18/index.html
  87. 19
    14
      public/1998/11/19/index.html
  88. 19
    14
      public/1998/11/21/index.html
  89. 19
    14
      public/1998/11/22/index.html
  90. 19
    14
      public/1998/11/25/index.html
  91. 19
    14
      public/1998/11/30/index.html
  92. 19
    14
      public/1998/11/index.html
  93. 19
    14
      public/1998/12/10/index.html
  94. 19
    14
      public/1998/12/15/index.html
  95. 19
    14
      public/1998/12/19/index.html
  96. 19
    14
      public/1998/12/24/index.html
  97. 19
    14
      public/1998/12/30/index.html
  98. 19
    14
      public/1998/12/31/index.html
  99. 19
    14
      public/1998/12/5/index.html
  100. 0
    0
      public/1998/12/index.html

+ 40
- 0
archives/css/p1k3-grid.css View File

@@ -0,0 +1,40 @@
1
+body {
2
+  background: white;
3
+  color: #000000;
4
+  font-family: sans-serif;
5
+}
6
+
7
+#p1k3-grid {
8
+  display: grid;
9
+  grid-template-columns: 65% 33%;
10
+}
11
+
12
+#navigator {
13
+  grid-row-start: 1;
14
+  grid-column-start: 1;
15
+  grid-column-end: 3;
16
+  /* background-color: purple; */
17
+}
18
+
19
+#entries {
20
+  grid-row-start: 2;
21
+  grid-column-start: 1;
22
+  grid-column-end: 2;
23
+  padding: .5em;
24
+  z-index: 1;
25
+  /* background-color: green; */
26
+}
27
+
28
+#linkdump {
29
+  grid-row-start: 2;
30
+  grid-column-start: 2;
31
+  grid-column-end: 3;
32
+  /* background-color: red; */
33
+}
34
+
35
+#p1k3-grid footer {
36
+  grid-row-start: 3;
37
+  grid-column-start: 1;
38
+  grid-column-end: 3;
39
+  /* background-color: yellow; */
40
+}

+ 164
- 131
archives/css/p1k3.css View File

@@ -4,78 +4,65 @@ body {
4 4
   font-family: sans-serif;
5 5
 }
6 6
 
7
-nav {
8
-  margin: 1em auto 1.2em auto;
9
-  max-width: 38em;
10
-}
11
-
12
-td { vertical-align: top; }
13
-
14
-table.census { border-collapse: collapse; }
15
-
16
-table.census tr td {
17
-  border: 1px dashed black;
18
-  font-size: small;
19
-  padding: 3px;
20
-}
21
-
22
-table.census tr th { padding: 5px; }
23
-
24
-table.side-by-side {
25
-  border-spacing: 1em;
26
-  margin-left: auto;
27
-  margin-right: auto;
28
-}
29
-
30
-table.side-by-side th {
31
-  font-style: italic;
32
-  font-weight: normal;
33
-}
34
-
35
-table.side-by-side td {
36
-  border: 1px dashed black;
37
-  font-family: "Courier", monospace;
38
-  font-size: small;
39
-  padding: 1em;
40
-}
7
+/* Overall layout */
8
+
9
+  /* Note that p1k3-grid is only dropped into the template for / - other
10
+     pages get p1k3-column. */
11
+
12
+  /* Be "responsive" and set up the grid on displays >= 780px wide. */
13
+  @media (min-width: 800px) {
14
+    #p1k3-grid {
15
+      display: grid;
16
+      grid-template-columns: 65% 33%;
17
+      grid-template-rows: 2em auto auto;
18
+      grid-template-areas:
19
+        "header ."
20
+        "entries linkdump"
21
+        "footer footer"
22
+    }
41 23
 
42
-table.tags {
43
-  border-collapse: collapse;
44
-}
24
+    #p1k3-grid header {
25
+      grid-area: header;
26
+      /* background-color: purple; */
27
+    }
45 28
 
46
-table.tags th, table.tags td {
47
-  padding: .5em;
48
-  vertical-align: top;
49
-}
29
+    #p1k3-grid .entries {
30
+      grid-area: entries;
31
+      padding: .5em;
32
+      /* z-index: 1; */
33
+      /* background-color: green; */
34
+    }
50 35
 
51
-table.tags th {
52
-  text-align: left;
53
-  font-weight: normal;
54
-}
36
+    #p1k3-grid .linkdump {
37
+      grid-area: linkdump;
38
+      padding: .5em;
39
+      overflow-x: hidden;
40
+      /* z-index: 0; */
41
+      /* background-color: red; */
42
+    }
55 43
 
56
-hr {
57
-  color: gray;
58
-  height: 1px;
59
-}
44
+    #p1k3-grid footer {
45
+      grid-area: footer;
46
+      /* background-color: yellow; */
47
+    }
48
+  }
60 49
 
61
-/* Syntax highlight stuff - I used this somewhere. */
50
+  header nav {
51
+    max-width: 38em;
52
+    margin-right: auto;
53
+    margin-left: auto;
54
+  }
62 55
 
63
-  .num { color:#2928ff; }
64
-  .esc { color:#ff00ff; }
65
-  .str { color:#ff0000; }
66
-  .dstr { color:#818100; }
67
-  .slc { color:#a020f0; font-style:italic; }
68
-  .com { color:#838183; font-style:italic; }
69
-  .dir { color:#008200; }
70
-  .sym { color:black; }
71
-  .lin { color:#555555; }
72
-  .kwa, .kwc { color:#000000; font-weight:bold; }
73
-  .kwb { color:#008b8b; }
56
+  #p1k3-column header {
57
+    margin-bottom: 1.2em;
58
+  }
74 59
 
75
-  .green { color: green; }
76
-  .yellow { color: yellow; }
60
+  /* Container for the header image on the front page */
61
+  #imagehere {
62
+    text-align: center;
63
+  }
77 64
 
78
-/* Footer */
65
+/* Footer type, etc.*/
79 66
 
80 67
   footer {
81 68
     border-top: 1px solid gray;
@@ -98,26 +85,13 @@ hr {
98 85
     vertical-align: middle;
99 86
   }
100 87
 
101
-/* linkdump column on front page */
88
+/* Linkdump type, etc. */
102 89
 
103
-  /* container for the header image on the front page */
104
-  #imagehere {
105
-    text-align: center;
106
-  }
90
+  div.linkdump h1 { margin-bottom: .5em; }
107 91
 
108
-  #linkdump {
109
-    clear: none;
110
-    font-size: smaller;
111
-    overflow-x: hidden;
112
-    padding: .5em;
113
-    position: absolute;
114
-    right: 10px;
115
-    top: 2em;
116
-    width: 25%;
117
-    z-index: 0;
118
-  }
92
+  div.linkdump { font-size: smaller; }
119 93
 
120
-  div.linkdump p { margin: 0 0 0.5em 0; }
94
+  div.linkdump p { margin: 0.25em 0 0.5em 0; }
121 95
 
122 96
   div.linkdump ul {
123 97
     margin-bottom: 0.5em;
@@ -135,17 +109,7 @@ hr {
135 109
     padding: 0;
136 110
   }
137 111
 
138
-/* Entry column on front page */
139
-
140
-  #entries {
141
-    background: #fff;
142
-    left: 10px;
143
-    margin-top: .5em;
144
-    position: absolute;
145
-    top: .5em;
146
-    width: 70%;
147
-    z-index: 1;
148
-  }
112
+/* Individual entries */
149 113
 
150 114
   div.entry {
151 115
     border: none;
@@ -171,47 +135,52 @@ hr {
171 135
 
172 136
   /* Headers */
173 137
 
174
-    h1, h2, h3, h4, h5, h6 {
175
-      font-family: "Georgia", "DejaVu Serif", "Bistream Vera Serif", "Lucida Bright", serif;
176
-    }
138
+  h1, h2, h3, h4, h5, h6 {
139
+    font-family: "Georgia", "DejaVu Serif", "Bistream Vera Serif", "Lucida Bright", serif;
140
+  }
177 141
 
178
-    /* For entry date headers and other things... */
179
-    h1 {
180
-      font-size: 1.6em;
181
-      font-weight: normal;
182
-      margin-top: 0em;
183
-      margin-bottom: 0;
184
-    }
142
+  /* For entry date headers and other things... */
143
+  h1 {
144
+    font-size: 1.6em;
145
+    font-weight: normal;
146
+    margin-top: 0em;
147
+    margin-bottom: 0;
148
+  }
185 149
 
186
-    /* <h2> for icons, titles on entries ... */
187
-    h2 {
188
-      font-style: italic;
189
-      font-size: 1.5em;
190
-      font-weight: normal;
191
-      padding-left: 0em;
192
-    }
150
+  /* <h2> for icons, titles on entries ... */
151
+  h2 {
152
+    font-style: italic;
153
+    font-size: 1.5em;
154
+    font-weight: normal;
155
+    padding-left: 0em;
156
+  }
193 157
 
194
-    h3, .linkdump h1 {
195
-      clear: none;
196
-      font-size: 1.2em;
197
-      font-weight: normal;
198
-      margin-bottom: .5em;
199
-      margin-left: 0em;
200
-      margin-top: .5em;
201
-      text-align: left;
202
-    }
158
+  h3 {
159
+    clear: none;
160
+    font-size: 1.2em;
161
+    font-weight: normal;
162
+    margin-bottom: .5em;
163
+    margin-left: 0em;
164
+    margin-top: .5em;
165
+    text-align: left;
166
+  }
203 167
 
204
-    /* And so on. */
205
-    h4 {
206
-      font-size: 1.1em;
207
-      font-style: italic;
208
-      font-weight: normal;
209
-      margin-top: 0;
210
-      text-indent: 1em;
211
-    }
168
+  /* And so on. */
169
+  h4 {
170
+    font-size: 1.1em;
171
+    font-style: italic;
172
+    font-weight: normal;
173
+    margin-top: 0;
174
+    text-indent: 1em;
175
+  }
212 176
 
213 177
 /* Block level elements */
214 178
 
179
+  hr {
180
+    color: gray;
181
+    height: 1px;
182
+  }
183
+
215 184
   pre {
216 185
     font-family: monospace;
217 186
     margin-left: .5em;
@@ -320,10 +289,11 @@ hr {
320 289
 
321 290
     /* Link formatting */
322 291
 
323
-      a:link    { color: #3333FF; text-decoration: none;      }
324
-      a:visited { color: #003399; text-decoration: none;      }
325
-      a:active  { color: #FF0000; text-decoration: underline; }
326
-      a:hover   { color: inherit; text-decoration: underline; }
292
+      a:link    { color: #3333FF; text-decoration: none; }
293
+      a:visited { color: #004DE6; text-decoration: none; }
294
+      a:active  { color: #004DE6; text-decoration: underline; }
295
+      a:hover   { color: #004DE6; text-decoration: underline; }
296
+      a:focus   { color: #004DE6; text-decoration: underline; }
327 297
 
328 298
       img, img a { border: none; }
329 299
 
@@ -337,7 +307,7 @@ hr {
337 307
      margin-bottom: 2em;
338 308
   }
339 309
 
340
-  .datelink a:link   { color: gray; text-decoration: none; }
310
+  /* .datelink a:link { color: gray; text-decoration: none; } */
341 311
   .datelink a:hover,
342 312
   .datelink a:active { text-decoration: underline; }
343 313
 
@@ -488,3 +458,66 @@ hr {
488 458
     border-radius: 3px;
489 459
     padding: 1.5em;
490 460
   }
461
+
462
+/* Table stuff */
463
+
464
+  td { vertical-align: top; }
465
+
466
+  table.census { border-collapse: collapse; }
467
+
468
+  table.census tr td {
469
+    border: 1px dashed black;
470
+    font-size: small;
471
+    padding: 3px;
472
+  }
473
+
474
+  table.census tr th { padding: 5px; }
475
+
476
+  table.side-by-side {
477
+    border-spacing: 1em;
478
+    margin-left: auto;
479
+    margin-right: auto;
480
+  }
481
+
482
+  table.side-by-side th {
483
+    font-style: italic;
484
+    font-weight: normal;
485
+  }
486
+
487
+  table.side-by-side td {
488
+    border: 1px dashed black;
489
+    font-family: "Courier", monospace;
490
+    font-size: small;
491
+    padding: 1em;
492
+  }
493
+
494
+  table.tags {
495
+    border-collapse: collapse;
496
+  }
497
+
498
+  table.tags th, table.tags td {
499
+    padding: .5em;
500
+    vertical-align: top;
501
+  }
502
+
503
+  table.tags th {
504
+    text-align: left;
505
+    font-weight: normal;
506
+  }
507
+
508
+/* Syntax highlight stuff - I used this somewhere. */
509
+
510
+  .num { color:#2928ff; }
511
+  .esc { color:#ff00ff; }
512
+  .str { color:#ff0000; }
513
+  .dstr { color:#818100; }
514
+  .slc { color:#a020f0; font-style:italic; }
515
+  .com { color:#838183; font-style:italic; }
516
+  .dir { color:#008200; }
517
+  .sym { color:black; }
518
+  .lin { color:#555555; }
519
+  .kwa, .kwc { color:#000000; font-weight:bold; }
520
+  .kwb { color:#008b8b; }
521
+
522
+  .green { color: green; }
523
+  .yellow { color: yellow; }

+ 1
- 1
archives/js/p1k3.js View File

@@ -11,7 +11,7 @@ $( document ).ready(function() {
11 11
       $('#imagehere').html(
12 12
         '<a href="'
13 13
         + photo[1]
14
-        + '"><img id="headerimage" src="'
14
+        + '"><img alt="" id="headerimage" src="'
15 15
         + photo[0]
16 16
         + '" /></a>'
17 17
       );

+ 19
- 14
public/1997/10/12/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/10/12</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Sunday, October 12</strong><BR>
@@ -49,7 +52,7 @@ I updated the <A HREF="moron_faq.html">IRC Moron FAQ</A> somewhat.</P>
49 52
 </p></div></article>
50 53
 
51 54
 
52
-</section>
55
+</div>
53 56
 
54 57
 <footer>
55 58
   <p>
@@ -61,5 +64,7 @@ I updated the <A HREF="moron_faq.html">IRC Moron FAQ</A> somewhat.</P>
61 64
 
62 65
 
63 66
 
67
+</div> <!-- end of p1k3-grid or p1k3-column -->
68
+
64 69
 </body>
65 70
 </html>

+ 19
- 14
public/1997/10/30/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/10/30</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Thursday, October 30</strong><BR>
@@ -61,7 +64,7 @@ up. Looks to be a good one, though I haven't had time to read it yet.</P>
61 64
 </p></div></article>
62 65
 
63 66
 
64
-</section>
67
+</div>
65 68
 
66 69
 <footer>
67 70
   <p>
@@ -73,5 +76,7 @@ up. Looks to be a good one, though I haven't had time to read it yet.</P>
73 76
 
74 77
 
75 78
 
79
+</div> <!-- end of p1k3-grid or p1k3-column -->
80
+
76 81
 </body>
77 82
 </html>

+ 19
- 14
public/1997/10/7/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/10/7</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Tuesday, October 7</strong><BR>
@@ -56,7 +59,7 @@ vehicle</A>.</P>
56 59
 </p></div></article>
57 60
 
58 61
 
59
-</section>
62
+</div>
60 63
 
61 64
 <footer>
62 65
   <p>
@@ -68,5 +71,7 @@ vehicle</A>.</P>
68 71
 
69 72
 
70 73
 
74
+</div> <!-- end of p1k3-grid or p1k3-column -->
75
+
71 76
 </body>
72 77
 </html>

+ 19
- 14
public/1997/10/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/10</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Thursday, October 30</strong><BR>
@@ -98,7 +101,7 @@ vehicle</A>.</P>
98 101
 </p></div></article>
99 102
 
100 103
 
101
-</section>
104
+</div>
102 105
 
103 106
 <footer>
104 107
   <p>
@@ -110,5 +113,7 @@ vehicle</A>.</P>
110 113
 
111 114
 
112 115
 
116
+</div> <!-- end of p1k3-grid or p1k3-column -->
117
+
113 118
 </body>
114 119
 </html>

+ 19
- 14
public/1997/11/15/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/11/15</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Saturday, November 15</strong><BR>
@@ -50,7 +53,7 @@ I just got around to finishing it a few minutes ago. (Being sick sucks.)</P>
50 53
 </p></div></article>
51 54
 
52 55
 
53
-</section>
56
+</div>
54 57
 
55 58
 <footer>
56 59
   <p>
@@ -62,5 +65,7 @@ I just got around to finishing it a few minutes ago. (Being sick sucks.)</P>
62 65
 
63 66
 
64 67
 
68
+</div> <!-- end of p1k3-grid or p1k3-column -->
69
+
65 70
 </body>
66 71
 </html>

+ 19
- 14
public/1997/11/2/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/11/2</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Sunday, November 2</strong><BR>
@@ -63,7 +66,7 @@ of other junk.</FONT></P>
63 66
 </p></div></article>
64 67
 
65 68
 
66
-</section>
69
+</div>
67 70
 
68 71
 <footer>
69 72
   <p>
@@ -75,5 +78,7 @@ of other junk.</FONT></P>
75 78
 
76 79
 
77 80
 
81
+</div> <!-- end of p1k3-grid or p1k3-column -->
82
+
78 83
 </body>
79 84
 </html>

+ 19
- 14
public/1997/11/29/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/11/29</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Saturday, November 29</strong><BR>
@@ -52,7 +55,7 @@ changed, in case anyone's trying to contact me.</P>
52 55
 </p></div></article>
53 56
 
54 57
 
55
-</section>
58
+</div>
56 59
 
57 60
 <footer>
58 61
   <p>
@@ -64,5 +67,7 @@ changed, in case anyone's trying to contact me.</P>
64 67
 
65 68
 
66 69
 
70
+</div> <!-- end of p1k3-grid or p1k3-column -->
71
+
67 72
 </body>
68 73
 </html>

+ 19
- 14
public/1997/11/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/11</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Saturday, November 29</strong><BR>
@@ -97,7 +100,7 @@ of other junk.</FONT></P>
97 100
 </p></div></article>
98 101
 
99 102
 
100
-</section>
103
+</div>
101 104
 
102 105
 <footer>
103 106
   <p>
@@ -109,5 +112,7 @@ of other junk.</FONT></P>
109 112
 
110 113
 
111 114
 
115
+</div> <!-- end of p1k3-grid or p1k3-column -->
116
+
112 117
 </body>
113 118
 </html>

+ 19
- 14
public/1997/12/20/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/12/20</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Saturday, December 20</strong><BR>
@@ -58,7 +61,7 @@ SRC="imgs/mircnow.gif" ALT="mIRC 5.3 Now!"></A></P>
58 61
 </p></div></article>
59 62
 
60 63
 
61
-</section>
64
+</div>
62 65
 
63 66
 <footer>
64 67
   <p>
@@ -70,5 +73,7 @@ SRC="imgs/mircnow.gif" ALT="mIRC 5.3 Now!"></A></P>
70 73
 
71 74
 
72 75
 
76
+</div> <!-- end of p1k3-grid or p1k3-column -->
77
+
73 78
 </body>
74 79
 </html>

+ 19
- 14
public/1997/12/23/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/12/23</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Tuesday, December 23</strong><BR>
@@ -48,7 +51,7 @@ and read your mail easily from within mIRC.
48 51
 </p></div></article>
49 52
 
50 53
 
51
-</section>
54
+</div>
52 55
 
53 56
 <footer>
54 57
   <p>
@@ -60,5 +63,7 @@ and read your mail easily from within mIRC.
60 63
 
61 64
 
62 65
 
66
+</div> <!-- end of p1k3-grid or p1k3-column -->
67
+
63 68
 </body>
64 69
 </html>

+ 19
- 14
public/1997/12/24/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/12/24</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Wednesday, December 24</strong><BR>
@@ -56,7 +59,7 @@ forgetting.</P>
56 59
 </p></div></article>
57 60
 
58 61
 
59
-</section>
62
+</div>
60 63
 
61 64
 <footer>
62 65
   <p>
@@ -68,5 +71,7 @@ forgetting.</P>
68 71
 
69 72
 
70 73
 
74
+</div> <!-- end of p1k3-grid or p1k3-column -->
75
+
71 76
 </body>
72 77
 </html>

+ 19
- 14
public/1997/12/29/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/12/29</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Monday, December 29</strong><BR>
@@ -54,7 +57,7 @@ Or something.</P>
54 57
 </p></div></article>
55 58
 
56 59
 
57
-</section>
60
+</div>
58 61
 
59 62
 <footer>
60 63
   <p>
@@ -66,5 +69,7 @@ Or something.</P>
66 69
 
67 70
 
68 71
 
72
+</div> <!-- end of p1k3-grid or p1k3-column -->
73
+
69 74
 </body>
70 75
 </html>

+ 19
- 14
public/1997/12/31/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/12/31</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Wednesday, December 31</strong><BR>
@@ -61,7 +64,7 @@ good script, if you'd like your own copy it can be found
61 64
 </p></div></article>
62 65
 
63 66
 
64
-</section>
67
+</div>
65 68
 
66 69
 <footer>
67 70
   <p>
@@ -73,5 +76,7 @@ good script, if you'd like your own copy it can be found
73 76
 
74 77
 
75 78
 
79
+</div> <!-- end of p1k3-grid or p1k3-column -->
80
+
76 81
 </body>
77 82
 </html>

+ 19
- 14
public/1997/12/6/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/12/6</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Saturday, December 6</strong><BR>
@@ -56,7 +59,7 @@ Quake</A> and a few others, but this is the most playable so far.</P>
56 59
 </p></div></article>
57 60
 
58 61
 
59
-</section>
62
+</div>
60 63
 
61 64
 <footer>
62 65
   <p>
@@ -68,5 +71,7 @@ Quake</A> and a few others, but this is the most playable so far.</P>
68 71
 
69 72
 
70 73
 
74
+</div> <!-- end of p1k3-grid or p1k3-column -->
75
+
71 76
 </body>
72 77
 </html>

+ 19
- 14
public/1997/12/7/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/12/7</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Sunday, December 7</strong><BR>
@@ -48,7 +51,7 @@ ICQ. It's got some nifty new features, and the interface has improved.</P>
48 51
 </p></div></article>
49 52
 
50 53
 
51
-</section>
54
+</div>
52 55
 
53 56
 <footer>
54 57
   <p>
@@ -60,5 +63,7 @@ ICQ. It's got some nifty new features, and the interface has improved.</P>
60 63
 
61 64
 
62 65
 
66
+</div> <!-- end of p1k3-grid or p1k3-column -->
67
+
63 68
 </body>
64 69
 </html>

+ 19
- 14
public/1997/12/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/12</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Wednesday, December 31</strong><BR>
@@ -177,7 +180,7 @@ Quake</A> and a few others, but this is the most playable so far.</P>
177 180
 </p></div></article>
178 181
 
179 182
 
180
-</section>
183
+</div>
181 184
 
182 185
 <footer>
183 186
   <p>
@@ -189,5 +192,7 @@ Quake</A> and a few others, but this is the most playable so far.</P>
189 192
 
190 193
 
191 194
 
195
+</div> <!-- end of p1k3-grid or p1k3-column -->
196
+
192 197
 </body>
193 198
 </html>

+ 19
- 14
public/1997/4/28/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/4/28</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><p><strong>Monday, April 28:</strong><br>
@@ -50,7 +53,7 @@ href="written/review.html">review</a>.</p>
50 53
 </p></div></article>
51 54
 
52 55
 
53
-</section>
56
+</div>
54 57
 
55 58
 <footer>
56 59
   <p>
@@ -62,5 +65,7 @@ href="written/review.html">review</a>.</p>
62 65
 
63 66
 
64 67
 
68
+</div> <!-- end of p1k3-grid or p1k3-column -->
69
+
65 70
 </body>
66 71
 </html>

+ 19
- 14
public/1997/4/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/4</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><p><strong>Monday, April 28:</strong><br>
@@ -50,7 +53,7 @@ href="written/review.html">review</a>.</p>
50 53
 </p></div></article>
51 54
 
52 55
 
53
-</section>
56
+</div>
54 57
 
55 58
 <footer>
56 59
   <p>
@@ -62,5 +65,7 @@ href="written/review.html">review</a>.</p>
62 65
 
63 66
 
64 67
 
68
+</div> <!-- end of p1k3-grid or p1k3-column -->
69
+
65 70
 </body>
66 71
 </html>

+ 19
- 14
public/1997/5/10/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/5/10</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Saturday, May 10:</strong><BR>
@@ -49,7 +52,7 @@ Added a few <A HREF="quake.html">Quake related links</A>.</P>
49 52
 </p></div></article>
50 53
 
51 54
 
52
-</section>
55
+</div>
53 56
 
54 57
 <footer>
55 58
   <p>
@@ -61,5 +64,7 @@ Added a few <A HREF="quake.html">Quake related links</A>.</P>
61 64
 
62 65
 
63 66
 
67
+</div> <!-- end of p1k3-grid or p1k3-column -->
68
+
64 69
 </body>
65 70
 </html>

+ 19
- 14
public/1997/5/16/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/5/16</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Friday, May 16:</strong><BR>
@@ -67,7 +70,7 @@ immediately. Ok, so I admit I'm not much of a writer.</P>
67 70
 </p></div></article>
68 71
 
69 72
 
70
-</section>
73
+</div>
71 74
 
72 75
 <footer>
73 76
   <p>
@@ -79,5 +82,7 @@ immediately. Ok, so I admit I'm not much of a writer.</P>
79 82
 
80 83
 
81 84
 
85
+</div> <!-- end of p1k3-grid or p1k3-column -->
86
+
82 87
 </body>
83 88
 </html>

+ 19
- 14
public/1997/5/19/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/5/19</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><p><strong>Monday, May 19:</strong><br>
@@ -48,7 +51,7 @@ Apple II game called Taipan.</p>
48 51
 </p></div></article>
49 52
 
50 53
 
51
-</section>
54
+</div>
52 55
 
53 56
 <footer>
54 57
   <p>
@@ -60,5 +63,7 @@ Apple II game called Taipan.</p>
60 63
 
61 64
 
62 65
 
66
+</div> <!-- end of p1k3-grid or p1k3-column -->
67
+
63 68
 </body>
64 69
 </html>

+ 19
- 14
public/1997/5/20/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/5/20</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Tuesday, May 20:</strong><BR>
@@ -46,7 +49,7 @@ Some new <A HREF="links.html#qbasic">QBasic links</A>.</P>
46 49
 </p></div></article>
47 50
 
48 51
 
49
-</section>
52
+</div>
50 53
 
51 54
 <footer>
52 55
   <p>
@@ -58,5 +61,7 @@ Some new <A HREF="links.html#qbasic">QBasic links</A>.</P>
58 61
 
59 62
 
60 63
 
64
+</div> <!-- end of p1k3-grid or p1k3-column -->
65
+
61 66
 </body>
62 67
 </html>

+ 19
- 14
public/1997/5/21/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/5/21</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Wednesday, May 21:</strong><BR>
@@ -50,7 +53,7 @@ I found this before it was posted on
50 53
 </p></div></article>
51 54
 
52 55
 
53
-</section>
56
+</div>
54 57
 
55 58
 <footer>
56 59
   <p>
@@ -62,5 +65,7 @@ I found this before it was posted on
62 65
 
63 66
 
64 67
 
68
+</div> <!-- end of p1k3-grid or p1k3-column -->
69
+
65 70
 </body>
66 71
 </html>

+ 19
- 14
public/1997/5/28/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/5/28</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Wednesday, May 28:</strong><BR>
@@ -58,7 +61,7 @@ which is useful for doing sprites in games.</P>
58 61
 </p></div></article>
59 62
 
60 63
 
61
-</section>
64
+</div>
62 65
 
63 66
 <footer>
64 67
   <p>
@@ -70,5 +73,7 @@ which is useful for doing sprites in games.</P>
70 73
 
71 74
 
72 75
 
76
+</div> <!-- end of p1k3-grid or p1k3-column -->
77
+
73 78
 </body>
74 79
 </html>

+ 19
- 14
public/1997/5/3/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/5/3</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Saturday, May 3:</strong><BR>
@@ -53,7 +56,7 @@ content behind some huge graphics and a few Java applets.</P>
53 56
 </p></div></article>
54 57
 
55 58
 
56
-</section>
59
+</div>
57 60
 
58 61
 <footer>
59 62
   <p>
@@ -65,5 +68,7 @@ content behind some huge graphics and a few Java applets.</P>
65 68
 
66 69
 
67 70
 
71
+</div> <!-- end of p1k3-grid or p1k3-column -->
72
+
68 73
 </body>
69 74
 </html>

+ 19
- 14
public/1997/5/5/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/5/5</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />
9 10
   <link rel=alternate type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
10 11
   <link rel=feed type="application/atom+xml" title="p1k3 atom feed" href="https://p1k3.com/feed" />
11
-  <link rel=stylesheet href="/css/p1k3.css?1552168861" />
12
+  <link rel=stylesheet href="/css/p1k3.css?1559709879" />
12 13
   <link rel=icon type="image/x-png" href="/favicon.png" />
13
-  <script src="/js/jquery.js?1552168861"></script>
14
-  <script src="/js/p1k3.js?1552168861"></script>
14
+  <script src="/js/jquery.js?1559709879"></script>
15
+  <script src="/js/p1k3.js?1559709879"></script>
15 16
 </head>
16 17
 
17 18
 <body>
18 19
 
20
+<div id=p1k3-column>
19 21
 
20
-
21
-<header id=navigator><nav>
22
-<a href="https://p1k3.com/">p1k3</a> |
23
-<a href="https://p1k3.com/" title="newest entries">new</a>
22
+<header>
23
+  <nav>
24
+    <a href="https://p1k3.com/">p1k3</a> |
25
+    <a href="https://p1k3.com/" title="newest entries">new</a>
24 26
 <a href="https://p1k3.com/all/" title="all entries">all</a>
25 27
 <a href="https://p1k3.com/topics/" title="entries for topics">topics</a>
26 28
 <a href="https://p1k3.com/photos/" title="entries for photos">photos</a>
27 29
 <a href="https://p1k3.com/userland-book/" title="a book about the command line for humans">userland-book</a>
28 30
  |
29
-<a href="https://code.p1k3.com/" title="code hosting">code</a> |
30
-<a href="/feed" title="an Atom (like RSS) feed of new entries">
31
-  feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
32
-</a>
33
-</nav></header>
31
+    <a href="https://code.p1k3.com/" title="code hosting">code</a> |
32
+    <a href="/feed" title="an Atom (like RSS) feed of new entries">
33
+      feed <img src="/files/icons/feed.png" alt="" height="12" width="12" />
34
+    </a>
35
+  </nav>
36
+</header>
34 37
 
35
-<section>
38
+<div class=entries>
36 39
 
37 40
 
38 41
 <article><div class="entry"><P><strong>Monday, May 5:</strong><BR>
@@ -62,7 +65,7 @@ content I could add...</P>
62 65
 </p></div></article>
63 66
 
64 67
 
65
-</section>
68
+</div>
66 69
 
67 70
 <footer>
68 71
   <p>
@@ -74,5 +77,7 @@ content I could add...</P>
74 77
 
75 78
 
76 79
 
80
+</div> <!-- end of p1k3-grid or p1k3-column -->
81
+
77 82
 </body>
78 83
 </html>

+ 19
- 14
public/1997/5/index.html View File

@@ -2,37 +2,40 @@
2 2
 <html lang="en">
3 3
 <head>
4 4
   <meta charset="UTF-8">
5
+  <meta name="viewport" content="width=device-width, initial-scale=1">
5 6
   <title>p1k3::1997/5</title>
6 7
   <meta name=keywords content="hack, poetry, wiki, programming, linux, debian, free software, colorado, boulder, nebraska, kansas, plains, lincoln, salina, laurel, public domain, photography, history, politics, comics, music" />
7 8
   <meta name=description content="writing by Brennen Bearnes." />
8 9
   <meta name=author content="Brennen Bearnes" />