Merge pull request #3 from jacobwhall/main

Allow social links in footer to be deactivated
osmus · Jan 25, 2024 · b8860bf · b8860bf
2 parents 76676ef + 06e0ae4
commit b8860bf
Showing 1 changed file with 49 additions and 34 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -11,40 +11,55 @@
             <svg class="iconsvg"><use xlink:href="#slack"></use></svg>
           </a>
         </li>
-        <li>
-          <a href="https://youtube.com/{{site.youtube_page}}" target="_blank" title="YouTube">
-            <svg class="iconsvg"><use xlink:href="#youtube"></use></svg>
-          </a>
-        </li>
-        <li>
-          <a href="https://instagram.com/{{site.instagram}}" target="_blank" title="Instagram">
-            <svg class="iconsvg"><use xlink:href="#instagram"></use></svg>
+        {%- if site.youtube_page -%}
+          <li>
+            <a href="https://youtube.com/{{site.youtube_page}}" target="_blank" title="YouTube">
+              <svg class="iconsvg"><use xlink:href="#youtube"></use></svg>
+            </a>
           </li>
-        </a>
-        <li>
-          <a href="{{site.mastodon}}" target="_blank" title="Mastodon">
-            <svg class="iconsvg"><use xlink:href="#mastodon"></use></svg>
-          </a>
-        </li>
-        <li>
-          <a href="https://twitter.com/{{site.twitter}}" target="_blank" title="Twitter">
-            <svg class="iconsvg"><use xlink:href="#twitter"></use></svg>
-          </a>
-        </li>
-        <li>
-          <a href="https://www.facebook.com/{{site.facebook}}" target="_blank" title="Facebook">
-            <svg class="iconsvg"><use xlink:href="#facebook"></use></svg>
-          </a>
-        </li>
-        <li>
-          <a href="https://www.linkedin.com/{{site.linkedin}}" target="_blank" title="LinkedIn">
-            <svg class="iconsvg"><use xlink:href="#linkedin"></use></svg>
-          </a>
-        </li>
-        <li>
-          <a href="https://github.com/{{site.github}}" target="_blank" title="GitHub">
-            <svg class="iconsvg"><use xlink:href="#github"></use></svg>
-          </a>
+        {%- endif -%}
+        {%- if site.instagram -%}
+          <li>
+            <a href="https://instagram.com/{{site.instagram}}" target="_blank" title="Instagram">
+              <svg class="iconsvg"><use xlink:href="#instagram"></use></svg>
+            </a>
+          </li>
+        {%- endif -%}
+        {%- if site.mastodon -%}
+          <li>
+            <a href="{{site.mastodon}}" target="_blank" title="Mastodon">
+              <svg class="iconsvg"><use xlink:href="#mastodon"></use></svg>
+            </a>
+          </li>
+        {%- endif -%}
+        {%- if site.twitter -%}
+          <li>
+            <a href="https://twitter.com/{{site.twitter}}" target="_blank" title="Twitter">
+              <svg class="iconsvg"><use xlink:href="#twitter"></use></svg>
+            </a>
+          </li>
+        {%- endif -%}
+        {%- if site.facebook -%}
+          <li>
+            <a href="https://www.facebook.com/{{site.facebook}}" target="_blank" title="Facebook">
+              <svg class="iconsvg"><use xlink:href="#facebook"></use></svg>
+            </a>
+          </li>
+        {%- endif -%}
+        {%- if site.linkedin -%}
+          <li>
+            <a href="https://www.linkedin.com/{{site.linkedin}}" target="_blank" title="LinkedIn">
+              <svg class="iconsvg"><use xlink:href="#linkedin"></use></svg>
+            </a>
+          </li>
+        {%- endif -%}
+        {%- if site.github -%}
+          <li>
+            <a href="https://github.com/{{site.github}}" target="_blank" title="GitHub">
+              <svg class="iconsvg"><use xlink:href="#github"></use></svg>
+            </a>
+          </li>
+        {%- endif -%}
         <li>
           <a href="{{'/contact' | absolute_url}}" title="Email">
             <svg class="iconsvg"><use xlink:href="#envelope"></use></svg>
@@ -59,4 +74,4 @@
       <p>© {{site.time | date: "%Y"}} {{ site.copyright | default: site.title }}</p>
     </div>
   </div>
-</div>
+</div>