starting on get-involved

content/pages/get-involved.rst

@@ -1 +1,2 @@
-:title: Get Involved
+:title: Get Involved
+:template: getInvolved

ge-theme/static/css/get-involved.css

@@ -0,0 +1,50 @@
+.img-ge-container{
+    position: relative;
+    text-align: center;
+    height: 100%;
+    width: 100%;
+}
+.text-inside1{
+    position: absolute;
+    top: 70%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: #e6e6e6;
+    font-size: 70px;
+    font-style: italic;
+}
+.text-inside2{
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%, -80%);
+    color: #ffffff;
+    font-size: 150px;
+    font-weight: bold;
+}
+.container-getinv{
+    width: 50%;
+}
+@media only screen and (max-width: 480px){
+    .text-inside1{
+        font-size: 30px;
+        top: 60%;
+    }
+    .text-inside2{
+        font-size: 40px;
+    }
+    .container-getinv{
+        width: 100%;
+    }
+}
+@media (min-width: 600px) and (max-width: 1024px){
+    .text-inside1{
+        font-size: 50px;
+        top: 60%;
+    }
+    .text-inside2{
+        font-size: 80px;
+    }
+    .container-getinv{
+        width: 80%;
+    }
+}

ge-theme/templates/Food forests.html

@@ -20,7 +20,7 @@
         <p>We’ve had the pleasure of hosting Roland van Reenen from Curacao, sent to us by <a class="gen-linkstyle" href="https://twitter.com/Kolektivo/status/1315367411042877450?s=20">Curadao</a> , as well as James Thiong'o from Central Kenya. We are convinced that food forestry via Syntropic Agroforestry and regenerative organic agriculture programs will solve problems of food insecurity. The following schedule was developed and has already been duplicated over and over.</p>
     </div>
     <div class="img-content">
-        <img class="img-fluid img-custom1" src="{{SITEURL}}/theme/images/foodforest-imgs/foodfore-img2.webp">
+        <img class="img-fluid img-custom1" src="{{SITEURL}}/theme/images/foodforest-imgs/shamba-ya-jamii-poster.webp">
     </div>
     <div class="second-paragraph">
         <p>Some core syntropic principals:</p>

ge-theme/templates/getInvolved.html

@@ -0,0 +1,29 @@
+{% extends "base.html" %}
+
+{% block head %}
+{{ super() }}
+<link rel="stylesheet" type="text/css" href="{{SITEURL}}/theme/css/get-involved.css">
+
+{% endblock %}
+
+{% block content %}
+<div class="container-fluid">
+    <div class="img-ge-container">
+        <img class="img-fluid" src="{{SITEURL}}/theme/images/get-involved-imgs/howit-img1.webp">
+        <h1 class="join-forces1 text-inside1">Joining</h1>
+        <h1 class="join-forces2 text-inside2">FORCES</h1>
+    </div>
+    <div class="container container-getinv">
+        <div class="row pt-5">
+            <div class="col-6">
+                <p>We are seeking support to both spread our programs through training global leaders and currency designers and to deepen cooperative economic resilience in communities already using Community Currencies through increasing health, education and trade opportunities.</p>
+                <p><a class="geinv-link" href="https://www.grassrootseconomics.org/get-involved">Join our chat server!</a></p>
+            </div>
+            <div class="col-6">
+                <h2>WAYS IN WHICH YOU CAN GET INVOLVED</h2>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% endblock %}

output/pages/food-forests.html

@@ -83,7 +83,7 @@
         <p>We’ve had the pleasure of hosting Roland van Reenen from Curacao, sent to us by <a class="gen-linkstyle" href="https://twitter.com/Kolektivo/status/1315367411042877450?s=20">Curadao</a> , as well as James Thiong'o from Central Kenya. We are convinced that food forestry via Syntropic Agroforestry and regenerative organic agriculture programs will solve problems of food insecurity. The following schedule was developed and has already been duplicated over and over.</p>
     </div>
     <div class="img-content">
-        <img class="img-fluid img-custom1" src="../theme/images/foodforest-imgs/foodfore-img2.webp">
+        <img class="img-fluid img-custom1" src="../theme/images/foodforest-imgs/shamba-ya-jamii-poster.webp">
     </div>
     <div class="second-paragraph">
         <p>Some core syntropic principals:</p>

output/pages/get-involved.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-      <title>grassroots-pelican - Get Involved</title>
+    <title>grassroots-pelican</title>
     <meta charset="utf-8"/>
     <meta name="ida" content="Pelican"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -22,6 +22,7 @@
     <script src="https://use.fontawesome.com/5932321f98.js"></script>
 
 
+<link rel="stylesheet" type="text/css" href="../theme/css/get-involved.css">
 
 </head>
 
@@ -69,10 +70,24 @@
     </div>
 </nav>
 
-    <h1>Get Involved</h1>
-    
-
-    
+<div class="container-fluid">
+    <div class="img-ge-container">
+        <img class="img-fluid" src="../theme/images/get-involved-imgs/howit-img1.webp">
+        <h1 class="join-forces1 text-inside1">Joining</h1>
+        <h1 class="join-forces2 text-inside2">FORCES</h1>
+    </div>
+    <div class="container container-getinv">
+        <div class="row pt-5">
+            <div class="col-6">
+                <p>We are seeking support to both spread our programs through training global leaders and currency designers and to deepen cooperative economic resilience in communities already using Community Currencies through increasing health, education and trade opportunities.</p>
+                <p><a class="geinv-link" href="https://www.grassrootseconomics.org/get-involved">Join our chat server!</a></p>
+            </div>
+            <div class="col-6">
+                <h2>WAYS IN WHICH YOU CAN GET INVOLVED</h2>
+            </div>
+        </div>
+    </div>
+</div>
 
 <div class="row">
     <div class="col-lg-12 base-footer">

output/theme/css/get-involved.css

@@ -0,0 +1,50 @@
+.img-ge-container{
+    position: relative;
+    text-align: center;
+    height: 100%;
+    width: 100%;
+}
+.text-inside1{
+    position: absolute;
+    top: 70%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: #e6e6e6;
+    font-size: 70px;
+    font-style: italic;
+}
+.text-inside2{
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%, -80%);
+    color: #ffffff;
+    font-size: 150px;
+    font-weight: bold;
+}
+.container-getinv{
+    width: 50%;
+}
+@media only screen and (max-width: 480px){
+    .text-inside1{
+        font-size: 30px;
+        top: 60%;
+    }
+    .text-inside2{
+        font-size: 40px;
+    }
+    .container-getinv{
+        width: 100%;
+    }
+}
+@media (min-width: 600px) and (max-width: 1024px){
+    .text-inside1{
+        font-size: 50px;
+        top: 60%;
+    }
+    .text-inside2{
+        font-size: 80px;
+    }
+    .container-getinv{
+        width: 80%;
+    }
+}

output/theme/css/get-involved.css~

@@ -0,0 +1,25 @@
+.img-ge-container{
+    position: relative;
+    text-align: center;
+    height: 100%;
+    width: 100%;
+}
+.text-inside1{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: #e6e6e6;
+    font-size: 70px;
+    font-weight: bold;
+}
+.text-inside2{
+    position: absolute;
+    /*margin-bottom: 10px;*/
+    /*bottom: 0;*/
+    left: 50%;
+    transform: translate(-50%, -40%);
+    color: #e6e6e6;
+    font-size: 70px;
+    font-weight: bold;
+}