template.html 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  4. <head>
  5. <!-- 2015-12-30 Wed 02:40 -->
  6. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1" />
  8. <title>{{title}}</title>
  9. <meta name="generator" content="Org-mode" />
  10. <meta name="author" content="Ryan Rix" />
  11. <link rel="alternate" type="application/atom+xml"
  12. href="https://granary.io/url?url=http://notes.whatthefuck.computer/&input=html&output=atom&hub=https://bridgy-fed.superfeedr.com" />
  13. <link rel="hub" href="https://bridgy-fed.superfeedr.com/"/>
  14. <style type="text/css">
  15. <!--/*--><![CDATA[/*><!--*/
  16. ul.webmentions li { display: flex; align-items: center; }
  17. ul.webmentions li img { border-radius: 50%; }
  18. ul.webmentions li div { flex: auto; }
  19. ul.webmentions li > a { width: 350px;
  20. height: 75px;
  21. width: 75px;
  22. background: url("/go.png");
  23. background-size: 100%;
  24. text-indent: -9999px;}
  25. .title { text-align: center;
  26. margin-bottom: .2em; }
  27. .subtitle { text-align: center;
  28. font-size: medium;
  29. font-weight: bold;
  30. margin-top:0; }
  31. .todo { font-family: monospace; color: red; }
  32. .done { font-family: monospace; color: green; }
  33. .priority { font-family: monospace; color: orange; }
  34. .tag { background-color: #eee; font-family: monospace;
  35. padding: 2px; font-size: 80%; font-weight: normal; }
  36. .timestamp { color: #bebebe; }
  37. .timestamp-kwd { color: #5f9ea0; }
  38. .org-right { margin-left: auto; margin-right: 0px; text-align: right; }
  39. .org-left { margin-left: 0px; margin-right: auto; text-align: left; }
  40. .org-center { margin-left: auto; margin-right: auto; text-align: center; }
  41. .underline { text-decoration: underline; }
  42. #postamble p, #preamble p { font-size: 90%; margin: .2em; }
  43. p.verse { margin-left: 3%; }
  44. pre {
  45. border: 1px solid #ccc;
  46. box-shadow: 3px 3px 3px #eee;
  47. padding: 8pt;
  48. font-family: monospace;
  49. overflow: auto;
  50. margin: 1.2em;
  51. }
  52. pre.src {
  53. position: relative;
  54. overflow: visible;
  55. padding-top: 1.2em;
  56. }
  57. pre.src:before {
  58. display: none;
  59. position: absolute;
  60. background-color: white;
  61. top: -10px;
  62. right: 10px;
  63. padding: 3px;
  64. border: 1px solid black;
  65. }
  66. pre.src:hover:before { display: inline;}
  67. pre.src-sh:before { content: 'sh'; }
  68. pre.src-bash:before { content: 'sh'; }
  69. pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
  70. pre.src-R:before { content: 'R'; }
  71. pre.src-perl:before { content: 'Perl'; }
  72. pre.src-java:before { content: 'Java'; }
  73. pre.src-sql:before { content: 'SQL'; }
  74. table { border-collapse:collapse; }
  75. caption.t-above { caption-side: top; }
  76. caption.t-bottom { caption-side: bottom; }
  77. td, th { vertical-align:top; }
  78. th.org-right { text-align: center; }
  79. th.org-left { text-align: center; }
  80. th.org-center { text-align: center; }
  81. td.org-right { text-align: right; }
  82. td.org-left { text-align: left; }
  83. td.org-center { text-align: center; }
  84. dt { font-weight: bold; }
  85. .footpara { display: inline; }
  86. .footdef { margin-bottom: 1em; }
  87. .figure { padding: 1em; }
  88. .figure p { text-align: center; }
  89. .inlinetask {
  90. padding: 10px;
  91. border: 2px solid gray;
  92. margin: 10px;
  93. background: #ffffcc;
  94. }
  95. #org-div-home-and-up
  96. { text-align: right; font-size: 70%; white-space: nowrap; }
  97. textarea { overflow-x: auto; }
  98. .linenr { font-size: smaller }
  99. .code-highlighted { background-color: #ffff00; }
  100. .org-info-js_info-navigation { border-style: none; }
  101. #org-info-js_console-label
  102. { font-size: 10px; font-weight: bold; white-space: nowrap; }
  103. .org-info-js_search-highlight
  104. { background-color: #ffff00; color: #000000; font-weight: bold; }
  105. /*]]>*/-->
  106. </style>
  107. <link rel="stylesheet" href="http://whatthefuck.computer/media/css/main.css" />
  108. <link rel="feed" href="http://notes.whatthefuck.computer/index.xml" />
  109. <link rel="pingback" href="https://webmention.io/notes.whatthefuck.computer/xmlrpc" />
  110. <link rel="webmention" href="https://webmention.io/notes.whatthefuck.computer/webmention" />
  111. <script type="text/javascript">
  112. /*
  113. @licstart The following is the entire license notice for the
  114. JavaScript code in this tag.
  115. Copyright (C) 2012-2013 Free Software Foundation, Inc.
  116. The JavaScript code in this tag is free software: you can
  117. redistribute it and/or modify it under the terms of the 100 6167 100 6167 0 0 25996 0 --:--:-- --:--:-- --:--:-- 26131
  118. GNU
  119. General Public License (GNU GPL) as published by the Free Software
  120. Foundation, either version 3 of the License, or (at your option)
  121. any later version. The code is distributed WITHOUT ANY WARRANTY;
  122. without even the implied warranty of MERCHANTABILITY or FITNESS
  123. FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
  124. As additional permission under GNU GPL version 3 section 7, you
  125. may distribute non-source (e.g., minimized or compacted) forms of
  126. that code without the copy of the GNU GPL normally required by
  127. section 4, provided you include this license notice and a URL
  128. through which recipients can access the Corresponding Source.
  129. @licend The above is the entire license notice
  130. for the JavaScript code in this tag.
  131. */
  132. <!--/*--><![CDATA[/*><!--*/
  133. function CodeHighlightOn(elem, id)
  134. {
  135. var target = document.getElementById(id);
  136. if(null != target) {
  137. elem.cacheClassElem = elem.className;
  138. elem.cacheClassTarget = target.className;
  139. target.className = "code-highlighted";
  140. elem.className = "code-highlighted";
  141. }
  142. }
  143. function CodeHighlightOff(elem, id)
  144. {
  145. var target = document.getElementById(id);
  146. if(elem.cacheClassElem)
  147. elem.className = elem.cacheClassElem;
  148. if(elem.cacheClassTarget)
  149. target.className = elem.cacheClassTarget;
  150. }
  151. /*]]>*///-->
  152. </script>
  153. </head>
  154. <body class="h-entry">
  155. <div class="e-content">
  156. <h1 class="p-name title">{{title}}</h1>
  157. {{content}}
  158. </div>
  159. <p>
  160. Respond to this note:
  161. <ul>
  162. <li><a href="{{twitter}}">On Twitter</a></li>
  163. <li><a href="{{facebook}}">On Facebook</a></li>
  164. </ul>
  165. </p>
  166. <ul class="webmentions links" id="{{url}}">
  167. <li>No webmentions were found.</li>
  168. </ul>
  169. <div id="postamble" class="status">
  170. <div class="h-card p-author">
  171. <div style="display: inline-block; width: 20%">
  172. <img style="width: 100%;" class="u-photo" src="/rix_green.png"/>
  173. </div>
  174. <div style="display: inline-block; width: 75%" class="p-note">
  175. <span class="p-name">Ryan Rix</span> is a privacy rights advocate and net-art wannabe. Reach them on <a href="https://cybre.space/@rrix" class="u-url">the Fediverse as @rrix@cybre.space</a>, <a href="http://twitter.com/rrrrrrrix" rel="me" class="u-url">twitter as @rrrrrrrix</a>, via email to <a href="mailto:ryan@whatthefuck.computer" class="u-email" rel="me">ryan@whatthefuck.computer</a> or on <a rel="me" class="u-url" href="https://facebook.com/rjrix">Facebook</a> or on Matrix as <span rel="me" class="u-uid">@rrix:whatthefuck.computer</span>.
  176. </div>
  177. </div>
  178. </div>
  179. <a href="https://brid.gy/publish/facebook"></a>
  180. <a href="https://brid.gy/publish/twitter"></a>
  181. <a href="https://fed.brid.gy"></a>
  182. <script src="/webmention.js"></script>
  183. </body>
  184. </html>