<!–Thank you longpdo.github.io/–> <div id=“landing”>

<img src="assets/img/brands.svg"/>
<div class="landing-title">
  <h1>
    <span class="highlight-title"><a href="{{ site.baseurl }}/home/"><img src="{{ site.baseurl }}/assets/img/rse-ops-text.png"/></a></span>
  </h1>
  <h1>
    <span id="typing"></span>
  </h1>
  <div class="landing-icons">

      <a class="social-link" aria-label="Home" href="{{ site.baseurl }}/home/">
        <svg viewBox="0 0 200 200" class="circle">
          <circle cx="100" cy="100" r="80" />
        </svg>
        <div class="social">
          <svg class="social-svg" viewBox="0 0 48 48">
            <use x="12" y="12" width="24" height="24" viewBox="0 0 48 48" xlink:href="{{ "/assets/img/solid.svg#home"| prepend: site.baseurl }}"></use>
          </svg>
        </div>
        <span class="label">Home</span>
      </a>

      <a class="social-link" aria-label="Builds" href="https://rse-ops.github.io/docs/container-bases/">
        <svg viewBox="0 0 200 200" class="circle">
          <circle cx="100" cy="100" r="80" />
        </svg>
        <div class="social">
          <svg class="social-svg" viewBox="0 0 48 48">
            <use x="12" y="12" width="24" height="24" viewBox="0 0 48 48" xlink:href="{{ "/assets/img/solid.svg#square"| prepend: site.baseurl }}"></use>
          </svg>
        </div>
        <span class="label">Containers</span>
      </a>

    {% if site.email != null %}
      <a class="social-link email" aria-label="My E-Mail" href="mailto:{{site.email}}">
        <svg viewBox="0 0 200 200" class="circle">
          <circle cx="100" cy="100" r="80" />
        </svg>
        <div class="social">
          <svg class="social-svg" viewBox="0 0 48 48">
            <use x="12" y="12" width="24" height="24" viewBox="0 0 48 48" xlink:href="{{ "/assets/img/solid.svg#envelope" | prepend: site.baseurl }}""></use>
          </svg>
        </div>
        <span class="label">E-Mail</span>
      </a>
    {% endif %}

    {% if site.github_username != null %}
      <a class="social-link" aria-label="My GitHub" target="_blank" rel="noreferrer"
        href="https://github.com/{{site.github_username}}"
      >
        <svg viewBox="0 0 200 200" class="circle">
          <circle cx="100" cy="100" r="80" />
        </svg>
        <div class="social">
          <svg class="social-svg" viewBox="0 0 48 48">
            <use x="12" y="12" width="24" height="24" viewBox="0 0 48 48" xlink:href="{{ "/assets/img/brands.svg#github" | prepend: site.baseurl }}"></use>
          </svg>
        </div>
        <span class="label">GitHub</span>
      </a>
    {% endif %}

    {% if site.codepen_username != null %}
      <a class="social-link" aria-label="My Codepen" target="_blank" rel="noreferrer"
        href="https://codepen.io/{{site.codepen_username}}"
      >
        <svg viewBox="0 0 200 200" class="circle">
          <circle cx="100" cy="100" r="80" />
        </svg>
        <div class="social">
          <svg class="social-svg" viewBox="0 0 48 48">
            <use x="12" y="12" width="24" height="24" viewBox="0 0 48 48" xlink:href="{{ "/assets/img/brands.svg#codepen" | prepend: site.baseurl }}"></use>
          </svg>
        </div>
        <span class="label">CodePen</span>
      </a>
    {% endif %}

    {% if site.dev_username != null %}
      <a class="social-link" aria-label="My DEV" target="_blank" rel="noreferrer"
        href="https://dev.to/{{site.dev_username}}"
      >
        <svg viewBox="0 0 200 200" class="circle">
          <circle cx="100" cy="100" r="80" />
        </svg>
        <div class="social">
          <svg class="social-svg" viewBox="0 0 48 48">
            <use x="12" y="12" width="24" height="24" viewBox="0 0 48 48" xlink:href="{{ "/assets/img/brands.svg#dev" | prepend: site.baseurl }}"></use>
          </svg>
        </div>
        <span class="label">DEV</span>
      </a>
    {% endif %}

    {% if site.linkedin_username != null %}
      <a class="social-link linkedin" aria-label="My LinkedIn" target="_blank"
        rel="noreferrer" href="https://www.linkedin.com/{{site.linkedin_username}}"
      >
        <svg viewBox="0 0 200 200" class="circle">
          <circle cx="100" cy="100" r="80" />
        </svg>
        <div class="social">
          <svg class="social-svg" viewBox="0 0 48 48">
            <use x="12" y="12" width="24" height="24" viewBox="0 0 48 48" xlink:href="{{ "/assets/img/brands.svg#linkedin-in" | prepend: site.baseurl }}"></use>
          </svg>
        </div>
        <span class="label">LinkedIn</span>
      </a>
    {% endif %}

    {% if site.twitter_username != null %}
      <a class="social-link twitter" aria-label="My Twitter" target="_blank"
        rel="noreferrer" href="https://twitter.com/{{site.twitter_username}}"
      >
        <svg viewBox="0 0 200 200" class="circle">
          <circle cx="100" cy="100" r="80" />
        </svg>
        <div class="social">
          <svg class="social-svg" viewBox="0 0 48 48">
            <use x="12" y="12" width="24" height="24" viewBox="0 0 48 48" xlink:href="{{ "/assets/img/brands.svg#twitter" | prepend: site.baseurl }}"></use>
          </svg>
        </div>
        <span class="label">Twitter</span>
      </a>
    {% endif %}
  </div>
</div>

</div>