Git repo for my website
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.
 
 
 

93 lines
5.1 KiB

  1. <!-- Why My Website Is Nothing Fancy -->
  2. <!-- ./res/mkd/blog/2022_11_05-why_my_website_is_nothing_fancy.md -->
  3. <html lang="en">
  4. <head>
  5. <meta charset=utf-8>
  6. <meta name=viewport content=with=device-width>
  7. <title>
  8. Why My Website Is Nothing Fancy - easthighNerd
  9. </title>
  10. <link href="/res/css/main.css" rel="stylesheet">
  11. <link rel="icon" type="image/png" href="/res/img/favicon.png"/>
  12. </head>
  13. <body>
  14. <nav>
  15. <a href="/">
  16. Home
  17. </a>
  18. <br>
  19. <br>
  20. <a href="/blog/">
  21. Blog
  22. </a>
  23. <br>
  24. <br>
  25. <a href="https://raru.re/@easthighNerd/" target="_blank">
  26. Mastodon
  27. </a>
  28. <br>
  29. <br>
  30. <!-- <a href="https://pixelfed.social/@easthighNerd/" target="_blank">
  31. Pixelfed
  32. </a>
  33. <br>
  34. <br> -->
  35. <a href="https://git.easthighnerd.me/easthighNerd/" target="_blank">
  36. Gitea
  37. </a>
  38. <br>
  39. <br>
  40. <a href="/software_i_use/">
  41. Software I Use
  42. </a>
  43. <br>
  44. <br>
  45. <a href="/other_interweb_peoples/">
  46. Other Interweb Peoples
  47. </a>
  48. <br>
  49. <br>
  50. <a href="/external_links/">
  51. External Links
  52. </a>
  53. <br>
  54. <br>
  55. <a href="/contact/">
  56. Contact
  57. </a>
  58. </nav>
  59. <main>
  60. <h1 id="why-my-website-is-nothing-fancy">Why My Website is Nothing Fancy</h1>
  61. <p>As you have likely noticed, my website, the one you are currently reading this blog post on now, is rather… plain</p>
  62. <p>It’s not due to any technical incompetence, I assure you</p>
  63. <p>So you may be asking then, why?</p>
  64. <h2 id="my-reasoning">My Reasoning</h2>
  65. <p>When I created this website, I set out for it to be plain on purpose</p>
  66. <p>I went for a design that sorta resembles what you might find on some <a href="https://en.wikipedia.org/wiki/Gemini_(protocol)" target="_blank">Gemini</a> pages</p>
  67. <p>I also wanted it to be quick to load</p>
  68. <p>With a lack of fancy images on every damn page, no JavaScript trying to load, no analytics hogging bandwidth, site loads pretty quick, don’t it?</p>
  69. <p>In my opinion, that’s how it should be!</p>
  70. <p>Images, especially large ones, can make a page load slower, plus there’s the added bandwidth and data consumption</p>
  71. <p>JavaScript is evil in my opinion, due to how it can be (and a not-insignificant amount of times is) used in rather malicious ways, plus I just don’t like it</p>
  72. <p>Analytics have their place, don’t get me wrong, however most of the time they end up being through either Google’s or Facebook’s offerings, which leads to more of your data being hoovered up by these mega-corps and shared or sold to others without your consent</p>
  73. <h2 id="so-how-do-i-have-my-website-setup-than">So How do I Have My Website Setup Than?</h2>
  74. <p>I type out everything in Markdown, and use a script to recursively convert the Markdown files into HTML using <a href="https://pandoc.org/" target="_blank">pandoc</a>, and have that content placed in the desired spot and outputted to an index.html file where I want it</p>
  75. <p>I don’t use any JavaScript nor analytics, period*</p>
  76. <p>I have any images that would normally be in something like, say, a blog post, as a link to that image, denoted by “[IMAGE]”, followed by a short description of what that image is, where I would have liked that image to be placed if it was present inline</p>
  77. <p>That does mean that one would need to click on the link to that image to load it, which would then take them to just that image inside their browser, requiring them to hit the “page-back” button to return to the prior page, but honestly I don’t see a problem with that</p>
  78. <p>I also have a black background for every page setup, along with white text, as I am a fan of dark modes, white backgrounds hurt my eyes, and for contrast purposes</p>
  79. <p>All links are also colored yellow, and change to a light blue when hovered over, 1) because I like the colors and 2) they contrast nicely against the black background</p>
  80. <p>I also use monospace for the font, as I find it easier to read, plus I just like it</p>
  81. <h2 id="that-it">That it?</h2>
  82. <p>Pretty much</p>
  83. <p>I would like to add one more thing though: LibreOffice I should not have to add the word “analytics” into your dictionary it is an actual word for crying out loud</p>
  84. <p><br />
  85. </p>
  86. <p><em>* I cannot speak for anything that my hosting provider collects, which considering that this site is currently hosted on a VPS, and is just code being served by Apache2, there shouldn’t be any cause for concern</em></p>
  87. <hr />
  88. <p><a href="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" target="_blank">[IMAGE] CC BY-SA 4.0</a><br />
  89. This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative Commons Attribution-ShareAlike 4.0 International License</a></p>
  90. </main>
  91. </body>
  92. </html>