why-org.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  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. <title>Why Org? - Kevin "The Nuclear" Bloom's Personal Website</title>
  6. <link rel="shortcut icon" type="image/png" href="/img/guy-in-space.png"/>
  7. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  8. <meta name="generator" content="Org mode" />
  9. <meta name="author" content="Kevin &quot;The Nuclear&quot; Bloom" />
  10. <meta http-equiv="cache-control" content="no-cache, must-revalidate, post-check=0, pre-check=0" />
  11. <meta http-equiv="cache-control" content="max-age=0" />
  12. <meta http-equiv="expires" content="0" />
  13. <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
  14. <meta http-equiv="pragma" content="no-cache" />
  15. <link rel='stylesheet' href='/styles/main.2.css' />
  16. </head>
  17. <body>
  18. <div id="preamble" class="status">
  19. <div id="banner">
  20. <h1><a href="/home.html">Kevin "The Nuclear" Bloom</a></h1>
  21. <hr />
  22. <div id="navit">
  23. <a href="/contact.html">Contact</a>
  24. &nbsp;
  25. <a href="/blog.html">Blog</a>
  26. &nbsp;
  27. <a href="/projects.html">Projects</a>
  28. &nbsp;
  29. <a href="/about-me.html">About Me</a>
  30. </div>
  31. </div>
  32. </div>
  33. <div id="content">
  34. <div id="outline-container-org550ba0d" class="outline-2">
  35. <h2 id="org550ba0d">Why Org?</h2>
  36. <div class="outline-text-2" id="text-org550ba0d">
  37. <div class="PREVIEW">
  38. <p>
  39. There are a ton of options when it comes to creating a website; from designing
  40. it to picking tools for it to hosting it, there is a plethora! As a
  41. professional web developer, I know this first hand. In fact, there
  42. is a painful sickness called <a href="https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4">JavaScript Fatigue</a> that effects tons of developers
  43. because there are so many friggin' options! Given all these choices, why <i>on
  44. Earth</i> did I choose to use <a href="https://orgmode.org">org-mode</a> to create this site?!
  45. </p>
  46. </div>
  47. <p>
  48. Before we get into the he-said-she-said, let me explain some stuff. There are a
  49. few requirements that my site needed to have: no (or very little) JS, an early
  50. 2000s look, a hacker feel, and <a href="https://gnu.org/software/emacs">Emacs</a> created.<sup><a id="fnr.1" class="footref" href="#fn.1">1</a></sup> NO JS? But JS runs the web!
  51. It makes things fun! Why wouldn't you want to use it? Good question ambiguous
  52. person, the answer is simple: <a href="no-js.html">JS sucks</a> and I just didn't want to mess with
  53. it. Don't get me wrong, I love <a href="https://reactjs.org/">ReactJS</a>! It's truly the best way to use JS - but
  54. I use JS pretty much everyday and don't feel like using it on my site. Not to
  55. mention, what the heck would I use it for? Games? Pssst, that's what <a href="https://alt.org/nethack/">this</a> is
  56. for. Why do I want it to look like it's from the early 2000s and have a hacker
  57. feel? Because I like that stuff. Nuff said. Why Emacs? What else would I make a
  58. website in? Emacs is the only option! It's the best OS known to man!
  59. </p>
  60. <p>
  61. Now that you understand my requirements, we can talk business. Originally, I
  62. created this site with <a href="https://www.common-lisp.net/">Common Lisp</a> using the fabulous <a href="https://edicl.github.io/hunchentoot/">Hunchentoot</a> and
  63. <a href="https://edicl.github.io/cl-who/">cl-who</a>. This was really cool because you get the power of Common Lisp in the
  64. web. You can also use <a href="https://common-lisp.net/project/parenscript/">parenscript</a> to write JS, which is really fun. This was
  65. great and all but a little overly complicated for something as simple as this
  66. site. So I began thinking about using something else. Many months went by and
  67. this site crashed because someone unplugged the Raspberry Pi and I never got
  68. around to starting the server again. Some time later, <i>zacts</i>, a user on
  69. freenode #dragora, began talking about creating his site with org-mode. I had
  70. heard about this task before but never tried it. So, I thought I'd give it a
  71. try! So far, it is awesome!
  72. </p>
  73. <p>
  74. Using org-mode to create a static site is truly amazing! Once you setup org to
  75. handle things the way you like, all you do is run <code>org-publish</code> and your site is
  76. created. Of course you must host it and all that nonsense, but you don't have to
  77. do much else! What I use is <a href="https://nginx.org/">nginx</a> and <a href="https://rsync.samba.org/">rsync</a> to host and push updates,
  78. respectively. This makes it easy to update content without having to mess around
  79. with HTML. Plus, you can still use plain old CSS to style things. In conclusion,
  80. org-mode makes creating and updating your site extremely efficient which is why
  81. I chose to use it.
  82. </p>
  83. </div>
  84. </div>
  85. <div id="footnotes">
  86. <h2 class="footnotes">Footnotes: </h2>
  87. <div id="text-footnotes">
  88. <div class="footdef"><sup><a id="fn.1" class="footnum" href="#fnr.1">1</a></sup> <div class="footpara"><p class="footpara">
  89. Meaning that I can create and update the site from inside Emacs.
  90. </p></div></div>
  91. </div>
  92. </div></div>
  93. <div id="postamble" class="status">
  94. <p class="author">Author: Kevin "The Nuclear" Bloom</p>
  95. </div>
  96. <div id="footer">
  97. <hr />
  98. <p>
  99. <a href="https://anybrowser.org/campaign/">
  100. <img src="/img/any-browser.png" alt="Viewable with any browser! No JS, no cookies, no bullshit!"/></a>
  101. &nbsp;
  102. <a href="http://validator.w3.org/check?uri=nuclearkev.org"><img
  103. src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
  104. &nbsp;
  105. <a href="http://NetBSD.org/"><img
  106. src="https://www.netbsd.org/images/powered-by-NetBSD.png" alt="NetBSD" width="88" /></a>
  107. </p>
  108. <p>
  109. Copyright © 2017-2022 Kevin "The Nuclear" Bloom
  110. </p>
  111. </div>
  112. </body>
  113. </html>