path: root/_includes/nav.liquid

<!-- begin navbar -->
<nav class="
navbar 
is-primary
{% if page.title contains "Carpenter" %}
    animated
{% endif %}
fadeInDown
">
    <!-- begin brand -->
    <div class="navbar-brand">
        <a class="navbar-item" href="/">
            <img src="/logo.png">
        </a>
        <p class="navbar-item">
            Adam Tristan Carpenter
        </p>
    </div>
    <!-- end brand -->

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

        <!-- begin start -->
        <div class="navbar-start">
            <p class="navbar-item">
            <em>
            Links
            </em>
            </p>

            <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://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>
                            YouTube
                        </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://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>

            <a
             class="navbar-item"
             href="https://app.plex.tv"
             target="_blank"
             >
                <span class="icon">
                    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
                        <path fill="#ffffff" d="M4,2C2.89,2 2,2.89 2,4V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.11,2 20,2H4M8.56,6H12.06L15.5,12L12.06,18H8.56L12,12L8.56,6Z" />
                    </svg>
                    <title>
                        Plex
                    </title>
                </span>
            </a>

            <a
             class="navbar-item"
             href="https://nextcloud.53hor.net"
             target="_blank"
             >
                <span class="icon">
                    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
                        <path fill="#ffffff" d="M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z" />
                    </svg>
                    <title>
                        Nextcloud
                    </title>
                </span>
            </a>


        </div>
        <!-- end start -->

        <!-- begin end -->
        <div class="navbar-end">
            <p class="navbar-item">
                <em>
                    Pages
                </em>
            </p>
            <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 -->