<!DOCTYPE html>
<html lang="en">
{{ if eq .Site.Params.version 1 }}

<head>
  <title>{{- .Site.Title -}}</title>
  <!-- stylesheets -->
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/all.min.css" media="all">
  <link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
  <link rel="stylesheet" href="/css/v1/v1.css">
  <!-- Fonts -->
  <link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
  <meta name="description" content="{{ .Site.Params.description }}">
  {{ template "_internal/google_analytics.html" . }}
  {{- partial "sections/v1/head.html" . -}}
</head>

<body>
  {{- partial "sections/v1/home.html" . -}}
  {{- partial "sections/v1/blog.html" . -}}
  {{- partial "sections/v1/about.html" . -}}
  {{- partial "sections/v1/do_things.html" . -}}
  {{- partial "sections/v1/projects.html" . -}}
  {{- partial "sections/v1/contact.html" . -}}

  {{- partial "sections/v1/footer.html" . -}}
  {{- partial "sections/v1/scripts.html" . -}}
</body>
{{ else if eq .Site.Params.version 2 }}

<head>
  <title>{{- .Site.Title -}}</title>
  <meta name="description" content="{{ .Site.Params.description }}">
  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
    media="all">
  {{ template "_internal/google_analytics.html" . }}
  {{- partial "sections/v2/head.html" . -}}
</head>

<body>
  {{- partial "sections/v2/header.html" . -}}
  {{- partial "sections/v2/about.html" . -}}
  {{- partial "sections/v2/do_things.html" . -}}
  {{- partial "sections/v2/footer.html" . -}}
  {{- partial "sections/v2/scripts.html" . -}}
</body>

{{ else if eq .Site.Params.version 3 }}

<head>
  <title>{{- .Site.Title -}}</title>
  <meta name="description" content="{{ .Site.Params.description }}">
  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
    media="all">
  {{ template "_internal/google_analytics.html" . }}
  {{- partial "sections/v3/head.html" . -}}
  <link rel="stylesheet" href="/css/v3/v3.css" media="all">
  <link rel="stylesheet" href="/css/v3/navbar-footer.css" media="all">
  <link rel="stylesheet" href="/css/v3/loader.css" />

  <!-- aos -->
  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>

<body class="text-dark">
  <!--<div id="loader" class="center"></div>-->
  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>
  <div>
    {{- partial "sections/v3/navbar.html" . -}}

    {{ if .Site.Params.disable_home }}
    {{ else }}
    {{- partial "sections/v3/home.html" . -}}
    {{ end }}

    {{ if .Site.Params.disable_about }}
    {{ else }}
    {{- partial "sections/v3/about.html" . -}}
    {{ end }}

    {{ if .Site.Params.disable_experience }}
    {{ else }}
    {{- partial "sections/v3/experience.html" . -}}
    {{ end }}

    {{ if .Site.Params.disable_education }}
    {{ else }}
    {{- partial "sections/v3/education.html" . -}}
    {{ end }}

    {{ if .Site.Params.disable_projects }}
    {{ else }}
    {{- partial "sections/v3/projects.html" . -}}
    {{ end }}

    {{ if .Site.Params.disable_achievements }}
    {{ else }}
    {{- partial "sections/v3/achievements.html" . -}}
    {{ end }}

    {{ if .Site.Params.disable_contact }}
    {{ else }}
    {{- partial "sections/v3/contact.html" . -}}
    {{ end }}

    {{- partial "sections/v3/footer.html" . -}}
    {{- partial "sections/v3/scripts.html" . -}}
  </div>
  <script>
    /*
    document.onreadystatechange = function () {
      if (document.readyState !== "complete") {
        document.querySelector(
          "body").style.visibility = "hidden";
        document.querySelector(
          "#loader").style.visibility = "visible";
      } else {
        document.querySelector(
          "#loader").style.display = "none";
        document.querySelector(
          "body").style.visibility = "visible";
      }
    };
    */
    $('.darkmode-label').click(function () {
      $("body").toggleClass("darkmode");
      $(".fa-moon").toggleClass("d-none");
      $(".fa-sun").toggleClass("d-none");
      $("nav").toggleClass("navbar-dark");
      $("nav").toggleClass("navbar-light");
      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
      if ($('input.custom-control-input').is(':checked')) {
        $('.darkmode-text-dark').addClass('text-dark').removeClass('darkmode-text-dark');
        $('.darkmode-text-muted').addClass('text-muted').removeClass('darkmode-text-muted');
      };
    });
    if ($('input.custom-control-input').is(':checked')) {
      $("body").toggleClass("darkmode");
      $(".fa-moon").addClass("d-none");
      $(".fa-sun").removeClass("d-none");
      $("nav").toggleClass("navbar-dark");
      $("nav").toggleClass("navbar-light");
      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
    };
  </script>
</body>
{{ else }}

{{ end }}

</html>