startpage.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Start Page</title>
  6. <link rel="shortcut icon" href="/csh/favicon.ico" type="image/x-icon"/>
  7. <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
  8. <style>
  9. /* I, Caleb Herbert, dedicate this style to the public domain.
  10. This style is specific to this page. It won't be used anywhere
  11. else, so there's no need to put it in its own, dedicated file. */
  12. /* First, I need to figure out how to get the headings to go and see
  13. bal side-by-side instead of in a linear, vertical direction.
  14. Stack Overflow says to wrap it in a div and set it to "float:
  15. left": */
  16. .anchor{
  17. width:55%;
  18. margin-right:2%; /* IDK how this works, but w/e... */
  19. float: left;
  20. }
  21. .section{
  22. width: 42%;
  23. float: right;
  24. }
  25. .clearfix{ /* This needs to be here, so the footer doesn't get */
  26. clear: both; /* messed up. */
  27. }
  28. /* Reference:
  29. https://stackoverflow.com/questions/19089933/how-to-position-two-elements-side-by-side-using-css/19090006#19090006
  30. */
  31. /*
  32. * Now, we need to get rid of the bullets and center the big title.
  33. */
  34. li {
  35. list-style-type: none;
  36. }
  37. h1 {
  38. text-align: center;
  39. }
  40. </style>
  41. </head>
  42. <body>
  43. <header>
  44. <p><a href="/csh"><img src="/csh/homeicon" alt="csh"/></a></p>
  45. </header>
  46. <h1>Start</h1>
  47. <nav>
  48. <ul>
  49. <div class="anchor">
  50. <li><a href="https://getvau.lt/">Passwords</a></li>
  51. <li><a href="https://bluehome.net/">Email</a></li>
  52. <li><a href="https://riot.im/app">Chat</a></li>
  53. <li><a href="https://www.reddit.com/r/Antifeatures+Dragora+FreeFormats+FreeGaming+FurryWallpapers+Parabola+Piracy+StallmanWasRight+announcements+archlinux+cordcutters+debian+freesoftware+fullmoviesonyoutube+furry+gNewSense+gnu+libreboot+linux_cucks+lunduke+nodrm+rexit+slackware+thinkpad+trisquel+unixporn+vegan+yiff/">Reddit</a>, <a href="https://freepo.st/">Freepost</a></li>
  54. </div>
  55. <div class="section">
  56. <li><a href="https://ytlibre.ga/">Watch YouTube video</a></li>
  57. <li><a href="https://libre.fm/listen.php?station=librefm://community/loved">Music</a></li>
  58. <li><a href="https://libreflix.org/">Movies</a></li>
  59. </div>
  60. </ul>
  61. </nav>
  62. <div class="anchor">
  63. <h2>Ricing</h2>
  64. <ul>
  65. <li><a href="https://nixers.net/showthread.php?tid=2050">Unix Ricing</a></li>
  66. <li><a href="https://sinister.ly/Thread-Tutorial-The-Lazy-Man-s-Guide-to-Ricing-Linux-WM-i3">The Lazy Man's Guide to Ricing GNU/Linux</a></li>
  67. <li><a href="https://adrien.is/configuring-solarized-colors/">How to toggle Solarized</a></li>
  68. </ul>
  69. </div>
  70. <div class="section">
  71. <h2>People</h2>
  72. <ul>
  73. <div class="anchor">
  74. <li><a href="https://rosenzweig.io/">Alyssa</a></li>
  75. <li><a href="https://jxself.org/">jxself</a></li>
  76. <li><a href="http://lukesmith.xyz/">Luke Smith</a></li>
  77. <li><a href="http://theosis.god.jp/">Michael</a></li>
  78. </div>
  79. <div class="section">
  80. <li><a href="http://opalrwf4mzmlfmag.onion/">✿Opal❀</a></li>
  81. <li><a href="https://y.st./">Yst</a></li>
  82. <li><a href="https://mcmackins.org/">Zerock</a></li>
  83. </div>
  84. </ul>
  85. </div>
  86. <div class="anchor">
  87. <h2>Links</h2>
  88. <ul>
  89. <li><a href="https://github.com/cfenollosa/bashblog">Bash Blog</a></li>
  90. <li><a href="tuomov.bitcheese.net/b/">Crazy rants</a> by the author of <a href="https://en.wikipedia.org/wiki/Ion_(window_manager)">Ion</a></li>
  91. <li><a href="https://budrich.github.io/blog/fresh_start/">budRich</a></li>
  92. </ul>
  93. </div>
  94. <div class="section">
  95. <h2>links</h2>
  96. <ul>
  97. <li><a href="https://github.com/cfenollosa/bashblog">bash blog</a></li>
  98. <li><a href="tuomov.bitcheese.net/b/">crazy rants</a> by the author of <a href="https://en.wikipedia.org/wiki/ion_(window_manager)">ion</a></li>
  99. <li><a href="https://budrich.github.io/blog/fresh_start/">budrich</a></li>
  100. <li><a href="https://win95.ajf.me/">W95 in the browser</a></li>
  101. </ul>
  102. </div>
  103. <div class="clearfix"></div>
  104. <!-- So nothing below this point gets messed up. -->
  105. <hr/>
  106. <footer>
  107. <p>Last updated: 2017-11-19 00:41:04 CST.</p>
  108. <p>
  109. Copyright 2017 Caleb Herbert under the terms of the
  110. <a href="https://creativecommons.org/licenses/by/4.0/">Attribution
  111. 4.0 International</a> license.</p>
  112. </footer>
  113. </body>
  114. </html>