<footer class="site-footer text-light">
  <div class="container">
    <div class="site-footer-inner has-top-divider">
      <div class="brand footer-brand">
        <a href="#">
          <svg
            width="30"
            height="30"
            viewBox="0 0 120 120"
            xmlns="http://www.w3.org/2000/svg"
          >
            <title>{{ .Site.Title }}</title>
            <defs>
              <linearGradient x1="0%" y1="100%" y2="0%" id="logo-a">
                <stop stop-color="#0559B0" stop-opacity="0" offset="0%" />
                <stop stop-color="#0559B0" offset="100%" />
              </linearGradient>
              <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="logo-b">
                <stop stop-color="#BE5476" stop-opacity="0" offset="0%" />
                <stop stop-color="#BE5476" offset="100%" />
              </linearGradient>
            </defs>
            <g fill="none" fill-rule="evenodd">
              <rect
                fill="url(#logo-a)"
                width="120"
                height="120"
                rx="60"
                ry="60"
              />
              <circle fill="url(#logo-b)" cx="60" cy="60" r="40" />
            </g>
          </svg>
        </a>
      </div>
      {{ partial "nav.html" . }}
      {{ partial "social.html" . }}
      <div class="footer-copyright">
        <p>
          &copy;
          {{ now.Format "2006" }}
          {{ .Site.Params.authorName | markdownify }}, all rights reserved
          <br><a target="_blank" href="https://myco.systems">Built by myco.systems</a>
        </p>
      </div>
    </div>
  </div>
</footer>