aug25

src/main.rs

@@ -8,10 +8,6 @@ use std::path::{ PathBuf, Path };
 // serve file with Content-Type based on name
 use rocket::fs::{ NamedFile, relative };
 
-// Set MIME-Types, Accept Header for Response
-use rocket::http::{ Accept, MediaType };
-use rocket::http::ContentType;
-
 // Equivalent to main()
 #[rocket::main] // enable async main()
 async fn main() -> Result<(), rocket::Error> {
@@ -26,7 +22,14 @@ async fn main() -> Result<(), rocket::Error> {
         // State Rocket<Ignite> => Finalized App ready to launch
             // check before launching
             // catch errors
-        .mount("/", routes![ index, fileserver, experiments, perma, greentech ])
+        .mount("/", routes![ index, fileserver, experiments, perma, greentech, spider, learn ])
+        .mount("/experiments", routes! [ oil, flower, candy ])
+        .mount("/permaculture", routes! [ permapp, greenlab, about_perma ])
+        .mount("/greentech", routes! [ automation, iot, diy ])
+        .mount("/spider", routes! [ spiderpi, join ])
+        .mount("/learn", routes! [ about, partners, meet, blog, code ])
+        .mount("/policies", routes! [ policies_info, privacy ])
+
 
         .ignite().await?
         // State Rocket<Orbit> => Running App
@@ -62,6 +65,106 @@ async fn greentech() -> Option {
     NamedFile::open("templates/greentech.html").await.ok()
 }
 
+#[get("/spider")]
+async fn spider() -> Option<NamedFile> {
+    NamedFile::open("templates/spider.html").await.ok()
+}
+
+#[get("/learn")]
+async fn learn() -> Option<NamedFile> {
+    NamedFile::open("templates/learn.html").await.ok()
+}
+
+#[get("/oil")]
+async fn oil() -> Option<NamedFile> {
+    NamedFile::open("templates/oils.html").await.ok()
+}
+
+#[get("/flower")]
+async fn flower() -> Option<NamedFile> {
+    NamedFile::open("templates/flower.html").await.ok()
+}
+
+#[get("/candy")]
+async fn candy() -> Option<NamedFile> {
+    NamedFile::open("templates/edibles.html").await.ok()
+}
+
+#[get("/permApp")]
+async fn permapp() -> Option<NamedFile> {
+    NamedFile::open("templates/permapp.html").await.ok()
+}
+
+#[get("/greenlab")]
+async fn greenlab() -> Option<NamedFile> {
+    NamedFile::open("templates/greenlab.html").await.ok()
+}
+
+#[get("/about")]
+async fn about_perma() -> Option<NamedFile> {
+    NamedFile::open("templates/whatsthat.html").await.ok()
+}
+
+#[get("/automation")]
+async fn automation() -> Option<NamedFile> {
+    NamedFile::open("templates/automation.html").await.ok()
+}
+
+#[get("/DiY")]
+async fn diy() -> Option<NamedFile> {
+    NamedFile::open("templates/diy.html").await.ok()
+}
+
+#[get("/IoT")]
+async fn iot() -> Option<NamedFile> {
+    NamedFile::open("templates/iot.html").await.ok()
+}
+
+#[get("/spiderPi")]
+async fn spiderpi() -> Option<NamedFile> {
+    NamedFile::open("templates/spiderpi.html").await.ok()
+}
+
+#[get("/join")]
+async fn join() -> Option<NamedFile> {
+    NamedFile::open("templates/join.html").await.ok()
+}
+
+#[get("/about")]
+async fn about() -> Option<NamedFile> {
+    NamedFile::open("templates/whoweare.html").await.ok()
+}
+
+#[get("/partners")]
+async fn partners() -> Option<NamedFile> {
+    NamedFile::open("templates/partners.html").await.ok()
+}
+
+#[get("/contact")]
+async fn meet() -> Option<NamedFile> {
+    NamedFile::open("templates/meet.html").await.ok()
+}
+
+#[get("/blog")]
+async fn blog() -> Option<NamedFile> {
+    NamedFile::open("templates/blog.html").await.ok()
+}
+
+#[get("/code")]
+async fn code() -> Option<NamedFile> {
+    NamedFile::open("templates/code.html").await.ok()
+}
+
+#[get("/")]
+async fn policies_info() -> Option<NamedFile> {
+    NamedFile::open("templates/policies.html").await.ok()
+}
+
+#[get("/privacy")]
+async fn privacy() -> Option<NamedFile> {
+    NamedFile::open("templates/privacy-policy.html").await.ok()
+}
+
 
 // Serve static files from /
     // Match against multiple segments
@@ -73,13 +176,8 @@ async fn greentech() -> Option {
 #[route(GET, uri= "/<path..>")]
 async fn fileserver(path: PathBuf) -> Option<NamedFile> { // PathBuf =  Heapstring, growable
     // set path to static files
-    let mut path = Path::new(relative!("templates/assets")).join(path); // Path = stack string, fixed size
+    let path = Path::new(relative!("templates/assets")).join(path); // Path = stack string, fixed size
     // path accessible from /
-
-    // Note: How to serve fontawesome ?
-    if path.ends_with("all.css") {
-        println!("Can not load fontawesome icons at: {:?}", path);
-    }
     // Open file at path 
         NamedFile::open(path).await.ok()
 }

templates/assets/components/experiments-content.html

@@ -4,8 +4,8 @@
 		<h1>Experiments</h1>
 		<p class="short">Each of our CBD products helps you and us understand our planet.</p>
 		<div class="image">
-			<img id="mobile" src="global/img/sample-closeup-oil.png">
-			<img id="desktop" src="global/img/sample-closeup-oil.png">
+			<img id="mobile" type="image/webp" src="img/sample-closeup-oil.png">
+			<img id="desktop" type="image/webp" src="img/sample-closeup-oil.png">
 		  </div>
 	</section>
 	<section id="about">
@@ -20,14 +20,14 @@
 			<div class="image" id="gallery">
 				<div class="main-img">
 					<a href="oils.html">
-						<img id="current" src="global/img/sample-sauvage.svg"><!--replace with sauvage-->
+						<img id="current" type="image/webp" src="img/sample-sauvage.svg"><!--replace with sauvage-->
 					</a>
 				</div>
 				<div class="imgs">
-					<img src="global/img/sample-sauvage.svg">
-					<img src="global/img/img1.jpg">
-					<img src="global/img/img2.jpg">
-					<img src="global/img/img3.jpg">
+					<img type="image/webp" src="img/sample-sauvage.svg">
+					<img type="image/webp" src="img/sample-dropper.jpg">
+					<img type="image/webp" src="img/sample-massage.jpg">
+					<img type="image/webp" src="img/sample-plant.jpg">
 				</div>
 			</div>
 			<div class="description">
@@ -53,14 +53,14 @@
 			<div class="image">
 				<div class="main-img">
 					<a href="flower.html">
-						<img id="flower" src="global/img/sample-plant-flower.jpg">
+						<img id="flower" type="image/webp" src="img/sample-plant-flower.jpg">
 					</a>
 				</div>
 				<div class="flowers">
-					<img src="global/img/sample-flower.svg">
-					<img src="global/img/sample-light.jpg">
-					<img src="global/img/sample-girl.jpg">
-					<img src="global/img/sample-plant-flower.jpg">
+					<img type="image/webp" src="img/sample-flower.svg">
+					<img type="image/webp" src="img/sample-light.jpg">
+					<img type="image/webp" src="img/sample-girl.jpg">
+					<img type="image/webp" src="img/sample-plant-flower.jpg">
 				</div>
 			</div>
 			<div class="description">
@@ -83,14 +83,14 @@
 			<div class="image">
 				<div class="main-img">
 					<a href="edibles.html">
-						<img id="fruit" src="global/img/sample-lemon.png">
+						<img id="fruit" type="image/webp" src="img/sample-lemon.png">
 					</a>
 				</div>
 				<div class="fruits">
-					<img src="global/img/sample-jelly.jpg">
-					<img src="global/img/sample-herbs.jpg">
-					<img src="global/img/sample-mate.jpg">
-					<img src="global/img/sample-lemon.png">
+					<img type="image/webp" src="img/sample-jelly.jpg">
+					<img type="image/webp" src="img/sample-herbs.jpg">
+					<img type="image/webp" src="img/sample-mate.jpg">
+					<img type="image/webp" src="img/sample-lemon.png">
 				</div>
 			</div>
 			<div class="description">

templates/assets/components/footer.html

@@ -2,7 +2,6 @@
 <footer class="footer" style="font-family: 'Fira Sans', sans-serif;">
     <div id="footer-wrapper">
         <div id="column1">
-                <a href="../../../responsive.html">
                 <h3><span>Cannabinieri</span>@</h3>
                 </a>
         </div>
@@ -68,20 +67,21 @@
         <div id="column5">
             <h6 class="follow">Follow us</h6>
                        <div id="social-media">
+                        <!--Change Css classes, ids-->
                         <ul>
                             <li class="youtube">
                                     <a href="#">
-                                            <img id="youtube" src= "global/img/peertube.svg">
+                                            <img id="youtube" type="image/webp" src= "img/peertube.svg">
                                     </a>
                             </li>
                             <li>
                                     <a href="#">
-                                            <img id="instagram" src="global/img/pixelfed.svg">
+                                            <img id="instagram" type="image/webp" src="img/pixelfed.svg">
                                     </a>
                             </li>
                             <li>
                                 <a href="#">
-                                        <img id="gitea" src="global/img/gitea.svg">
+                                        <img id="gitea" type="image/webp" src="img/gitea.svg">
                                 </a>
                         </li>
                     </ul>
@@ -90,6 +90,7 @@
         <div id="row2">
             <p id ="print">©2021 Cannabinieri</p>
         </div>
+        <!--Replace with dynamic language handling-->
         <div id="row3">
                 <div class="languages" id ="footer-languages">
                         <a  href="../languages/deutsch.html">Deutsch |</a>

templates/assets/components/greentech-content.html

@@ -0,0 +1,71 @@
+<div class="page-wrapper">
+	<section class="title">
+		<div id="heading">
+		<h1 id="two">Green</h1>
+		<h1 id="one">Tech</h1>
+		</div>
+		<p class="short">Start building your own automatic greenhouse with the IoT.</p>
+		<div class="image">
+		<img type="image/webp" src="img/replace.png">
+		  </div>
+	</section>
+	<section id="about">
+			<p> Greentech or the use of the IoT in agriculture is increasing but due to high costs and complexity not accessible to everyone.<br>
+				We want you to be able to create your own automatic greenhouse with our DiY solutions.<br>
+				<span>Explore our projects and get inspired.</span>
+			</p>
+			</section>
+
+	<section id="links">
+		<div id="auto-link">
+			<div class="image">
+				<a href="automation.html">
+					<!--insert a video here-->
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">Automation</h3>
+				<p class="text">Read about our greenhouse-automation projects.<br>
+				We are at the beginning of our journey.<br>We are currently refurbishing the greenhouse<br> that will soon be our first fully automized prototype.
+				#dummy text<br><br>
+				<span>Learn where we'll be going and where we stand. </span></p>
+			</div>
+			<div class="page-button">
+				<a href="automation.html">Read</a>
+			</div>
+		</div>
+
+		<div id="tools-link">
+			<div class="image">
+				<a href="greenlab.html">
+					<!--add a picture of an automation application in use-->
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">Io<span>Things</span></h3>
+				<p class="text">Explore the Things that take care of our plants.<br>
+				We are currently working on the developement <br>of systems that help us automize our greenhouse step by step.<br><br>
+					<span>Read about current and future projects.</span>
+			</div>
+			<div class="page-button">
+				<a href="greenlab.html">Read</a>
+			</div>
+		</div>
+
+		<div id="you-link">
+			<div class="image">
+				<a href="whatsthat.html">
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">Di<span><i class="fa fa-check"></i></span></h3>
+				<p>Check out our tutorials and code.<br>
+				<br>Everybody should know how to automate a garden and grow superlocal organic crops.<br><br>
+				Here you can find tutorials on building IoT solutions and the code that brings them to life.
+			</div>
+			<div class="page-button">
+				<a href="whatsthat.html">Do it</a>
+			</div>
+		</div>
+	</section>
+</div>

templates/assets/components/learn-content.html

@@ -0,0 +1,102 @@
+<div class="page-wrapper">
+	<section class="title">
+		<div id="heading">
+                <h1>Learn</h1>
+		</div>
+                <p class="short">The who, the how, the why and the <br>where. 
+		<div class="image">
+			<img type="image/webp" src="img/sample-magnifier.png">
+		  </div>
+	</section>
+	<section id="about">
+			<p> We want you to know that we want you to know everything :)<br><br>
+				Find out who we are, where we are, what we are doing and why.<br>
+                            Learn about our partners, their projects and visit our lab. <br>
+                            Get all the information you desire and<br> find out how to meet us if you still want to know more.<br>
+                           Check out our blog to stay in touch or follow us on social media.
+			</p>
+			</section>
+
+	<section id="links">
+		<div id="us-link">
+			<div class="image">
+				<a href="whoweare.html">
+					<img type="image/webp" src="img/sample-faces.jpg">
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">About <span> Us </span></h3>
+				<p class="text">We are currently a collective of 5 people, determined to connect science to agriculture and specifically the Cannabis plant.<br><br>
+                                Our lab is located on the italian westcoast and that is where our plants and ideas grow.<br><br>
+									   The main engine of this project is obtaining information about our plants relations and to share those with our customers.<br><br>
+									   We are cultivating and processing our plants ourselves.<br>
+                                   Our products are 100% organic grab-bags of information.</p>
+			</div>
+			<div class="page-button">
+				<a href="whoweare.html">Read More</a>
+			</div>
+		</div>
+
+		<div id="partner-link">
+			<div class="image">
+				<a href="partners.html">
+					<img type="image/webp" src="img/sample-partners.jpg">
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">Partners</span></h3>
+				<p class="text">#Get to know our partners.<br>
+                               They provide us with information about the area and a variety of outdoor grown CBD strains.<br><br>
+					Learn about our partners and their produce.#dummy
+				</p>
+			</div>
+			<div class="page-button">
+				<a href="partners.html">Learn</a>
+			</div>
+              </div>
+              
+              <div id="meet-link">
+			<div class="image">
+				<a href="meet.html">
+					<h1 id="plus">&</h1>
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">Meet <span>Us</span></h3>
+				<p class="text">Find out how to meet us.<br>
+								Feel free to give us a call if there is something on your mind.<br>
+                               </p>
+			</div>
+			<div class="page-button">
+				<a href="spiderpi.html">Contact</a>
+			</div>
+			  </div>
+		
+	<div class="desktop-link">
+        <div id="blog-link">
+			<div class="description">
+				<h3 class="heading">Blog</h3>
+				<p class="text">CBD.Permaculture.Tech.<br><br>
+                               Read about our Experiments and explore news about CBD, the benefits of Permaculture and the future of farming.<br><br>
+									Learn and DiY.<br>
+				</p>
+			</div>
+			<div class="page-button">
+				<a href="blog.html">Read</a>
+			</div>
+        </div>
+              
+              <div id="code-link">
+			<div class="description">
+				<h3 class="heading">Code</h3>
+				<p class="text">Find the code behind all our projects.<br><br>
+                                Feel free to use and customize it for your own* work.<br><br>
+				        		Log in, get our code & share yours - like this we all keep moving and stay inspired.</p>
+			</div>
+			<div class="page-button">
+				<a href="code.html">Explore</a>
+			</div>
+			  </div>
+			</div>
+	</section>
+</div>

templates/assets/components/main-nav.html

@@ -1,53 +1,53 @@
 <div id="main-bar">
     <div id="logo-container">
             <a href="/">
-            <img class="logo" src= "img/Logo.svg">
+            <img class="logo" type="image/webp" src= "img/Logo.svg">
         </a>
     </div>
     <nav class="main-navigation-bar">
             <ul>
-            <li><a href="experiments.html">EXPERIMENTS</a>
+            <li><a type="text/html" href="/experiments"> EXPERIMENTS </a>
                     <ul id="experiments">
-                        <li><a href="oils.html">Oils</a></li>
-                        <li><a href="flower.html">Flower</a></li>
-                        <li><a href="edibles.html">Edibles</a></li>
+                        <li><a type="text/html" href="/experiments/oil">Oils</a></li>
+                        <li><a type="text/html" href="/experiments/flower">Flower</a></li>
+                        <li><a type="text/html" href="/experiments/candy">Edibles</a></li>
                     </ul>
     </ul>
 
     <ul>
-            <li><a href="permaculture.html">PERMACULTURE</a>
+            <li><a type="text/html" href="/permaculture">PERMACULTURE</a>
                     <ul>
-                            <li><a class="pc" href="permapp.html">PermApp</a></li>
-                            <li><a class="pc" href="greenlab.html">GreenLab</a></li>
-                            <li><a class="pc"id="edit" href="whatsthat.html">What's that ?</a></li>
+                            <li><a class="pc" type="text/html" href="permaculture/permApp">PermApp</a></li>
+                            <li><a class="pc" type="text/html" href="permaculture/greenlab">GreenLab</a></li>
+                            <li><a class="pc"id="edit" href="permaculture/about">What's that ?</a></li>
                     </ul>
     </ul>
 
     <ul>
-            <li><a href="greentech.html">GREENTECH</a>
+            <li><a type="text/html" href="/greentech">GREENTECH</a>
                     <ul>
-                            <li><a href="automation.html">Automation</a></li>
-                            <li><a href="iot.html">IoT</a></li>
-                            <li><a href="diy.html">DiY</a></li>
+                            <li><a type="text/html" href="greentech/automation">Automation</a></li>
+                            <li><a type="text/html" href="greentech/IoT">IoT</a></li>
+                            <li><a type="text/html" href="greentech/DiY">DiY</a></li>
                     </ul>
     </ul>
 
     <ul>
-            <li><a href="spider.html">SPIDER</a>
+            <li><a type="text/html" href="/spider">SPIDER</a>
                     <ul>
-                            <li><a href="spiderpi.html">SpiderPi</a></li>
-                            <li><a href="join.html">Join</a></li>
+                            <li><a  type="text/html" href="spider/spiderPi">SpiderPi</a></li>
+                            <li><a type="text/html" href="spider/join">Join</a></li>
                     </ul>
     </ul>
 
     <ul>
-            <li><a href="learn.html">LEARN</a>
+            <li><a type="text/html" href="/learn">LEARN</a>
                     <ul id="learn">
-                            <li id="broad" ><a href="whoweare.html">About Us</a></li>
-                            <li><a href="partners.html">Partners</a></li>
-                            <li><a href="meet.html">Meet</a></li>
-                            <li><a href="blog.html">Blog</a></li>
-                            <li><a href="code.html">Code</a></li>
+                            <li id="broad" ><a href="learn/about">About Us</a></li>
+                            <li><a href="learn/partners">Partners</a></li>
+                            <li><a href="learn/meet">Meet</a></li>
+                            <li><a href="learn/blog">Blog</a></li>
+                            <li><a href="learn/code">Code</a></li>
 
                     </ul>
     </ul>
@@ -61,63 +61,63 @@
     <div id="mobile-dropdown-container">
             <div id="mobile-dropdown">
                     <ul>
-                            <li onclick="menu2()"><a href="experiments.html">EXPERIMENTS</a>
+                            <li onclick="menu2()"><a type="text/html" href="/experiments">EXPERIMENTS</a>
                                     <span class="drop">
                                             <i class="arrow down"></i>
                                     </span>
                                     <ul id="down">
-                                        <li><a href="oils.html">Oils</a></li>
-                                        <li><a href="flower.html">Flower</a></li>
-                                        <li><a href="edibles.html">Edibles</a></li>
+                                        <li><a type="text/html" href="/experiments/oil">Oils</a></li>
+                                        <li><a type="text/html" href="/experiments/flower">Flower</a></li>
+                                        <li><a type="text/html" href="/experiments/candy">Edibles</a></li>
                                     </ul>
                     </ul>
     
                     <ul>
-                            <li onclick="menu3()"><a href="permaculture.html">PERMACULTURE</a>
+                            <li onclick="menu3()"><a type="text/html" href="/permaculture">PERMACULTURE</a>
                                     <span class="drop">
                                             <i class="arrow down"></i>
                                     </span>
                                     <ul id="down1">
-                                            <li><a href="permapp.html">PermApp</a></li>
-                                            <li><a href="greenlab.html">GreenLab</a></li>
-                                            <li><a href="whatsthat.html">What's that ?</a></li>
+                                            <li><a href="/permaculture/permApp">PermApp</a></li>
+                                            <li><a href="/permaculture/greenlab">GreenLab</a></li>
+                                            <li><a href="/permaculture/about">What's that ?</a></li>
                                     </ul>
                     </ul>
     
                     <ul>
-                            <li onclick="menu4()"><a href="greentech.html">GREENTECH</a>
+                            <li onclick="menu4()"><a type="text/html" href="/greentech">GREENTECH</a>
                                     <span class="drop">
                                             <i class="arrow down"></i>
                                     </span>
                                     <ul id="down2">
-                                            <li><a href="automation.html">Automation</a></li>
-                                            <li><a href="iot.html">IoT</a></li>
-                                            <li><a href="diy.html">DiY</a></li>
+                                            <li><a type="text/html" href="/greentech/automation">Automation</a></li>
+                                            <li><a type="text/html" href="/greentech/IoT">IoT</a></li>
+                                            <li><a type="text/html" href="/greentech/DiY">DiY</a></li>
                                     </ul>
                     </ul>
     
                     <ul>
-                            <li onclick="menu5()"><a href="spider.html">SPIDER</a>
+                            <li onclick="menu5()"><a type="text/html" href="/spider">SPIDER</a>
                                     <span class="drop">
                                             <i class="arrow down"></i>
                                     </span>
                                     <ul id="down3">
-                                            <li><a href="spiderpi.html">SpiderPi</a></li>
-                                            <li><a href="join.html">Join</a></li>
+                                            <li><a type="text/html" href="/spider/spiderPi">SpiderPi</a></li>
+                                            <li><a type="text/html" href="/spider/join">Join</a></li>
                                     </ul>
                     </ul>
     
                     <ul>
-                            <li onclick="menu6()"><a href="learn.html">LEARN</a>
+                            <li onclick="menu6()"><a type="text/html" href="/learn">LEARN</a>
                                     <span class="drop">
                                             <i class="arrow down"></i>
                                     </span>
                                     <ul id="down4">
-                                            <li><a href="whoweare.html">About Us</a></li>
-                                            <li><a href="partners.html">Partners</a></li>
-                                            <li><a href="meet.html">Meet</a></li>
-                                            <li><a href="blog.html">Blog</a></li>
-                                            <li><a href="code.html">Code</a></li>
+                                            <li><a type="text/html" href="/learn/about">About Us</a></li>
+                                            <li><a type="text/html" href="/learn/partners">Partners</a></li>
+                                            <li><a type="text/html" href="/learn/contact">Meet</a></li>
+                                            <li><a type="text/html" href="/learn/blog">Blog</a></li>
+                                            <li><a type="text/html" href="/learn/code">Code</a></li>
     
                                     </ul>
                     </ul>

templates/assets/components/permaculture-content.html

@@ -0,0 +1,77 @@
+<div class="page-wrapper">
+	<section class="title">
+		<div id="heading">
+		<h1>Perma</h1>
+		<h1 id="two">Culture</h1>
+		</div>
+		<p class="short">We take part in a culture utilizing the patterns of our ecosystem.</p>
+		<div class="image">
+			<img type="image/webp" src="img/sample-net.jpg">
+		  </div>
+	</section>
+	<section id="about">
+			<p> Permaculture is the way to design in synergy with nature.<br>
+				In order to use our planet's ressources in a sustainable way, we need to understand the design of nature. <br>
+				In order to find new organic solutions we created the PermApp, a way for everybody to store and explore environmental connections & utilize them for sustainable problem-solving.
+			</p>
+			</section>
+
+	<section id="links">
+		<div id="app-link">
+			<div class="image">
+				<a href="permapp.html">
+					<img id="icon" type="image/webp" src="img/permapp.svg"> <!--here could be an actual app icon or even an interactive canvas-->
+					<img id="icon-desktop" >
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">Perm<span>App</span></h3>
+				<p class="text">Try our PermApp <br>
+				Still and always in developement.<br>Explore and edit connections between the entities of our ecosystem !<br>
+				Create and use data to start your own Permaculture project.</p>
+				<ul class="additional">
+					<li> build our ecosystem</li>
+					<li> explore relations</li>
+					<li> available for Web</li>
+					<li> Mobile App coming soon #dummy</li>
+				</ul>
+			</div>
+			<div class="page-button">
+				<a href="permapp.html">Explore</a>
+			</div>
+		</div>
+
+		<div id="lab-link">
+			<div class="image">
+				<a href="greenlab.html">
+					<img id="organic" src="img/sample-fertilizer.svg">
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">Green<span>Lab</span></h3>
+				<p class="text">Learn about our 100% organic recipes for fertilizers and pesticides.</p>
+				<p class="text" class="additional">We only use plants out of our own garden for our products.<br><br>
+					Learn about how many plants cure and treat each other and how you can make use of their powers.
+			</div>
+			<div class="page-button">
+				<a href="greenlab.html">Learn</a>
+			</div>
+		</div>
+
+		<div id="about-link">
+			<div class="image">
+				<a href="whatsthat.html">
+					<h1 id="question">?</h1>
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">What's that <span>?</span></h3>
+				<p>Read about the design principles of <span>Permaculture</span> and how people animals and plants benefit.
+			<br>Permaculture helps us understand our planet and utilize its ressources to their full extend without exploiting them. </p>
+			</div>
+			<div class="page-button">
+				<a href="whatsthat.html">Read</a>
+			</div>
+		</div>
+	</section>
+</div>

templates/assets/components/spider-content.html

@@ -0,0 +1,60 @@
+<div class="page-wrapper">
+	<section class="title">
+		<div id="heading">
+                <h1>About a</h1>
+                <h1 id="two">Spider</h1>
+		</div>
+			<article>
+                <p class="short">Imagine <br class="mobile">a spider<br class="mobile"> doing your gardening.</p>
+				<i class="fa fa-angle-down"></i>
+			</article>
+		<div class="image">
+			<img type="image/webp" src="img/spider.svg" alt="spider">
+		  </div>
+	</section>
+	<section id="about">
+			<p> <span>Spider Pi </span>is the garden hexapod we are working on.<br>
+				He is aimed to be a helper and walking database that recognizes disseases and pests in plants and knows how to fight them.<br>
+                He will help us understand how environmental conditions and relations between plants are connected to the spread of pests and disseases. <br>
+                In order for him to understand what we don't there is  a lot of work to do and we can use your help.
+			</p>
+			</section>
+
+	<section id="links">
+		<div id="pi-link">
+			<div class="image">
+				<a href="spiderpi.html">
+					<img type="image/webp" src="img/sample-spiderpi.svg">
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">Spider <span>Pi</span></h3>
+				<p class="text">Learn about our project Spider Pi
+                             and be part of the spider's journey to become a garden helper.<br>
+                                       Follow Spider Pi's progress and watch us training him step by step.<br>
+				        Be part of our project from beginning to end and participate in if you like.</p>
+			</div>
+			<div class="page-button">
+				<a href="spiderpi.html">Learn</a>
+			</div>
+		</div>
+
+		<div id="join-link">
+			<div class="image">
+				<a href="greenlab.html">
+					<h1 id="plus">&</h1>
+				</a>
+			</div>
+			<div class="description">
+				<h3 class="heading">Join</span></h3>
+				<p class="text">Become part of us.<br>
+                    We can use your help to build and develope our garden spider !<br><br>
+					Let's create together.
+				</p>
+			</div>
+			<div class="page-button">
+				<a href="join.html">Join</a>
+			</div>
+		</div>
+	</section>
+</div>

templates/assets/css/global.css

@@ -43,6 +43,8 @@
         grid-area:footer;
     }
 
+/* Adjust Media Queries ! */
+
 @media screen and (min-width:1024px){
 
     .global-wrapper {
@@ -61,6 +63,7 @@
 
 }
 
+/* Adjust Media Queries ! */
        
  @media screen and (max-width:480px) {
 
@@ -75,7 +78,4 @@
         font-weight:500;
         display:grid;
     }
-
-
-
- }
+}

templates/assets/css/greentech.css

@@ -0,0 +1,756 @@
+:root {
+    --space : 5px;
+}
+
+.page-wrapper {
+    display:grid;
+}
+
+.title{
+    margin-top: var(--space);
+}
+
+
+#about {
+margin-top: var(--space);
+background-color:white;
+}
+
+#about p {
+    color:black;
+}
+
+h1 {
+    font-weight: 300;
+}
+
+
+@media screen and (min-width:1024px) {
+    
+    .page-wrapper {
+        grid-template-columns: 25% 25% 25% 25%;
+        grid-template-rows: auto auto auto;
+    }
+
+    .title {
+        grid-column: 1/5;
+        grid-row:1;
+        background-size: cover;
+        display: grid;
+        grid-template-columns: 60% 40%;
+        height: 67vh;
+        padding-top: 2vh;
+    }
+
+    .title  #heading {
+        grid-column: 1;
+        grid-row: 1/2;
+        display: flex;
+        justify-content: center;
+        padding-top: 2vh;
+    }
+
+    .title  #heading #two {
+        color: hsl(160, 51%, 49%);
+        padding-top: 1em;
+    }
+
+
+    .title .short {
+        grid-column: 1;
+        grid-row: 1/2;
+        font-family:'IBM Plex Sans', sans-serif;
+        font-size: 1.65em;
+        line-height: 10vh;
+        color: rgb(100,190, 149);
+        margin-left:.1em;
+        text-align: center;
+        align-self: flex-end;
+        padding: 0 5vw 10vh 5vw;
+    }
+
+    .title .image {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        flex-direction: column;
+        grid-column: 2;
+        grid-row: 1/2;
+        transition: 0.4s;
+    }
+   
+    .title .image img {
+        max-height: 50vh;
+        width: auto;
+        padding: 0 5vh 5vw 0;
+    }
+
+    h1 {
+        font-size: 2.5rem;
+        line-height: 80px;
+        letter-spacing: .5px;
+        padding-top: .75em;
+        margin-left: .1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+    }
+
+    .title  #heading {
+        display: flex;
+    }
+
+    #about {
+        grid-column:1/5;
+        grid-row: 2;
+        display: flex;
+        background-color: white;
+        margin: 3rem 1em 2rem 1rem;
+        border-radius: 25px;
+        box-shadow: .02em .02em .02em .06em hsl(160, 51%, 49%);
+        padding: 1vh 5vw;
+    }
+
+    #about p {
+        font-size: 1.55rem;
+        padding:1.5rem;
+        text-align: center;
+        font-family: 'Lato', sans-serif;
+        line-height: 3.2;
+    }
+
+    #about p span {
+        color: hsl(160, 51%, 50%);
+        font-weight: 400;
+    }
+
+    #links {
+        grid-column:1/5;
+        grid-row:3;
+        padding: 1rem;
+        background-color: white;
+        border-radius: 25px;
+        z-index: 10000;
+        margin-top: 2.5vh;
+        min-height: 75vh;
+    }
+
+    #auto-link {
+        display:grid;
+        grid-template-columns: 50% 50%;
+        grid-template-rows: 80% 20% ;
+        box-shadow: .02em .01em .01em .03em hsl(160, 100%, 50%);
+        border-radius: 25px;
+        min-height: 90vh;
+        padding: 1rem 0 3rem 0;
+    }
+
+    #auto-link .description {
+        grid-column:1/3 ;
+        grid-row:1;
+        display: flex;
+        flex-direction: column;
+        align-self: flex-start;
+        justify-self: center;
+        padding: 2rem 1rem;
+    }
+
+    #auto-link .description h3 {
+        font-size:6em;
+        font-weight: 300;
+        text-align: center;
+        color: hsl(160, 100%, 50%);
+        margin-bottom: .1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+    }
+
+    #auto-link .description p {
+        font-size: 1.35em;
+        color: #333;
+        line-height: 2.5;
+        text-align: center;
+        justify-self: flex-end;
+        padding-top: 1rem;
+        width: 90vh;
+    }
+
+    #auto-link .description p span {
+        color: hsl(160, 100%, 70%);
+        font-weight: 400;
+        font-size: 1.2em;
+        line-height: 5vh;
+    }
+
+    #auto-link .image {
+        grid-column:1 ;
+        grid-row:1/3;
+        display: none;
+    }
+
+    #auto-link .image img {
+        height:auto;
+        width:70%;
+        margin: 1em;
+        margin-left: 2em;
+    }
+
+    #auto-link .page-button {
+        grid-column: 1/3 ;
+        grid-row: 2;
+        display:flex;
+        align-items: center;
+       align-self: center;
+       justify-self: center;
+    }
+
+    #auto-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: black;
+        border: .01em solid #000;
+        padding: .25em 1.25em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.5em;
+        font-family: 'Lato', sans-serif;
+        text-transform: uppercase;
+        transition: all ease .5s;
+        font-weight: 300;
+    }
+
+    #auto-link .page-button a:hover {
+        background-color: hsl(160, 100%, 75%);
+    }
+
+    #tools-link {
+        display:grid;
+        grid-template-columns: 50% 50%;
+        grid-template-rows: 80% 20% ;
+        box-shadow: .02em .01em .01em .05em hsl(75, 100%, 50%);
+        border-radius: 25px;
+        min-height: 85vh;
+        margin-top: 10vh;
+        padding: 1rem 0 3rem 0;
+    }
+
+    #tools-link .image {
+        grid-column:3 ;
+        grid-row:1/3;
+        display: none;
+    }
+
+    #tools-link .description {
+        grid-column:1/3 ;
+        grid-row:1;
+        display: flex;
+        flex-direction: column;
+        align-self: center;
+        justify-self: center;
+        align-items: center;
+        padding:1em;
+    }
+
+    #tools-link .description h3 {
+        font-size:6em;
+        font-weight: 300;
+        color: #333;
+        margin-bottom: .25em;
+        font-family: 'IBM Plex Sans', sans-serif;
+    }
+
+    #tools-link .description h3 span {
+        color:hsl(75, 100%, 50%);
+    }
+
+    #tools-link .description p {
+        font-size: 1.25em;
+        font-weight: 300;
+        text-align: center;;
+        color: #333;
+        line-height: 2.5;
+        justify-self: flex-end;
+        padding-top: 1rem;
+    }
+
+    #tools-link .description p span {
+        color: hsl(75, 100%, 70%);
+        font-weight: 400;
+        font-size: 1.2em;
+        line-height: 5vh;
+    }
+
+    #tools-link .page-button {
+        grid-column: 1/3 ;
+        grid-row: 2;
+        display:flex;
+        align-items: center;
+        align-self: center;
+       justify-self: center;
+    }
+
+    #tools-link .image img {
+        margin-top: 2em;
+        width:100%;
+    }
+
+    #tools-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: black;
+        border: .01em solid #000;
+        padding: .25em 1.25em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.5em;
+        font-family: 'Lato', sans-serif;
+        text-transform: uppercase;
+        font-weight: 300;
+        transition: all ease .5s;
+    }
+
+    #tools-link .page-button a:hover {
+        background-color: hsl(75, 100%, 75%);
+    }
+
+    #you-link {
+        display:grid;
+        grid-template-columns: 50% 50%;
+        grid-template-rows: 80% 20% ;
+        box-shadow: .02em .01em .01em .05em hsl(300, 100%, 50%);
+        border-radius: 25px;
+        min-height: 85vh;
+        margin-top: 10vh;
+        padding: 1rem 0 3rem 0;
+    }
+
+    #you-link .image {
+        grid-column:1 ;
+        grid-row:1/3;
+        display: none;
+        align-items: center;
+    }
+
+    #you-link .description {
+        grid-column: 1/3 ;
+        grid-row: 1;
+        display: flex;
+        flex-direction: column;
+        align-self: center;
+        justify-self: center;
+        justify-content: center;
+        align-items: center;
+        padding:1em;
+    }
+
+    #you-link .description h3 {
+        font-size:6em;
+        font-weight: 300;
+        color: #333;
+        margin-bottom: .25em;
+        font-family: 'IBM Plex Sans', sans-serif;
+    }
+
+    .fa {
+        color: hsl(300, 100%, 50%);
+        -webkit-text-stroke: .1em white;
+    }
+
+    #you-link .description p {
+        font-size: 1.25em;
+        color: #333;
+        line-height: 2.5;
+        text-align: center;
+        justify-self: flex-end;
+        padding-top: 1rem;
+    }
+
+    #you-link .page-button {
+        grid-column: 1/3 ;
+        grid-row: 2;
+        display:flex;
+        align-items: center;
+       align-self: center;
+       justify-self: center;
+    }
+
+    #you-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: black;
+        border: .01em solid #000;
+        padding: .25em 1.25em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.5em;
+        font-family: 'Lato', sans-serif;
+        text-transform: uppercase;
+        font-weight: 300;
+        transition: all ease .5s;
+    }
+
+    #you-link .page-button a:hover {
+        background-color: hsl(300, 100%, 75%);
+    }
+
+    #you-link a {
+        text-decoration: none;
+    }
+
+    #you-link .description p span {
+        color:magenta;
+    }
+
+    #footer-wrapper {
+        margin-top:.5rem;
+    }
+
+
+    h1 {
+        font-size: 6.5rem;
+        line-height: 80px;
+        letter-spacing: 2px;
+        font-family: 'IBM Plex Sans', sans-serif;
+    }
+
+
+    #app-link .image #icon {
+        display:none;
+    }
+}
+
+@media only screen and (max-width:480px) {
+
+    .page-wrapper {
+        grid-template-columns: 100%;
+        grid-template-rows: auto auto auto auto ;
+    }
+
+    .title {
+        grid-column: 1;
+        grid-row:1/2;
+        display: flex;
+        flex-direction: column;
+        align-items:center;
+        justify-content: flex-start;
+        height: 80vh;
+        padding-top: 3.75rem;
+    }
+
+    h1 {
+        font-size:  2.75rem;
+        line-height: 60px;
+        letter-spacing: .5px;
+        margin-left: .1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+    }
+
+    .title .short {
+        font-family:'Lato', sans-serif;
+        font-size:1em;
+        font-weight: 300;
+        line-height: 5vh;
+        color: rgb(62, 190, 147);
+        margin-left:.1em;
+        text-align: center;
+        padding: 1.5em 2em;
+    }
+
+    .title .image {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+    }
+
+    .title .image img {
+        max-height: 30vh;
+        width: auto;
+    }
+
+    #one {
+        text-align: center;
+    }
+
+    #two {
+        color:  hsl(160, 51%, 49%);
+    }
+
+    #about {
+        grid-column:1;
+        grid-row: 2;
+        background-color: white;
+        display: flex;
+        margin:0 1rem 2rem 1rem;
+        margin-top:0;
+        border-radius: 25px;
+        box-shadow: .01em .01em .01em .03em hsl(160, 51%, 50%);
+        padding: 1vh 1vw;
+    }
+
+    #about p {
+        font-size:1.105rem;
+        font-weight: 300;
+        padding:1rem;
+        line-height: 2.25;
+        color: #333;
+    }
+
+    #links {
+        grid-column:1;
+        grid-row:3;
+        padding: 1rem;
+        background-color: white;
+        border-radius: 25px;
+        margin-top: 2.5vh;
+        min-height: 90vh;
+    }
+
+    #auto-link {
+        display:grid;
+        grid-template-rows: 80% 20%;
+        box-shadow: .01em .01em .01em .04em hsl(160, 100%, 50%);
+        border-radius: 25px;
+        min-height: 85vh;
+        padding-bottom: .75rem;
+    }
+
+   /* #auto-link .image {
+        padding-top: 2em;
+    }
+
+    #auto-link .image img {
+        margin-top: 1em;
+        width:80%;
+        margin-left: 2em;
+    } */
+
+
+    #auto-link .description {
+        grid-row: 1/2;
+        padding: 1em 1em 0 1em;
+        margin-top: 5vh;
+    }
+
+    #auto-link .description h3 {
+        font-size: 2.45rem;
+        color: hsl(160, 100%, 50%);
+        margin-bottom: 1.5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-weight: 300;
+        text-transform: uppercase;
+        text-align: center;
+    }
+
+    #auto-link .description p {
+        font-size: .95rem;
+        font-weight: 300;
+        color: #333;
+        text-align: center;
+        line-height: 2.5;
+        padding-top: .75rem;
+    }
+
+    #auto-link .description p span {
+        color: hsl(160, 100%, 70%);
+        font-weight: 400;
+    }
+
+    #auto-link .page-button{
+        display:flex;
+        justify-content: center;
+        align-items: center;
+        grid-row: 3;
+    }
+
+    #auto-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .35em 1em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'Lato', sans-serif;
+        font-weight: 300;
+        margin: .75em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #auto-link .page-button a:active {
+        border-color:hsl(160, 100%, 75%);
+    }
+
+    #tools-link {
+        display:grid;
+        grid-template-rows: 80% 20%;
+        box-shadow: .01em .01em .01em .04em hsl(75, 100%, 50%);
+        border-radius: 25px;
+        min-height: 75vh;
+        margin-top: 9.5vh;
+        padding-bottom: .75rem;
+    }
+
+    #tools-link .description {
+        grid-row: 1/2;
+        padding: 1em 1.15em 0 1.15em;
+        margin-top: 5vh;
+    }
+
+    #tools-link .image img {
+        margin-top: 1em;
+        width:80%;
+        margin-left: 2em;
+        display: none;
+    }
+
+    #tools-link .description h3 {
+        font-size: 2.45rem;
+        font-weight: 300;
+        color: #333;
+        margin-bottom: 1.5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+        text-align: center;
+    }
+
+    #tools-link .description h3 span {
+        color: hsl(75, 100%, 50%);
+    }
+   
+    #tools-link .description p {
+        font-size: .95rem;
+        font-weight: 300;
+        color: #333;
+        text-align: center;
+        line-height: 2.5;
+        padding-top: .75rem;
+    }
+
+    #tools-link .description p span {
+        color: hsl(75, 100%, 50%);
+        font-weight: 400;
+    }
+
+    #tools-link .page-button{
+        display:flex;
+        justify-content: center;
+        align-items: center;
+        grid-row: 3;
+    }
+
+    #tools-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .35em 1em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'Lato', sans-serif;
+        font-weight: 300;
+        margin: .75em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #tools-link .page-button a:active {
+        border-color:hsl(75, 100%, 75%);
+    }
+
+    #you-link {
+        display:grid;
+        grid-template-rows: 80% 20%;
+        box-shadow: .01em .01em .01em .03em hsl(300, 100%, 50%);
+        border-radius: 25px;
+        min-height: 80vh;
+        margin-top: 9.5vh;
+        padding-bottom: .75rem;
+    }
+
+    #you-link .description {
+        grid-row: 1/2;
+        padding: 1em 1em 0 1em;
+        margin-top: 5vh;
+    }
+
+
+    #you-link .description h3 {
+        font-size: 3rem;
+        font-weight: 300;
+        color: #333;
+        margin-bottom: 1.5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-align: center;
+    }
+
+    #you-link a {
+        text-decoration: none;
+    }
+
+    #you-link .image .fa {
+        font-size: 15em;
+        color:magenta;
+    }
+
+    #you-link .description h3 span {
+        color:magenta;
+        -webkit-text-stroke: .1em white;
+    }
+
+    #you-link .description p {
+        font-size: .95rem;
+        font-weight: 300;
+        color: #333;
+        text-align: center;
+        line-height: 2.5;
+        padding-top: .75rem;
+    }
+
+    #you-link .description p span {
+        color:magenta;
+    }
+
+    #you-link .page-button{
+        display:flex;
+        justify-content: center;
+        align-items: center;
+        grid-row: 3;
+    }
+
+    #you-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .35em 1em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'Lato', sans-serif;
+        font-weight: 300;
+        margin: .75em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #you-link .page-button a:active {
+        border-color:hsl(300, 100%, 75%);
+    }
+
+    #footer-wrapper {
+        margin-top:.5rem;
+    }
+
+    .description .additional {
+        display: none;
+    }
+
+    #app-link .image #icon-desktop {
+        display:none;
+    }
+
+
+}

templates/assets/css/learn.css

@@ -0,0 +1,990 @@
+:root {
+    --space : 5px;
+}
+
+.page-wrapper {
+    display:grid;
+}
+
+#about {
+margin-top: var(--space);
+background-color:white;
+}
+
+#about p {
+    color:black;
+}
+
+
+@media (min-width:769px) {
+    
+    .page-wrapper {
+        grid-template-columns: 25% 25% 25% 25%;
+        grid-template-rows: auto auto auto auto;
+    }
+
+    .title {
+        grid-column: 1/5;
+        grid-row:1;
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        grid-template-rows: repeat(2, 1fr);
+        height: 66vh;
+        padding-top: 10vh;
+    }
+
+    .title  #heading {
+        grid-column: 1;
+        grid-row: 1/2;
+        display: flex;
+        align-items: flex-start;
+        justify-content: center;
+        padding-top: 5vh;
+    }
+
+    .title .short {
+        grid-column: 1;
+        grid-row: 1/3;
+        font-family:'IBM Plex Sans', sans-serif;
+        font-size:1.75em;
+        line-height: 7.5vh;
+        color: rgb(100,190, 149);
+        margin-left:.1em;
+        text-align: center;
+        align-self: center;
+        padding-top: 12.5vh;
+    }
+
+    .title .image {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        transition: 0.4s;
+        grid-column: 2;
+        grid-row: 1/3;
+        padding-bottom: 5vh;
+    }
+
+    .title .image img {
+        max-height: 55vh;
+        width: auto;
+    }
+
+    h1 {
+        display: flex;
+        font-size: 2.5rem;
+        font-weight:300;
+        line-height: 80px;
+        letter-spacing: .5px;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+    }
+    #about {
+        grid-column:1/5;
+        grid-row: 2;
+        display: flex;
+        background-color: white;
+        margin: 0 5rem 2rem 5rem;
+        border-radius: 25px;
+        box-shadow: .01em .01em .01em .05em hsl(160, 51%, 49%);
+        justify-content: center;
+        padding: 2vh 2vw;
+    }
+
+
+    #about p {
+        font-size: 1.5rem;
+        padding: 2rem 0;
+        text-align: center;
+        font-family: 'IBM Plex Sans', sans-serif;
+        line-height: 2.5;
+    }
+
+    #links {
+        grid-column:1/5;
+        grid-row:3;
+        padding: 1rem;
+        background-color: white;
+        border-radius: 25px;
+        z-index: 10000;
+        margin-top: 5vh;
+        min-height: 75vh;
+    }
+
+    #us-link {
+        display:grid;
+        grid-template-columns: 45% 65%;
+        grid-template-rows: 20% 40% 20% ;
+        box-shadow: .01em .01em .01em .03em hsl(160, 100%, 50%);
+        border-radius: 25px;
+        min-height: 130vh;
+        padding-top: 1.5rem;
+    }
+
+    #us-link .image {
+        grid-column:1 ;
+        grid-row:1/4;
+        display:flex;
+        align-items: center;
+        justify-content:center
+    }
+
+    #us-link .image img {
+        height: 50vh;
+        width:auto;
+        border-radius: 50%;
+    }
+
+    #us-link .description {
+        grid-column:2 ;
+        grid-row:1/3;
+        display: flex;
+        flex-direction: column;
+        align-self: center;
+        padding:1em;
+    }
+
+    #us-link .description h3 {
+        font-size: 6em;
+        font-weight: 300;
+        color: #333;
+        margin: .25em 0 .25em 0;
+        font-family: 'IBM Plex Sans', sans-serif;
+        padding-left: 5vh;
+    }
+
+    #us-link .description h3 span {
+        color:hsl(160, 100%, 50%);
+    }
+
+    #us-link .description p {
+        font-size: 1.25em;
+        color: #333;
+        line-height: 1.5;
+        justify-self: flex-end;
+        padding-top: 1.5rem;
+        text-align: center;
+        max-width: 60vh;
+        line-height: 5vh;
+    }
+
+    #us-link .page-button {
+        grid-column: 2 ;
+        grid-row:4;
+        display:flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0 0 2rem 0;
+        max-width: 52.5vw;
+    }
+
+    #us-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: #000;
+        padding: .25em 1em;
+        border: .01em solid #000;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.65em;
+        font-family: 'Lato', sans-serif;
+        text-transform: uppercase;
+        font-weight: 300;
+        margin-right: 15vw;
+        transition: all ease .5s;
+    }
+
+    #us-link .page-button a:hover {
+        background-color: hsl(160, 100%, 75%);
+    }
+
+    #partner-link {
+        display:grid;
+        grid-template-columns: 50% 50%;
+        grid-template-rows: 20% 40% 20% ;
+        box-shadow: .01em .01em .01em .03em hsl(300, 100%, 50%);
+        border-radius: 25px;
+        max-height: 90vh;
+        padding-top: 1.5rem;
+        margin-top: 10vh;
+    }
+   
+    #partner-link .image {
+        grid-column: 2;
+        grid-row:1/3;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        height: 90vh;
+        padding-bottom: 7.5vh;
+    }
+
+    #partner-link .image img {
+       height: 60vh;
+       width: auto;
+    }
+
+    #partner-link .description {
+        grid-column:1 ;
+        grid-row: 1/2;
+        display:flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: center;
+        padding:1em;
+    }
+
+    #partner-link .description h3 {
+        font-size: 6em;
+        font-weight: 300;
+        color:hsl(300, 100%, 50%);
+        font-family: 'IBM Plex Sans', sans-serif;
+        padding-top: 5vh;
+    }
+
+    #partner-link .description p {
+        font-size: 1.25em;
+        color: #333;
+        line-height: 5vh;
+        justify-self: flex-end;
+        padding: 1em 1em 0 1em;
+        text-align: center;
+        width: 60vh;
+    }
+
+    #partner-link .image a {
+        text-decoration: none;
+    }
+
+    #partner-link .page-button {
+        grid-column: 1 ;
+        grid-row: 2;
+        display:flex;
+        align-items: flex-start;
+        justify-content: center;
+    }
+
+    #partner-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: #000;
+        padding: .25em 1em;
+        border: .01em solid #000;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.65em;
+        font-family: 'Lato', sans-serif;
+        text-transform: uppercase;
+        transition: all ease .5s;
+        font-weight: 300;
+    }
+
+    #partner-link .page-button a:hover {
+        background-color: hsl(300, 100%, 75%);
+    }
+
+    #meet-link {
+        display:grid;
+        grid-template-columns: 40% 60%;
+        grid-template-rows: 20% 40% 20% ;
+        box-shadow: .01em .01em .01em .03em hsl(160, 51%, 49%);
+        border-radius: 25px;
+        min-height: 75vh;
+        padding-top: 1.5rem;
+        margin-top: 10vh;
+    }
+    
+    #meet-link .image {
+        grid-column:1 ;
+        grid-row:1/3;
+        display: flex;
+        align-items: center;
+        margin: 12.5vh 0 0 0;
+    }
+    
+    #meet-link .image #plus {
+        margin-top: .25em;
+        font-size: 30em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        color: #333;
+        padding-top: 0;
+        margin-left: 0;
+        padding: 2rem 5rem;
+        
+    }
+    
+    #meet-link .image a {
+        text-decoration: none;
+        display: flex;
+        justify-content: center;
+    }
+
+    #meet-link .description {
+        grid-column: 2 ;
+        grid-row:1/3;
+        display:flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+    }
+
+    #meet-link .description h3 {
+        font-size: 6em;
+        font-weight: 300;
+        color: hsl(160, 51%, 49%);
+        margin: .5em 0 .25em 5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+    }
+
+    #meet-link .description h3 span {
+        color: #333;
+    }
+    
+    #meet-link .description p {
+        font-size: 1.25em;
+        color: #333;
+        line-height: 1.5;
+        justify-self: flex-end;
+        padding: 1.5rem 0 0 1em;
+        text-align: center;
+        max-width: 60vh;
+    }
+
+    #meet-link .page-button {
+        grid-column: 2 ;
+        grid-row: 3;
+        display:flex;
+        align-items: center;
+        justify-content: center;
+        margin-bottom: 7.5vh;
+    }
+
+    #meet-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: #000;
+        padding: .25em 1em;
+        border: .01em solid #000;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.65em;
+        font-family: 'Lato', sans-serif;
+        text-transform: uppercase;
+        transition: all ease .5s;
+        font-weight: 300;
+    }
+
+    #meet-link .page-button a:hover {
+        background-color: hsl(160, 51%, 75%);
+    }
+
+    .desktop-link {
+        display: grid;
+        grid-template-columns: 50% 50%;
+        margin-top: 10vh;
+        grid-gap: 7.5vh;
+        min-height: 75vh;
+    }
+
+    
+    #blog-link {
+        box-shadow: .01em .01em .01em .05em #eee;
+        border-radius: 25px;
+        grid-column: 1;
+        display: grid;
+        grid-template-rows: 1fr .2fr;
+        grid-template-columns: 100%;
+        max-width: 45vw;
+    }
+
+    #blog-link .description {
+        grid-column:1 ;
+        grid-row:1;
+        display:flex;
+        flex-direction: column;
+        padding: 2em 1em;
+    }
+
+    #blog-link .description h3 {
+        font-size: 6em;
+        font-weight: 300;
+        color: #333;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-align: center;
+    }
+
+    #blog-link .description p {
+        font-size: 1.25em;
+        color: #333;
+        line-height: 5vh;
+        justify-self: flex-end;
+        padding: 3.5rem 0 0 1em;
+        text-align: center;
+    }
+    
+    #blog-link .page-button {
+        grid-row:2;
+        display:flex;
+        align-items: flex-start;
+        margin: 1rem 0 0 1em;
+        justify-content: center;
+    }
+    
+    #blog-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: #000;
+        padding: .25em 1em;
+        border: .01em solid #000;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.5em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+        transition: all ease .5s;
+        font-weight: 300;
+    }
+
+    #blog-link .page-button a:hover {
+        background-color: hsl(0, 0%, 75%);
+    }
+    
+    #blog-link .image a {
+        text-decoration: none;
+    }
+   
+   #code-link {
+        box-shadow: .01em .01em .01em .05em hsl(75, 100%, 50%);
+        border-radius: 25px;
+        grid-column: 2;
+        display: grid;
+        grid-template-rows: 1fr .2fr;
+        grid-template-columns: 100%;
+        max-width: 45vw;
+    }
+
+   #code-link .description {
+        grid-column:1 ;
+        grid-row:1;
+        display:flex;
+        flex-direction: column;
+        padding: 2rem 1em;
+    }
+
+    #code-link .description h3 {
+        font-size: 6.25em;
+        font-weight: 300;
+        font-family: 'IBM Plex Sans', sans-serif;
+        color: hsl(75, 100%, 50%);
+        text-align: center;
+    }
+
+    #code-link .description p {
+        font-size: 1.25em;
+        color: #333;
+        line-height: 1.5;
+        justify-self: flex-end;
+        padding: 3.5rem 0 0 1em;
+        text-align: center;
+    }
+
+    #code-link .page-button {
+        grid-row: 2;
+        display:flex;
+        align-items: flex-start;
+        margin: 1rem 0 0 1em;
+        justify-content: center;
+    }
+    
+    #code-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: #000;
+        padding: .25em 1em;
+        border: .01em solid #000;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.45em;
+        font-family: 'Lato', sans-serif;
+        text-transform: uppercase;
+        transition: all ease .5s;
+        font-weight: 300;
+    }
+
+    #code-link .page-button a:hover {
+        background-color: hsl(75, 100%, 75%);
+    }
+    
+    #footer-wrapper {
+        margin-top:.5rem;
+    }
+
+
+    h1 {
+        font-size: 6.5rem;
+        line-height: 80px;
+        letter-spacing: 2px;
+        font-family: 'IBM Plex Sans', sans-serif;
+    }
+
+    .discover {
+        display:none;
+    }
+
+    #app-link .image #icon {
+        display:none;
+    }
+}
+
+@media (max-width:768px) {
+
+    .page-wrapper {
+        grid-template-columns: 100%;
+        grid-template-rows: auto auto auto auto auto ;
+    }
+
+    .title {
+        grid-column: 1;
+        grid-row:1/2;
+        background-size: cover;
+        display: flex;
+        flex-direction: column;
+        align-items:center;
+        justify-content: flex-start;
+        min-height: 77.5vh;
+        padding-top: 5rem;
+    }
+
+    .title  #heading #two {
+        color: rgb(62, 190, 147) ;
+    }
+
+    .title .short {
+        font-family:'Lato', sans-serif;
+        font-size: 1.25em;
+        font-weight: 300;
+        padding: 3em 1em;
+        color: rgb(62, 190, 147);
+        margin-left:.1em;
+        text-align: center;
+    }
+
+    .title .image {
+        display: flex;
+        align-items: center;
+        justify-content:center;
+        margin-top: 5vh;
+    }
+    
+    .title .image img {
+        max-height: 15vh;
+        width: auto;
+    }
+    
+    h1 {
+        font-size: 4rem;
+        font-weight: 300;
+        line-height: 60px;
+        letter-spacing: .5px;
+        margin-left: .1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+    }
+
+    #about {
+        grid-column:1;
+        grid-row: 2;
+        background-color: white;
+        display: flex;
+        margin: 0 1rem 2rem 1rem;
+        margin-top:0;
+        border-radius: 25px;
+        box-shadow: .01em .01em .01em .04em hsl(160, 51%, 49%);
+        padding: 1vh 1vw;
+    }
+
+    #about p {
+        font-size:1.125rem;
+        font-weight: 300;
+        padding: 1rem;
+        line-height: 1.75;
+        color: #333;
+    }
+
+    #links {
+        grid-column:1;
+        grid-row:3;
+        padding: 1rem;
+        background-color: white;
+        border-radius: 25px;
+        margin-top: 2.5vh;
+        min-height: 90vh;
+    }
+
+    #us-link {
+        display:grid;
+        grid-template-rows: repeat(2, .7fr);
+        padding-bottom: 1.5rem;
+        box-shadow: .01em .01em .05em hsl(160, 100%, 50%);
+        border-radius: 25px;
+        max-height: 160vh;
+    }
+
+    #us-link .image {
+        grid-row: 1;
+        padding-top: 2em;
+        display: flex;
+        justify-content: center;
+    }
+
+    #us-link .image img {
+        margin: 1em 0 1.25em 0;
+        width: auto;
+        height: 40vh;
+        border-radius: 50%;
+    }
+
+    #us-link .description {
+        grid-row: 2;
+        padding:.25em 1em 1em 1em;
+    }
+
+    #us-link .description h3 {
+        font-size: 3rem;
+        color: #333;
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-weight: 300;
+        text-transform: uppercase;
+        text-align: center;
+        padding: .25vh 0 3vh 0;
+    }
+
+    #us-link .description h3 span {
+        color: hsl(160, 100%, 50%);
+    }
+
+    #us-link .description p {
+        font-size: 1.05rem;
+        font-weight: 300;
+        color: #333;
+        text-align: center;
+        line-height: 1.85;
+    }
+    #us-link .page-button{
+        display:flex;
+        justify-content: center;
+        padding-top: 1rem;
+    }
+
+    #us-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .35em 1em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'Lato', sans-serif;
+        font-weight: 300;
+        margin: .75em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #us-link .page-button a:active {
+        border-color:hsl(160, 100%, 75%);
+    }
+
+    #partner-link {
+        display:grid;
+        grid-template-rows: repeat(2, .7fr);
+        grid-template-columns: 100%;
+        padding-bottom: 1.5rem;
+        box-shadow: .01em .01em .05em hsl(300, 100%, 50%);
+        border-radius: 25px;
+        margin-top: 7.5vh;
+        min-height: 100vh;
+        padding-top: 5vh;
+    }
+
+    #partner-link .image img {
+        max-width: 50vw;
+    }
+
+    #partner-link .image a {
+        text-decoration: none;
+        display: flex;
+        justify-content: center;
+    }
+
+    #partner-link .description {
+        grid-row: 2;
+        padding:.5em 1em 1em 1em;
+    }
+
+    #partner-link .description h3 {
+        font-size: 3rem;
+        color: hsl(300, 100%, 50%);
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-weight: 300;
+        text-transform: uppercase;
+        text-align: center;
+        padding: 7vh 0 3vh 0;
+    }
+
+    #partner-link .description p {
+        font-size: 1.05em;
+        font-weight: 300;
+        color: #333;
+        text-align: center;
+        line-height: 1.85;
+    }
+
+    #partner-link .page-button{
+        display:flex;
+        justify-content: center;
+    }
+    
+    #partner-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .35em 1em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'Lato', sans-serif;
+        font-weight: 300;
+        margin: .75em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+    
+        #partner-link .page-button a:active {
+            border-color:hsl(300, 100%, 75%);
+        }
+
+        #meet-link {
+            display:grid;
+            grid-template-rows: repeat(2, .7fr);
+            grid-template-columns: 100%;
+            padding-bottom: 1.5rem;
+            box-shadow: .01em .01em .05em hsl(160, 51%, 49%);
+            border-radius: 25px;
+            margin-top: 7.5vh;
+            min-height: 60vh;
+            padding-top: 5vh;
+        }
+    
+    #meet-link .image #plus {
+        margin-top: .35em;
+       font-size: 15em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        color: hsl(160, 100%, 50%);
+        
+    }
+    
+    #meet-link .image a {
+        text-decoration: none;
+        display: flex;
+        justify-content: center;
+        }
+    
+    #meet-link .description {
+        padding:1em;
+    }
+    
+    #meet-link .description h3 {
+        font-size: 2.65rem;
+        color:  hsl(160, 51%, 49%);
+        margin-bottom: .6em;
+        padding-left: .65em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-weight: 600;
+        text-transform: uppercase;
+    }
+
+    #meet-link .description h3 span {
+        color: #eee;
+    }
+
+    #meet-link .description p {
+        font-size: .95rem;
+        color: #333;
+        padding:0 1em;
+        padding-left: 2em;
+        line-height: 1.5;
+        text-align: center;
+    }
+    
+    #meet-link .page-button{
+        display:flex;
+        justify-content: center;
+    }
+
+    #meet-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: 1px solid #000;
+        padding: .35em 1.5em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        margin: 1em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #meet-link .page-button a:active {
+        border-color: hsl(160, 51%, 75%);
+    }
+
+    #blog-link {
+        display:grid;
+        grid-template-rows: repeat(2, .7fr);
+        grid-template-columns: 100%;
+        padding-bottom: 1.25rem;
+        box-shadow: 1px 1px 1px 3px #333;
+        border-radius: 25px;
+        margin-top: 7.5vh;
+        max-height: 85vh;
+    }
+
+    #blog-link .description {
+        grid-row: 1/2;
+        grid-column: 1;
+        padding: 1em;
+    }
+        
+    #blog-link .description h3 {
+        font-size: 2.65rem;
+        color: #333;
+        margin-bottom: 1.5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-weight: 600;
+        text-transform: uppercase;
+        text-align: center;
+        padding-top: 7.5vh;
+    }
+        
+    #blog-link .description p {
+        font-size: .95rem;
+        color: #333;
+        text-align: center;
+        line-height: 1.5;
+        margin-top: 2rem;
+    }
+
+    #blog-link .page-button{
+        display:flex;
+        justify-content: center;
+        grid-row: 2;
+        padding-top: .5rem;
+    }
+
+    #blog-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: 1px solid #000;
+        padding: .35em 1.5em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        margin: 1em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #blog-link .page-button a:active {
+        border-color:hsl(0, 0%, 75%);
+    }
+
+    #code-link {
+        display:grid;
+        grid-template-rows: repeat(2, .7fr);
+        grid-template-columns: 100%;
+        padding-bottom: 1.25rem;
+        box-shadow: 1px 1px 1px 3px hsl(75, 100%, 50%);
+        border-radius: 25px;
+        margin-top: 7.5vh;
+        max-height: 85vh;
+    }
+
+    #code-link .description {
+        grid-row: 1/3;
+        grid-column: 1;
+        padding: 1em;
+    }
+        
+    #code-link .description h3 {
+        font-size: 2.65rem;
+        color:hsl(75, 100%, 50%);
+        margin-bottom: 1.5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-weight: 600;
+        text-transform: uppercase;
+        text-align: center;
+        padding-top: 7.5vh;
+    }
+
+    #code-link .description p {
+        font-size: .95rem;
+        color: #333;
+        text-align: center;
+        line-height: 1.5;
+        margin-top: 2.25rem;
+        padding: 0 .5rem;
+    }
+
+    #code-link .page-button{
+        display:flex;
+        justify-content: center;
+        grid-row: 3;
+        padding-top: .5rem;
+    }
+
+    #code-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: 1px solid #000;
+        padding: .35em 1.5em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        margin: 1em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #code-link .page-button a:active {
+        border-color: hsl(75, 100%, 50%);
+    }
+        
+    #code2-link {
+        display: none;
+    }
+
+    #footer-wrapper {
+        margin-top:.5rem;
+    }
+
+    .description .additional {
+        display: none;
+    }
+
+    #app-link .image #icon-desktop {
+        display:none;
+    }
+
+
+}

templates/assets/css/permaculture.css

@@ -0,0 +1,768 @@
+:root {
+    --space : 5px;
+}
+
+.page-wrapper {
+    display:grid;
+}
+
+.title{
+    margin-top: var(--space);
+}
+
+
+#about {
+margin-top: var(--space);
+background-color:white;
+}
+
+#about p {
+    color:black;
+}
+
+#app-link .image img {
+    box-shadow: 1px 1px 3px 5px #eee;
+    border-radius: 25px;
+    padding: 1.5rem;
+}
+
+@media screen and (min-width:1024px) {
+    
+    .page-wrapper {
+        grid-template-columns: 25% 25% 25% 25%;
+        grid-template-rows: auto auto auto;
+    }
+
+    .title {
+        grid-column: 1/5;
+        grid-row:1;
+        background-size: cover;
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        height: 67vh;
+        padding-left: 5.75vh;
+    }
+
+    .title  #heading {
+        grid-column: 1;
+        grid-row: 1/2;
+        display: flex;
+        padding-top: 1vh;
+    }
+
+    .title  #heading #two {
+        color: rgb(62, 190, 147);
+        padding-top: 1.65em;
+    }
+
+    .title .short {
+        grid-column: 1;
+        grid-row: 1/2;
+        font-family:'IBM Plex Sans', sans-serif;
+        font-size: 1.75em;
+        color: rgb(100,190, 149);
+        margin-left:.1em;
+        text-align: center;
+        align-self: flex-end;
+        letter-spacing: .03em;
+        line-height: 2em;
+        padding-bottom: 13.5vh;
+    }
+
+
+    .title .image img {
+      max-width: 30vw;
+    }
+
+    .title .image {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        flex-direction: column;
+        transition: 0.4s;
+        grid-column: 2;
+        grid-row: 1/2;
+        padding-bottom: 7.5vh;
+    }
+
+    h1 {
+        font-size: 5.85rem;
+        font-weight: 300;
+        line-height: 80px;
+        letter-spacing: .01em;
+        padding-top: 1.15em;
+        margin-left: .1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+    }
+
+    #about {
+        grid-column:1/5;
+        grid-row: 2;
+        display: flex;
+        background-color: white;
+        margin: 0 5rem 2rem 5rem;
+        border-radius: 25px;
+        box-shadow: .01em .01em .01em .05em hsl(160, 51%, 49%);
+    }
+
+
+    #about p {
+        font-size:1.5rem;
+        font-weight: 300;
+        padding:1.5rem;
+        text-align: center;
+        font-family: 'IBM Plex Sans', sans-serif;
+        line-height: 3;
+        letter-spacing: 0.02em;
+    }
+
+    #links {
+        grid-column:1/5;
+        grid-row:3;
+        padding: 1rem;
+        background-color: white;
+        border-radius: 25px;
+        z-index: 10000;
+        margin-top: 2.5vh;
+        min-height: 75vh;
+    }
+
+    #app-link {
+        display:grid;
+        grid-template-columns: 45% 65%;
+        grid-template-rows: 20% 40% 20% ;
+        box-shadow: 1px 1px 1px 3px hsl(160, 100%, 50%);
+        border-radius: 25px;
+        min-height: 90vh;
+        padding-top: 1.5rem;
+    }
+
+    #app-link .image {
+        grid-column:1 ;
+        grid-row:1/4;
+        display:flex;
+        align-items: center;
+        justify-content:center
+    }
+
+    #app-link .image img {
+        height: 35vh;
+        width: 20vw;
+        
+    }
+
+    #app-link .description {
+        grid-column:2 ;
+        grid-row:1/3;
+        display: flex;
+        flex-direction: column;
+        align-self: center;
+        padding: 2em 1em 1em 1em;
+    }
+
+    #app-link .description h3 {
+        font-size: 6.25em;
+        font-weight: 300;
+        letter-spacing: .04em;
+        color: hsl(160, 100%, 50%);
+        margin-bottom: .25em;
+        margin-top: .5em;
+        font-family: 'IBM Plex Sans', sans-serif;
+    }
+
+    #app-link .description h3 span {
+        color: #333;
+    }
+
+    #app-link .description p {
+        font-size: 1.3em;
+        color: #333;
+        line-height: 2;
+        justify-self: flex-end;
+        padding-top: 1rem;
+        text-align: center;
+        width: 60vh;
+    }
+
+    .description ul {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        font-size: 1.25em;
+        color: #333;
+        line-height: 2;
+        margin-top: 2rem;
+        padding-left: 15vw;
+    }
+
+    #app-link .page-button {
+        grid-column: 2 ;
+        grid-row:4;
+        display:flex;
+        align-items: center;
+        justify-content: center;
+        padding: 2rem 0 2.75rem 0;
+    }
+
+    #app-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: #000;
+        padding: .25em 1em;
+        border: .01em solid #000;
+        border-radius: 27px;
+        margin-right: 20vw;
+        text-align: center;
+        font-size: 1.5em;
+        font-family: 'Lato', sans-serif;
+        text-transform: uppercase;
+        font-weight: 300;
+        transition: all ease .5s;
+    }
+
+    #app-link .page-button a:hover {
+        background-color: hsl(160, 100%, 75%);
+    }
+
+    #lab-link {
+        display:grid;
+        grid-template-columns: 50% 50%;
+        grid-template-rows: 20% 40% 20% ;
+        box-shadow: 1px 1px 1px 3px hsl(75, 100%, 50%);
+        border-radius: 25px;
+        min-height: 80vh;
+        padding-top: 1.5rem;
+        margin-top: 10vh;
+    }
+
+    #lab-link .image {
+        grid-column: 2;
+        grid-row:1/3;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        min-height: 85vh;
+        padding-top: 7.5vh;
+    }
+
+    #lab-link .image img {
+       height: 60vh;
+       width: auto;
+    }
+
+    #lab-link .description {
+        grid-column:1 ;
+        grid-row:1/3;
+        display:flex;
+        flex-direction: column;
+        margin-left: 5rem;
+        padding:1em;
+        height: 60vh;
+    }
+
+    #lab-link .description h3 {
+        font-size: 6.25em;
+        font-weight: 300;
+        letter-spacing: .04em;
+        color:hsl(75, 100%, 50%);
+        margin-bottom: .25em;
+        margin-top: .5em;
+        font-family: 'IBM Plex Sans', sans-serif;
+    }
+
+    #lab-link .description h3 span {
+        color:#333;
+    }
+
+    #lab-link .description p {
+        font-size: 1.3em;
+        color: #333;
+        line-height: 2;
+        text-align: center;
+        justify-self: flex-end;
+        padding-top: 2rem;
+    }
+
+    #lab-link .page-button {
+        grid-column:1 ;
+        grid-row: 4;
+        display:flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0 0 3rem 0;
+    }
+
+    #lab-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .25em 1em;
+        margin-left: 5vw;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.5em;
+        font-weight: 300;
+        font-family: 'lato', sans-serif;
+        margin-top:.75em;
+        text-transform: uppercase;
+        transition: all ease .5s;
+    }
+
+        #lab-link .page-button a:hover {
+            background-color: hsl(75, 100%, 75%);
+        }
+
+    #about-link {
+        display:grid;
+        grid-template-columns: 35% 75%;
+        grid-template-rows: 20% 40% 20% ;
+        box-shadow: 1px 1px 1px 3px hsl(160, 51%, 50%);
+        border-radius: 25px;
+        min-height: 70vh;
+        padding: 2rem 0 2rem 0;
+        margin-top: 10vh;
+    }
+
+    #about-link .image {
+        grid-column:1 ;
+        grid-row:1/3;
+        display: flex;
+        align-items: center;
+        margin: 12.5vh 0 0 5vh;
+    }
+
+    #about-link .image #question {
+        margin-top:0;
+        font-size: 30em;
+        font-weight: 300;
+        color:hsl(160, 49%, 50%);
+        font-family: 'IBM Plex Sans', sans-serif;
+        padding-top: 0;
+    }
+
+    #about-link .description {
+        grid-column:2/5 ;
+        grid-row:1/2;
+    }
+
+    #about-link .description h3 {
+        font-size: 6.25em;
+        font-weight: 300;
+        letter-spacing: .04em;
+        color: #333;
+        margin-bottom: .25em;
+        margin-top: .5em;
+        font-family: 'IBM Plex Sans', sans-serif;
+    }
+
+    #about-link h3 span {
+        color:hsl(160, 49%, 50%);
+    }
+
+    #about-link .description p {
+        font-size: 1.25em;
+        color: #333;
+        line-height: 2;
+        justify-self: flex-end;
+        width: 80vh;
+        padding-top: 1.25rem;
+    }
+
+    #about-link .description p span {
+        color:hsl(160, 49%, 50%);
+    }
+
+    #about-link a {
+        text-decoration: none;
+    }
+
+    #about-link .page-button {
+        grid-column: 2;
+        grid-row:4;
+        display:flex;
+        align-items: center;
+        justify-content: flex-start;
+    }
+
+    #about-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: #000;
+        padding: .25em 1em;
+        border: .01em solid #000;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.5em;
+        font-family: 'Lato', sans-serif;
+        text-transform: uppercase;
+        transition: all ease .5s;
+        font-weight: 300;
+        margin-left: 15vw;
+    }
+
+    #about-link .page-button a:hover {
+        background-color: hsl(160, 49%, 75%);
+    }
+
+    #footer-wrapper {
+        margin-top:.5rem;
+    }
+
+    .discover {
+        display:none;
+    }
+
+    #app-link .image #icon {
+        display:none;
+    }
+}
+
+@media only screen and (max-width:1023px) {
+
+    .page-wrapper {
+        grid-template-columns: 100%;
+        grid-template-rows: auto auto auto auto ;
+    }
+
+    .title {
+        grid-column: 1;
+        grid-row:1/2;
+        display: flex;
+        flex-direction: column;
+        align-items:center;
+        justify-content: flex-start;
+        height: 80vh;
+        padding-top: 4.25rem;
+    }
+
+    .title .short {
+        font-family:'IBM Plex Sans', sans-serif;
+        font-size: 1.1em;
+        font-weight: 300;
+        padding: 1em 2em;
+        color: rgb(62, 190, 147);
+        margin-left:.1em;
+        text-align: center;
+        letter-spacing: 0.01em;
+        line-height: 5vh;
+    }
+
+    .title .image {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        margin-top: 2rem;
+    }
+
+    .title .image img {
+        max-width: 70vw; 
+    }
+    
+    h1 {
+        font-size: 2.75rem;
+        font-weight: 300;
+        line-height: 60px;
+        letter-spacing: .04em;
+        margin-left: .1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+    }
+
+    #two {
+        color: hsl(160, 51%, 49%);
+        padding-left: 2rem;
+    }
+
+    #about {
+        grid-column:1;
+        grid-row: 2;
+        background-color: white;
+        display: flex;
+        margin:2rem 1rem;
+        margin-top:0;
+        border-radius: 25px;
+        box-shadow: .01em .01em .01em .04em hsl(160, 51%, 49%);
+        padding:1rem;
+    }
+
+    #about p {
+        font-size:1.125rem;
+        font-weight: 300;
+        line-height: 2;
+        color: #333;
+        text-align: center;
+    }
+
+    #links {
+        grid-column:1;
+        grid-row:3;
+        padding: 1rem;
+        background-color: white;
+        border-radius: 25px;
+        z-index: 10000;
+        margin-top: 2.5vh;
+        min-height: 90vh;
+    }
+
+    #app-link {
+        display:grid;
+        grid-template-rows: repeat(2, .7fr);
+        padding-bottom: 1.5rem;
+        box-shadow: 1px 1px 1px 3px hsl(160, 100%, 50%);
+        border-radius: 25px;
+    }
+
+    #app-link .image {
+        grid-row: 1;
+        padding-top: 2em;
+        display: flex;
+        justify-content: center;
+    }
+
+    #app-link .image img {
+      height: 20vh;
+      width: auto;
+    }
+
+    #app-link .description {
+        grid-row: 2;
+        padding:.25em 1em 1em 1em;
+    }
+
+    #app-link .description h3 {
+        font-size: 2.75rem;
+        font-weight: 200;
+        color: #333;
+        margin-bottom: 1.5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+        text-align: center;
+        letter-spacing: .04em;
+        padding-top: 3vh;
+    }
+
+    #app-link .description h3 span {
+        color: hsl(160, 100%, 50%);
+    }
+
+    #app-link .description p {
+        font-size: .95rem;
+        font-weight: 300;
+        color: #333;
+        text-align: center;
+        line-height: 2;
+    }
+
+    #app-link .page-button{
+        display:flex;
+        justify-content: center;
+        padding-top: 1rem;
+    }
+
+    #app-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .35em 1em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'Lato', sans-serif;
+        font-weight: 300;
+        margin: .75em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #app-link .page-button a:active {
+        border-color:hsl(160, 100%, 75%);
+    }
+
+
+    #lab-link {
+        display:grid;
+        grid-template-rows: repeat(2, .7fr);
+        padding-bottom: 1.5rem;
+        box-shadow: 1px 1px 1px 3px hsl(75, 100%, 50%);
+        border-radius: 25px;
+        margin-top: 10vh;
+        max-height: 105vh;
+    }
+
+    #lab-link .image {
+        grid-row: 1;
+        display: flex;
+        justify-content: center;
+        padding-top: 2em;
+    }
+
+    #lab-link .image img {
+       height: 25vh;
+       width: auto;
+    }
+
+    #lab-link .description {
+        grid-row: 2;
+        padding:.5em 2em 3em 2em;
+    }
+
+
+    #lab-link .description h3 {
+        font-size: 2.75rem;
+        color: #333;
+        margin-bottom: 1.5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-weight: 300;
+        text-transform: uppercase;
+        text-align: center;
+        letter-spacing: .04em;
+        padding-top: 3vh;
+    }
+
+    #lab-link .description h3 span {
+        color: hsl(75, 100%, 50%);
+    }
+
+    #lab-link .description p {
+        font-size: .95em;
+        font-weight: 300;
+        color: #333;
+        text-align: center;
+        line-height: 2;
+    }
+
+    #lab-link .page-button{
+        display:flex;
+        justify-content: center;
+    }
+
+    #lab-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .35em 1em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'Lato', sans-serif;
+        font-weight: 300;
+        margin: .75em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #lab-link .page-button a:active {
+        border-color:hsl(75, 100%, 75%);
+    }
+
+    #about-link {
+        display:grid;
+        grid-template-rows: repeat(2, .7fr);
+        grid-template-columns: 100%;
+        padding-bottom: 1.5rem;
+        box-shadow: 1px 1px 1px 3px hsl(160, 49%, 50%);
+        border-radius: 25px;
+        margin-top: 10vh;
+        max-height: 90vh;
+        padding-top: 5vh;
+    }
+
+    #about-link a {
+        text-decoration: none;
+    }
+
+    #about-link .image {
+       grid-row: 1/2; 
+       grid-column: 1;
+    }
+
+    #about-link .image #question {
+        margin-top:.35em;
+        font-size: 30vh;
+        color: hsl(160, 49%, 50%);
+        font-family: 'IBM Plex Sans', sans-serif;
+        padding-left: 2vh;
+    }
+
+    #about-link .description {
+        grid-row: 1/2;
+        grid-column: 1;
+        padding: 1em;
+    }
+
+
+    #about-link .description h3 {
+        font-size: 2.75rem;
+        color: #333;
+        margin-bottom: 1.5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-weight: 300;
+        text-transform: uppercase;
+        text-align: center;
+        padding-top: 15vh;
+    }
+
+    #about-link .description h3 span {
+        color: hsl(160, 49%, 50%);
+    }
+
+    #about-link .description p {
+        font-size: .95rem;
+        font-weight: 300;
+        color: #333;
+        text-align: center;
+        line-height: 2;
+        margin-top: 2rem;
+    }
+
+    #about-link .description p span {
+        color:hsl(160, 49%, 50%);
+    }
+
+    #about-link .page-button{
+        display:flex;
+        justify-content: center;
+        align-items: center;
+        grid-row: 2;
+    }
+
+    #about-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .35em 1.5em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'Lato', sans-serif;
+        font-weight: 300;
+        margin: 1em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #about-link .page-button a:active {
+        border-color:hsl(160, 49%, 75%);
+    }
+
+    #footer-wrapper {
+        margin-top:.5rem;
+    }
+
+    .description .additional {
+        display: none;
+    }
+
+    #app-link .image #icon-desktop {
+        display:none;
+    }
+
+
+}

templates/assets/css/spider.css

@@ -0,0 +1,590 @@
+:root {
+    --space : 5px;
+}
+
+.page-wrapper {
+    display:grid;
+}
+
+.title{
+    margin-top: var(--space);
+}
+
+
+#about {
+margin-top: var(--space);
+background-color:white;
+}
+
+#about p {
+    color:black;
+}
+
+
+@media screen and (min-width:1024px) {
+    
+    .page-wrapper {
+        grid-template-columns: 25% 25% 25% 25%;
+        grid-template-rows: auto auto auto;
+    }
+
+    .title {
+        grid-column: 1/5;
+        grid-row:1;
+        background-size: cover;
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        height: 63vh;
+        padding: 4vh 0 0 2vw;
+    }
+
+    .title  #heading {
+        grid-column: 1;
+        grid-row: 1/2;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: center;
+    }
+
+    h1 {
+        font-size: 5.5rem;
+        font-weight: 300;
+        line-height: 40px;
+        letter-spacing: .05em;
+        padding-top: 1em;
+        margin-left: .1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+    }
+  
+
+    .title  #heading #two {
+        color: rgb(62, 190, 147);
+        padding-left: 35vh;
+    }
+
+    .title article {
+        grid-column: 1;
+        grid-row: 1/2;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        align-self: flex-end;
+
+    }
+    article .short {
+        display: flex;
+        justify-self: center;
+        font-family:'IBM Plex Sans', sans-serif;
+        font-size:1.5em;
+        padding: 1.25em 1rem 3em;
+        color: rgb(100,190, 149);
+        margin-left:.1em;
+        text-align: center;
+        letter-spacing: .04em;
+        align-self: center;
+    }
+
+    /*add jquery animation to spiderpi section*/
+
+    article .svg-inline--fa {
+        font-size: 2.5em;
+        transform: scale(1.25,1);
+        display: none;
+    }
+
+    .title .image {
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-end;
+        flex-direction: column;
+        transition: 0.4s;
+        grid-column: 2;
+        grid-row: 1/2;
+    }
+   
+    .title .image img {
+        max-height: 50vh;
+        width: auto;
+        padding: 0 0 2vh 7.5vw;
+    }
+
+    #about {
+        grid-column:1/5;
+        grid-row: 2;
+        display: flex;
+        background-color: white;
+        margin: 4rem 2rem 2rem 2rem;
+        border-radius: 25px;
+        box-shadow: .01em .01em.01em .05em hsl(160, 51%, 49%);
+        padding: 1rem;
+    }
+
+    #about p {
+        font-size: 1.35rem;
+        padding:1.5rem;
+        text-align: center;
+        font-family: 'Lato', sans-serif;
+        line-height: 4rem;
+        letter-spacing: 0.02em;
+    }
+
+    #links {
+        grid-column:1/5;
+        grid-row:3;
+        padding: 1rem;
+        background-color: white;
+        border-radius: 25px;
+        z-index: 10000;
+        margin-top: 2.5vh;
+        min-height: 75vh;
+    }
+
+    #pi-link {
+        display:grid;
+        grid-template-columns: 40% 60%;
+        grid-template-rows: 20% 60% 20% ;
+        box-shadow: .01em .01em .01em .05em hsl(160, 100%, 50%);
+        border-radius: 25px;
+        min-height: 80vh;
+        padding: 1.5rem 0 2rem 0;
+    }
+
+    /*replace with video*/
+
+    #pi-link .image {
+        grid-column:1 ;
+        grid-row:1/4;
+        display:flex;
+        align-items: flex-end;
+        justify-content: center;
+        border-right: .05em solid #eee;
+    }
+
+    #pi-link .image img {
+        max-width: 30vw;
+    }
+
+    #pi-link .description {
+        grid-column:2 ;
+        grid-row:1/3;
+        display: flex;
+        flex-direction: column;
+        align-self: center;
+        padding:1em 2rem 1rem 4rem;
+        max-width: 50vw;
+    }
+
+    #pi-link .description h3 {
+        font-size: 6.25em;
+        font-weight: 200;
+        color: hsl(160, 100%, 50%);
+        letter-spacing: .06em;
+        margin-bottom: .25em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        display: flex;
+        justify-content: center;
+    }
+
+    #pi-link .description h3 span {
+        color: #333;
+    }
+
+    #pi-link .description p {
+        font-size: 1.25em;
+        color: #333;
+        line-height: 2;
+        justify-self: flex-end;
+        padding-top: 2rem;
+        text-align: left;
+    }
+
+    #pi-link .page-button {
+        grid-column:2 ;
+        grid-row: 4;
+        display:flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    #pi-link .page-button a {
+        text-decoration: none;
+        background-color:#fff;
+        color: #000;
+        padding: .25em 1em;
+        border: .01em solid #000;
+        border-radius: 27px;
+        text-align: center;
+        font-size:1.5em;
+        font-family: 'Lato', sans-serif;
+        text-transform: uppercase;
+        transition: all ease .5s;
+        font-weight: 300;
+        margin-right: 10vw;
+    }
+
+    #pi-link .page-button a:hover {
+        background-color: hsl(160, 100%, 75%);
+    }
+
+    #join-link {
+        display:grid;
+        grid-template-columns: 70% 30%;
+        grid-template-rows: 20% 60% 20% ;
+        box-shadow: .01em .01em .01em .05em hsl(160, 51%, 49%);
+        border-radius: 25px;
+        min-height: 75vh;
+        padding: 1.5rem 0 0 10vh;
+        margin: 10vh 10vw 0 10vw;
+    }
+
+    #join-link .image {
+        grid-column: 1/3 ;
+        grid-row: 1/3;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        padding-bottom: 5vh;
+    }
+
+    #join-link .description {
+        grid-column:1 ;
+        grid-row:1/3;
+        display:flex;
+        flex-direction: column;
+        margin-left: 5rem;
+        padding:1em;
+        height: 60vh;
+    }
+
+    #join-link .description h3 {
+        font-size: 6.25em;
+        font-weight: 300;
+        letter-spacing: .05em;
+        color:hsl(160, 51%, 49%);
+        margin-bottom: .25em;
+        margin-top: .5em;
+        font-family: 'IBM Plex Sans', sans-serif;
+    }
+
+    #join-link .description p {
+        font-size: 1.25em;
+        color: #333;
+        line-height: 1.75;
+        justify-self: flex-end;
+        padding-top: 1rem;
+    }
+
+    #join-link .page-button {
+        grid-column:1 ;
+        grid-row: 2/4;
+        display:flex;
+        align-items: flex-end;
+        justify-content: flex-start;
+        padding-bottom: 5vh;
+        padding-left: 7.5vw;
+    }
+
+    #join-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .25em 1em;
+        margin-left: 0;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.5em;
+        font-family: 'Lato', sans-serif;
+        margin-top:.75em;
+        text-transform: uppercase;
+        transition: all ease .5s;
+    }
+
+        #join-link .page-button a:hover {
+            background-color: hsl(160, 50%, 75%);
+        }
+
+   
+    #join-link .image #plus {
+        margin-top: .35em;
+       font-size: 30em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        color: hsl(160, 50%, 75%);
+        padding-top: 0;
+        
+    }
+
+    #join-link .image a {
+        text-decoration: none;
+    }
+
+    
+    #footer-wrapper {
+        margin-top:.5rem;
+    }
+
+    #app-link .image #icon {
+        display:none;
+    }
+
+    .mobile {
+        display:none;
+    }
+}
+
+@media only screen and (max-width:480px) {
+
+    .page-wrapper {
+        grid-template-columns: 100%;
+        grid-template-rows: auto auto auto auto ;
+    }
+
+    .title {
+        grid-column: 1;
+        grid-row:1/2;
+        display: flex;
+        flex-direction: column;
+        align-items:center;
+        justify-content: flex-start;
+        height: 80vh;
+        padding-top: 10vh;
+    }
+
+    .title  #heading #two {
+        color: rgb(62, 190, 147) ;
+    }
+
+    .title article .svg-inline--fa {
+        display:none;
+    }
+
+    .title .short {
+        font-family:'IBM Plex Sans', sans-serif;
+        font-weight: 300;
+        font-size:1.2em;
+        padding: 1.25em 1em 1em 1em;
+        color: rgb(62, 190, 147);
+        margin-left:.1em;
+        text-align: center;
+        line-height: 5vh;
+    }
+
+    .title .image {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+    }
+
+    .title .image img {
+        height: 30vh;
+        width: auto;
+    }
+    
+    h1 {
+        font-size: 2.75rem;
+        font-weight: 300;
+        line-height: 60px;
+        letter-spacing: .5px;
+        margin-left: .1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+        letter-spacing: .04em;
+    }
+
+    #about {
+        grid-column:1;
+        grid-row: 2;
+        background-color: white;
+        display: flex;
+        margin: 0 1.05em 2rem 1.05rem;
+        border-radius: 25px;
+        box-shadow: .01em .01em .01em .03em hsl(160, 51%, 49%);
+    }
+
+   
+    #about p {
+        font-size:1.105rem;
+        font-weight: 300;
+        padding: 1.75rem 1.25rem;
+        line-height: 2;
+        color: #333;
+        letter-spacing: .01em;
+    }
+
+    #about p span {
+        font-weight: 800;
+    }
+
+    #links {
+        grid-column:1;
+        grid-row:3;
+        padding: 1rem;
+        background-color: white;
+        border-radius: 25px;
+        margin-top: 1vh;
+        min-height: 90vh;
+    }
+
+    #pi-link {
+        display:grid;
+        grid-template-rows: repeat(2, .7fr);
+        padding-bottom: 1rem;
+        box-shadow: .01em .01em .01em .03em hsl(160, 100%, 50%);
+        border-radius: 25px;
+    }
+
+    #pi-link .image {
+        grid-row: 1;
+        padding: 1.5em 0 1em 0;
+        display: flex;
+        justify-content: center;
+    }
+
+    #pi-link .image img {
+      max-width: 80vw;
+    }
+
+    #pi-link .description {
+        grid-row: 2;
+        padding:.25em 1em 1em 1em;
+    }
+
+    #pi-link .description h3 {
+        font-size: 2.65rem;
+        font-weight: 300;
+        letter-spacing: .04em;
+        color: #333;
+        margin-bottom: 1.5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+        text-transform: uppercase;
+        text-align: center;
+    }
+
+    #pi-link .description h3 span {
+        color: hsl(160, 100%, 50%);
+    }
+
+    #pi-link .description p {
+        font-size: .95rem;
+        font-weight: 300;
+        color: #333;
+        text-align: center;
+        line-height: 2;
+    }
+
+    #pi-link .page-button{
+        display:flex;
+        justify-content: center;
+        align-items: center;
+        grid-row: 3;
+        padding-top: .75rem;
+    }
+
+    #pi-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: .01em solid #000;
+        padding: .35em 1em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1.05em;
+        font-family: 'Lato', sans-serif;
+        font-weight: 300;
+        margin: .75em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #pi-link .page-button a:active {
+        border-color:hsl(160, 100%, 75%);
+    }
+
+    #join-link {
+        display:grid;
+        grid-template-rows: .7fr .1fr;
+        box-shadow: .01em .01em .01em .03em hsl(160, 51%, 49%);
+        border-radius: 25px;
+        height: 80vh;
+        margin-top: 9.5vh;
+    }
+
+    #join-link .image #plus {
+        margin-top: .25em;
+       font-size: 12em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        color: hsl(160, 51%, 49%);
+        
+    }
+
+    #join-link .image a {
+        text-decoration: none;
+    }
+
+    #join-link .description {
+        padding:1em;
+    }
+
+
+    #join-link .description h3 {
+        font-size: 3rem;
+        color: #333;
+        margin-bottom: 1.5rem;
+        font-family: 'IBM Plex Sans', sans-serif;
+        font-weight: 600;
+        text-transform: uppercase;
+        text-align: center;
+    }
+
+    #join-link .description p {
+        font-size: .95rem;
+        color: #333;
+        text-align: center;
+        line-height: 1.5;
+        padding-top: .75rem;
+    }
+
+    #join-link .page-button{
+        display:flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    #join-link .page-button a {
+        text-decoration: none;
+        background-color: #fff;
+        color: #000;
+        border: 1px solid #000;
+        padding: .35em 1em;
+        border-radius: 27px;
+        text-align: center;
+        font-size: 1em;
+        font-family: 'IBM Plex Sans', sans-serif;
+        margin: .75em;
+        text-transform: uppercase;
+        transition: all ease .2s;
+    }
+
+    #join-link .page-button a:active {
+        border-color: hsl(160, 51%, 49%);
+    }
+
+
+    #footer-wrapper {
+        margin-top:.5rem;
+    }
+
+    .description .additional {
+        display: none;
+    }
+
+    #app-link .image #icon-desktop {
+        display:none;
+    }
+
+
+}

templates/assets/css/test.css

@@ -1,3 +0,0 @@
-h1 {
-    color: greenyellow;
-}

templates/assets/img/gitea.svg

@@ -0,0 +1,309 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg958"
+   width="371"
+   height="231"
+   viewBox="0 0 371 231"
+   sodipodi:docname="gitea.png.svg"
+   inkscape:version="1.0.1 (0767f8302a, 2020-10-17)">
+  <metadata
+     id="metadata964">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs962" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1368"
+     inkscape:window-height="836"
+     id="namedview960"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     inkscape:showpageshadow="false"
+     inkscape:zoom="0.80639959"
+     inkscape:cx="232.14702"
+     inkscape:cy="124.59767"
+     inkscape:window-x="72"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g966" />
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g966">
+    <image
+       width="371"
+       height="231"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,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
+gg==
+"
+       id="image968"
+       style="fill:#ffffff" />
+    <path
+       style="fill:#ffffff;stroke:#000000;stroke-width:11.4455;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+       d="m 158.9823,223.59532 c -8.43366,-4.34369 -26.97344,-23.35424 -35.89887,-36.81044 -7.48037,-11.27758 -14.21653,-23.78984 -14.28545,-26.53491 -0.0228,-0.90899 -1.70581,-1.56011 -4.06918,-1.5743 -2.21664,-0.0133 -10.102763,-0.83237 -17.52471,-1.82013 C 57.51105,152.90384 36.225157,142.25924 21.930746,124.2138 15.817614,116.4965 12.412524,109.56224 8.7854012,97.444095 4.5836865,83.406251 4.3987822,58.75906 8.4066284,46.954794 15.602634,25.76048 31.662821,11.901179 55.058428,6.6961502 63.363822,4.8483751 66.405941,4.8454647 92.934524,6.6599146 c 15.864956,1.0851 43.354316,2.521142 61.087456,3.1912043 17.73314,0.6700621 39.63606,1.5783281 48.67314,2.0183691 l 16.43106,0.800073 v 30.622757 30.622758 l 4.38236,2.089798 c 8.42171,4.016042 8.01844,5.558375 8.01844,-30.666518 V 12.582039 l 8.99058,-0.695091 c 4.94482,-0.3823 19.59326,-0.993675 32.5521,-1.35861 12.95884,-0.364935 37.64165,-1.3116198 54.8507,-2.1037437 28.59127,-1.3160423 31.4842,-1.2637236 33.55108,0.6067719 7.94926,7.1939888 7.30489,44.6044948 -1.42453,82.7041858 -15.14157,66.085638 -42.61225,118.068548 -69.4923,131.500678 l -7.3404,3.66804 -59.01576,-0.0578 -59.01575,-0.0578 -6.2004,-3.19348 z m 80.11013,-26.62856 c 7.65848,-2.57205 6.2193,-0.14726 33.71651,-56.80708 12.29127,-25.32697 11.2768,-31.59671 -6.55972,-40.541016 -29.2646,-14.675032 -59.45013,-28.761961 -62.11263,-28.9866 -10.05288,-0.848177 -16.18663,3.520649 -21.50233,15.315256 -1.58848,3.524549 -8.60411,18.09525 -15.5903,32.37933 -6.98619,14.28408 -12.97418,27.99903 -13.30663,30.47767 -0.41292,3.07855 0.21109,6.10523 1.96921,9.55143 2.8008,5.49002 -1.68635,2.97996 51.63888,28.8862 25.84902,12.55787 24.52184,12.15132 31.74701,9.72481 z M 100.0785,132.62721 c 0,-0.69908 -1.146304,-4.46582 -2.547342,-8.37054 C 87.233406,95.556686 80.390588,67.47571 77.677637,42.783477 76.930149,35.980133 76.051259,29.981246 75.724549,29.452617 74.824402,27.99615 69.970732,28.288409 59.413601,30.434766 c -13.783068,2.802217 -21.943087,8.56671 -27.968902,19.758106 -2.271852,4.219381 -2.670799,6.997902 -2.670799,18.6012 0,11.416964 0.492077,14.955013 3.018256,21.7014 7.937826,21.198668 21.296108,32.489278 46.112641,38.975048 17.083167,4.46466 22.173703,5.18936 22.173703,3.15669 z"
+       id="path1540" />
+    <path
+       style="fill:#1a1a1a;stroke:#000000;stroke-width:11.4455;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+       d="m 219.12618,173.58083 c -4.94214,-4.94213 -1.93737,-13.72498 5.3186,-15.54611 2.29176,-0.57519 4.12266,-3.55867 8.71211,-14.19651 3.19581,-7.40754 5.81057,-14.80926 5.81057,-16.44826 0,-3.73399 -3.72646,-7.25927 -12.10722,-11.45358 -5.2809,-2.64293 -7.54186,-3.11429 -11.8438,-2.46917 l -5.31694,0.79732 -6.95426,14.45012 c -5.11149,10.62104 -6.65565,15.00808 -5.82734,16.55579 2.27535,4.25153 1.3175,10.53917 -1.92965,12.66678 -6.60278,4.32631 -14.30455,0.70053 -14.30455,-6.73419 0,-3.95441 4.65892,-9.86427 7.77631,-9.86427 0.93367,0 4.80368,-6.51444 8.65609,-14.57094 5.50374,-11.50988 6.8251,-15.41428 6.28983,-18.58532 -1.09432,-6.48296 0.36625,-9.898032 4.86899,-11.384536 2.87885,-0.950403 4.87747,-2.927156 6.99332,-6.916794 3.05103,-5.753005 3.54517,-6.104133 6.82119,-4.847006 1.68752,0.647563 1.60912,1.360245 -0.63316,5.755479 -1.9435,3.809573 -2.37053,6.274375 -1.77504,10.245417 0.75497,5.03449 1.12914,5.4065 10.05782,9.9997 17.77965,9.14645 18.81688,14.00971 7.9399,37.22782 -4.25643,9.08582 -4.72768,11.00605 -4.06798,16.57619 0.5967,5.03821 0.30006,6.79286 -1.48116,8.76109 -2.94916,3.25879 -9.73575,3.24886 -13.00363,-0.019 z"
+       id="path1542" />
+  </g>
+</svg>

templates/assets/img/peertube.svg

@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="600"
+   height="800.51971"
+   viewBox="0 0 158.75 211.80418"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.1 (0767f8302a, 2020-10-17)"
+   sodipodi:docname="peertube.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.66075758"
+     inkscape:cx="471.46678"
+     inkscape:cy="409.10761"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1368"
+     inkscape:window-height="836"
+     inkscape:window-x="72"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       stroke-width="32"
+       id="g900"
+       transform="matrix(0.29991077,0,0,0.29991077,-835.52104,277.38561)"
+       style="fill:#000000">
+      <path
+         d="m 2799,-911 v 341.344 l 256,-170.656"
+         fill="#211f20"
+         id="path894"
+         style="fill:#000000" />
+      <path
+         d="m 2799,-569.656 v 341.344 l 256,-170.656"
+         fill="#737373"
+         id="path896"
+         style="fill:#000000" />
+      <path
+         d="M 3055,-740.344 V -399 l 256,-170.656"
+         fill="#f1680d"
+         id="path898"
+         style="fill:#000000" />
+    </g>
+  </g>
+</svg>

templates/assets/img/peertube_white.svg

@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="600"
+   height="800.51971"
+   viewBox="0 0 158.75 211.80418"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.1 (0767f8302a, 2020-10-17)"
+   sodipodi:docname="peertube_white.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.66075758"
+     inkscape:cx="471.46678"
+     inkscape:cy="409.10761"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1368"
+     inkscape:window-height="836"
+     inkscape:window-x="72"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       stroke-width="32"
+       id="g900"
+       transform="matrix(0.29991077,0,0,0.29991077,-835.52104,277.38561)"
+       style="fill:#000000">
+      <path
+         d="m 2799,-911 v 341.344 l 256,-170.656"
+         fill="#211f20"
+         id="path894"
+         style="fill:#000000" />
+      <path
+         d="m 2799,-569.656 v 341.344 l 256,-170.656"
+         fill="#737373"
+         id="path896"
+         style="fill:#000000" />
+      <path
+         d="M 3055,-740.344 V -399 l 256,-170.656"
+         fill="#f1680d"
+         id="path898"
+         style="fill:#000000" />
+    </g>
+    <path
+       style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:1.51341;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+       d="m 305.74791,403.05798 c 0,-105.29802 0.34324,-191.45094 0.76275,-191.45094 1.28574,0 287.11975,190.86606 286.55655,191.34852 -0.29,0.24845 -65.05548,43.44957 -143.92329,96.00254 l -143.39601,95.55082 z"
+       id="path932"
+       transform="scale(0.26458333)" />
+    <path
+       style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:1.51341;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+       d="M 15.172357,596.01428 V 403.80897 l 143.730673,95.7243 c 79.05188,52.64837 143.73068,96.06482 143.73068,96.48101 0,0.41619 -64.6788,43.83264 -143.73068,96.48102 L 15.172357,788.2196 Z"
+       id="path934"
+       transform="scale(0.26458333)" />
+    <path
+       style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:1.51341;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+       d="m 15.172357,209.42624 c 0,-105.34494 0.343236,-191.536241 0.762747,-191.536241 2.535288,0 286.900376,191.161701 285.830106,192.146541 -1.19166,1.09654 -280.257186,187.13306 -284.701085,189.79342 -1.509415,0.90361 -1.891768,-37.57967 -1.891768,-190.40372 z"
+       id="path936"
+       transform="scale(0.26458333)" />
+    <path
+       style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:1.51341;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+       d="m 305.96288,505.76183 c 0.11823,-48.16556 0.629,-133.72281 1.13506,-190.12723 l 0.92009,-102.5535 138.11747,92.28118 c 75.96461,50.75465 139.72887,93.49667 141.69837,94.98227 l 3.5809,2.70108 -138.67154,92.43443 c -76.26934,50.83895 -140.54439,93.65418 -142.83343,95.14497 l -4.16189,2.71054 z"
+       id="path938"
+       transform="scale(0.26458333)" />
+    <path
+       style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:1.51341;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+       d="M 16.433516,302.03354 C 16.156067,249.38564 16.269582,164.2335 16.685771,112.80656 L 17.442478,19.303037 116.57112,85.632154 C 212.95651,150.12571 289.31423,201.75516 296.34511,207.18678 l 3.46123,2.67393 -9.51488,6.73869 C 274.46859,227.80556 18.920213,397.757 17.892871,397.757 c -0.525196,0 -1.181906,-43.07555 -1.459355,-95.72346 z"
+       id="path940"
+       transform="scale(0.26458333)" />
+    <path
+       style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:1.51341;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+       d="m 15.172357,596.01428 c 0,-152.28117 0.382455,-190.64328 1.891768,-189.75313 12.168488,7.17662 282.630135,188.76003 282.630135,189.75313 0,0.9931 -270.461647,182.57651 -282.630135,189.75314 -1.509313,0.89014 -1.891768,-37.47196 -1.891768,-189.75314 z"
+       id="path942"
+       transform="scale(0.26458333)" />
+  </g>
+</svg>

templates/assets/img/permapp.svg

@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="800"
+   height="800"
+   viewBox="0 0 211.66667 211.66667"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.1 (0767f8302a, 2020-10-17)"
+   sodipodi:docname="permapp.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.30052038"
+     inkscape:cx="410.9915"
+     inkscape:cy="480.93833"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1368"
+     inkscape:window-height="836"
+     inkscape:window-x="72"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="YinYang"
+       fill="#000000"
+       stroke="none"
+       stroke-width="0"
+       fill-rule="evenodd"
+       transform="matrix(0.25588408,0,0,0.25588408,4.4908977,3.8141213)"
+       style="fill:#666666">
+      <title
+         id="title893">Yin-Yang, by Adam Stanislav</title>
+      <desc
+         id="desc895">The entire graphic is drawn as a single path filled with black (or any other color you change the value of “fill” in line 4). The other half, usually shown in white is created here as a hole in the path. That means it is completely transparent, and has whatever color its background has. To achieve this, not just with SVG but with other vector formats, any black portion of the path is drawn counterclockwise, any “white” portion clockwise. Also, this graphic is taking advantage of the kappa constant described in my e-book Bézier Circles and other shapes, freely downloadable from https://www.smashwords.com/books/view/483578 .</desc>
+      <!-- Note to self: Relative Bézier differences (“c”) are differences of a point from the STARTING point of the curve segment, not from the most recent point. -->
+      <path
+         d="M 400,0 C 179.086,0 0,179.086 0,400 0,620.914 179.086,800 400,800 620.914,800 800,620.914 800,400 800,179.086 620.914,0 400,0 Z m 0,10 C 184.609,10 10,184.609 10,400 10,615.391 184.609,790 400,790 292.304,790 205,682.304 205,600 205,492.3 292.304,400 400,400 507.7,400 600,292.304 600,200 600,92.304 507.7,10 400,10 Z m 0,655 c 35.895,0 65,-29.105 65,-65 0,-35.895 -29.105,-65 -65,-65 -35.895,0 -65,29.105 -65,65 0,35.895 29.105,65 65,65 z m 0,-533 c -37.555,0 -68,30.445 -68,68 0,37.555 30.445,68 68,68 37.555,0 68,-30.445 68,-68 0,-37.555 -30.445,-68 -68,-68 z"
+         id="path897"
+         style="fill:#666666" />
+    </g>
+    <path
+       style="fill:#00ffff;stroke:#000000;stroke-width:8.2867;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+       d=""
+       id="path1070" />
+    <g
+       id="layer1-4"
+       transform="matrix(0.18413703,0,0,0.18413703,33.807122,-51.497763)"
+       fill-rule="evenodd"
+       style="fill:#3ebe93;fill-opacity:1">
+      <path
+         id="path2395"
+         d="m 368.9,527.34 c -9.44,-62.95 -61.54,-87.74 -82.47,-96.95 -18.6,-8.17 -22.66,-23.29 -22.66,-23.29 0,0 -5.04,17 -5.04,25.18 0,8.19 -1.89,46.59 13.22,78.69 15.11,32.11 61.07,43.44 74.29,59.18 13.22,15.74 8.18,43.44 8.18,43.44 0,0 -0.63,-22.04 -15.74,-35.26 -15.11,-13.22 -52.25,-13.22 -73.02,-50.99 -20.78,-37.77 -22.54,-108.23 -4.41,-134.72 8.89,-12.98 0.69,6.86 14.48,19.52 12.79,11.74 51.52,23.4 74.28,46.58 25.96,26.44 19.52,69.88 18.89,68.62 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path3199"
+         d="m 339.99,553.06 c 5.43,-24.98 5.27,-36.33 -9.84,-52.07 -15.41,-16.06 -30.43,-10.7 -47.54,-39.12 8.9,34.53 30.97,31.92 43.28,50.92 12.02,18.56 12.87,39.59 14.1,40.27 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path3201"
+         d="m 388.32,524.74 c 24.35,-7.79 34.1,-13.6 40.18,-34.56 6.2,-21.37 -5.95,-31.7 10.11,-60.73 -25.46,24.98 -12.16,42.78 -22.46,62.94 -10.06,19.69 -27.85,30.94 -27.83,32.35 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path3203"
+         d="m 438.33,550.91 c 18.91,17.19 28.82,22.72 50.01,17.51 21.61,-5.32 24.48,-21.01 57.65,-21.61 -34.36,-9.56 -43.13,10.86 -65.74,12.02 -22.09,1.13 -40.72,-8.65 -41.92,-7.92 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path3205"
+         d="m 441.81,611.35 c -5.43,24.98 -5.27,36.33 9.84,52.07 15.41,16.06 30.43,10.7 47.54,39.12 -8.9,-34.54 -30.97,-31.92 -43.28,-50.92 -12.02,-18.56 -12.87,-39.59 -14.1,-40.27 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path3207"
+         d="m 397.25,640.3 c -24.35,7.78 -34.09,13.6 -40.17,34.55 -6.2,21.38 5.95,31.71 -10.11,60.74 25.46,-24.98 12.15,-42.79 22.45,-62.94 10.07,-19.7 27.86,-30.94 27.83,-32.35 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path3209"
+         d="m 351.66,614.13 c -18.92,-17.19 -28.83,-22.73 -50.01,-17.51 -21.62,5.31 -24.49,21 -57.66,21.61 34.36,9.56 43.13,-10.87 65.74,-12.02 22.09,-1.13 40.72,8.65 41.93,7.92 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path2391"
+         d="m 427.47,533.1 c 49.8,-39.65 45.23,-97.16 42.73,-119.89 -2.22,-20.2 8.84,-31.27 8.84,-31.27 0,0 -17.24,4.13 -24.33,8.23 -7.08,4.09 -41.28,21.65 -61.53,50.79 -20.25,29.14 -7.09,74.6 -14.11,93.92 -7.02,19.32 -33.52,28.8 -33.52,28.8 0,0 18.76,-11.56 22.66,-31.25 3.89,-19.7 -14.68,-51.86 7.64,-88.74 22.33,-36.88 82.47,-73.63 114.47,-71.17 15.69,1.2 -5.59,4.02 -9.66,22.29 -3.78,16.95 5.5,56.32 -3.2,87.63 -9.92,35.7 -50.76,51.84 -49.99,50.66 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path2393"
+         d="m 452.6,584.82 c 59.24,23.3 106.76,-9.42 125.19,-22.94 16.38,-12.02 31.5,-7.98 31.5,-7.98 0,0 -12.2,-12.86 -19.29,-16.96 -7.09,-4.09 -39.4,-24.92 -74.76,-27.89 -35.35,-2.97 -68.14,31.16 -88.38,34.74 -20.24,3.58 -41.71,-14.63 -41.71,-14.63 0,0 19.39,10.47 38.4,4 19,-6.48 37.57,-38.64 80.67,-37.75 43.1,0.9 105,34.6 118.87,63.55 6.8,14.19 -6.29,-2.83 -24.14,2.78 -16.57,5.2 -46.02,32.92 -77.49,41.04 -35.87,9.26 -70.27,-18.04 -68.86,-17.96 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path2396"
+         d="m 416.88,630.92 c 9.44,62.95 61.53,87.74 82.46,96.94 18.61,8.18 22.67,23.3 22.67,23.3 0,0 5.03,-17 5.03,-25.18 0,-8.19 1.89,-46.59 -13.22,-78.7 -15.11,-32.1 -61.06,-43.43 -74.28,-59.17 -13.22,-15.74 -8.19,-43.44 -8.19,-43.44 0,0 0.63,22.04 15.74,35.26 15.11,13.22 52.25,13.22 73.03,50.99 20.77,37.77 22.54,108.23 4.4,134.71 -8.89,12.99 -0.69,-6.85 -14.48,-19.51 -12.79,-11.74 -51.52,-23.4 -74.28,-46.58 -25.96,-26.44 -19.51,-69.88 -18.88,-68.62 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path2398"
+         d="m 359.84,624.4 c -49.8,39.65 -45.22,97.17 -42.72,119.89 2.21,20.2 -8.84,31.27 -8.84,31.27 0,0 17.23,-4.13 24.32,-8.22 7.09,-4.1 41.29,-21.66 61.54,-50.8 20.25,-29.14 7.08,-74.6 14.1,-93.92 7.02,-19.31 33.53,-28.8 33.53,-28.8 0,0 -18.77,11.56 -22.66,31.25 -3.9,19.7 14.67,51.86 -7.65,88.74 -22.32,36.88 -82.46,73.64 -114.46,71.17 -15.7,-1.2 5.59,-4.02 9.66,-22.29 3.77,-16.95 -5.5,-56.32 3.2,-87.63 9.92,-35.69 50.76,-51.83 49.98,-50.66 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+      <path
+         id="path2400"
+         d="m 335.39,573.35 c -59.24,-23.3 -106.76,9.42 -125.2,22.95 -16.38,12.02 -31.5,7.98 -31.5,7.98 0,0 12.2,12.86 19.29,16.95 7.09,4.09 39.4,24.93 74.76,27.89 35.36,2.97 68.15,-31.16 88.39,-34.74 20.24,-3.58 41.71,14.63 41.71,14.63 0,0 -19.4,-10.47 -38.4,-4 -19.01,6.48 -37.58,38.64 -80.68,37.75 -43.09,-0.9 -105,-34.6 -118.87,-63.54 -6.8,-14.2 6.29,2.83 24.14,-2.78 16.57,-5.21 46.03,-32.92 77.49,-41.04 35.87,-9.26 70.27,18.03 68.87,17.95 z"
+         style="fill:#3ebe93;fill-opacity:1" />
+    </g>
+  </g>
+</svg>

templates/assets/img/pixelfed.svg

@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="39.134174"
+   height="39.12608"
+   viewBox="0 0 39.134174 39.12608"
+   version="1.1"
+   id="svg29"
+   sodipodi:docname="pixelfed.svg"
+   inkscape:version="1.0.1 (0767f8302a, 2020-10-17)">
+  <metadata
+     id="metadata33">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>04/full/color/svg/pixelfed-full-color</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1368"
+     inkscape:window-height="836"
+     id="namedview31"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="3.845971"
+     inkscape:cx="14.716744"
+     inkscape:cy="14.87764"
+     inkscape:window-x="72"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg29"
+     inkscape:document-rotation="0" />
+  <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">04/full/color/svg/pixelfed-full-color</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="photos"
+     transform="translate(-0.048611,-0.181307)"
+     style="fill:#000000;fill-rule:nonzero;stroke:none;stroke-width:1">
+    <g
+       id="Group-3"
+       style="fill:#000000">
+      <g
+         id="Group-2"
+         style="fill:#000000">
+        <path
+           d="m 17.470167,18.705316 c 0.04048,0.282647 0.06881,0.568667 0.06881,0.862108 0,3.339151 -2.732032,6.071183 -6.071183,6.071183 H 6.0711833 C 2.7320325,25.638607 0,22.906575 0,19.567424 c 0,-3.014005 2.2281243,-5.526126 5.117333,-5.987536 0,0 6.745e-4,6.74e-4 6.745e-4,6.74e-4 0,-6.74e-4 -6.745e-4,-0.0013 -6.745e-4,-0.0013 0.311654,-0.04992 0.6287047,-0.08297 0.9538503,-0.08297 h 5.3966077 c 3.04571,0 5.579417,2.275344 6.002376,5.209075 z"
+           id="Combined-Shape"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="M 25.558333,5.1132855 C 25.092875,2.2281243 22.582778,0.00404746 19.571471,0.00404746 c -3.011307,0 -5.521404,2.22407684 -5.986861,5.10923804 0.258363,0.186183 0.507956,0.3885557 0.74001,0.6206099 l 3.816076,3.816076 c 0.668504,0.6685046 1.141382,1.4597826 1.430775,2.3009786 0.443871,1.28844 0.443871,2.695605 0,3.984045 -0.199674,0.578786 -0.488393,1.131264 -0.86683,1.638545 0.283997,0.04115 0.572041,0.07016 0.86683,0.07016 0.29479,0 0.582834,-0.02833 0.86683,-0.07016 0.626681,-0.09107 1.221657,-0.277251 1.772111,-0.545732 1.22503,-0.596999 2.22003,-1.591999 2.817029,-2.817029 0.389905,-0.800047 0.615214,-1.693185 0.615214,-2.638941 V 6.0752308 c 0,-0.3278439 -0.03373,-0.6475929 -0.08432,-0.9619453 z"
+           id="Shape"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="m 24.818323,33.400278 -3.816076,-3.816076 c -0.668505,-0.668505 -1.141383,-1.459783 -1.430776,-2.300979 -0.443871,-1.28844 -0.443871,-2.695605 0,-3.984045 0.199675,-0.578786 0.488393,-1.131264 0.86683,-1.638545 -0.283996,-0.04115 -0.57204,-0.07016 -0.86683,-0.07016 -0.294789,0 -0.582833,0.02833 -0.86683,0.07016 -0.626681,0.09107 -1.221657,0.277251 -1.772111,0.545732 -1.22503,0.597 -2.220029,1.591999 -2.817029,2.817029 -0.389905,0.800047 -0.615213,1.693186 -0.615213,2.638941 v 5.396607 c 0,0.327844 0.03373,0.647593 0.08432,0.961946 0.465457,2.885161 2.975554,5.109238 5.986861,5.109238 3.011307,0 5.521404,-2.224077 5.986862,-5.109238 -0.258363,-0.186858 -0.507956,-0.389231 -0.74001,-0.62061 z"
+           id="path11"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="m 34.024935,13.580562 c -0.186183,0.258363 -0.388556,0.507956 -0.62061,0.74001 l -3.816076,3.816076 c -0.668505,0.668505 -1.459782,1.140708 -2.300978,1.430776 -1.28844,0.443871 -2.695606,0.443871 -3.984046,0 -0.578786,-0.199675 -1.131264,-0.488393 -1.638545,-0.86683 -0.04115,0.283996 -0.06948,0.57204 -0.06948,0.86683 0,0.294789 0.02833,0.582833 0.06948,0.86683 0.09107,0.626681 0.277251,1.221657 0.545732,1.772111 0.597,1.22503 1.592,2.220029 2.817029,2.817029 0.800047,0.389905 1.693186,0.615213 2.638941,0.615213 h 5.396608 c 0.327844,0 0.647593,-0.03373 0.961945,-0.08432 2.885161,-0.465457 5.109238,-2.975554 5.109238,-5.986861 0,-3.011307 -2.224077,-5.522079 -5.109238,-5.986862 z"
+           id="path13"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="M 33.404325,5.7338954 C 31.275364,3.6049337 27.927443,3.402561 25.558333,5.1132855 c 0.05059,0.3143524 0.08432,0.6341014 0.08432,0.9619453 v 5.3966072 c 0,0.945756 -0.225309,1.838894 -0.615214,2.638941 -0.596999,1.22503 -1.591999,2.22003 -2.817029,2.817029 -0.550454,0.268481 -1.14543,0.454664 -1.772111,0.545732 0.172017,0.230031 0.355502,0.45399 0.563946,0.662434 0.208444,0.208444 0.432403,0.391928 0.662433,0.563945 0.507281,0.378437 1.059759,0.66783 1.638545,0.86683 1.28844,0.443871 2.695606,0.443871 3.984046,0 0.841196,-0.290067 1.632473,-0.762271 2.300978,-1.430775 l 3.816076,-3.816076 c 0.232054,-0.232054 0.434427,-0.481648 0.62061,-0.74001 1.711399,-2.369111 1.508352,-5.7163564 -0.62061,-7.8459926 z"
+           id="path15"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="m 34.024935,25.554285 c -0.314352,0.05059 -0.634101,0.08432 -0.961945,0.08432 h -5.396608 c -0.945755,0 -1.838894,-0.225308 -2.638941,-0.615213 -1.225029,-0.597 -2.220029,-1.591999 -2.817029,-2.817029 -0.268481,-0.550454 -0.454664,-1.14543 -0.545732,-1.772111 -0.23003,0.172017 -0.453989,0.355501 -0.662433,0.563945 -0.208444,0.208444 -0.391929,0.432404 -0.563946,0.662434 -0.378437,0.507281 -0.66783,1.059759 -0.86683,1.638545 -0.443871,1.28844 -0.443871,2.695605 0,3.984045 0.290068,0.841196 0.762271,1.632474 1.430776,2.300979 l 3.816076,3.816076 c 0.232054,0.232054 0.481647,0.434427 0.74001,0.62061 2.36911,1.710724 5.717031,1.508351 7.845992,-0.62061 2.128962,-2.128962 2.332009,-5.476882 0.62061,-7.845993 z"
+           id="path17"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="M 19.571471,11.851624 C 19.281404,11.010428 18.8092,10.219151 18.140696,9.550646 L 14.32462,5.7338954 C 14.092566,5.5018412 13.842973,5.2994685 13.58461,5.1132855 11.215499,3.402561 7.867579,3.6049337 5.7386174,5.7338954 3.6096558,7.862857 3.407283,11.209428 5.117333,13.578539 c 0.311654,-0.04924 0.6287047,-0.0823 0.9538503,-0.0823 h 5.3966077 c 3.04571,0 5.579417,2.275344 6.002376,5.209075 0.0027,-0.002 0.0054,-0.0034 0.0081,-0.0054 0.230031,-0.172017 0.45399,-0.355501 0.662434,-0.563945 0.208444,-0.208444 0.391928,-0.432403 0.563945,-0.662434 0.378437,-0.507281 0.66783,-1.059759 0.86683,-1.638545 0.443871,-1.28844 0.443871,-2.695605 0,-3.983371 z"
+           id="path19"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="m 18.140696,20.998199 c -0.208444,-0.208444 -0.432403,-0.391928 -0.662434,-0.563945 -0.507281,-0.378437 -1.059759,-0.66783 -1.638545,-0.86683 -1.28844,-0.443871 -2.695605,-0.443871 -3.984045,0 -0.841196,0.290067 -1.632474,0.762271 -2.3009786,1.430775 l -3.816076,3.816076 c -0.2320541,0.232054 -0.4344269,0.481648 -0.6206099,0.74001 -1.7107245,2.369111 -1.5083517,5.717031 0.6206099,7.845993 2.1289616,2.128961 5.4768816,2.331334 7.8459926,0.62061 -0.05059,-0.314353 -0.08432,-0.634102 -0.08432,-0.961946 v -5.396607 c 0,-0.945755 0.225308,-1.838894 0.615213,-2.638941 0.597,-1.22503 1.591999,-2.220029 2.817029,-2.817029 0.550454,-0.268481 1.14543,-0.454664 1.772111,-0.545732 -0.172017,-0.23003 -0.355501,-0.45399 -0.563945,-0.662434 z"
+           id="path21"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+      </g>
+      <path
+         d="m 18.383795,24.289386 h 3.427493 c 3.228836,0 5.846325,-2.568194 5.846325,-5.736222 0,-3.168028 -2.617489,-5.736221 -5.846325,-5.736221 h -4.94689 c -1.86279,0 -3.372879,1.48165 -3.372879,3.309358 v 12.880464 z"
+         id="Path-6-Copy-2"
+         inkscape:connector-curvature="0"
+         style="fill:#000000" />
+    </g>
+  </g>
+  <path
+     style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:0.260012;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+     d="m 13.547092,22.117195 c 3.53e-4,-5.628874 0.05887,-6.576542 0.455022,-7.369561 0.735291,-1.471888 1.766532,-1.819449 5.394852,-1.818232 3.800849,0.0013 4.797346,0.255913 6.253256,1.597924 2.90454,2.677312 2.299346,7.146691 -1.20413,8.892547 -1.189187,0.592597 -1.709598,0.688206 -3.745979,0.688206 h -2.364929 l -1.159189,1.191561 c -0.637554,0.655358 -1.714966,1.660801 -2.394248,2.234317 l -1.235059,1.042756 z"
+     id="path930" />
+</svg>

templates/assets/img/pixelfed_white.svg

@@ -0,0 +1,151 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="39.134174"
+   height="39.12608"
+   viewBox="0 0 39.134174 39.12608"
+   version="1.1"
+   id="svg29"
+   sodipodi:docname="pixelfed_white.svg"
+   inkscape:version="1.0.1 (0767f8302a, 2020-10-17)">
+  <metadata
+     id="metadata33">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>04/full/color/svg/pixelfed-full-color</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1368"
+     inkscape:window-height="836"
+     id="namedview31"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="3.6303635"
+     inkscape:cx="14.716744"
+     inkscape:cy="14.87764"
+     inkscape:window-x="72"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg29"
+     inkscape:document-rotation="0" />
+  <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">04/full/color/svg/pixelfed-full-color</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="photos"
+     transform="translate(-0.048611,-0.181307)"
+     style="fill:#000000;fill-rule:nonzero;stroke:none;stroke-width:1">
+    <g
+       id="Group-3"
+       style="fill:#000000">
+      <g
+         id="Group-2"
+         style="fill:#000000">
+        <path
+           d="m 17.470167,18.705316 c 0.04048,0.282647 0.06881,0.568667 0.06881,0.862108 0,3.339151 -2.732032,6.071183 -6.071183,6.071183 H 6.0711833 C 2.7320325,25.638607 0,22.906575 0,19.567424 c 0,-3.014005 2.2281243,-5.526126 5.117333,-5.987536 0,0 6.745e-4,6.74e-4 6.745e-4,6.74e-4 0,-6.74e-4 -6.745e-4,-0.0013 -6.745e-4,-0.0013 0.311654,-0.04992 0.6287047,-0.08297 0.9538503,-0.08297 h 5.3966077 c 3.04571,0 5.579417,2.275344 6.002376,5.209075 z"
+           id="Combined-Shape"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="M 25.558333,5.1132855 C 25.092875,2.2281243 22.582778,0.00404746 19.571471,0.00404746 c -3.011307,0 -5.521404,2.22407684 -5.986861,5.10923804 0.258363,0.186183 0.507956,0.3885557 0.74001,0.6206099 l 3.816076,3.816076 c 0.668504,0.6685046 1.141382,1.4597826 1.430775,2.3009786 0.443871,1.28844 0.443871,2.695605 0,3.984045 -0.199674,0.578786 -0.488393,1.131264 -0.86683,1.638545 0.283997,0.04115 0.572041,0.07016 0.86683,0.07016 0.29479,0 0.582834,-0.02833 0.86683,-0.07016 0.626681,-0.09107 1.221657,-0.277251 1.772111,-0.545732 1.22503,-0.596999 2.22003,-1.591999 2.817029,-2.817029 0.389905,-0.800047 0.615214,-1.693185 0.615214,-2.638941 V 6.0752308 c 0,-0.3278439 -0.03373,-0.6475929 -0.08432,-0.9619453 z"
+           id="Shape"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="m 24.818323,33.400278 -3.816076,-3.816076 c -0.668505,-0.668505 -1.141383,-1.459783 -1.430776,-2.300979 -0.443871,-1.28844 -0.443871,-2.695605 0,-3.984045 0.199675,-0.578786 0.488393,-1.131264 0.86683,-1.638545 -0.283996,-0.04115 -0.57204,-0.07016 -0.86683,-0.07016 -0.294789,0 -0.582833,0.02833 -0.86683,0.07016 -0.626681,0.09107 -1.221657,0.277251 -1.772111,0.545732 -1.22503,0.597 -2.220029,1.591999 -2.817029,2.817029 -0.389905,0.800047 -0.615213,1.693186 -0.615213,2.638941 v 5.396607 c 0,0.327844 0.03373,0.647593 0.08432,0.961946 0.465457,2.885161 2.975554,5.109238 5.986861,5.109238 3.011307,0 5.521404,-2.224077 5.986862,-5.109238 -0.258363,-0.186858 -0.507956,-0.389231 -0.74001,-0.62061 z"
+           id="path11"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="m 34.024935,13.580562 c -0.186183,0.258363 -0.388556,0.507956 -0.62061,0.74001 l -3.816076,3.816076 c -0.668505,0.668505 -1.459782,1.140708 -2.300978,1.430776 -1.28844,0.443871 -2.695606,0.443871 -3.984046,0 -0.578786,-0.199675 -1.131264,-0.488393 -1.638545,-0.86683 -0.04115,0.283996 -0.06948,0.57204 -0.06948,0.86683 0,0.294789 0.02833,0.582833 0.06948,0.86683 0.09107,0.626681 0.277251,1.221657 0.545732,1.772111 0.597,1.22503 1.592,2.220029 2.817029,2.817029 0.800047,0.389905 1.693186,0.615213 2.638941,0.615213 h 5.396608 c 0.327844,0 0.647593,-0.03373 0.961945,-0.08432 2.885161,-0.465457 5.109238,-2.975554 5.109238,-5.986861 0,-3.011307 -2.224077,-5.522079 -5.109238,-5.986862 z"
+           id="path13"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="M 33.404325,5.7338954 C 31.275364,3.6049337 27.927443,3.402561 25.558333,5.1132855 c 0.05059,0.3143524 0.08432,0.6341014 0.08432,0.9619453 v 5.3966072 c 0,0.945756 -0.225309,1.838894 -0.615214,2.638941 -0.596999,1.22503 -1.591999,2.22003 -2.817029,2.817029 -0.550454,0.268481 -1.14543,0.454664 -1.772111,0.545732 0.172017,0.230031 0.355502,0.45399 0.563946,0.662434 0.208444,0.208444 0.432403,0.391928 0.662433,0.563945 0.507281,0.378437 1.059759,0.66783 1.638545,0.86683 1.28844,0.443871 2.695606,0.443871 3.984046,0 0.841196,-0.290067 1.632473,-0.762271 2.300978,-1.430775 l 3.816076,-3.816076 c 0.232054,-0.232054 0.434427,-0.481648 0.62061,-0.74001 1.711399,-2.369111 1.508352,-5.7163564 -0.62061,-7.8459926 z"
+           id="path15"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="m 34.024935,25.554285 c -0.314352,0.05059 -0.634101,0.08432 -0.961945,0.08432 h -5.396608 c -0.945755,0 -1.838894,-0.225308 -2.638941,-0.615213 -1.225029,-0.597 -2.220029,-1.591999 -2.817029,-2.817029 -0.268481,-0.550454 -0.454664,-1.14543 -0.545732,-1.772111 -0.23003,0.172017 -0.453989,0.355501 -0.662433,0.563945 -0.208444,0.208444 -0.391929,0.432404 -0.563946,0.662434 -0.378437,0.507281 -0.66783,1.059759 -0.86683,1.638545 -0.443871,1.28844 -0.443871,2.695605 0,3.984045 0.290068,0.841196 0.762271,1.632474 1.430776,2.300979 l 3.816076,3.816076 c 0.232054,0.232054 0.481647,0.434427 0.74001,0.62061 2.36911,1.710724 5.717031,1.508351 7.845992,-0.62061 2.128962,-2.128962 2.332009,-5.476882 0.62061,-7.845993 z"
+           id="path17"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="M 19.571471,11.851624 C 19.281404,11.010428 18.8092,10.219151 18.140696,9.550646 L 14.32462,5.7338954 C 14.092566,5.5018412 13.842973,5.2994685 13.58461,5.1132855 11.215499,3.402561 7.867579,3.6049337 5.7386174,5.7338954 3.6096558,7.862857 3.407283,11.209428 5.117333,13.578539 c 0.311654,-0.04924 0.6287047,-0.0823 0.9538503,-0.0823 h 5.3966077 c 3.04571,0 5.579417,2.275344 6.002376,5.209075 0.0027,-0.002 0.0054,-0.0034 0.0081,-0.0054 0.230031,-0.172017 0.45399,-0.355501 0.662434,-0.563945 0.208444,-0.208444 0.391928,-0.432403 0.563945,-0.662434 0.378437,-0.507281 0.66783,-1.059759 0.86683,-1.638545 0.443871,-1.28844 0.443871,-2.695605 0,-3.983371 z"
+           id="path19"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+        <path
+           d="m 18.140696,20.998199 c -0.208444,-0.208444 -0.432403,-0.391928 -0.662434,-0.563945 -0.507281,-0.378437 -1.059759,-0.66783 -1.638545,-0.86683 -1.28844,-0.443871 -2.695605,-0.443871 -3.984045,0 -0.841196,0.290067 -1.632474,0.762271 -2.3009786,1.430775 l -3.816076,3.816076 c -0.2320541,0.232054 -0.4344269,0.481648 -0.6206099,0.74001 -1.7107245,2.369111 -1.5083517,5.717031 0.6206099,7.845993 2.1289616,2.128961 5.4768816,2.331334 7.8459926,0.62061 -0.05059,-0.314353 -0.08432,-0.634102 -0.08432,-0.961946 v -5.396607 c 0,-0.945755 0.225308,-1.838894 0.615213,-2.638941 0.597,-1.22503 1.591999,-2.220029 2.817029,-2.817029 0.550454,-0.268481 1.14543,-0.454664 1.772111,-0.545732 -0.172017,-0.23003 -0.355501,-0.45399 -0.563945,-0.662434 z"
+           id="path21"
+           inkscape:connector-curvature="0"
+           style="fill:#000000" />
+      </g>
+      <path
+         d="m 18.383795,24.289386 h 3.427493 c 3.228836,0 5.846325,-2.568194 5.846325,-5.736222 0,-3.168028 -2.617489,-5.736221 -5.846325,-5.736221 h -4.94689 c -1.86279,0 -3.372879,1.48165 -3.372879,3.309358 v 12.880464 z"
+         id="Path-6-Copy-2"
+         inkscape:connector-curvature="0"
+         style="fill:#000000" />
+    </g>
+  </g>
+  <path
+     style="opacity:0.980099;fill:#000000;stroke:#000000;stroke-width:0.262077;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+     d="m 13.418826,22.099004 c 3.59e-4,-5.617099 0.05993,-6.562782 0.463249,-7.354134 0.748584,-1.468807 1.798469,-1.815648 5.492387,-1.814436 3.869566,0.0013 4.884079,0.255367 6.36631,1.594656 2.957053,2.671708 2.340916,7.131726 -1.225899,8.873929 -1.210687,0.591368 -1.740507,0.686815 -3.813704,0.686815 h -2.407686 l -1.180146,1.189131 c -0.64908,0.653989 -1.745971,1.657277 -2.437534,2.229656 l -1.257388,1.040389 z"
+     id="path930" />
+  <path
+     style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:0.275455;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+     d="M 26.731192,34.288176 C 25.300436,33.639001 21.147636,29.683737 20.19072,28.058814 19.820684,27.43046 19.44302,26.283881 19.351467,25.510859 l -0.16646,-1.405493 h 2.089701 c 1.700007,0 2.331226,0.128419 3.384849,0.688636 1.208758,0.642704 1.55972,0.688637 5.261678,0.688637 h 3.966532 l 0.531392,1.170681 c 1.305332,2.875708 0.04951,6.174872 -2.867454,7.533087 -1.713294,0.797753 -3.216639,0.829491 -4.820513,0.101769 z"
+     id="path1575" />
+  <path
+     style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:0.275455;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+     d="m 25.046288,24.622938 c -1.145577,-0.528773 -1.197782,-0.59618 -0.688636,-0.889177 1.095355,-0.630343 2.842364,-2.630459 3.025372,-3.463689 0.102923,-0.468608 0.455956,-0.988533 0.784517,-1.155389 0.32856,-0.166856 1.793732,-1.483849 3.255937,-2.926651 2.973474,-2.934018 3.061645,-2.959601 5.103191,-1.480713 1.424776,1.032102 2.292344,2.790681 2.292344,4.646629 0,1.752361 -0.273193,2.487766 -1.401604,3.772955 -1.612047,1.836021 -2.445869,2.08108 -7.057648,2.074232 -3.534809,-0.0053 -4.237962,-0.08176 -5.313473,-0.578197 z"
+     id="path1577" />
+  <path
+     style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:0.275455;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+     d="m 27.525379,18.210717 c 0,-1.254292 -0.341164,-2.103827 -1.298583,-3.233613 l -0.784578,-0.925828 0.146353,-4.5449989 0.146353,-4.5449994 0.964091,-0.4816173 c 2.07215,-1.035155 5.192737,-0.3513443 6.732909,1.475375 1.706683,2.0242092 1.983717,4.1867666 0.832335,6.4972906 -0.681138,1.366865 -4.843425,5.699825 -6.14388,6.395807 -0.556564,0.297864 -0.595,0.256688 -0.595,-0.637416 z"
+     id="path1579" />
+  <path
+     style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:0.275455;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+     d="m 23.669015,13.207596 c -0.530249,-0.200624 -1.589143,-0.371767 -2.353096,-0.380318 l -1.389005,-0.01555 -0.334672,-1.2513 C 19.321626,10.548628 18.730947,9.7709861 16.50612,7.4974775 14.992822,5.9510676 13.754216,4.5551479 13.753661,4.3954338 13.753107,4.2357195 14.114898,3.533843 14.557642,2.835708 c 2.319175,-3.65695844 7.500395,-3.73730643 9.875041,-0.1531376 0.717738,1.0833157 0.755357,1.3127559 0.841348,5.1313415 0.0883,3.9210971 -0.06103,5.8566351 -0.446816,5.7913181 -0.10676,-0.01808 -0.62795,-0.197011 -1.1582,-0.397634 z"
+     id="path1581" />
+  <path
+     style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:0.275455;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+     d="M 13.614926,13.568169 C 13.280765,13.368836 11.472607,13.197932 9.0191355,13.133782 L 4.9742539,13.028022 4.5429997,11.950212 C 2.6522073,7.2246563 7.56278,2.4393297 12.28017,4.4103811 c 1.20495,0.5034601 5.383119,4.4970604 6.468523,6.1827789 1.225303,1.902992 1.117241,2.121026 -1.130941,2.281883 -1.097496,0.07853 -2.213927,0.330286 -2.607127,0.587921 -0.805688,0.527907 -0.70039,0.51997 -1.395699,0.105205 z"
+     id="path1583" />
+  <path
+     style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:0.275455;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+     d="M 8.0339089,34.480396 C 4.8038188,33.308939 3.1605443,29.393031 4.6626545,26.446729 c 0.3029999,-0.594316 0.550909,-1.096723 0.550909,-1.116459 0,-0.01974 -0.4816132,-0.180179 -1.0702515,-0.356539 -0.5886383,-0.17636 -1.5734705,-0.809013 -2.1885164,-1.405895 -2.95158443,-2.864415 -2.22677622,-7.531733 1.4683136,-9.455035 1.3803075,-0.718453 6.8062148,-1.009873 9.1280888,-0.490261 1.593889,0.356697 1.602911,0.368222 1.219877,1.558314 -0.141369,0.439232 -0.324078,4.827126 -0.40602,9.750876 l -0.148987,8.952271 -1.040116,0.474822 c -1.193598,0.544887 -2.841466,0.593254 -4.1420431,0.121573 z"
+     id="path1585" />
+  <path
+     style="opacity:0.980099;fill:#ffffff;stroke:#000000;stroke-width:0.275455;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
+     d="M 17.186478,38.318809 C 16.057244,37.826858 14.590782,36.3181 14.088881,35.131871 13.862592,34.597042 13.615143,33.006017 13.538993,31.596257 l -0.138455,-2.563197 2.557927,-2.394984 c 1.40686,-1.31724 2.663653,-2.436301 2.792875,-2.486801 0.129222,-0.0505 0.234949,0.270675 0.234949,0.713722 0,2.140915 0.712222,3.385976 3.587006,6.270578 2.456312,2.4647 2.761522,2.87588 2.603133,3.506952 -0.257389,1.025519 -1.939193,2.888139 -3.178762,3.52052 -1.237375,0.631261 -3.548007,0.706068 -4.811188,0.155762 z"
+     id="path1587" />
+</svg>

templates/assets/img/sample-fertilizer.svg

@@ -0,0 +1,695 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400"
+   height="400"
+   viewBox="0 0 105.83333 105.83334"
+   version="1.1"
+   id="svg1209"
+   inkscape:version="1.0.1 (0767f8302a, 2020-10-17)"
+   sodipodi:docname="sample-ferilizer.svg">
+  <defs
+     id="defs1203">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1865">
+      <path
+         style="fill:#00ff00;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m -58.054936,336.80315 11.022836,4.20079 22.298207,-1.02798 11.949891,-4.22535 0.228831,-28.83585 3.8587023,-13.37926 2.1794571,-32.66521 2.0606792,-19.30146 4.05001815,-4.30949 -8.88187045,-6.57191 -53.2335213,0.18538 -13.044019,6.41742 -3.467857,3.84577 6.658224,3.03725 2.086758,20.36789 9.31409,65.41282 z"
+         id="path1867" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1937">
+      <path
+         style="fill:#00ffff;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m -175.05217,535.47933 73.41163,-33.91508 28.802439,-35.4888 17.475779,-40.81508 6.292332,-44.47923 -1.671103,-31.9001 -147.433397,-293.372605 -7.66182,-210.099965 -18.50506,-395.57509 2.12614,-48.07318 12.43556,-13.70801 -113.38784,-1.52114 7.31642,8.89487 10.58712,370.47837 11.65055,278.582392 -13.36751,39.32623 -128.98507,277.653828 -0.68421,40.01518 15.81571,53.3376 38.96204,49.37918 42.83958,25.47864 62.51099,13.75471 87.00969,-0.11528 z"
+         id="path1939" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2043">
+      <path
+         style="fill:#ffff00;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 112.16649,167.58891 19.40571,-5.42581 3.8172,-38.08125 -1.21617,-16.77896 -18.29729,-81.583479 3.05393,-3.60128 -3.02006,-7.861656 1.24025,-2.963518 -21.590241,-1.157294 -2.101305,2.710065 3.168928,2.743431 -2.098355,6.959667 0.535271,3.069093 0.905301,1.576676 -16.825399,70.632854 -2.626249,30.258161 0.193246,12.57596 1.723504,6.70677 0.717333,8.06947 -0.112146,4.88403 2.187482,2.84606 10.755916,3.30918 z"
+         id="path2045"
+         sodipodi:nodetypes="ccccccccccccccccccccccc" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49245777"
+     inkscape:cx="215.59761"
+     inkscape:cy="310.47106"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1368"
+     inkscape:window-height="836"
+     inkscape:window-x="72"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata1206">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <image
+       width="291.04166"
+       height="194.20416"
+       preserveAspectRatio="none"
+       xlink:href="data:image/jpeg;base64,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
+tFloteiiudcq52Wf/9k=
+"
+       id="image2037"
+       x="-88.477295"
+       y="-14.956613"
+       clip-path="url(#clipPath2043)"
+       transform="matrix(0.61776691,0,0,0.61776691,-14.3032,-1.664488)" />
+  </g>
+</svg>

templates/assets/js/main.js

@@ -74,35 +74,4 @@ function display() {
                                 else {
                                     x.style.display ="none";
                                 }
-                            }
-
-//print pdf file
-
-// const pdfBtn = document.getElementById('print');
-
-// console.log(pdfBtn);
-
-// const printPage = () => {
-//     window.print();
-// }
-
-// pdfBtn.addEventListener("click", (event) => {
-// printPage(event, 'printed');
-    
-// });
-
-// let screen = () => {
-//     console.log(window.innerHeight);
-//     console.log(window.innerWidth);
-// };
-
-// screen();
-
-window.addEventListener('load', () => {
-    document.getElementById('print').addEventListener('click', () => {
-        let page = this.document.querySelector('.wrapper');
-        console.log(page);
-        console.log(window);
-    
-    })
-}, false);
+                            }

templates/automation.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<head>
+			<meta charset="UTF-8" />
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+			<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+			<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/automation.css">
+		<link rel="icon" href="global_img/Logo.svg">
+		<title>Cannabinieri - Automation</title>
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		
+		
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+		</script>
+	
+		<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+		</script>
+		<script>
+				$(document).ready(function(){
+
+				$('#footer').load("global/footer.html");
+
+				});
+		</script>
+		<script>
+				$(document).ready(function(){
+
+				$('#content').load("global/content/automation-content.html");
+
+				});
+			</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+		<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+		<div id="content"></div>
+		<div id="footer"></div>
+		</div>
+	</body>
+</html>

templates/blog.html

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/blog.css">
+		<link rel="icon" href="global/img/Logo.svg">
+		<title>Cannabinieri - Blog</title>
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+		$(document).ready(function(){
+   
+   		$('#top-nav').load("global/top-nav.html");
+
+		});
+		</script>
+
+		<script>
+		$(document).ready(function(){
+
+	   	$('#main-nav').load("global/main-nav.html");
+
+		});
+		</script>
+
+		<script>
+		$(document).ready(function(){
+
+	   	$('#content').load("global/content/blog-content.html");
+
+		});
+		</script>
+		
+			<script>
+			$(document).ready(function(){
+	
+			   $('#content').load("global/content/blog-content.html");
+	
+			});
+			</script>
+		<script>
+		$(document).ready(function(){
+
+	   	$('#footer').load("global/footer.html");
+
+		});
+		</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+		<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+        <div id="content"></div>
+		<div id="footer"></div>
+		</div>
+	</body>
+</html>

templates/code.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/code.css">
+		<link rel="icon" href="global_img/Logo.svg">
+		<title>Cannabinieri - Code</title>
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+
+<script>
+	$(document).ready(function(){
+
+	   $('#content').load("global/content/code-content.html");
+
+	});
+</script>
+<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+		<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+        <div id ="content"></div>
+		<div id="footer"></div>
+	</div>
+	</body>
+</html>

templates/diy.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/diy.css">
+		<link rel="icon" href="global_img/Logo.svg">
+		<title>Cannabinieri - DiY</title>
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+
+<script>
+	$(document).ready(function(){
+
+	   $('#content').load("global/content/diy-content.html");
+
+	});
+</script>
+<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+		<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+        <div id ="content"></div>
+		<div id="footer"></div>
+		</div>
+	</body>
+</html>

templates/edibles.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/edibles.css">
+		<link rel="icon" href="global/img/Logo.svg">
+		<title>Cannabinieri - Edibles</title>
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+	<script>
+		$(document).ready(function(){
+	
+		   $('#content').load("global/content/edibles-content.html");
+	
+		});
+	</script>
+	<script>
+		$(document).ready(function(){
+
+		$('#footer').load("global/footer.html");
+
+		});
+	</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+		<div id="content"></div>
+		<div id="footer"></div>
+	</div>
+	</body>
+</html>

templates/flower.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - Flower</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/flower.css">
+		<link rel="icon" href="global_img/Logo.svg">
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+
+	<script>
+	$(document).ready(function(){
+
+	   $('#content').load("global/content/flower-content.html");
+
+	});
+	</script>
+	<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+	</script>
+<script src="global_js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+		<div id="content"></div>
+		<div id="footer"></div>
+	</div>
+	<script src="https://kit.fontawesome.com/a076d05399.js"></script>
+	</body>
+</html>

templates/greenlab.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - GreenLab</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/greenlab.css">
+		<link rel="icon" href="global_img/Logo.svg">
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+		<script>
+			$(document).ready(function(){
+		
+			   $('#content').load("global/content/greenlab-content.html");
+		
+			});
+		</script>
+		<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+		<div id="content"></div>
+		<div id="footer"></div>
+	</div>
+	</body>
+</html>

templates/greentech.html

@@ -5,16 +5,17 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
-		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
-		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
-		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/nav.css">
+		<link rel="stylesheet" type="text/css" href="css/footer.css">
+		<link rel="stylesheet" type="text/css" href="css/global.css">
 		<link rel="stylesheet" type="text/css" href="css/greentech.css">
-		<link rel="icon" href="global_img/Logo.svg">
-		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<link rel="icon" type="image/webp" href="img/Logo.svg">
+		<script type="text/javascript" src="jquery/jquery-3.5.1.min.js"></script>
 		<script>
 			$(document).ready(function(){
+				//check MIME type before loading
 	   
-			   $('#top-nav').load("global/top-nav.html");
+			   $('#top-nav').load("components/top-nav.html");
 	
 			});
 			</script>
@@ -22,24 +23,24 @@
 			<script>
 			$(document).ready(function(){
 	
-			   $('#main-nav').load("global/main-nav.html");
+			   $('#main-nav').load("components/main-nav.html");
 	
 			});
 			</script>
 		<script>
 		$(document).ready(function(){
    
-   		$('#content').load("global/content/greentech-content.html");
+   		$('#content').load("components/greentech-content.html");
 		});
 </script>
 <script>
 	$(document).ready(function(){
 
-	   $('#footer').load("global/footer.html");
+	   $('#footer').load("components/footer.html");
 
 	});
 </script>
-<script src="global/js/main.js"></script>
+<script type="text/javascript" src="js/main.js"></script>
 
 		</head>
 	<body>

templates/index.html

@@ -6,12 +6,13 @@
   <meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
   <link rel="stylesheet" type="text/css" href="css/index.css">
   <link rel="stylesheet" type="text/css" href="css/nav.css">
-  <link rel="icon" type="img/svg+xml" href="img/Logo.svg">
+  <link rel="icon" type="image/webp" href="img/Logo.svg">
   <title>
     Cannabinieri CBD
 </title>
-<script defer src="fontawesome/all.css"></script>
-<script src="jquery/jquery-3.5.1.min.js"></script>
+<!--Figure out how to load fontawesome icons-->
+<script type="text/javascript" defer src="fontawesome/all.js"></script>
+<script type="text/javascript" src="jquery/jquery-3.5.1.min.js"></script>
 </head>
 <body>
     <div class="wrapper">
@@ -30,48 +31,48 @@
                 <nav class="main-navigation-bar">
                         <ul>
                         <!--GET method-->
-                        <li><a href="/experiments">EXPERIMENTS</a>
+                        <li><a type="text/html" href="/experiments">EXPERIMENTS</a>
                                 <ul class="sub">
-                                        <li><a href="oils.html">Oils</a></li>
-                                        <li><a href="flower.html">Flower</a></li>
-                                        <li class="lastItem"><a href="edibles.html">Edibles</a></li>
+                                        <li><a type="text/html" href="/experiments/oil">Oils</a></li>
+                                        <li><a type="text/html" href="/experiments/flower">Flower</a></li>
+                                        <li class="lastItem"><a type="text/html" href="experiments/candy">Edibles</a></li>
                                 </ul> 
                 </ul>
 
                 <ul>
-                        <li><a href="/permaculture">PERMACULTURE</a>
+                        <li><a type="text/html" href="/permaculture">PERMACULTURE</a>
                                 <ul>
-                                        <li><a href="permapp.html">PermApp</a></li>
-                                        <li><a href="greenlab.html">GreenLab</a></li>
-                                        <li class="lastItem"><a id="edit" href="whatsthat.html">What's that ?</a></li>
+                                        <li><a type="text/html" href="permaculture/permApp">PermApp</a></li>
+                                        <li><a type="text/html" href="permaculture/greenlab">GreenLab</a></li>
+                                        <li class="lastItem"><a type="text/html" id="edit" href="permaculture/about">What's that ?</a></li>
                                 </ul>
                 </ul>
 
                 <ul>
-                        <li><a href="/greentech">GREENTECH</a>
+                        <li><a type="text/html" href="/greentech">GREENTECH</a>
                                 <ul>
-                                        <li><a href="automation.html">Automation</a></li>
-                                        <li><a href="iot.html">IoT</a></li>
-                                        <li class="lastItem"><a href="diy.html">DiY</a></li>
+                                        <li><a type="text/html" href="/greentech/automation">Automation</a></li>
+                                        <li><a type="text/html" href="/greentech/IoT">IoT</a></li>
+                                        <li class="lastItem"><a type="text/html" href="/greentech/DiY">DiY</a></li>
                                 </ul>
                 </ul>
 
                 <ul>
-                        <li><a href="spider.html">SPIDER</a>
+                        <li><a type="text/html" href="/spider">SPIDER</a>
                                 <ul>
-                                        <li><a href="spiderpi.html">SpiderPi</a></li>
-                                        <li class="lastItem"><a href="join.html">Join</a></li>
+                                        <li><a type="text/html" href="/spider/spiderPi">SpiderPi</a></li>
+                                        <li class="lastItem"><a type="text/html" href="/spider/join">Join</a></li>
                                 </ul>
                 </ul>
 
                 <ul>
-                        <li><a href="learn.html">LEARN</a>
+                        <li><a type="text/html" href="/learn">LEARN</a>
                                 <ul id="learn">
-                                        <li><a href="whoweare.html">About Us</a></li>
-                                        <li><a href="partners.html">Partners</a></li>
-                                        <li><a href="meet.html">Meet</a></li>
-                                        <li><a href="blog.html">Blog</a></li>
-                                        <li class="lastItem"><a href="code.html">Code</a></li>
+                                        <li><a type="text/html" href="/learn/about">About Us</a></li>
+                                        <li><a type="text/html" href="/learn/partners">Partners</a></li>
+                                        <li><a type="text/html" href="/learn/meet">Meet</a></li>
+                                        <li><a type="text/html" href="/learn/blog">Blog</a></li>
+                                        <li class="lastItem"><a type="text/html" href="/learn/code">Code</a></li>
 
                                 </ul>
                 </ul>
@@ -90,58 +91,58 @@
                                                         <i class="arrow down"></i>
                                                 </span>
                                                 <ul id="down">
-                                                        <li><a href="oils.html">Oils</a></li>
-                                                        <li><a href="flower.html">Flower</a></li>
-                                                        <li><a href="edibles.html">Edibles</a></li>
+                                                        <li><a type="text/html" href="experiments/oil">Oils</a></li>
+                                                        <li><a type="text/html" href="experiments/flower">Flower</a></li>
+                                                        <li><a type="text/html" href="experiments/candy">Edibles</a></li>
                                                 </ul>
                                 </ul>
                 
                                 <ul>
-                                        <li onclick="menu3()"><a href="/permaculture">PERMACULTURE</a>
+                                        <li onclick="menu3()"><a type="text/html" href="/permaculture">PERMACULTURE</a>
                                                 <span class="drop">
                                                         <i class="arrow down"></i>
                                                 </span>
                                                 <ul id="down1">
-                                                        <li><a href="permapp.html">PermApp</a></li>
-                                                        <li><a href="greenlab.html">GreenLab</a></li>
-                                                        <li><a href="whatsthat.html">What's that ?</a></li>
+                                                        <li><a type="text/html" href="permaculture/permApp">PermApp</a></li>
+                                                        <li><a type="text/html" href="permaculture/greenlab">GreenLab</a></li>
+                                                        <li><a type="text/html" href="permaculture/about">What's that ?</a></li>
                                                 </ul>
                                 </ul>
                 
                                 <ul>
-                                        <li onclick="menu4()"><a href="/greentech">GREENTECH</a>
+                                        <li onclick="menu4()"><a type="text/html" href="/greentech">GREENTECH</a>
                                                 <span class="drop">
                                                         <i class="arrow down"></i>
                                                 </span>
                                                 <ul id="down2">
-                                                        <li><a href="automation.html">Automation</a></li>
-                                                        <li><a href="iot.html">IoT</a></li>
-                                                        <li><a href="diy.html">DiY</a></li>
+                                                        <li><a type="text/html" href="/greentech/automation">Automation</a></li>
+                                                        <li><a type="text/html" href="/greentech/IoT">IoT</a></li>
+                                                        <li><a type="text/html" href="/greentech/DiY">DiY</a></li>
                                                 </ul>
                                 </ul>
                 
                                 <ul>
-                                        <li onclick="menu5()"><a href="spider.html">SPIDER</a>
+                                        <li onclick="menu5()"><a type="text/html" href="/spider">SPIDER</a>
                                                 <span class="drop">
                                                         <i class="arrow down"></i>
                                                 </span>
                                                 <ul id="down3">
-                                                        <li><a href="spiderpi.html">SpiderPi</a></li>
-                                                        <li><a href="join.html">Join</a></li>
+                                                        <li><a type="text/html" href="/spider/spiderPi">SpiderPi</a></li>
+                                                        <li><a type="text/html" href="/spider/join">Join</a></li>
                                                 </ul>
                                 </ul>
                 
                                 <ul>
-                                        <li onclick="menu6()"><a href="learn.html">LEARN</a>
+                                        <li onclick="menu6()"><a type="text/html" href="/learn">LEARN</a>
                                                 <span class="drop">
                                                         <i class="arrow down"></i>
                                                 </span>
                                                 <ul id="down4">
-                                                        <li><a href="whoweare.html">About Us</a></li>
-                                                        <li><a href="partners.html">Partners</a></li>
-                                                        <li><a href="meet.html">Meet</a></li>
-                                                        <li><a href="blog.html">Blog</a></li>
-                                                        <li><a href="code.html">Code</a></li>
+                                                        <li><a type="text/html" href="/learn/about">About Us</a></li>
+                                                        <li><a type="text/html" href="/learn/partners">Partners</a></li>
+                                                        <li><a type="text/html" href="/learn/contact">Meet</a></li>
+                                                        <li><a type="text/html" href="/learn/blog">Blog</a></li>
+                                                        <li><a type="text/html" href="/learn/code">Code</a></li>
                 
                                                 </ul>
                                 </ul>
@@ -157,7 +158,7 @@
                         </div>
                         <div id="product">
                                 <a>
-                                <img src="assets/img/sample-sauvage.svg"/>
+                                <img type="image/webp" src="img/sample-sauvage.svg"/>
                                 </a>
                         </div>
                        <div id="slogan">
@@ -167,7 +168,7 @@
                                 </a>
                        </div>
                        <div id="image">
-                                <img id="leaves" src="assets/img/bliss.jpg">
+                                <img id="leaves" type="image/webp" src="img/bliss.JPG">
                         </div>
                         <div id="about">
                                 <a href="#experiments">Explore
@@ -181,10 +182,10 @@
                         <div class="image-slider">
                                 <div class="slider-items">
                                         <div class="item active">
-                                                <img src="assets/img/sample-sauvage.svg" />
+                                                <img type="image/webp" src="img/sample-sauvage.svg" />
                                         </div>
                                         <div class="item">
-                                                <img id = "sample" src="assets/img/sample-flower.svg"/>
+                                                <img id ="sample" type="image/webp" src="img/sample-flower.svg"/>
                                         </div>
                                         <div class="left-slide">
                                                 <i class='fas fa-angle-left' id="dark"></i>
@@ -209,10 +210,10 @@
                         <div class="spider-slider">
                                 <div class="spider-items">
                                         <div class="item active">
-                                                <img id="pic1" src="assets/img/sample-spiderpi.svg" />
+                                                <img id="pic1" type="image/webp" src="img/sample-spiderpi.svg" />
                                         </div>
                                         <div class="item">
-                                                <img src="assets/img/sample-spiderpi-2.svg" alt="">
+                                                <img type="image/webp" src="img/sample-spiderpi-2.svg" alt="">
                                         </div>
                                         <div id="spider-left">
                                                 <i class='fas fa-angle-left'></i>
@@ -231,7 +232,7 @@
                         #a dummy text
                        </p>
                        <div class="page-button">
-                        <a href="spider.html">Learn</a>
+                        <a href="/spider">Learn</a>
                         </div>
                 </div>
                 </div>
@@ -240,7 +241,7 @@
                         <div class="image-slider">
                                 <div class="slider-items">
                                         <div class="item active">
-                                                <img src="assets/img/sample-perma.svg"/>
+                                                <img type="image/webp" src="img/sample-perma.svg"/>
                                         </div>
                                         <div class="item">
                                         </div>
@@ -258,7 +259,7 @@
                         
                        </p>
                        <div class="page-button">
-                        <a href="permaculture.html">Learn</a>
+                        <a href="/permaculture">Learn</a>
                         </div>
                 </div>
                 </div>
@@ -267,7 +268,7 @@
                         <div class="image-slider">
                                 <div class="slider-items">
                                         <div class="item active">
-                                                <img src="assets/img/sample-greentech.svg"/>
+                                                <img type="image/webp" src="img/sample-greentech.svg"/>
                                         </div>
                                         <div class="item">
                                         </div>
@@ -288,7 +289,7 @@
                         Explore our projects and get inspired.<br>
                        </p>
                        <div class="page-button">
-                        <a href="greentech.html">Explore</a>
+                        <a href="/greentech">Explore</a>
                         </div>
                 </div>
                 </div>
@@ -297,7 +298,7 @@
                         <div class="image-slider">
                                 <div class="slider-items">
                                         <div class="item active">
-                                                <img src="assets/img/sample-us5.jpg" />
+                                                <img type="image/webp" src="img/sample-faces.jpg" />
                                         </div>
                                 </div>
                         </div>
@@ -308,7 +309,7 @@
                                #dummy text
                         </p>
                         <div class="page-button">
-				<a href="learn.html">Learn</a>
+				<a href="/learn">Learn</a>
                         </div>  
                 </div>
                 </div>
@@ -318,18 +319,18 @@
                         <div class="news">
 				<div class="social">
 					<h5>Keep in touch !</h5>
-					<img id="post_1" src="assets/img/sample-post-insta.jpg"/>
-					<img class="desktop" id="post_2" src="assets/img/sample-post-insta.jpg"/>
-					<img class="desktop" id="post_3" src="assets/img/sample-post-insta.jpg"/>
+					<img id="post_1" type="image/webp" src="img/sample-post.jpg"/>
+					<img class="desktop" id="post_2" type="image/webp" src="img/sample-post.jpg"/>
+					<img class="desktop" id="post_3" type="image/webp" src="img/sample-post.jpg"/>
 				  <div class="instagram">
                                         <a href="#">
-                                        <button id="insta"><img id="gram" src="assets/img/pixelfed.svg"></button>
+                                        <button id="insta"><img id="gram" type="image/webp" src="img/pixelfed.svg"></button>
 					  <h5 id="account">@Cannabinieri_Official</h5>
                                         </a>
 				  </div>
 				  <div class="youtube">
                                         <a href="#">
-					  <button id="you"><img id="tube" src="assets/img/peertube.svg"></button>
+					  <button id="you"><img id="tube" type="image/webp" src="img/peertube.svg"></button>
 					  <h5 id="account">@Cannabinieri_Official</h5>
                                         </a>
 				  </div>
@@ -344,8 +345,7 @@
         <footer class="footer">
             <div id="footer-wrapper">
                 <div id="column1">
-                        <a href="responsive.html">
-                        <img id="footer-logo" src="assets/img/Logo.svg">
+                        <img id="footer-logo" type="image/webp" src="img/Logo.svg">
                         </a>
                 </div>
                 <div id="column2">
@@ -357,7 +357,7 @@
                                 <ul id="information">
                         		<li>
                                                 <p>
-                                                        <a href="meet.html">Contact Us</a>
+                                                        <a type="text/html" href="/learn/contact">Contact Us</a>
                                                 </p>
                                         </li>
                                         <li>
@@ -418,17 +418,17 @@
                                 <ul>
                                     <li class="youtube">
                                             <a href="#">
-                                                    <img id="youtube" src="assets/img/peertube_white.svg">
+                                                    <img id="youtube" type="image/webp" src="img/peertube_white.svg">
                                             </a>
                                     </li>
                                     <li>
                                             <a href="#">
-                                                    <img id="instagram" src="assets/img/pixelfed_white.svg">
+                                                    <img id="instagram" type="image/webp" src="img/pixelfed_white.svg">
                                             </a>
                                     </li>
                                     <li>
                                         <a href="#">
-                                                <img id="gitea" src="assets/img/gitea.svg">
+                                                <img id="gitea" type="image/webp" src="img/gitea.svg">
                                         </a>
                                 </li>
                             </ul>
@@ -437,6 +437,7 @@
                 <div id="row2">
                     <p id ="print">©2020 Cannabinieri</p>
                 </div>
+                <!--Replace with Dynamic Language Handling-->
                 <div id="row3">
                         <div class="languages">
                                 <a  href="static/languages/deutsch.html">Deutsch |</a>

templates/iot.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - IoT</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/iot.css">
+		<link rel="icon" href="global/img/Logo.svg">
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+    <script>
+		$(document).ready(function(){
+	
+		   $('#content').load("global/content/iot-content.html");
+	
+		});
+	</script>
+    <script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+        <div id ="content"></div>
+		<div id="footer"></div>
+	</div>
+	</body>
+</html>

templates/join.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - Join</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/join.css">
+		<link rel="icon" href="global_img/Logo.svg">
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+		<script>
+			$(document).ready(function(){
+		
+			   $('#content').load("global/content/join-content.html");
+		
+			});
+		</script>
+		<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+        <div id="content"></div>
+		<div id="footer"></div>
+	</div>
+	</body>
+</html>

templates/learn.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - Learn</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="css/nav.css">
+		<link rel="stylesheet" type="text/css" href="css/footer.css">
+		<link rel="stylesheet" type="text/css" href="css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/learn.css">
+		<link rel="icon" type="image/webp" href="img/Logo.svg">
+		<script type="text/javascript" src="jquery/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+				// Add dunction to check MIME type before load
+	   
+			   $('#top-nav').load("components/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("components/main-nav.html");
+	
+			});
+			</script>
+	<script>
+		$(document).ready(function(){
+	
+		   $('#content').load("components/learn-content.html");
+	
+		});
+	</script>
+	<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("components/footer.html");
+
+	});
+</script>
+<script type="text/javascript" src="js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+        <div id="content"></div>
+		<div id="footer"></div>
+		</div>
+	</body>
+</html>

templates/meet.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - Meet</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/meet.css">
+		<link rel="icon" href="global_img/Logo.svg">
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+	<script>
+		$(document).ready(function(){
+	
+		   $('#content').load("global/content/meet-content.html");
+	
+		});
+	</script>
+	<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+		<div id="content"></div>
+		<div id="footer"></div>
+	</div>
+	<script defer src="js/contact.js"></script>
+	</body>
+</html>

templates/oils.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - CBD Oils</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/oils.css">
+		<link rel="icon" href="global/img/Logo.svg">
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+	<script>
+		$(document).ready(function(){
+	
+		   $('#content').load("global/content/oils-content.html");
+	
+		});
+	</script>
+	<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+	</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+		<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+		<div id="content"></div>
+		<div id="footer"></div>
+	</div>
+	</body>
+</html>

templates/partners.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - Partners</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/partners.css">
+		<link rel="icon" href="global_img/Logo.svg">
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+
+	<script>
+		$(document).ready(function(){
+
+		$('#content').load("global/content/partners-content.html");
+
+		});
+	</script>
+<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+       	<div id="content"></div>
+		<div id="footer"></div>
+		</div>
+	</body>
+</html>

templates/permaculture.html

@@ -5,43 +5,44 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
-		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
-		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
-		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/nav.css">
+		<link rel="stylesheet" type="text/css" href="css/footer.css">
+		<link rel="stylesheet" type="text/css" href="css/global.css">
 		<link rel="stylesheet" type="text/css" href="css/permaculture.css">
-		<link rel="icon" href="global_img/Logo.svg">
-		<script src="../../static/js/jquery-3.5.1.min.js"></script>
-		<script src="../../static/js/pages.js"></script>
+		<link rel="icon" type="image/webp" href="img/Logo.svg">
+		<script type="text/javascript" src="jquery/jquery-3.5.1.min.js"></script>
+		<script type="text/javascript" src="js/pages.js"></script>
 		<script>
 			$(document).ready(function(){
-	   
-			   $('#top-nav').load("global/top-nav.html");
+
+			   $('#top-nav').load("components/top-nav.html");
 	
 			});
 			</script>
 	
 			<script>
+				// Add MIME type check
 			$(document).ready(function(){
 	
-			   $('#main-nav').load("global/main-nav.html");
+			   $('#main-nav').load("components/main-nav.html");
 	
 			});
 			</script>
 	<script>
 		$(document).ready(function(){
 		
-			$('#content').load("global/content/permaculture-content.html");
+			$('#content').load("components/permaculture-content.html");
 		
 			});
 	</script>
 <script>
 	$(document).ready(function(){
 
-	   $('#footer').load("global/footer.html");
+	   $('#footer').load("components/footer.html");
 
 	});
 </script>
-<script src="../../static/js/main.js"></script>
+<script type="text/javascript" src="js/main.js"></script>
 
 		</head>
 	<body>

templates/permapp.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/permapp.css">
+		<link rel="icon" href="global_img/Logo.svg">
+		<title>Cannabinieri -PerMapp</title>
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+	</script>
+	<script>
+		$(document).ready(function(){
+	
+		   $('#content').load("global/content/permapp-content.html");
+	
+		});
+	</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+		<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+        <div id ="content"></div>
+		<div id="footer"></div>
+		</div>
+	</body>
+</html>

templates/test.html → templates/policies.html

@@ -4,11 +4,10 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" type="text/css" href="css/test.css">
-    <title>Test</title>
+    <title>Cannabinieri-Policies</title>
 </head>
 <body>
-    <h1>I can display plain html</h1>
-    <script src="js/test.js"></script>
+    <h1>Policies</h1>
+    <p>Add info about all legal information that can be found.</p>
 </body>
 </html>

templates/privacy-policy.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" type= "text/css" href="../../css/footer-pages/privacy.css">
+    <title>Privacy Policy</title>
+</head>
+<body>
+    <h1>Privacy Policy</h1>
+    <p>Add info how data is handled and licence of code</p>
+</body>
+</html>

templates/spider.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - Spider</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="css/nav.css">
+		<link rel="stylesheet" type="text/css" href="css/footer.css">
+		<link rel="stylesheet" type="text/css" href="css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/spider.css">
+		<link rel="icon" type="image/webp" href="img/Logo.svg">
+		<script type="text/javascript" src="jquery/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+				// Add MIME-Type check
+	   
+			   $('#top-nav').load("components/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("components/main-nav.html");
+	
+			});
+			</script>
+		<script>
+			$(document).ready(function(){
+		
+			   $('#content').load("components/spider-content.html");
+		
+			});
+		</script>
+<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("components/footer.html");
+
+	});
+</script>
+<script type="text/javascript" src="js/main.js"></script>
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+        <div id="content"></div>
+		<div id="footer"></div>
+	</div>
+	</body>
+</html>

templates/spiderpi.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - SpiderPi</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/spiderpi.css">
+		<link rel="icon" href="global/img/Logo.svg">
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+	<script>
+		$(document).ready(function(){
+	
+		   $('#content').load("global/content/spiderpi-content.html");
+	
+		});
+	</script>
+<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+        <div id="content"></div>
+		<div id="footer"></div>
+		</div>
+	</body>
+</html>

templates/whatsthat.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - About PermaCulture</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/whatsthat.css">
+		<link rel="icon" href="global/img/Logo.svg">
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+	<script>
+		$(document).ready(function(){
+	
+		   $('#content').load("global/content/whatsthat-content.html");
+	
+		});
+	</script>
+<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+		<div id="content"></div>
+		<div id="footer"></div>
+	</div>
+	</body>
+</html>

templates/whoweare.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Cannabinieri - About Us</title>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
+		<link rel="stylesheet" type="text/css" href="global/css/nav.css">
+		<link rel="stylesheet" type="text/css" href="global/css/footer.css">
+		<link rel="stylesheet" type="text/css" href="global/css/global.css">
+		<link rel="stylesheet" type="text/css" href="css/whoweare.css">
+		<link rel="icon" href="global/img/Logo.svg">
+		<script src="../../static/js/jquery-3.5.1.min.js"></script>
+		<script>
+			$(document).ready(function(){
+	   
+			   $('#top-nav').load("global/top-nav.html");
+	
+			});
+			</script>
+	
+			<script>
+			$(document).ready(function(){
+	
+			   $('#main-nav').load("global/main-nav.html");
+	
+			});
+			</script>
+
+	<script>
+		$(document).ready(function(){
+
+		$('#content').load("global/content/whoweare-content.html");
+
+		});
+	</script>
+<script>
+	$(document).ready(function(){
+
+	   $('#footer').load("global/footer.html");
+
+	});
+</script>
+<script src="global/js/main.js"></script>
+
+		</head>
+	<body>
+	<div class="global-wrapper">
+		<div id="top-nav"></div>
+		<div id="main-nav"></div>
+        <div id="content"></div>
+		<div id="footer"></div>
+	</div>
+	</body>
+</html>