path: root/_includes/nav.liquid

<!-- begin navbar -->
<nav class="
navbar 
is-primary
{% if page.title contains "Carpenter" %}
    animated
{% endif %}
bounceInDown
">
    <!-- begin brand -->
    <div class="navbar-brand">
        <a class="navbar-item" href="/">
            <img src="/logo.png">
        </a>
        <a
         class="navbar-item"
         href="/rss.xml"
         target="_blank"
         >
         <span class="icon">
                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
                    <path fill="#ffffff" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1
                    19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0
                    6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0
                    0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0
                    6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z" />
                    <title>
                        RSS
                    </title>
                </svg>
            </span>
        </a>

        <a 
         class="navbar-item"
         href="https://gitlab.com/53hornet"
         target="_blank"
         >
            <span class="icon">
                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
                    <path fill="#ffffff"
                    d="M3.16,10L12,21.5L2.32,14.3C2.05,14.09 1.94,13.75
                    2.04,13.44L3.16,10M6.11,3.17C6,2.83 5.5,2.83
                    5.37,3.17L3.16,10H8.32L6.11,3.17M8.32,10L12,21.5L15.68,10H8.32M21.96,13.44L20.84,10L12,21.5L21.68,14.3C21.95,14.09
                    22.06,13.75 21.96,13.44M18.63,3.17C18.5,2.83 18,2.83
                    17.89,3.17L15.68,10H20.84L18.63,3.17Z" />
                    <title>
                        GitLab
                    </title>
                </svg>
            </span>
        </a>
        
        <a 
         class="navbar-item"
         href="https://youtube.com/user/my53hornet"
         target="_blank"
         >
            <span class="icon">
                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
                    <path fill="#ffffff"
                    d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27
                    21.84,9.07C21.91,9.87 21.94,10.56
                    21.94,11.16L22,12C22,14.19 21.84,15.8
                    21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69
                    18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94
                    13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31
                    2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73
                    2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81
                    2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31
                    5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06
                    10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69
                    21.31,6.27 21.56,7.17Z" />
                    <title>
                        53hornet YouTube Channel
                    </title>
                </svg>
            </span>
        </a>
        
        <a
         class="navbar-item"
         href="https://www.youtube.com/user/STMUAC"
         target="_blank"
         >
            <span class="icon">
                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
                    <path fill="#ffffff" d="M18,14.5V11A1,1 0 0,0 17,10H16C18.24,8.39
                    18.76,5.27 17.15,3C15.54,0.78 12.42,0.26 10.17,1.87C9.5,2.35 8.96,3
                    8.6,3.73C6.25,2.28 3.17,3 1.72,5.37C0.28,7.72 1,10.8 3.36,12.25C3.57,12.37
                    3.78,12.5 4,12.58V21A1,1 0 0,0 5,22H17A1,1 0 0,0
                    18,21V17.5L22,21.5V10.5L18,14.5M13,4A2,2 0 0,1 15,6A2,2 0 0,1 13,8A2,2 0
                    0,1 11,6A2,2 0 0,1 13,4M6,6A2,2 0 0,1 8,8A2,2 0 0,1 6,10A2,2 0 0,1 4,8A2,2
                    0 0,1 6,6Z" />
                    <title>
                        STMUAC YouTube Channel
                    </title>
                </svg>
            </span>
        </a>

        <a 
         class="navbar-item"
         href="https://www.linkedin.com/in/adam-carpenter/"
         target="_blank"
         >
            <span class="icon">
                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
                    <path fill="#ffffff" d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1
                    19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1
                    5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94
                    13.4,10.46
                    12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8
                    13.54,12.17 14.31,12.17A1.4,1.4 0 0,1
                    15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0
                    8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0
                    5.19,6.88C5.19,7.81 5.95,8.56
                    6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z" />
                    <title>
                        LinkedIn
                    </title>
                </svg>
            </span>
        </a>

    </div>
    <!-- end brand -->

    <!-- begin menu -->
    <div class="navbar-menu is-active">

        <!-- begin start -->
        <div class="navbar-start">
            <p class="navbar-item">
                Adam Tristan Carpenter
            </p>
        </div>
        <!-- end start -->

        <!-- begin end -->
        <div class="navbar-end">
            <a 
               class="navbar-item"
               href="/tech.html"
               >
                Technology
            </a>
            <a 
               class="navbar-item"
               href="/auto.html"
               >
                Automotive
            </a>
            <a 
               class="navbar-item"
               href="/life.html"
               >
                My Life
            </a>
        </div>
        <!-- end end -->

    </div>
    <!-- end menu -->

</nav>
<!-- end navbar -->