grassrootseconomics
/
pelican-website-ge
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

get involved almost complete

This commit is contained in:
Idaapayo 2021-07-12 15:32:15 +03:00
parent 6293268af9
commit 6fc1a45a61
18 changed files with 310 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
ge-theme/static/css/get-involved.css
View File

@ -1,9 +1,14 @@
.img-ge-container{
position: relative;
text-align: center;
height: 100%;
/*height: 500px;*/
/*height: 50%;*/
width: 100%;
}
.img-cover{
width: 100%;
/*height: 50%;*/
}
.text-inside1{
position: absolute;
top: 70%;
@ -168,6 +173,43 @@
font-size: 20px;
padding-bottom: 10px;
}
.bold-words{
box-sizing: border-box;
margin: auto;
max-width: 250px;
text-align: center;
}
.bold-big-font{
font-weight: bold;
font-size: 25px;
}
.big-carousel{
background-color: #EFF0F0;
}
.text-below{
padding-top: 40px;
box-sizing: border-box;
max-width: 600px;
margin: auto;
padding-bottom: 30px;
}
.car-big-font{
font-size: 20px;
font-style: italic;
}
.donate-img-wrap{
position: relative;
text-align: center;
}
.text-donate{
color: #e6e6e6;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 70px;
}
@media only screen and (max-width: 480px){
.text-inside1{
@ -207,6 +249,9 @@
.container-mooc{
width: 100%;
}
.text-donate{
font-size: 30px;
}
}
@media (min-width: 600px) and (max-width: 1024px){

BIN
ge-theme/static/images/get-involved-imgs/carousel1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
ge-theme/static/images/get-involved-imgs/carousel2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
ge-theme/static/images/get-involved-imgs/carousel3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
ge-theme/static/images/get-involved-imgs/carousel5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
ge-theme/static/images/get-involved-imgs/donate-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
ge-theme/static/images/get-involved-imgs/goofy-faces-crop2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

127
ge-theme/templates/getInvolved.html
View File

@ -9,15 +9,18 @@
{% 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">
<img class="img-fluid img-cover" src="{{SITEURL}}/theme/images/get-involved-imgs/goofy-faces-crop2.jpg">
<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-lg-6 col-md-6 col-sm-12 center-text">
<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>
<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-lg-6 col-md-6 col-sm-12 center-text">
<h2 class="ways-txt">WAYS IN WHICH YOU CAN GET INVOLVED</h2>
@ -37,10 +40,12 @@
<div class="col-lg-6 col-md-6 col-sm-12 center-text">
<h2 class="positions">Fundraising Officer </h2>
<div class="img-pad">
<img class="img-fluid gev-img-round" src="{{SITEURL}}/theme/images/get-involved-imgs/availabeimg1.webp">
<img class="img-fluid gev-img-round"
src="{{SITEURL}}/theme/images/get-involved-imgs/availabeimg1.webp">
</div>
<div class="text-wrap">
<p class="gev-text">Lead the way in designing, implementing and monitoring our diverse fundraising campaigns</p>
<p class="gev-text">Lead the way in designing, implementing and monitoring our diverse
fundraising campaigns</p>
<p class="gev-small-text">Contact us to learn more on the role and on how to apply</p>
<p class="gev-italics">Deadline for applications: On going</p>
</div>
@ -48,10 +53,13 @@
<div class="col-lg-6 col-md-6 col-sm-12 center-text">
<h2 class="positions mobile-pad">M&E and Research Manager </h2>
<div class="img-pad">
<img class="img-fluid gev-img-round" src="{{SITEURL}}/theme/images/get-involved-imgs/availableimg2.webp">
<img class="img-fluid gev-img-round"
src="{{SITEURL}}/theme/images/get-involved-imgs/availableimg2.webp">
</div>
<div class="text-wrap">
<p class="gev-text">Lead the way in gathering and analyzing community and CC related data, do research into related fields and work with other team to monitor project implementation and effectiveness</p>
<p class="gev-text">Lead the way in gathering and analyzing community and CC related data, do
research into related fields and work with other team to monitor project implementation and
effectiveness</p>
<p class="gev-small-text">Contact us to learn more on the role and on how to apply</p>
<p class="gev-italics">Deadline for applications: On going</p>
</div>
@ -61,10 +69,12 @@
<div class="col-lg-6 col-md-6 col-sm-12 center-text">
<h2 class="positions">Program Manager</h2>
<div class="img-pad">
<img class="img-fluid gev-img-round" src="{{SITEURL}}/theme/images/get-involved-imgs/availableimg3.webp">
<img class="img-fluid gev-img-round"
src="{{SITEURL}}/theme/images/get-involved-imgs/availableimg3.webp">
</div>
<div class="text-wrap">
<p class="gev-text">Work closely with the field team, coordinate internal resources as well as external resources and have direct responsibility over project outcomes</p>
<p class="gev-text">Work closely with the field team, coordinate internal resources as well as
external resources and have direct responsibility over project outcomes</p>
<p class="gev-small-text">Contact us to learn more on the role and on how to apply </p>
<p class="gev-italics">Deadline for applications: On Going</p>
</div>
@ -72,18 +82,28 @@
<div class="col-lg-6 col-md-6 col-sm-12 center-text">
<h2 class="positions mobile-pad">Developer</h2>
<div class="img-pad">
<img class="img-fluid gev-img-round" src="{{SITEURL}}/theme/images/get-involved-imgs/availableimg4.webp">
<img class="img-fluid gev-img-round"
src="{{SITEURL}}/theme/images/get-involved-imgs/availableimg4.webp">
</div>
<div class="text-wrap">
<p class="gev-text">Lead the way in designing, implementing and monitoring our diverse projects from a tech perspective </p>
<p class="gev-text">Check out our <a class="geinv-link" href="https://gitlab.com/grassrootseconomics/cic-platform/-/wikis/BLOXBERG-component-overview">Component Overview </a> and <a class="geinv-link" href="https://gitlab.com/groups/grassrootseconomics/-/issues?scope=all&utf8=%E2%9C%93&state=opened&label_name[]=help-wanted">open Issues!</a></p>
<p class="gev-text">Lead the way in designing, implementing and monitoring our diverse projects
from a tech perspective </p>
<p class="gev-text">Check out our <a class="geinv-link"
href="https://gitlab.com/grassrootseconomics/cic-platform/-/wikis/BLOXBERG-component-overview">Component
Overview </a> and <a class="geinv-link"
href="https://gitlab.com/groups/grassrootseconomics/-/issues?scope=all&utf8=%E2%9C%93&state=opened&label_name[]=help-wanted">open
Issues!</a></p>
</div>
</div>
</div>
</div>
<div class="research-title center-text">
<h1 class="big-title">Research,Intern,Volunteer & Explore!</h1>
<p class="bigger-small-font">Volunteering, researching and being an intern with Grassroots Economics is a rewarding experience that can change the lives of people in need. You will be building a bridge between cultures and sharing your hope, enthusiasm, skills and dreams. Through this experience you will be able to fully understand how community currencies work and be able to take back and spread this knowledge with you.</p>
<p class="bigger-small-font">Volunteering, researching and being an intern with Grassroots Economics is a
rewarding experience that can change the lives of people in need. You will be building a bridge between
cultures and sharing your hope, enthusiasm, skills and dreams. Through this experience you will be able
to fully understand how community currencies work and be able to take back and spread this knowledge
with you.</p>
</div>
</div>
<div class="photo-grid">
@ -94,19 +114,23 @@
<div class="col-lg-4 col-md-4 col-sm-6">
<h2 class="big-title">Research</h2>
<div class="wrap-this-text">
<p class="pad-this-text"> Masters/Phd thesis and publications come out yearly and help expand on our work and take it to other communities around the world</p>
<p class="pad-this-text"> Masters/Phd thesis and publications come out yearly and help expand on our
work and take it to other communities around the world</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<h2 class="big-title">Intern</h2>
<div class="wrap-this-text">
<p class="pad-this-text">Take part in developing cooperative businesses, designing social and environmental services and communication strategies to strengthen the use of community currencies</p>
<p class="pad-this-text">Take part in developing cooperative businesses, designing social and
environmental services and communication strategies to strengthen the use of community
currencies</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<h2 class="big-title">Volunteer</h2>
<div class="wrap-this-text">
<p class="pad-this-text">Get involved in teaching and playing with children or on the development of different permaculture projects.</p>
<p class="pad-this-text">Get involved in teaching and playing with children or on the development of
different permaculture projects.</p>
</div>
</div>
</div>
@ -118,7 +142,7 @@
</div>
<div class="col-6">
<div class="wrap-this-text">
<p class="calender-text">Plan to stay for at least 1 month and have a life changing experience</p>
<p class="calender-text">Plan to stay for at least 1 month and have a life changing experience</p>
</div>
</div>
</div>
@ -140,9 +164,76 @@
<div class="container container-mooc pt-5">
<hr class="line-above">
<div class="mooc-text-wrap center-text">
<p class="mooc-small-font">After understanding how to tap into the abundance of communities and build resilient thriving local economies, you will never look at money in the same way.</p>
<p class="mooc-small-font">After understanding how to tap into the abundance of communities and build
resilient thriving local economies, you will never look at money in the same way.</p>
</div>
<hr class="line-above">
<div class="clearfix pt-5 pb-5">
<div class="bold-words float-lg-start float-md-none float-sm-nome">
<p class="bold-big-font">Please make sure to take the MOOC and read our Training Materials before
planning on coming for practical experience</p>
</div>
<img class="img-fluid float-lg-end float-md-none float-sm-nome"
src="{{SITEURL}}//theme/images/get-involved-imgs/mooc-img.webp">
</div>
<hr class="line-above">
<div class="mooc-training center-text pt-5 pb-5">
<p>Our Training Materials and MOOC provide a grounding in Community Currency theory, implementation and
management with a focus on practical understanding and skills.</p>
<p><a class="geinv-link" href="https://gitlab.com/grassrootseconomics/cic-docs/-/blob/master/README.md">Go
to the Training Materials</a></p>
<p><a class="geinv-link" href="{{SITEURL}}/pages/mooc.html">Go to the MOOC</a></p>
</div>
</div>
<div class="big-carousel pt-5">
<div id="carouselExampleControls" class="carousel carousel-dark slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active center-text">
<img src="{{SITEURL}}//theme/images/get-involved-imgs/carousel1.webp" class="img-fluid">
<div class="text-below">
<p class="car-big-font">"These last days with GE have been an eye-opener. We've seen community currencies improve individuals' capacity to save, strengthen social relations, increase community cohesion and help communities articulate their interest towards local government. Thank you all for very inspiring days and thought-provoking discussions!" </p>
<p class="car-small-font">Ester Barinaga, professor in Social Innovation at the Copenhagen Business School.</p>
</div>
</div>
<div class="carousel-item center-text">
<img src="{{SITEURL}}//theme/images/get-involved-imgs/carousel2.webp" class="img-fluid">
<div class="text-below">
<p class="car-big-font">"I've learned the skills I need to bring Community Currencies to marginalized communities in Benin." </p>
<p class="car-small-font">Marion Cauvet, student in the MSc "Agricultural Development" at the University of Copenhagen</p>
</div>
</div>
<div class="carousel-item center-text">
<img src="{{SITEURL}}//theme/images/get-involved-imgs/carousel3.webp" class="img-fluid">
<div class="text-below">
<p class="car-big-font">"The course taught me the practical steps in designing and implementing a Community Currency" </p>
<p class="car-small-font">AbdulHakim Maina working with the College of Islamic Studies, Kenya.</p>
</div>
</div>
<div class="carousel-item center-text">
<img src="{{SITEURL}}//theme/images/get-involved-imgs/carousel5.webp" class="img-fluid">
<div class="text-below">
<p class="car-big-font">"Seeing first hand the development of Miyani-Pesa in rural Kenya made Community Currencies seem practical"</p>
<p class="car-small-font">Thibaud Dezyn a student in Cultural Anthropology and Development Studies (CADES) at the University of Leuven, Belgium.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="container">
<div class="donate-img-wrap">
<img class="img-fluid img-cover" src="{{SITEURL}}/theme/images/get-involved-imgs/donate-img.webp">
<h1 class="text-donate">Donate</h1>
</div>
</div>
</div>

127
output/pages/get-involved.html
View File

@ -72,15 +72,18 @@
<div class="container-fluid">
<div class="img-ge-container">
<img class="img-fluid" src="../theme/images/get-involved-imgs/howit-img1.webp">
<img class="img-fluid img-cover" src="../theme/images/get-involved-imgs/goofy-faces-crop2.jpg">
<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-lg-6 col-md-6 col-sm-12 center-text">
<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>
<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-lg-6 col-md-6 col-sm-12 center-text">
<h2 class="ways-txt">WAYS IN WHICH YOU CAN GET INVOLVED</h2>
@ -100,10 +103,12 @@
<div class="col-lg-6 col-md-6 col-sm-12 center-text">
<h2 class="positions">Fundraising Officer </h2>
<div class="img-pad">
<img class="img-fluid gev-img-round" src="../theme/images/get-involved-imgs/availabeimg1.webp">
<img class="img-fluid gev-img-round"
src="../theme/images/get-involved-imgs/availabeimg1.webp">
</div>
<div class="text-wrap">
<p class="gev-text">Lead the way in designing, implementing and monitoring our diverse fundraising campaigns</p>
<p class="gev-text">Lead the way in designing, implementing and monitoring our diverse
fundraising campaigns</p>
<p class="gev-small-text">Contact us to learn more on the role and on how to apply</p>
<p class="gev-italics">Deadline for applications: On going</p>
</div>
@ -111,10 +116,13 @@
<div class="col-lg-6 col-md-6 col-sm-12 center-text">
<h2 class="positions mobile-pad">M&E and Research Manager </h2>
<div class="img-pad">
<img class="img-fluid gev-img-round" src="../theme/images/get-involved-imgs/availableimg2.webp">
<img class="img-fluid gev-img-round"
src="../theme/images/get-involved-imgs/availableimg2.webp">
</div>
<div class="text-wrap">
<p class="gev-text">Lead the way in gathering and analyzing community and CC related data, do research into related fields and work with other team to monitor project implementation and effectiveness</p>
<p class="gev-text">Lead the way in gathering and analyzing community and CC related data, do
research into related fields and work with other team to monitor project implementation and
effectiveness</p>
<p class="gev-small-text">Contact us to learn more on the role and on how to apply</p>
<p class="gev-italics">Deadline for applications: On going</p>
</div>
@ -124,10 +132,12 @@
<div class="col-lg-6 col-md-6 col-sm-12 center-text">
<h2 class="positions">Program Manager</h2>
<div class="img-pad">
<img class="img-fluid gev-img-round" src="../theme/images/get-involved-imgs/availableimg3.webp">
<img class="img-fluid gev-img-round"
src="../theme/images/get-involved-imgs/availableimg3.webp">
</div>
<div class="text-wrap">
<p class="gev-text">Work closely with the field team, coordinate internal resources as well as external resources and have direct responsibility over project outcomes</p>
<p class="gev-text">Work closely with the field team, coordinate internal resources as well as
external resources and have direct responsibility over project outcomes</p>
<p class="gev-small-text">Contact us to learn more on the role and on how to apply </p>
<p class="gev-italics">Deadline for applications: On Going</p>
</div>
@ -135,18 +145,28 @@
<div class="col-lg-6 col-md-6 col-sm-12 center-text">
<h2 class="positions mobile-pad">Developer</h2>
<div class="img-pad">
<img class="img-fluid gev-img-round" src="../theme/images/get-involved-imgs/availableimg4.webp">
<img class="img-fluid gev-img-round"
src="../theme/images/get-involved-imgs/availableimg4.webp">
</div>
<div class="text-wrap">
<p class="gev-text">Lead the way in designing, implementing and monitoring our diverse projects from a tech perspective </p>
<p class="gev-text">Check out our <a class="geinv-link" href="https://gitlab.com/grassrootseconomics/cic-platform/-/wikis/BLOXBERG-component-overview">Component Overview </a> and <a class="geinv-link" href="https://gitlab.com/groups/grassrootseconomics/-/issues?scope=all&utf8=%E2%9C%93&state=opened&label_name[]=help-wanted">open Issues!</a></p>
<p class="gev-text">Lead the way in designing, implementing and monitoring our diverse projects
from a tech perspective </p>
<p class="gev-text">Check out our <a class="geinv-link"
href="https://gitlab.com/grassrootseconomics/cic-platform/-/wikis/BLOXBERG-component-overview">Component
Overview </a> and <a class="geinv-link"
href="https://gitlab.com/groups/grassrootseconomics/-/issues?scope=all&utf8=%E2%9C%93&state=opened&label_name[]=help-wanted">open
Issues!</a></p>
</div>
</div>
</div>
</div>
<div class="research-title center-text">
<h1 class="big-title">Research,Intern,Volunteer & Explore!</h1>
<p class="bigger-small-font">Volunteering, researching and being an intern with Grassroots Economics is a rewarding experience that can change the lives of people in need. You will be building a bridge between cultures and sharing your hope, enthusiasm, skills and dreams. Through this experience you will be able to fully understand how community currencies work and be able to take back and spread this knowledge with you.</p>
<p class="bigger-small-font">Volunteering, researching and being an intern with Grassroots Economics is a
rewarding experience that can change the lives of people in need. You will be building a bridge between
cultures and sharing your hope, enthusiasm, skills and dreams. Through this experience you will be able
to fully understand how community currencies work and be able to take back and spread this knowledge
with you.</p>
</div>
</div>
<div class="photo-grid">
@ -157,19 +177,23 @@
<div class="col-lg-4 col-md-4 col-sm-6">
<h2 class="big-title">Research</h2>
<div class="wrap-this-text">
<p class="pad-this-text"> Masters/Phd thesis and publications come out yearly and help expand on our work and take it to other communities around the world</p>
<p class="pad-this-text"> Masters/Phd thesis and publications come out yearly and help expand on our
work and take it to other communities around the world</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<h2 class="big-title">Intern</h2>
<div class="wrap-this-text">
<p class="pad-this-text">Take part in developing cooperative businesses, designing social and environmental services and communication strategies to strengthen the use of community currencies</p>
<p class="pad-this-text">Take part in developing cooperative businesses, designing social and
environmental services and communication strategies to strengthen the use of community
currencies</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<h2 class="big-title">Volunteer</h2>
<div class="wrap-this-text">
<p class="pad-this-text">Get involved in teaching and playing with children or on the development of different permaculture projects.</p>
<p class="pad-this-text">Get involved in teaching and playing with children or on the development of
different permaculture projects.</p>
</div>
</div>
</div>
@ -181,7 +205,7 @@
</div>
<div class="col-6">
<div class="wrap-this-text">
<p class="calender-text">Plan to stay for at least 1 month and have a life changing experience</p>
<p class="calender-text">Plan to stay for at least 1 month and have a life changing experience</p>
</div>
</div>
</div>
@ -203,9 +227,76 @@
<div class="container container-mooc pt-5">
<hr class="line-above">
<div class="mooc-text-wrap center-text">
<p class="mooc-small-font">After understanding how to tap into the abundance of communities and build resilient thriving local economies, you will never look at money in the same way.</p>
<p class="mooc-small-font">After understanding how to tap into the abundance of communities and build
resilient thriving local economies, you will never look at money in the same way.</p>
</div>
<hr class="line-above">
<div class="clearfix pt-5 pb-5">
<div class="bold-words float-lg-start float-md-none float-sm-nome">
<p class="bold-big-font">Please make sure to take the MOOC and read our Training Materials before
planning on coming for practical experience</p>
</div>
<img class="img-fluid float-lg-end float-md-none float-sm-nome"
src="..//theme/images/get-involved-imgs/mooc-img.webp">
</div>
<hr class="line-above">
<div class="mooc-training center-text pt-5 pb-5">
<p>Our Training Materials and MOOC provide a grounding in Community Currency theory, implementation and
management with a focus on practical understanding and skills.</p>
<p><a class="geinv-link" href="https://gitlab.com/grassrootseconomics/cic-docs/-/blob/master/README.md">Go
to the Training Materials</a></p>
<p><a class="geinv-link" href="../pages/mooc.html">Go to the MOOC</a></p>
</div>
</div>
<div class="big-carousel pt-5">
<div id="carouselExampleControls" class="carousel carousel-dark slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active center-text">
<img src="..//theme/images/get-involved-imgs/carousel1.webp" class="img-fluid">
<div class="text-below">
<p class="car-big-font">"These last days with GE have been an eye-opener. We've seen community currencies improve individuals' capacity to save, strengthen social relations, increase community cohesion and help communities articulate their interest towards local government. Thank you all for very inspiring days and thought-provoking discussions!" </p>
<p class="car-small-font">Ester Barinaga, professor in Social Innovation at the Copenhagen Business School.</p>
</div>
</div>
<div class="carousel-item center-text">
<img src="..//theme/images/get-involved-imgs/carousel2.webp" class="img-fluid">
<div class="text-below">
<p class="car-big-font">"I've learned the skills I need to bring Community Currencies to marginalized communities in Benin." </p>
<p class="car-small-font">Marion Cauvet, student in the MSc "Agricultural Development" at the University of Copenhagen</p>
</div>
</div>
<div class="carousel-item center-text">
<img src="..//theme/images/get-involved-imgs/carousel3.webp" class="img-fluid">
<div class="text-below">
<p class="car-big-font">"The course taught me the practical steps in designing and implementing a Community Currency" </p>
<p class="car-small-font">AbdulHakim Maina working with the College of Islamic Studies, Kenya.</p>
</div>
</div>
<div class="carousel-item center-text">
<img src="..//theme/images/get-involved-imgs/carousel5.webp" class="img-fluid">
<div class="text-below">
<p class="car-big-font">"Seeing first hand the development of Miyani-Pesa in rural Kenya made Community Currencies seem practical"</p>
<p class="car-small-font">Thibaud Dezyn a student in Cultural Anthropology and Development Studies (CADES) at the University of Leuven, Belgium.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="container">
<div class="donate-img-wrap">
<img class="img-fluid img-cover" src="../theme/images/get-involved-imgs/donate-img.webp">
<h1 class="text-donate">Donate</h1>
</div>
</div>
</div>

47
output/theme/css/get-involved.css
View File

@ -1,9 +1,14 @@
.img-ge-container{
position: relative;
text-align: center;
height: 100%;
/*height: 500px;*/
/*height: 50%;*/
width: 100%;
}
.img-cover{
width: 100%;
/*height: 50%;*/
}
.text-inside1{
position: absolute;
top: 70%;
@ -168,6 +173,43 @@
font-size: 20px;
padding-bottom: 10px;
}
.bold-words{
box-sizing: border-box;
margin: auto;
max-width: 250px;
text-align: center;
}
.bold-big-font{
font-weight: bold;
font-size: 25px;
}
.big-carousel{
background-color: #EFF0F0;
}
.text-below{
padding-top: 40px;
box-sizing: border-box;
max-width: 600px;
margin: auto;
padding-bottom: 30px;
}
.car-big-font{
font-size: 20px;
font-style: italic;
}
.donate-img-wrap{
position: relative;
text-align: center;
}
.text-donate{
color: #e6e6e6;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 70px;
}
@media only screen and (max-width: 480px){
.text-inside1{
@ -207,6 +249,9 @@
.container-mooc{
width: 100%;
}
.text-donate{
font-size: 30px;
}
}
@media (min-width: 600px) and (max-width: 1024px){

BIN
output/theme/images/get-involved-imgs/carousel1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
output/theme/images/get-involved-imgs/carousel2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
output/theme/images/get-involved-imgs/carousel3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
output/theme/images/get-involved-imgs/carousel5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
output/theme/images/get-involved-imgs/donate-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
output/theme/images/get-involved-imgs/goofy-faces-crop2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

BIN
output/theme/images/get-involved-imgs/goofy-faces-cropped.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

BIN
output/theme/images/get-involved-imgs/goofy-faces.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 292 KiB