<!DOCTYPE html> <html lang=“{{ site.plainwhite.html_lang }}”>
<head>
{%- include head.html -%}
</head>
{%- if site.plainwhite.condensed_mobile contains page.layout -%} {% assign condensed_class = “condensed” %} {% else %} {% assign condensed_class = “” %} {%- endif -%}
<body>
<main class="container"> <section class="about"> <div class="about-header {{condensed_class}}"> <div class="about-title"> <a href="{{ "/" | relative_url}}"> {% if site.plainwhite.portfolio_image_dark and site.plainwhite.dark_mode %} <img class="light" src="{{site.baseurl }}/{{ site.plainwhite.portfolio_image }}" alt="{{ site.plainwhite.name }}" /> <img class="dark" src="{{site.baseurl }}/{{ site.plainwhite.portfolio_image_dark }}" alt="{{ site.plainwhite.name }}" /> {% else %} <img src="{{site.baseurl }}/{{ site.plainwhite.portfolio_image }}" alt="{{ site.plainwhite.name }}" /> {% endif %} </a> <h2 id="title"> <a href="{{ "/" | relative_url }}">{{ site.plainwhite.name }}</a> </h2> </div> {%- if site.plainwhite.tagline -%} <p class="tagline">{{ site.plainwhite.tagline }}</p> {%- endif -%} </div> {% capture footer %} {%- if site.plainwhite.social_links != '' -%} <ul class="social about-footer {{condensed_class}}"> {%- if site.plainwhite.social_links.github -%} <a href="https://github.com/{{ site.plainwhite.social_links.github }}" target="_blank"> <li> <i class="icon-github-circled"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.gitlab -%} <a href="https://gitlab.com/{{ site.plainwhite.social_links.gitlab }}" target="_blank"> <li> <i class="icon-gitlab"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.linkedIn -%} <a href="https://www.linkedin.com/{{ site.plainwhite.social_links.linkedIn }}" target="_blank"> <li> <i class="icon-linkedin-squared"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.twitter -%} <a href="https://twitter.com/{{ site.plainwhite.social_links.twitter }}" target="_blank"> <li> <i class="icon-twitter-squared"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.instagram -%} <a href="https://instagram.com/{{ site.plainwhite.social_links.instagram }}" target="_blank"> <li> <i class="icon-instagram"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.facebook -%} <a href="https://facebook.com/{{ site.plainwhite.social_links.facebook }}" target="_blank"> <li> <i class="icon-facebook-squared"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.youtube -%} <a href="https://youtube.com/{{ site.plainwhite.social_links.youtube }}" target="_blank"> <li> <i class="icon-youtube"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.pinterest -%} <a href="https://pinterest.com/{{ site.plainwhite.social_links.pinterest }}" target="_blank"> <li> <i class="icon-pinterest-squared"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.dribbble -%} <a href="https://dribbble.com/{{ site.plainwhite.social_links.dribbble }}" target="_blank"> <li> <i class="icon-dribbble"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.flickr -%} <a href="https://flickr.com/{{ site.plainwhite.social_links.flickr }}" target="_blank"> <li> <i class="icon-flickr"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.telegram -%} <a href=" https://t.me/{{ site.plainwhite.social_links.telegram }}" target="_blank"> <li> <i class="icon-telegram"></i> </li> </a> {%- endif -%} {%- if site.plainwhite.social_links.soundcloud -%} <a href=" https://soundcloud.com/{{ site.plainwhite.social_links.soundcloud }}" target="_blank"> <li> <i class="icon-soundcloud"></i> </li> </a> {%- endif -%} </ul> {%- endif -%} {%- if site.plainwhite.navigation -%} <nav class="navigation about-footer {{condensed_class}}"> <ul> {% for link in site.plainwhite.navigation %} <li> <a href="{{ link.url }}">{{ link.title }}</a> </li> {% endfor %} </ul> </nav> {%- endif -%} <p class="about-footer {{condensed_class}}">© {{ "now" | date: "%Y" }}</p> {%- if site.plainwhite.dark_mode -%} <div class="about-footer {{condensed_class}}"> <p>Dark Mode <i class="icon-moon"></i> <label class="switch"> <input type="checkbox" class="dark-mode-toggle"> <span class="slider round" onclick="toggleDarkMode()"></span> </label> </p> </div> {%- endif -%} {% endcapture %} {{ footer }} </section> <section class="content"> {{ content }} </section> <footer class="{{condensed_class}}"> {{ footer }} </footer> </main> {% if site.plainwhite.dark_mode %} <script type="text/javascript" src="{{ "/assets/js/darkmode.js" | relative_url }}"></script> {% endif %} {%- if site.plainwhite.analytics_id -%} <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.plainwhite.analytics_id }}"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', '{{ site.plainwhite.analytics_id }}'); </script> {%- endif -%} {% if site.plainwhite.search %} <script src="{{ "/assets/js/simple-jekyll-search.min.js" | relative_url }}"></script> <script src="{{ "/assets/js/search.js" | relative_url }}"></script> {% endif %}
</body>
</html>