Personal website and some scripts to handle it. https://hoschi-it.de
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.

94 lines
3.3 KiB

10 months ago
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>H311o W0r1d</title>
  6. <link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
  7. <style type="text/css">
  8. body {
  9. margin: auto;
  10. padding-left: 10px;
  11. padding-right: 10px;
  12. max-width: 900px;
  13. font-family: sans-serif;
  14. font-size: 18px;
  15. background-color: #222;
  16. color: #ffffef;
  17. }
  18. a {
  19. color: #0ca;
  20. text-decoration: none;
  21. }
  22. a:hover {
  23. color: #c0f;
  24. text-decoration: none;
  25. }
  26. img {
  27. max-width: 600px;
  28. max-height: 400px;
  29. display: block;
  30. margin: auto;
  31. }
  32. pre {
  33. display: block;
  34. background-color: #111;
  35. color: #66cdaa;
  36. padding: 5px;
  37. overflow-x: auto;
  38. }
  39. a.textlink:before {
  40. content: " ⇒ ";
  41. padding-left: 2px;
  42. }
  43. p.quote {
  44. color: #82eefd;
  45. }
  46. p.quote:before {
  47. content: " « ";
  48. padding-left: 2px;
  49. }
  50. p.quote:after {
  51. content: " » ";
  52. padding-right: 2px;
  53. }
  54. </style>
  55. </head>
  56. <body>
  57. <h1>H311o W0r1d</h1>
  58. <pre>
  59. . -------------------------------------------------------------------.
  60. | [Esc] [F1][F2][F3][F4][F5][F6][F7][F8][F9][F0][F10][F11][F12] o o o|
  61. | |
  62. | [`][1][2][3][4][5][6][7][8][9][0][-][=][_&lt;_] [I][H][U] [N][/][*][-]|
  63. | [|-][Q][W][E][R][T][Y][U][I][O][P][{][}] | | [D][E][D] [7][8][9]|+||
  64. | [CAP][A][S][D][F][G][H][J][K][L][;]['][#]|_| [4][5][6]|_||
  65. | [^][\][Z][X][C][V][B][N][M][,][.][/] [__^__] [^] [1][2][3]| ||
  66. | [c] [a][________________________][a] [c] [&lt;][V][&gt;] [ 0 ][.]|_||
  67. `--------------------------------------------------------------------'
  68. dp
  69. </pre>
  70. <h2>Why does this site look so old school?</h2>
  71. <p>If you reach this site via the modern web, please read this:</p>
  72. <a class="textlink" href="./gemfeed/2021-04-24-welcome-to-the-geminispace.html">Welcome to the Geminispace</a><br />
  73. <h2>Introduction</h2>
  74. <p>My name is Paul Buetow, and this is my internet site. You can call me a Linux/*BSD enthusiast and hobbyist. Although I also have many other interests, you will encounter mostly (if not only) technical content on this site.</p>
  75. <p>I have published some Open-Source software; you will find references to it on this site or my GitHub page(s). I also read a lot of tech newsletters and blogs. I re-share the most interesting ones on my social media feeds. You can find links to my GitHub pages and my social media accounts on my contact information page:</p>
  76. <a class="textlink" href="./contact-information.html">Contact information</a><br />
  77. <p>I have also compiled a list of resources that made an impact on me:</p>
  78. <a class="textlink" href="./resources.html">List of resources</a><br />
  79. <h2>Personal blog</h2>
  80. <h3>Stay updated</h3>
  81. <a class="textlink" href="./gemfeed/atom.xml">Subscribe to this blog's Atom feed</a><br />
  82. <a class="textlink" href="./gemfeed/index.html">Subscribe to this blog's Gemfeed</a><br />
  83. <h3>Posts</h3>
  84. <p>I have switched blog software multiple times. I might be backfilling some of the older articles here. So please don't wonder when suddenly old posts appear here.</p>
  85. </body>
  86. </html>