[:html
 [:head
  [:title "About - Matthew Fors"]
  [:link
   {:rel "shortcut icon",
    :type "image/x-icon",
    :href "photos/favicon.ico"}]
  [:link {:rel "stylesheet", :href "styles/normalize.css"}]
  [:link {:rel "stylesheet", :href "styles/skeleton.css"}]
  [:link {:rel "stylesheet", :href "styles/style.css"}]]
 [:body
  [:div
   {:class "container"}
   [:div
    {:class "row nav", :style "padding: 20px 0 30px 0"}
    [:h5
     {:class "two columns nav-item selected-nav",
      :style "width: 100/12%;",
      :onClick "location.href='about.html'"}
     "About"]
    [:h5
     {:class "two columns nav-item",
      :style "width: 100/12%;",
      :onClick "location.href='blog.html'"}
     "Blog"]
    [:h5
     {:class "two columns nav-item",
      :style "width: 100/12%;",
      :onClick "location.href='contact.html'"}
     "Contact"]
    [:h5
     {:class "six columns right-text bold nav-item",
      :onClick "location.href='index.html'"}
     "(enforser)"]]]
  (([:div
     {:class "container"}
     [:div
      {:class "row"}
      [:img {:src "photos/me.jpg", :class "image-of-me three columns"}]
      [:div
       {:class "nine columns"}
       [:p "Welcome! My name is Matthew Fors."]
       [:p
        "I'm a software engineer currently located in NYC. I moved to New York in May of 2019 with my girlfriend and dog from Ottawa, Canada. While in Ottawa, I attended Carleton University from 2014 through to 2019 to complete a Bachelors degree in computer science, with a minor in philosophy."]
       [:p
        "In my spare time, you may find me exploring new vegan restaurants, watching reality TV, or hanging out at a punk show. My philosophical interests include consequentialist ethics and philosophy of mind."]
       [:p
        "This site is a project of mine that is meant to contain my thoughts on various topics, including; ethics, software engineering, functional programming, philosophy, and more. It is also meant to serve as a reference point for the "
        [:a {:href "/contact.html"} "rest of my online presence"]
        "."]
       [:p
        "The site is written in "
        [:a {:href "https://clojure.org/"} "Clojure"]
        " , with "
        [:a {:href "https://github.com/weavejester/hiccup"} "Hiccup"]
        " syntax, and exports assets with "
        [:a {:href "https://github.com/magnars/stasis"} "Stasis"]
        "."]]]]))
  [:div
   {:class "container"}
   [:a
    {:class "twelve columns",
     :style "text-align: right",
     :href "/about-as-code.html"}
    "Hiccup"]]]]