From ba6e3f23f3a5d19ab5dea397d18bbc7081bc0574 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 3 Apr 2022 10:17:20 +0200
Subject: [PATCH] header and footer

---
 content/footer/_index.md       |   2 +-
 content/header/_index.md       |   2 +-
 static/images/tft_log.svg      | 120 +++++++++++++++++++++++++++++++++
 templates/partials/footer.html |   2 +-
 templates/partials/header.html |   2 +-
 templates/shortcodes/row.html  |   2 +-
 6 files changed, 125 insertions(+), 5 deletions(-)
 create mode 100644 static/images/tft_log.svg

diff --git a/content/footer/_index.md b/content/footer/_index.md
index 12867e6..0f31e5a 100644
--- a/content/footer/_index.md
+++ b/content/footer/_index.md
@@ -4,7 +4,7 @@ description: "The alternative to the current too centralized and unsustainable i
 insert_anchor_links: "left"
 template: "partials/footer.html"
 extra:
-  logoPath: "/images/ourworld_logo2.png"
+  logoPath: "/images/tft_log.svg"
   socialLinks: { Facebook: "https://", Github: "https://", Twitter: "https://" }
 ---
 
diff --git a/content/header/_index.md b/content/header/_index.md
index 67161ce..c3fc393 100644
--- a/content/header/_index.md
+++ b/content/header/_index.md
@@ -4,7 +4,7 @@ description: "NEAR is on a mission to empower everyone to take back control of t
 insert_anchor_links: "left"
 template: "partials/header.html"
 extra:
-  logoPath: "/images/ourworld_logo2.png"
+  logoPath: "/images/tft_log.svg"
   imgPath: ""
 ---
 
diff --git a/static/images/tft_log.svg b/static/images/tft_log.svg
new file mode 100644
index 0000000..567d83f
--- /dev/null
+++ b/static/images/tft_log.svg
@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 391.5 287.1" style="enable-background:new 0 0 391.5 287.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{clip-path:url(#SVGID_3_);fill:url(#SVGID_4_);}
+	.st2{fill:url(#SVGID_5_);}
+	.st3{fill:url(#SVGID_6_);}
+	.st4{fill:url(#SVGID_7_);}
+	.st5{fill:url(#SVGID_8_);}
+	.st6{fill:url(#SVGID_9_);}
+	.st7{fill:#1D1D1B;}
+</style>
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6077.7998" y1="-11708.6084" x2="6083.5737" y2="-11708.6084" gradientTransform="matrix(35.3735 0 0 35.3735 -214899.1875 414340.5938)">
+		<stop  offset="0" style="stop-color:#DB00E9"/>
+		<stop  offset="1" style="stop-color:#15FBFF"/>
+	</linearGradient>
+	<path class="st0" d="M273.2,187.5L273.2,187.5H94.4v-41.6H297v20.2C297,178,286.3,187.5,273.2,187.5L273.2,187.5L273.2,187.5
+		c13.1,0,23.7-9.6,23.7-21.4v-20.2H94.4v41.6H273.2L273.2,187.5z"/>
+	<g>
+		<g>
+			<defs>
+				<path id="SVGID_2_" d="M94.4,24.9v41.6H297V46.1c0-11.8-10.6-21.2-23.5-21.2L94.4,24.9L94.4,24.9z"/>
+			</defs>
+			<clipPath id="SVGID_3_">
+				<use xlink:href="#SVGID_2_"  style="overflow:visible;"/>
+			</clipPath>
+			
+				<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="6077.0327" y1="-11711.7119" x2="6082.8047" y2="-11711.7119" gradientTransform="matrix(35.089 0 0 35.089 -213142.6563 410998.0625)">
+				<stop  offset="0" style="stop-color:#2E3192"/>
+				<stop  offset="9.824239e-02" style="stop-color:#372F97"/>
+				<stop  offset="0.2567" style="stop-color:#4F29A3"/>
+				<stop  offset="0.4558" style="stop-color:#7520B7"/>
+				<stop  offset="0.6875" style="stop-color:#AB14D3"/>
+				<stop  offset="0.9439" style="stop-color:#EF04F7"/>
+				<stop  offset="1" style="stop-color:#FF00FF"/>
+			</linearGradient>
+			<rect x="94.4" y="24.9" class="st1" width="202.5" height="41.6"/>
+		</g>
+	</g>
+	
+		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="6038.4263" y1="-11723.8389" x2="6044.1987" y2="-11723.8389" gradientTransform="matrix(24.8071 0 0 24.8071 -149641.9375 290941.0625)">
+		<stop  offset="0" style="stop-color:#2E3192"/>
+		<stop  offset="9.824239e-02" style="stop-color:#372F97"/>
+		<stop  offset="0.2567" style="stop-color:#4F29A3"/>
+		<stop  offset="0.4558" style="stop-color:#7520B7"/>
+		<stop  offset="0.6875" style="stop-color:#AB14D3"/>
+		<stop  offset="0.9439" style="stop-color:#EF04F7"/>
+		<stop  offset="1" style="stop-color:#FF00FF"/>
+	</linearGradient>
+	<rect x="153.7" y="85.4" class="st2" width="143.2" height="41.6"/>
+	
+		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="6077.0327" y1="-11708.8623" x2="6082.8047" y2="-11708.8623" gradientTransform="matrix(35.089 0 0 35.089 -213142.6563 411019.0313)">
+		<stop  offset="0" style="stop-color:#2E3192"/>
+		<stop  offset="9.824239e-02" style="stop-color:#372F97"/>
+		<stop  offset="0.2567" style="stop-color:#4F29A3"/>
+		<stop  offset="0.4558" style="stop-color:#7520B7"/>
+		<stop  offset="0.6875" style="stop-color:#AB14D3"/>
+		<stop  offset="0.9439" style="stop-color:#EF04F7"/>
+		<stop  offset="1" style="stop-color:#FF00FF"/>
+	</linearGradient>
+	<rect x="94.4" y="145.8" class="st3" width="202.5" height="41.6"/>
+	<g>
+		
+			<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="6077.7998" y1="-11711.4365" x2="6083.5737" y2="-11711.4365" gradientTransform="matrix(35.3735 0 0 35.3735 -214899.1875 414319.6563)">
+			<stop  offset="0" style="stop-color:#DB00E9"/>
+			<stop  offset="1" style="stop-color:#15FBFF"/>
+		</linearGradient>
+		<path class="st4" d="M297,66.5L297,66.5H94.4V24.9h179c13.1,0,23.5,9.4,23.5,21.2V66.5L297,66.5L297,66.5V46.1
+			c0-11.8-10.6-21.2-23.5-21.2h-179v41.6L297,66.5L297,66.5z"/>
+	</g>
+	<g>
+		
+			<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="6077.7998" y1="-11711.4365" x2="6083.5737" y2="-11711.4365" gradientTransform="matrix(35.3735 0 0 35.3735 -214899.1875 414319.6563)">
+			<stop  offset="0" style="stop-color:#DB00E9"/>
+			<stop  offset="1" style="stop-color:#15FBFF"/>
+		</linearGradient>
+		<path class="st5" d="M273.4,24.9L273.4,24.9h-179v41.6H297V46.1C297,34.5,286.5,24.9,273.4,24.9L273.4,24.9L273.4,24.9
+			c13.1,0,23.5,9.4,23.5,21.2v20.4H94.4V24.9H273.4L273.4,24.9z"/>
+	</g>
+	<g>
+		
+			<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="6039.9355" y1="-11723.3252" x2="6045.7085" y2="-11723.3252" gradientTransform="matrix(25.0916 0 0 25.0916 -151398.6875 294262.9688)">
+			<stop  offset="0" style="stop-color:#DB00E9"/>
+			<stop  offset="1" style="stop-color:#15FBFF"/>
+		</linearGradient>
+		<polygon class="st6" points="297,127 297,127 153.7,127 153.7,85.4 297,85.4 297,127 297,127 297,127 297,85.4 153.7,85.4 
+			153.7,127 		"/>
+	</g>
+	<polygon class="st7" points="59.8,229.9 47.3,229.9 47.3,261.7 38.6,261.7 38.6,229.9 26.1,229.9 26.1,223.6 59.8,223.6 	"/>
+	<polygon class="st7" points="101.5,223.6 101.5,261.7 92.8,261.7 92.8,245.3 74,245.3 74,261.7 65.1,261.7 65.1,223.6 74,223.6 
+		74,239.8 92.8,239.8 92.8,223.6 	"/>
+	<path class="st7" d="M144.5,261.9h-8c-1.5,0-2.5-0.5-3.1-1.5l-8.1-11.8c-0.3-0.5-0.7-0.8-1.2-1c-0.3-0.2-1-0.3-1.8-0.3h-3v14.6
+		h-8.8v-38.3h13.4c3,0,5.5,0.3,7.6,0.8c2.2,0.5,3.8,1.3,5.1,2.3c1.3,1,2.3,2.2,3,3.5c0.7,1.3,1,2.8,1,4.5c0,1.3-0.2,2.5-0.7,3.6
+		c-0.3,1.2-1,2.2-1.8,3.1c-0.8,1-1.7,1.8-2.8,2.5c-1.2,0.7-2.3,1.3-3.8,1.7c0.5,0.3,1.2,0.7,1.7,1c0.5,0.3,1,0.8,1.3,1.3
+		L144.5,261.9z M123.9,241.6c1.5,0,2.7-0.2,3.6-0.5c1-0.3,1.8-0.8,2.5-1.3s1.2-1.3,1.5-2c0.3-0.8,0.5-1.7,0.5-2.5
+		c0-1.8-0.7-3.1-2-4.1c-1.3-1-3.3-1.5-6.1-1.5h-4.6v12.1h4.6V241.6z"/>
+	<polygon class="st7" points="157.6,229.7 157.6,239.5 171.6,239.5 171.6,245.5 157.6,245.5 157.6,255.6 175.8,255.6 175.8,261.9 
+		148.6,261.9 148.6,223.6 175.8,223.6 175.8,229.7 	"/>
+	<polygon class="st7" points="191.2,229.7 191.2,239.5 205.5,239.5 205.5,245.5 191.2,245.5 191.2,255.6 209.4,255.6 209.4,261.9 
+		182.4,261.9 182.4,223.6 209.4,223.6 209.4,229.7 	"/>
+	<polygon class="st7" points="224.9,229.7 224.9,240.3 240.3,240.3 240.3,246.5 224.9,246.5 224.9,261.9 216.1,261.9 216.1,223.6 
+		243.3,223.6 243.3,229.7 	"/>
+	<path class="st7" d="M290,242.6c0,2.8-0.5,5.5-1.5,7.8c-1,2.3-2.5,4.5-4.5,6.1c-2,1.7-4.1,3.1-7,4.1c-2.7,1-5.6,1.5-8.9,1.5
+		c-3.3,0-6.3-0.5-8.9-1.5c-2.7-1-5-2.3-7-4.1c-2-1.8-3.5-3.8-4.5-6.1c-1-2.3-1.5-5-1.5-7.8c0-2.8,0.5-5.3,1.5-7.8
+		c1-2.3,2.5-4.5,4.5-6.1s4.1-3.1,7-4.1c2.7-1,5.6-1.5,8.9-1.5c3.3,0,6.3,0.5,8.9,1.5s5,2.3,7,4.1c2,1.8,3.3,3.8,4.5,6.1
+		C289.5,237.3,290,239.8,290,242.6 M281,242.6c0-2-0.3-3.8-0.8-5.5c-0.7-1.7-1.5-3-2.5-4.1c-1.2-1.2-2.5-2-4-2.5
+		c-1.5-0.7-3.3-0.8-5.3-0.8s-3.8,0.3-5.3,0.8c-1.7,0.7-3,1.5-4,2.5c-1.2,1.2-2,2.5-2.5,4.1c-0.7,1.7-0.8,3.3-0.8,5.5
+		c0,2,0.3,3.8,0.8,5.5c0.7,1.7,1.5,3,2.5,4c1.2,1.2,2.5,2,4,2.5c1.7,0.7,3.3,0.8,5.3,0.8s3.8-0.3,5.3-0.8c1.7-0.7,3-1.5,4-2.5
+		c1.2-1.2,2-2.5,2.5-4C280.7,246.5,281,244.6,281,242.6"/>
+	<polygon class="st7" points="321.8,255.4 321.8,261.9 296.5,261.9 296.5,223.6 305.2,223.6 305.2,255.4 	"/>
+	<path class="st7" d="M365.4,242.6c0,2.8-0.5,5.3-1.5,7.8c-1,2.3-2.5,4.3-4.5,6c-2,1.7-4.1,3-7,4c-2.7,1-5.6,1.5-8.9,1.5h-16.4
+		v-38.3h16.4c3.3,0,6.3,0.5,8.9,1.5s5,2.3,7,4c2,1.7,3.3,3.6,4.5,6.1C364.9,237.3,365.4,239.8,365.4,242.6 M356.3,242.6
+		c0-2-0.3-3.8-0.8-5.5c-0.7-1.7-1.5-3-2.5-4.1c-1.2-1.2-2.5-2-4-2.5c-1.7-0.7-3.3-0.8-5.3-0.8h-7.5v25.9h7.5c2,0,3.8-0.3,5.3-0.8
+		c1.7-0.7,3-1.5,4-2.5c1.2-1.2,2-2.5,2.5-4.1C356,246.5,356.3,244.6,356.3,242.6"/>
+</g>
+</svg>
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index 88ea407..fd2a0fc 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -13,7 +13,7 @@
           <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
             <div class="xl:flex xl:gap-4">
               <div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
-                <img class="h-6" src="{{logoPath}}" alt="Company name" />
+                <img class="w-20 h-auto sm:w-15" src="{{logoPath}}" alt="Company name" />
                 <p class="text-gray-500 text-base leading-6 ">
                   {{section.description}}
                 </p>
diff --git a/templates/partials/header.html b/templates/partials/header.html
index a56b661..7b0f039 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -93,7 +93,7 @@
         <div class="mx-auto flex z-50 shadow justify-between items-center px-6 py-5 sm:px-8 md:px-12 sm:py-6 lg:px-20 lg:justify-start lg:space-x-20">
             <div>
                 <a href="/" class="flex">
-                    <img class="w-20 h-auto sm:w-32" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
+                    <img class="w-20 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
                 </a>
             </div>
             <div class="-mr-2 -my-2 lg:hidden">
diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html
index e536b4d..b2a7f5c 100644
--- a/templates/shortcodes/row.html
+++ b/templates/shortcodes/row.html
@@ -10,7 +10,7 @@ Parameters:
 -->
 
 {% set columns = body | safe | markdown | split(pat="|||") %}
-{% set row_class =  "relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row md:py-4 lg:py-4"%}
+{% set row_class =  "relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row md:py-12 lg:py-16"%}
 
 <!-- aligns columns depending on col number-->
 {% if 2 < columns | length %}