You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

73 lines
3.1 KiB

  1. HTTP/1.1 200 OK
  2. Server: Apache
  3. Date: Wed, 09 Dec 2015 03:29:14 GMT
  4. Content-Type: text/html; charset=utf-8
  5. Connection: keep-alive
  6. <!doctype html>
  7. <html lang="en"><head>
  8. <title> A Brief History & Ethos of the Digital Garden </title>
  9. <link rel="stylesheet" type="text/css" href="/static/normalize.css">
  10. <link rel="stylesheet" type="text/css" href="/static/lavasand.css" title="default_css">
  11. <script type="text/javascript">
  12. //https://css-tricks.com/snippets/javascript/get-url-variables/
  13. function getQueryVariable(variable) {
  14. var query = window.location.search.substring(1);
  15. var vars = query.split("&");
  16. for (var i=0;i<vars.length;i++) {
  17. var pair = vars[i].split("=");
  18. if(pair[0] == variable){return pair[1];}
  19. }
  20. return(false);
  21. }
  22. //https://designshack.net/articles/css-style-switcher
  23. function setActiveStyleSheet(title) {
  24. var i, a, main;
  25. for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
  26. if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
  27. if(a.getAttribute("title") == title) a.removeAttribute("disabled"); else a.setAttribute("disabled","true");
  28. }
  29. }
  30. }
  31. var cssfile = getQueryVariable("style")
  32. if (cssfile && /^\w+$/.test(cssfile)) {
  33. //setActiveStyleSheet("dummy")
  34. //https://stackoverflow.com/questions/512070/add-a-link-stylesheet-dynamically-in-the-head
  35. sheet = document.createElement("link");
  36. sheet.type = "text/css";
  37. sheet.rel = "stylesheet";
  38. sheet.href = "/temp/css/"+cssfile+".css";
  39. // sheet.title = "theme"
  40. sheet.onload = function() {
  41. setActiveStyleSheet("theme");
  42. console.log("acitvated theme")
  43. };
  44. document.getElementsByTagName("head")[0].appendChild(sheet);
  45. }
  46. </script>
  47. <link rel="webmention" href="/webmention">
  48. </head>
  49. <body>
  50. <div><header>
  51. <h1 class="p-name"><a href="/">svenknebel.de</a></h1>
  52. <div class="header_nav"><a href="/" >index</a><a href="https://www.github.com/sknebel" >GitHub</a><a href="https://twitter.com/HeNeArXn" >Twitter</a></div>
  53. </header>
  54. <div id="contentwrapper">
  55. <main>
  56. <article class="h-entry" ><div class="relHeaderBlock">
  57. <div class="relHeader">bookmark of <a href="https://maggieappleton.com/garden-history" class="u-bookmark-of">https://maggieappleton.com/garden-history</a></div></div>
  58. <h1 class="p-name"><a href="/posts/2021/5/4/">A Brief History & Ethos of the Digital Garden</a></h1>
  59. <div class="e-content content-text"><a href="https://news.indieweb.org/en" class="u-syndication"></a>
  60. </div>
  61. <div class="subline"> posted <a class="u-url u-uid" href="/posts/2021/5/4/"> <time class="dt-published" datetime="2021-05-28 19:13:16.691297+00:00">2021-05-28 19:13:16.691297+00:00</time></a><a class="u-author" href="/" tabindex="-1"></a>, tagged <a class="p-category hashtag" href="/category/bookmark">bookmark</a>, <a class="p-category hashtag" href="/category/nomain">nomain</a></div>
  62. </article> </main>
  63. </div>
  64. </div>
  65. </body>
  66. </html>