The web design and pages for my personal 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.

107 lines
4.9 KiB

  1. {{ define "title" }}About Me{{ end }}
  2. {{ define "content" }}
  3. <h1>About Me</h1>
  4. <blockquote>
  5. <em>Updated: Aug 11 2020</em>
  6. </blockquote>
  7. <div class="row">
  8. <div class="col-12 col-sm-2 markdown">
  9. <img src="" class="img-responsive portrait" alt="Kirsle"><p>
  10. &#0164; <a href="/contact">Send me an e-mail</a>
  11. </div>
  12. <div class="col-12 col-sm-10">
  13. <h2 class="mt-0">Hello world!</h2>
  14. <p>My name is <strong>Noah</strong> and this is my website, where I primarily keep
  15. my blog. I'm a 32 year-old software engineer from Portland, OR (previously Los
  16. Angeles for about a decade).</p>
  17. <p>I've been interested in computers my whole life ever since I was given an
  18. old Tandy MS-DOS machine running Windows 3.1 back when I was in kindergarten.
  19. I taught myself how to create web pages when I was 12, how to program in Perl
  20. by 14, and I've been in love with software development ever since! It's the
  21. closest thing to magick in an otherwise material universe; if you can imagine
  22. it, you can write code to do it!</p>
  23. <p>I'm a 90's kid and a "<a href="" target="_blank">netizen</a>"
  24. of the web from the early 2000s, back when the Internet was simple and social
  25. media didn't exist. I purposely designed my website to resemble the good old
  26. classic sites from back then: with a visual wallpaper and lots of color. Only,
  27. now I make sites while keeping them compliant with modern HTML standards and
  28. friendly to view on mobile devices!</p>
  29. <p>Besides computers, I have a pretty wide array of other interests in my
  30. personal life; I'm a "jack of all trades, master of some" and like to dabble
  31. here or there. I love to write and create various forms of what could be loosely
  32. defined as "art." A long while ago I played with <a href="/rendering">3D modeling</a>
  33. and <a href="/flash">Flash animations</a>. I like to learn about all forms of
  34. science, delve into spiritual topics and explore the nature of the universe.
  35. I'm into nudism and nude photography, videogames and board games, hiking
  36. and camping, <a href="" target="_blank">chat bots</a>,
  37. and discovering new things.</p>
  38. <p>I'm a "high functioning introvert," where I can go out and socialize from
  39. time to time, and fool people into thinking I'm actually an extravert, but
  40. then I need my alone time to recharge my batteries.</p>
  41. <h3>Music Taste</h3>
  42. <p>I don't listen to music much, instead tending to work in silence, but when
  43. I do, these are some artists I'm into recently (links open to a YouTube
  44. video of a song of theirs that I like):</p>
  45. <ul class="list-inline">
  46. <li class="list-inline-item">
  47. <a href="" title="Tearing Me Up">Bob Moses</a>
  48. </li>
  49. <li class="list-inline-item">
  50. <a href="" title="Sweatpants">Childish Gambino</a>
  51. </li>
  52. <li class="list-inline-item">
  53. <a href="" title="Young Dumb &amp; Broke">Khalid</a>
  54. </li>
  55. <li class="list-inline-item">
  56. <a href="" title="Lust For Life">Lana Del Rey</a>
  57. </li>
  58. <li class="list-inline-item">
  59. <a href="" title="Beacon">RY X</a>
  60. </li>
  61. <li class="list-inline-item">
  62. <a href="" title="Feels Like We Only Go Backwards">Tame Impala</a>
  63. </li>
  64. </ul>
  65. <p>I'll add more when I'm motivated.</p>
  66. <h2>Geeky Stuff</h2>
  67. <p>This website is open source. I wrote the back-end in Go this time at
  68. <a href="">kirsle/blog</a>, and my front-end
  69. template files are readable <a href="">on GitHub</a>
  70. too. But those aren't very interesting.</p>
  71. <p>Having learned to make websites in the early 2000's, I think we should
  72. return to the days of <a href="">Dynamic HTML</a>
  73. instead of these overly bloated web applications. My website speaks <a href="">HTTP</a>,
  74. serves <a href="">HTML</a> pages, has <code>&lt;form&gt;</code>s that actually <code>POST</code>,
  75. and the little bits of JavaScript I add are to enhance the experience slightly.
  76. My website works fine with all scripts disabled.</p>
  77. <h3>Privacy</h3>
  78. In this post-<a href="">Snowden</a>
  79. era, maybe we should be more privacy conscious. does not use any third-party
  80. advertisements or analytics tools. I <a href="/do-you-need-to-store-that-ip-address">don't want to know</a>
  81. your IP address, either. My website handles its own blog comments, rather than
  82. using something like Disqus, which invades your privacy as you visit the websites
  83. that use it.
  84. </div>
  85. </div>
  86. {{ end }}