add goals to donate page
This commit is contained in:
parent
c3eddf9290
commit
5a12abab2b
|
@ -357,6 +357,24 @@ div#nav-logo {
|
|||
|
||||
}
|
||||
|
||||
/* Goals
|
||||
------------------------------------*/
|
||||
|
||||
.goals .row {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.goals-item {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* mobile narrow
|
||||
------------------------------------*/
|
||||
|
||||
|
@ -406,6 +424,20 @@ div#nav-logo {
|
|||
width: 80% !important;
|
||||
}
|
||||
|
||||
/* goals
|
||||
------------------------------------*/
|
||||
|
||||
.goals h6 {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.goals-item {
|
||||
max-width: 80%;
|
||||
width: 80% !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#boxtitle {
|
||||
line-height: 1.2;
|
||||
font-size: 20px;
|
||||
|
|
|
@ -778,6 +778,55 @@ ul#nav li a:hover .ul#nav li ul {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
/* Goals
|
||||
------------------------------------*/
|
||||
|
||||
.goals {
|
||||
position: relative;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
-webkit-flex: 1;
|
||||
flex: 1;
|
||||
-webkit-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-justify-content: space-between;
|
||||
justify-content: left;
|
||||
-webkit-align-items: flex-start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.goals-item {
|
||||
position: relative;
|
||||
width: 20% !important;
|
||||
min-width: 300px;
|
||||
min-height: 180px;
|
||||
border: none;
|
||||
box-shadow: 10px 10px 38px 0px rgba(0, 0, 0, 0.25);
|
||||
margin: 2% !important;
|
||||
background-color: #ffffff;
|
||||
text-align: center;
|
||||
padding: 1%;
|
||||
}
|
||||
|
||||
.goals-item-lock {
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
|
||||
.goals-item h3 {
|
||||
line-height: 1.2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.goals h6 {
|
||||
display: inline-block;
|
||||
margin: 0 0 0 2%;
|
||||
padding: 0;
|
||||
font-size: 60%;
|
||||
}
|
||||
|
||||
/* Mission statement
|
||||
--------------------------------------*/
|
||||
|
||||
|
@ -942,6 +991,10 @@ img.transparent {
|
|||
padding: 5%;
|
||||
}
|
||||
|
||||
.popper2 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.pbar {
|
||||
font-weight: 900;
|
||||
width: 100%;
|
||||
|
|
|
@ -0,0 +1,29 @@
|
|||
{% block content %}
|
||||
<section id="{{ page.slug }}">
|
||||
<div class="fullbar" style="background-color:{{ page.header.bgcolor }};">
|
||||
<div class="fullbar-content" style="color:{{ page.header.fontcolor }}; text-align:{{ page.header.text_align }};">
|
||||
<div class="row">
|
||||
<div class="goals row">
|
||||
{% for item in page.header.goals %}
|
||||
{% if item.unlock == 'yes' %}
|
||||
<div class="goals-item two columns">
|
||||
<div class=center style="padding:5%"><span class="popper2">🎉</span> UNLOCKED <span class="popper2">🎉</span> </div>
|
||||
{% else %}
|
||||
<div class="goals-item goals-item-lock two columns">
|
||||
<div class=center>HELP US UNLOCK</div>
|
||||
{% endif %}
|
||||
<h2 style="color:#8EB726; padding:5%"> {{ item.title }} </h2>
|
||||
<p> {{ item.text }} </p>
|
||||
{% if item.option %}
|
||||
{{ item.option }}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{{ page.content }}
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
Loading…
Reference in New Issue