move community shortcodes

content/community/index.md

@@ -12,7 +12,6 @@ insert_anchor_links: "left"
 
 ## WELCOME INTO <br> **THE FOLD**
 
-
 We're a 100% open-source and community-driven project that builds the critical infrastructure for a decentralized world. Anyone can contribute to ThreeFold and there are many ways to get involved.
 
 {% end %}
@@ -28,7 +27,6 @@ We're a 100% open-source and community-driven project that builds the critical i
 
 <!-- section 8 (IN THE NEWS) -->
 
-
 {% row(style="center between") %}
 
 [![forbes](forum.png)](https://forum.threefold.io/)
@@ -41,15 +39,10 @@ We're a 100% open-source and community-driven project that builds the critical i
 
 [![yahoo_news](documentation.png)](https://library.threefold.me/info/threefold#/)
 
-
-
-
 {% end %}
 
 {% row(style="center between") %}
 
-
-
 [![yahoo_news](twitter.png)](https://twitter.com/threefold_io)
 
 |||
@@ -60,7 +53,6 @@ We're a 100% open-source and community-driven project that builds the critical i
 
 [![cointelegraph](telegram_chat.png)](https://t.me/threefold)
 
-
 {% end %}
 
 {% row(style="center between") %}
@@ -89,28 +81,24 @@ We're a 100% open-source and community-driven project that builds the critical i
 
 [![yahoo_news](linkedin.png)](https://ae.linkedin.com/company/threefold-foundatiooon)
 
-
 {% end %}
 
 <br>
 
 <br>
 
-
 <!-- section 3 (INTERNET) -->
 
 {% row(style="center between margin") %}
 
 ## EXPAND THE PEOPLE'S <br> **INTERNET**
 
-
 Join the movement by connecting a node at your home or office. All you need is compatible hardware, electricity and network bandwidth to take part in the decentralization of the global Internet.
 
 <button>[Learn More](farm)</button>
 
 {% end %}
 
-
 <br>
 <br>
 
@@ -118,7 +106,6 @@ Join the movement by connecting a node at your home or office. All you need is
 
 {% row(bgColor="#f2f2f2" style="narrow margin") %}
 
-
 ## JOIN THE THREEFOLD <br> **DEVELOPER COMMUNITY**
 
 From testing our latest releases to joining our development teams or applying for a ThreeFold Foundation grant – there are many ways to engage with ThreeFold’s technology.
@@ -159,7 +146,6 @@ Join the growing community of ThreeFold’s most passionate supporters. Bring yo
 
 ## FREQUENTLY ASKED <br> **QUESTIONS**
 
-
 Check out the FAQs or ask a question on the ThreeFold Forum.
 
 <button>[ThreeFold FAQ](/faq)</button>
@@ -170,22 +156,10 @@ Check out the FAQs or ask a question on the ThreeFold Forum.
 <br>
 <br>
 
+{% community_banner() %}
 
-<div class="relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20">
+## **Join our Team**
-    <a href="/careers" class="section banner" >
+
-      <div class="center">
+{% end %}
-        <h2 class="h1">
-          <strong>Join our Team</strong>
-        </h2>
-      </div>
-      <div class="back" style="background-image: url('community/tf_people.jpg')"
-      ></div>
-    </a>
-</div>
-
-
-
-
-
 
     

templates/partials/footer.html

@@ -27,7 +27,7 @@
               </div>
               <div  class="mt-12 mx-auto border-t border-gray-200 pt-8">
                 <p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
-                © 2021 ThreeFold, All rights reserved.
+                © 2022 ThreeFold, All rights reserved.
                 <a target="_blank" href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" class="leading-6 text-gray-500 hover:text-gray-900">Terms &amp; Conditions |
                 </a><a target="_blank" href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
                 </a><a href="/tfLabs" class="leading-6 text-gray-500 hover:text-gray-900">ThreeFold Labs IT</a></p>

templates/shortcodes/community_banner.html

@@ -0,0 +1,18 @@
+{% block content %}
+
+<div class="relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20">
+    {% set url = page.permalink ~ "careers" %}
+
+    <a href="{{url}}" class="section banner">
+        <div class="center">
+            <h2 class="h1">
+                <strong>Join our Team</strong>
+            </h2>
+        </div>
+        {% set background = "background-image: url(" ~ page.permalink ~ "tf_people.jpg)" %}
+
+        <div class="back" style="{{background}}"></div>
+    </a>
+</div>
+
+{% endblock content %}