<div class="window">
  <div class="title">
    > what is this?
  </div>

  <div class="reading-font">
    <p>
      You've stumbled upon my little corner of the internet!
    </p>
    <p>
      This website serves as my playground for experimenting with web technologies, a showcase for my <%= link_to "projects", projects_path %>, and a space to share what I've learned along the way.
    </p>

    <h3>What's under the hood?</h3>

    <ul>
      <li>
        <strong>Backend Framework:</strong>
        <%= link_to "Ruby on Rails 7", "https://rubyonrails.org/", target: "_blank" %>
      </li>

      <li>
        <strong>Database:</strong>
        <%= link_to "PostgreSQL", "https://www.postgresql.org/", target: "_blank" %>
      </li>

      <li>
        <strong>Caching and Key-Value Store:</strong>
        <%= link_to "Redis", "https://redis.io/", target: "_blank" %>
      </li>

      <li>
        <strong>Frontend Interactivity:</strong>
        <%= link_to "Hotwire (HTML Over The Wire)", "https://hotwired.dev/", target: "_blank" %>
      </li>

      <li>
        <strong>Frontend Architecture and UI Design:</strong>
        <%= link_to "ViewComponents", "https://viewcomponent.org/", target: "_blank" %>,
        <%= link_to "Bootstrap 5.3", "https://getbootstrap.com/docs/5.3", target: "_blank" %>
        with
        <%= link_to "custom SASS modifications", project_path(id: "itsthedevman", file_path: "app/assets/stylesheets/vendor/_bootstrap.scss"), target: "_blank" %>
      </li>

      <li>
        <strong>Version Control:</strong>
        <%= link_to "Git", "https://git-scm.com/", target: "_blank" %>
      </li>

      <li>
        <strong>CI/CD:</strong> <%= link_to "Capistrano", "https://capistranorb.com/", target: "_blank" %>
      </li>

      <li>
        <strong>Host:</strong> <%= link_to "OVH", "https://www.ovhcloud.com/en/", target: "_blank" %>
      </li>
    </ul>

    <p class="mb-0">
      For your reading comfort, you may adjust the font for content text via the settings menu in the navigation bar, or navigation menu on mobile.
    </p>
  </div>
</div>