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.

86 lines
3.7KB

  1. {{ define "title" }}About Me{{ end }}
  2. {{ define "content" }}
  3. <h1>About Me</h1>
  4. <div class="row">
  5. <div class="col-12 col-sm-2 markdown">
  6. <img src="https://www.kirsle.net/static/photos/ff7ec4f5.jpg" class="img-responsive portrait" alt="Kirsle"><p>
  7. &#0164; <a href="/contact">Send me an e-mail</a>
  8. </div>
  9. <div class="col-12 col-sm-10">
  10. <h2 class="mt-0">Hello world!</h2>
  11. <p>My name is <strong>Noah</strong> and this is my website, where I primarily keep
  12. my blog. I'm a 30 year-old software engineer living in Los Angeles.</p>
  13. <p>My interests include programming, creative writing, various forms of what could
  14. be loosely defined as "art," including some dabbling with 3D modeling and
  15. Flash animations. I'm a "high functioning introvert," and when I manage to
  16. get out of the house, I like to go hiking with my dog and my partner. For
  17. several years I could be found at Disneyland every couple of weekends.</p>
  18. <h3>Music Taste</h3>
  19. <p>I don't listen to music much, instead tending to work in silence, but when
  20. I do, these are some artists I'm into recently (links open to a YouTube
  21. video of a song of theirs that I like):</p>
  22. <ul class="list-inline">
  23. <li class="list-inline-item">
  24. <a href="https://www.youtube.com/watch?v=NAS5Z1GvxrQ" title="Tearing Me Up">Bob Moses</a>
  25. </li>
  26. <li class="list-inline-item">
  27. <a href="https://www.youtube.com/watch?v=ExVtrghW5Y4" title="Sweatpants">Childish Gambino</a>
  28. </li>
  29. <li class="list-inline-item">
  30. <a href="https://www.youtube.com/watch?v=IPfJnp1guPc" title="Young Dumb &amp; Broke">Khalid</a>
  31. </li>
  32. <li class="list-inline-item">
  33. <a href="https://www.youtube.com/watch?v=eP4eqhWc7sI" title="Lust For Life">Lana Del Rey</a>
  34. </li>
  35. <li class="list-inline-item">
  36. <a href="https://www.youtube.com/watch?v=S95INavMofc" title="Beacon">RY X</a>
  37. </li>
  38. <li class="list-inline-item">
  39. <a href="https://www.youtube.com/watch?v=wycjnCCgUes" title="Feels Like We Only Go Backwards">Tame Impala</a>
  40. </li>
  41. </ul>
  42. <p>I'll add more when I'm motivated.</p>
  43. <h2>Geeky Stuff</h2>
  44. <p>This website is open source. I wrote the back-end in Go this time at
  45. <a href="https://github.com/kirsle/blog">kirsle/blog</a>, and my front-end
  46. template files are readable <a href="https://github.com/kirsle/kirsle.net">on GitHub</a>
  47. too. But those aren't very interesting.</p>
  48. <p>Having learned to make websites in the early 2000's, I think we should
  49. return to the days of <a href="http://dynamicdrive.com/">Dynamic HTML</a>
  50. instead of these overly bloated web applications. My website speaks <a href="https://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol">HTTP</a>,
  51. serves <a href="https://en.wikipedia.org/wiki/HTML">HTML</a> pages, has <code>&lt;form&gt;</code>s that actually <code>POST</code>,
  52. and the little bits of JavaScript I add are to enhance the experience slightly.
  53. My website works fine with all scripts disabled.</p>
  54. <p>I somewhat miss the earlier Internet days when websites had background
  55. images rather than racing to the bottom with simplicity. My website has been described as
  56. "hipster," but I like it this way, and it's
  57. <a href="https://validator.w3.org/check?uri=referer">HTML5 standards compliant</a>.
  58. Usually.</p>
  59. <h3>Privacy</h3>
  60. In this post-<a href="https://en.wikipedia.org/wiki/Edward_Snowden">Snowden</a>
  61. era, maybe we should be more privacy conscious. Kirsle.net does not use any third-party
  62. advertisements or analytics tools. I <a href="/do-you-need-to-store-that-ip-address">don't want to know</a>
  63. your IP address, either. My website handles its own blog comments, rather than
  64. using something like Disqus, which invades your privacy as you visit the websites
  65. that use it.
  66. </div>
  67. </div>
  68. {{ end }}