get involved is halfway

This commit is contained in:
Idaapayo 2021-07-08 18:42:52 +03:00
parent d439259c1f
commit b10091ebad
14 changed files with 292 additions and 10 deletions

View File

@ -23,6 +23,84 @@
}
.container-getinv{
width: 50%;
padding-top: 40px;
}
.center-text{
text-align: center;
}
.ways-txt{
font-weight: bold;
padding-top: 20px;
}
.geinv-link{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-color: black;
text-decoration-thickness: 3px;
color: black;
}
.geinv-link:hover{
color: black;
}
.geinv-butt-class{
padding-top: 40px;
gap: 30px;
text-align: center;
}
.geinv-buttons{
background: #ffffff;
border: 1px solid black;
color: black;
padding: 0.5em;
text-decoration: none;
width: 120px;
border-radius: 25px;
}
.line-deco{
padding-top: 50px;
width: 300px;
border-bottom: 3px solid black;
}
.available-positions{
padding-top: 60px;
}
.big-title{
font-weight: bold;
}
.row-pad{
padding-top: 60px;
}
.positions{
font-weight: bold;
}
.gev-img-round{
border-radius: 50%;
border: 1px solid #a3a3c2;
padding: 5px;
}
.img-pad{
padding-top: 30px;
}
.text-wrap{
box-sizing: border-box;
margin: auto;
max-width: 300px;
}
.gev-text{
padding-top: 30px;
}
.gev-small-text{
font-size: 13px;
}
.gev-italics{
font-style: italic;
}
.research-title{
padding-top: 60px;
}
.bigger-small-font{
padding-top: 30px;
font-size: 20px;
}
@media only screen and (max-width: 480px){
.text-inside1{
@ -35,6 +113,9 @@
.container-getinv{
width: 100%;
}
.mobile-pad{
padding-top: 30px;
}
}
@media (min-width: 600px) and (max-width: 1024px){
.text-inside1{

View File

@ -114,9 +114,7 @@
.round-this{
border-radius: 50%;
border: 1px solid #a3a3c2;
/*box-shadow: 2px 2px 2px #a3a3c2;*/
padding: 5px;
/*padding-top: 40px;*/
}
.margin-plus{
padding-top: 100px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

View File

@ -15,14 +15,76 @@
</div>
<div class="container container-getinv">
<div class="row pt-5">
<div class="col-6">
<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>
</div>
<div class="col-6">
<h2>WAYS IN WHICH YOU CAN GET INVOLVED</h2>
<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>
</div>
</div>
<div class="d-flex justify-content-center geinv-butt-class">
<a class="geinv-buttons" href="#">Jobs</a>
<a class="geinv-buttons" href="#">Donate</a>
<a class="geinv-buttons" href="#">Work study</a>
</div>
<div class="d-flex justify-content-center">
<div class="line-deco"></div>
</div>
<div class="available-positions">
<h1 class="big-title">Available Positions</h1>
<div class="row row-pad">
<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">
</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-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>
</div>
<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">
</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-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>
</div>
</div>
<div class="row row-pad">
<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">
</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-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>
</div>
<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">
</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>
</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>
</div>
</div>
</div>

View File

@ -78,14 +78,76 @@
</div>
<div class="container container-getinv">
<div class="row pt-5">
<div class="col-6">
<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>
</div>
<div class="col-6">
<h2>WAYS IN WHICH YOU CAN GET INVOLVED</h2>
<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>
</div>
</div>
<div class="d-flex justify-content-center geinv-butt-class">
<a class="geinv-buttons" href="#">Jobs</a>
<a class="geinv-buttons" href="#">Donate</a>
<a class="geinv-buttons" href="#">Work study</a>
</div>
<div class="d-flex justify-content-center">
<div class="line-deco"></div>
</div>
<div class="available-positions">
<h1 class="big-title">Available Positions</h1>
<div class="row row-pad">
<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">
</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-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>
</div>
<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">
</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-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>
</div>
</div>
<div class="row row-pad">
<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">
</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-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>
</div>
<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">
</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>
</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>
</div>
</div>
</div>

View File

@ -23,6 +23,84 @@
}
.container-getinv{
width: 50%;
padding-top: 40px;
}
.center-text{
text-align: center;
}
.ways-txt{
font-weight: bold;
padding-top: 20px;
}
.geinv-link{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-color: black;
text-decoration-thickness: 3px;
color: black;
}
.geinv-link:hover{
color: black;
}
.geinv-butt-class{
padding-top: 40px;
gap: 30px;
text-align: center;
}
.geinv-buttons{
background: #ffffff;
border: 1px solid black;
color: black;
padding: 0.5em;
text-decoration: none;
width: 120px;
border-radius: 25px;
}
.line-deco{
padding-top: 50px;
width: 300px;
border-bottom: 3px solid black;
}
.available-positions{
padding-top: 60px;
}
.big-title{
font-weight: bold;
}
.row-pad{
padding-top: 60px;
}
.positions{
font-weight: bold;
}
.gev-img-round{
border-radius: 50%;
border: 1px solid #a3a3c2;
padding: 5px;
}
.img-pad{
padding-top: 30px;
}
.text-wrap{
box-sizing: border-box;
margin: auto;
max-width: 300px;
}
.gev-text{
padding-top: 30px;
}
.gev-small-text{
font-size: 13px;
}
.gev-italics{
font-style: italic;
}
.research-title{
padding-top: 60px;
}
.bigger-small-font{
padding-top: 30px;
font-size: 20px;
}
@media only screen and (max-width: 480px){
.text-inside1{
@ -35,6 +113,9 @@
.container-getinv{
width: 100%;
}
.mobile-pad{
padding-top: 30px;
}
}
@media (min-width: 600px) and (max-width: 1024px){
.text-inside1{

View File

@ -114,9 +114,7 @@
.round-this{
border-radius: 50%;
border: 1px solid #a3a3c2;
/*box-shadow: 2px 2px 2px #a3a3c2;*/
padding: 5px;
/*padding-top: 40px;*/
}
.margin-plus{
padding-top: 100px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB