<nav role="Secondary links" class="nav--secondary">
    <ul role="list">
        <ul role="list">
            <li><a href="/feed.xml" aria-label="RSS Feed" title="RSS Feed">
                    <svg fill="var(--text)" stroke="var(--text)" heigh="33" width="33" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
                        <path d="M500 10C229.4 10 10 229.4 10 500s219.4 490 490 490 490-219.4 490-490S770.6 10 500 10zM305.9 743.4c-27.7 0-50.2-22.5-50.2-50.2s22.5-50.2 50.2-50.2c27.7 0 50.2 22.5 50.2 50.2s-22.5 50.2-50.2 50.2zm200.6 1c0-138.8-112.9-251.6-251.5-251.6v-106c197.6 0 357.6 160.2 357.6 357.6H506.5zm192.6 0c0-244.9-199.2-444.3-444.2-444.3v-106c303.9 0 550.2 246.4 550.2 550.2h-106z" />
                    </svg>
                </a></li>
            <li><a href="mailto:contact@thomasorus.com" aria-label="Email adress" title="Email adress">
                    <svg fill="var(--text)" stroke="var(--text)" heigh="33" width="33" version="1.0" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 1280 1280">
                        <path d="M614.5.6c-21.6 1.3-39.1 2.8-53 4.5-99.5 12.2-192.7 46.7-276 102.2-90.7 60.4-164.8 143.3-214.6 240.2-39.5 76.9-61.5 154.9-69 245-1.7 19.3-1.7 75.7 0 95 7.5 90.1 29.5 168.1 69 245 61 118.8 157.8 215.6 276.6 276.6 76.9 39.5 154.9 61.5 245 69 19.3 1.7 75.7 1.7 95 0 90.1-7.5 168.1-29.5 245-69 118.7-61 215.6-157.9 276.6-276.6 39.5-76.9 61.5-154.9 69-245 1.7-19.3 1.7-75.7 0-95-7.5-90.1-29.5-168.1-69-245-61-118.8-157.8-215.6-276.6-276.6-75.3-38.7-153.1-61-239-68.4-16.4-1.5-66.6-2.7-79-1.9zm73.9 77.9c109.8 9.4 212.1 49.9 300.1 118.8 40.1 31.4 80.4 73.8 110.6 116.2 59.8 84 94.4 179.3 103 284 1.6 19.3 1.6 65.7 0 85-11.4 138.5-69.3 262.8-167.2 359.1-96 94.2-217.2 149.4-352.4 160.5-19.3 1.6-65.7 1.6-85 0-135.2-11.1-256.1-66.1-352.3-160.5-97.9-96-156.1-221-167.3-359.1-1.5-19.3-1.5-65.7 0-85 11.2-138.4 69.3-262.9 167.8-359.6C332.9 152.3 444.2 97.6 564 81.6c41.6-5.5 83.2-6.6 124.4-3.1z" />
                        <path d="M624.3 290c-59.9 3-109.9 15.3-159.3 39.1-70 33.8-120.1 84.5-157.4 159.4-24.3 48.9-38.3 99.9-42.7 155.9-2.4 30-.3 75.5 4.6 104.2 8.6 49.5 28 99.6 53.2 137.8 43.7 65.9 115.7 111 209.8 131.5 43.1 9.4 79.7 12.6 133.5 11.8 35.7-.5 53.5-2 81.1-6.7 65.8-11.3 123.2-36.1 167.4-72.5 11.7-9.7 31.5-29.7 40.3-40.8 8.8-11.1 20.1-28.5 26.6-40.8 3.1-5.8 5.6-10.9 5.6-11.2 0-.4-17.9-.7-39.7-.6h-39.8l-7 8.5c-38.3 46.7-99.5 77.4-176.7 88.8-41.7 6.2-104.4 6.2-146.1.1-61.3-9.1-114.4-30.2-152.2-60.6-39.9-32.1-70.3-81.2-84.5-136.4-16.1-62.7-10.3-139.9 15.6-208.5 23.4-61.6 59.1-107.6 108.9-140.2 40.3-26.4 84.9-41.1 143-46.9 15.5-1.6 59.6-1.6 75 0 65.7 6.6 115 27.8 153.2 65.9 36.8 36.6 57.4 80.1 62.4 131.7 1.6 16.8.7 44.7-2.1 61-11 65.1-49.7 124.8-100.4 155.3-11.5 6.9-24.7 11-31.1 9.6-10.2-2.2-13.6-10.9-11-28.7 1.7-12.4 1.2-9.7 20.5-103.7 3.9-19 7.5-36.5 8-39s4.1-20 8-39c3.9-19 7.5-36.5 8-39s4.1-20 8-39c3.9-19 7.4-36 7.7-37.8l.6-3.2h-99l-4.3 19.7c-2.3 10.9-4.5 20.4-4.9 21-.4.8-2.7-1.5-6.1-6.3-14.5-20.3-36.3-34.5-62.2-40.7-8.2-1.9-12.1-2.2-31.8-2.1-19.6 0-23.9.3-33 2.2-32.3 7-59.5 21.5-83.8 44.7-40.1 38.2-70 95.2-80.6 153.5-4.3 23.3-5.9 58.9-3.6 79.5 4.4 39 18 70 41.5 94.4 20 20.8 43.8 34 71.6 39.7 10.4 2.1 38.5 3 49 1.5 29.2-4.2 54.6-16.4 77.3-37.2 3.1-2.8 5.8-5 5.9-4.8.1.2 1.1 2.9 2.1 5.9 4.1 12.2 14 24.1 24.5 29.5 9.8 4.9 19 6.7 37.8 7.2 82.1 2.5 151.7-36.4 202.7-113.4 40-60.4 55.7-128.3 47-202.3-5.9-50.2-24.8-99.7-53.2-139.4-48.1-67.1-129.9-109.5-226.7-117.5-18.6-1.5-43.4-2-61.2-1.1zm6.2 227.5c24.8 5.2 44.8 26.2 51.9 54.6 3.7 14.9 4.7 37.7 2.5 57.7-2.6 24.2-11.1 57.2-21.5 83-9.9 24.7-18.8 38.8-34.3 54.3-15.5 15.5-30.3 23.3-49.7 26-21.5 3-39.8-3.4-54.9-19.3-15.1-15.8-22.5-40.3-22.5-74.7 0-44.4 16.1-104.1 36.3-134.6 23.6-35.7 59.2-53.9 92.2-47z" />
                    </svg>
                </a> </li>
            <li><a href="https://twitter.com/thomasorus" aria-label="Twitter account" title="Twitter account">
                    <svg fill="var(--text)" stroke="var(--text)" heigh="33" width="33" viewBox="0 0 24 24" aria-hidden="true" class="r-13gxpu9 r-4qtqp9 r-yyyyoo r-16y2uox r-1q142lx r-8kz0gk r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1srniue">
                        <path d="M23.643 4.937c-.835.37-1.732.62-2.675.733a4.67 4.67 0 002.048-2.578 9.3 9.3 0 01-2.958 1.13 4.66 4.66 0 00-7.938 4.25 13.229 13.229 0 01-9.602-4.868c-.4.69-.63 1.49-.63 2.342A4.66 4.66 0 003.96 9.824a4.647 4.647 0 01-2.11-.583v.06a4.66 4.66 0 003.737 4.568 4.692 4.692 0 01-2.104.08 4.661 4.661 0 004.352 3.234 9.348 9.348 0 01-5.786 1.995 9.5 9.5 0 01-1.112-.065 13.175 13.175 0 007.14 2.093c8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602a9.47 9.47 0 002.323-2.41z" />
                    </svg>
                </a> </li>
            <li><a href="https://merveilles.town/@thomasorus" aria-label="Fediverse account" title="Fediverse account">
                    <svg fill="var(--text)" stroke="var(--text)" heigh="33" width="33" xmlns="http://www.w3.org/2000/svg" baseProfile="full" aria-hidden="true" viewBox="0 0 220 220" :>
                        <path d="M140 20a60 60 0 00-60 60h60zM80 200a60 60 0 0060-60H80zM50 80a30 30 0 0130 30 30 30 0 01-30 30 30 30 0 01-30-30 30 30 0 0130-30zm60 0a30 30 0 0130 30 30 30 0 01-30 30 30 30 0 01-30-30 30 30 0 0130-30zm60 0a30 30 0 0130 30 30 30 0 01-30 30 30 30 0 01-30-30 30 30 0 0130-30" />
                        <path d="M80 20a60 60 0 0160 60H80zm60 180a60 60 0 01-60-60h60zM20 20a60 60 0 0160 60H20zm0 180a60 60 0 0060-60H20zM200 20a60 60 0 00-60 60h60zm0 180a60 60 0 01-60-60h60z" />
                    </svg>
                </a> </li>
            <li><a href="https://github.com/thomasorus" aria-label="Github account" title="Github account">
                    <svg fill="var(--background)" heigh="33" width="33" viewBox="-1 -1 18 18" version="1.1" aria-hidden="true">
                        <path fill="var(--background)" stroke="var(--text)" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
                    </svg>
                </a> </li>
            <li>
                <a href='https://webring.xxiivv.com/#random' aria-label="Webring" title="Webring">
                    <svg fill="var(--text)" stroke="var(--text)" stroke-linecap="square" stroke-width="28" xmlns="http://www.w3.org/2000/svg" height="33" width="33" viewbox="0 0 300 300" viewBox="0 0 300 300">
                        >
                        <path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603" fill="var(--background)" stroke="var(--text)" />
                        <path d="M98.038 210a60 60 0 10103.924-60l-50-86.603" fill="var(--background)" stroke="var(--text)" />
                        <path d="M150 120a60 60 0 100 120h100" fill="var(--background)" stroke="var(--text)" />
                        < <circle xmlns="http://www.w3.org/2000/svg" fill="var(--background)" r="60" stroke="var(--text)" cx="150" cy="180" stroke-width="28" />
                    </svg>
                </a>
            </li>
        </ul>
    </ul>
</nav>
<nav role="Secondary links" class="nav--secondary">
    <ul role="list">
        <ul role="list">
        <li><a href="/feed.xml" aria-label="RSS Feed" title="RSS Feed">
          <svg fill="var(--text)" stroke="var(--text)" heigh="33" width="33" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M500 10C229.4 10 10 229.4 10 500s219.4 490 490 490 490-219.4 490-490S770.6 10 500 10zM305.9 743.4c-27.7 0-50.2-22.5-50.2-50.2s22.5-50.2 50.2-50.2c27.7 0 50.2 22.5 50.2 50.2s-22.5 50.2-50.2 50.2zm200.6 1c0-138.8-112.9-251.6-251.5-251.6v-106c197.6 0 357.6 160.2 357.6 357.6H506.5zm192.6 0c0-244.9-199.2-444.3-444.2-444.3v-106c303.9 0 550.2 246.4 550.2 550.2h-106z"/></svg>
        </a></li>
        <li><a href="mailto:contact@thomasorus.com" aria-label="Email adress" title="Email adress">
          <svg fill="var(--text)" stroke="var(--text)" heigh="33" width="33" version="1.0" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 1280 1280"><path d="M614.5.6c-21.6 1.3-39.1 2.8-53 4.5-99.5 12.2-192.7 46.7-276 102.2-90.7 60.4-164.8 143.3-214.6 240.2-39.5 76.9-61.5 154.9-69 245-1.7 19.3-1.7 75.7 0 95 7.5 90.1 29.5 168.1 69 245 61 118.8 157.8 215.6 276.6 276.6 76.9 39.5 154.9 61.5 245 69 19.3 1.7 75.7 1.7 95 0 90.1-7.5 168.1-29.5 245-69 118.7-61 215.6-157.9 276.6-276.6 39.5-76.9 61.5-154.9 69-245 1.7-19.3 1.7-75.7 0-95-7.5-90.1-29.5-168.1-69-245-61-118.8-157.8-215.6-276.6-276.6-75.3-38.7-153.1-61-239-68.4-16.4-1.5-66.6-2.7-79-1.9zm73.9 77.9c109.8 9.4 212.1 49.9 300.1 118.8 40.1 31.4 80.4 73.8 110.6 116.2 59.8 84 94.4 179.3 103 284 1.6 19.3 1.6 65.7 0 85-11.4 138.5-69.3 262.8-167.2 359.1-96 94.2-217.2 149.4-352.4 160.5-19.3 1.6-65.7 1.6-85 0-135.2-11.1-256.1-66.1-352.3-160.5-97.9-96-156.1-221-167.3-359.1-1.5-19.3-1.5-65.7 0-85 11.2-138.4 69.3-262.9 167.8-359.6C332.9 152.3 444.2 97.6 564 81.6c41.6-5.5 83.2-6.6 124.4-3.1z"/><path d="M624.3 290c-59.9 3-109.9 15.3-159.3 39.1-70 33.8-120.1 84.5-157.4 159.4-24.3 48.9-38.3 99.9-42.7 155.9-2.4 30-.3 75.5 4.6 104.2 8.6 49.5 28 99.6 53.2 137.8 43.7 65.9 115.7 111 209.8 131.5 43.1 9.4 79.7 12.6 133.5 11.8 35.7-.5 53.5-2 81.1-6.7 65.8-11.3 123.2-36.1 167.4-72.5 11.7-9.7 31.5-29.7 40.3-40.8 8.8-11.1 20.1-28.5 26.6-40.8 3.1-5.8 5.6-10.9 5.6-11.2 0-.4-17.9-.7-39.7-.6h-39.8l-7 8.5c-38.3 46.7-99.5 77.4-176.7 88.8-41.7 6.2-104.4 6.2-146.1.1-61.3-9.1-114.4-30.2-152.2-60.6-39.9-32.1-70.3-81.2-84.5-136.4-16.1-62.7-10.3-139.9 15.6-208.5 23.4-61.6 59.1-107.6 108.9-140.2 40.3-26.4 84.9-41.1 143-46.9 15.5-1.6 59.6-1.6 75 0 65.7 6.6 115 27.8 153.2 65.9 36.8 36.6 57.4 80.1 62.4 131.7 1.6 16.8.7 44.7-2.1 61-11 65.1-49.7 124.8-100.4 155.3-11.5 6.9-24.7 11-31.1 9.6-10.2-2.2-13.6-10.9-11-28.7 1.7-12.4 1.2-9.7 20.5-103.7 3.9-19 7.5-36.5 8-39s4.1-20 8-39c3.9-19 7.5-36.5 8-39s4.1-20 8-39c3.9-19 7.4-36 7.7-37.8l.6-3.2h-99l-4.3 19.7c-2.3 10.9-4.5 20.4-4.9 21-.4.8-2.7-1.5-6.1-6.3-14.5-20.3-36.3-34.5-62.2-40.7-8.2-1.9-12.1-2.2-31.8-2.1-19.6 0-23.9.3-33 2.2-32.3 7-59.5 21.5-83.8 44.7-40.1 38.2-70 95.2-80.6 153.5-4.3 23.3-5.9 58.9-3.6 79.5 4.4 39 18 70 41.5 94.4 20 20.8 43.8 34 71.6 39.7 10.4 2.1 38.5 3 49 1.5 29.2-4.2 54.6-16.4 77.3-37.2 3.1-2.8 5.8-5 5.9-4.8.1.2 1.1 2.9 2.1 5.9 4.1 12.2 14 24.1 24.5 29.5 9.8 4.9 19 6.7 37.8 7.2 82.1 2.5 151.7-36.4 202.7-113.4 40-60.4 55.7-128.3 47-202.3-5.9-50.2-24.8-99.7-53.2-139.4-48.1-67.1-129.9-109.5-226.7-117.5-18.6-1.5-43.4-2-61.2-1.1zm6.2 227.5c24.8 5.2 44.8 26.2 51.9 54.6 3.7 14.9 4.7 37.7 2.5 57.7-2.6 24.2-11.1 57.2-21.5 83-9.9 24.7-18.8 38.8-34.3 54.3-15.5 15.5-30.3 23.3-49.7 26-21.5 3-39.8-3.4-54.9-19.3-15.1-15.8-22.5-40.3-22.5-74.7 0-44.4 16.1-104.1 36.3-134.6 23.6-35.7 59.2-53.9 92.2-47z"/></svg>
        </a> </li>
        <li><a href="https://twitter.com/thomasorus" aria-label="Twitter account" title="Twitter account">
          <svg fill="var(--text)" stroke="var(--text)" heigh="33" width="33" viewBox="0 0 24 24" aria-hidden="true" class="r-13gxpu9 r-4qtqp9 r-yyyyoo r-16y2uox r-1q142lx r-8kz0gk r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1srniue"><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733a4.67 4.67 0 002.048-2.578 9.3 9.3 0 01-2.958 1.13 4.66 4.66 0 00-7.938 4.25 13.229 13.229 0 01-9.602-4.868c-.4.69-.63 1.49-.63 2.342A4.66 4.66 0 003.96 9.824a4.647 4.647 0 01-2.11-.583v.06a4.66 4.66 0 003.737 4.568 4.692 4.692 0 01-2.104.08 4.661 4.661 0 004.352 3.234 9.348 9.348 0 01-5.786 1.995 9.5 9.5 0 01-1.112-.065 13.175 13.175 0 007.14 2.093c8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602a9.47 9.47 0 002.323-2.41z"/></svg>
        </a> </li>
        <li><a href="https://merveilles.town/@thomasorus" aria-label="Fediverse account" title="Fediverse account">
          <svg fill="var(--text)" stroke="var(--text)" heigh="33" width="33" xmlns="http://www.w3.org/2000/svg" baseProfile="full" aria-hidden="true" viewBox="0 0 220 220": ><path d="M140 20a60 60 0 00-60 60h60zM80 200a60 60 0 0060-60H80zM50 80a30 30 0 0130 30 30 30 0 01-30 30 30 30 0 01-30-30 30 30 0 0130-30zm60 0a30 30 0 0130 30 30 30 0 01-30 30 30 30 0 01-30-30 30 30 0 0130-30zm60 0a30 30 0 0130 30 30 30 0 01-30 30 30 30 0 01-30-30 30 30 0 0130-30"/><path d="M80 20a60 60 0 0160 60H80zm60 180a60 60 0 01-60-60h60zM20 20a60 60 0 0160 60H20zm0 180a60 60 0 0060-60H20zM200 20a60 60 0 00-60 60h60zm0 180a60 60 0 01-60-60h60z"/></svg>
        </a> </li>
        <li><a href="https://github.com/thomasorus" aria-label="Github account" title="Github account">
          <svg fill="var(--background)" heigh="33" width="33" viewBox="-1 -1 18 18" version="1.1" aria-hidden="true"><path fill="var(--background)" stroke="var(--text)" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
        </a> </li>
        <li>
          <a href='https://webring.xxiivv.com/#random' aria-label="Webring" title="Webring">
            <svg fill="var(--text)" stroke="var(--text)" stroke-linecap="square" stroke-width="28" xmlns="http://www.w3.org/2000/svg" height="33" width="33" viewbox="0 0 300 300" viewBox="0 0 300 300" >
              >
              <path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603" fill="var(--background)" stroke="var(--text)"/>
              <path d="M98.038 210a60 60 0 10103.924-60l-50-86.603" fill="var(--background)" stroke="var(--text)"/>
              <path d="M150 120a60 60 0 100 120h100" fill="var(--background)" stroke="var(--text)"/><
              <circle xmlns="http://www.w3.org/2000/svg" fill="var(--background)" r="60" stroke="var(--text)" cx="150" cy="180" stroke-width="28"/>
            </svg>
          </a>
        </li>
      </ul>
    </ul>
</nav>
/* No context defined. */
  • Content:
    .nav--secondary {
        margin: var(--margin-l);
    }
    
    .nav--secondary ul {
        display:flex;
        flex-flow: row wrap;
        gap: 5px 15px;
    }
    
    .nav--secondary li {
        height: auto;
    }
    
    .nav--secondary a {
        display: block;
        height: 3em;
    }
    
    
    .nav--secondary svg {
        display: block;
        height: 100%;
    }
    
    .nav--secondary a:hover {
        background-color: transparent;
    }
    
  • URL: /components/raw/secondary-nav/secondary-nav.demo.css
  • Filesystem Path: src/components/navigations/secondary-nav/secondary-nav.demo.css
  • Size: 365 Bytes
  • Handle: @secondary-nav
  • Preview:
  • Filesystem Path: src/components/navigations/secondary-nav/secondary-nav.hbs

No notes defined.