Merge pull request #1299 from FlowFuse/add-fb-icon-to-footer

Add facebook icon to footer
FlowFuse · Nov 6, 2023 · ac5debb · ac5debb
2 parents 20d6fa1 + d475756
commit ac5debb
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 18 deletions.
diff --git a/src/_includes/components/facebook.njk b/src/_includes/components/facebook.njk
@@ -0,0 +1 @@
+<svg class="fill-current h-5 hover:text-red-hero" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.4286 0H2.57143C1.88944 0 1.23539 0.270918 0.753154 0.753154C0.270918 1.23539 0 1.88944 0 2.57143L0 21.4286C0 22.1106 0.270918 22.7646 0.753154 23.2468C1.23539 23.7291 1.88944 24 2.57143 24H9.92411V15.8405H6.54911V12H9.92411V9.07286C9.92411 5.74339 11.9063 3.90429 14.9421 3.90429C16.3961 3.90429 17.9164 4.16357 17.9164 4.16357V7.43143H16.2413C14.5907 7.43143 14.0759 8.45571 14.0759 9.50625V12H17.7605L17.1713 15.8405H14.0759V24H21.4286C22.1106 24 22.7646 23.7291 23.2468 23.2468C23.7291 22.7646 24 22.1106 24 21.4286V2.57143C24 1.88944 23.7291 1.23539 23.2468 0.753154C22.7646 0.270918 22.1106 0 21.4286 0Z"/></svg>
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
@@ -244,29 +244,35 @@
                 <div class="w-full md:row-span-2">
                     <ul class="flex flex-row w-full -mx-3 md:mx-0 text-base justify-between sm:justify-start sm:gap-x-6 md:justify-end">
                         <li class="inline md:m-0 md:block">
-                            <a href="https://github.com/FlowFuse" class="block px-3 py-3 md:p-0">
-                              <span class="sr-only">Visit our GitHub page</span>
-                              {% include "components/github.njk" %}
+                            <a href="https://www.facebook.com/FlowFuse/" class="block px-3 py-3 md:p-0">
+                                <span class="sr-only">Visit our Facebook page</span>
+                                {% include "components/facebook.njk" %}
                             </a>
-                          </li>      
-                          <li class="inline md:m-0 md:block">
-                            <a href="https://twitter.com/FlowFuseInc" class="block px-3 py-3 md:p-0">
-                              <span class="sr-only">Visit our Twitter page</span>
-                              {% include "components/twitter.njk" %}
+                        </li>                          
+                        <li class="inline md:m-0 md:block">
+                            <a href="https://www.linkedin.com/company/flowfuse" class="block px-3 py-3 md:p-0">
+                                <span class="sr-only">Visit our LinkedIn page</span>
+                                {% include "components/linkedin.njk" %}
                             </a>
-                          </li>                      
-                          <li class="inline md:m-0 md:block">
+                        </li>                          
+                        <li class="inline md:m-0 md:block">
                             <a href="https://www.youtube.com/channel/UCbBzP8NZbv3WDtlt4UouA-g" class="block px-3 py-3 md:p-0">
-                              <span class="sr-only">Visit our YouTube channel</span>
-                              {% include "components/youtube.njk" %}
+                                <span class="sr-only">Visit our YouTube channel</span>
+                                {% include "components/youtube.njk" %}
                             </a>
-                          </li>                          
-                          <li class="inline md:m-0 md:block">
-                            <a href="https://www.linkedin.com/company/flowfuse" class="block px-3 py-3 md:p-0">
-                              <span class="sr-only">Visit our LinkedIn page</span>
-                              {% include "components/linkedin.njk" %}
+                        </li>                          
+                        <li class="inline md:m-0 md:block">
+                            <a href="https://twitter.com/FlowFuseInc" class="block px-3 py-3 md:p-0">
+                                <span class="sr-only">Visit our Twitter page</span>
+                                {% include "components/twitter.njk" %}
+                            </a>
+                        </li>                      
+                        <li class="inline md:m-0 md:block">
+                            <a href="https://github.com/FlowFuse" class="block px-3 py-3 md:p-0">
+                              <span class="sr-only">Visit our GitHub page</span>
+                              {% include "components/github.njk" %}
                             </a>
-                          </li>                          
+                        </li>      
                           <li class="inline md:m-0 md:block">
                             <a href="/blog/index.xml" class="block px-3 py-3 md:p-0">
                               <span class="sr-only">Subscribe to our RSS feed</span>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<svg class="fill-current h-5 hover:text-red-hero" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.4286 0H2.57143C1.88944 0 1.23539 0.270918 0.753154 0.753154C0.270918 1.23539 0 1.88944 0 2.57143L0 21.4286C0 22.1106 0.270918 22.7646 0.753154 23.2468C1.23539 23.7291 1.88944 24 2.57143 24H9.92411V15.8405H6.54911V12H9.92411V9.07286C9.92411 5.74339 11.9063 3.90429 14.9421 3.90429C16.3961 3.90429 17.9164 4.16357 17.9164 4.16357V7.43143H16.2413C14.5907 7.43143 14.0759 8.45571 14.0759 9.50625V12H17.7605L17.1713 15.8405H14.0759V24H21.4286C22.1106 24 22.7646 23.7291 23.2468 23.2468C23.7291 22.7646 24 22.1106 24 21.4286V2.57143C24 1.88944 23.7291 1.23539 23.2468 0.753154C22.7646 0.270918 22.1106 0 21.4286 0Z"/></svg>