starting on get-involved

This commit is contained in:
Idaapayo 2021-07-06 21:01:36 +03:00
parent ab65c23623
commit d439259c1f
12 changed files with 178 additions and 8 deletions

View File

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

View File

@ -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%;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

View File

@ -20,7 +20,7 @@
<p>Weve 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>

View File

@ -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 %}

View File

@ -83,7 +83,7 @@
<p>Weve 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>

View File

@ -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">

View File

@ -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%;
}
}

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB