diff --git a/digitalglarus/models.py b/digitalglarus/models.py
index a3b9dd9c..ae91db47 100644
--- a/digitalglarus/models.py
+++ b/digitalglarus/models.py
@@ -91,7 +91,8 @@ class Membership(models.Model):
@classmethod
def activate_or_crete(cls, data, user):
membership = cls.get_by_user(user)
- obj, created = cls.objects.update_or_create(id=membership.id, defaults=data)
+ membership_id = membership.id if membership else None
+ obj, created = cls.objects.update_or_create(id=membership_id, defaults=data)
return obj
@classmethod
diff --git a/digitalglarus/static/digitalglarus/css/agency.css b/digitalglarus/static/digitalglarus/css/agency.css
index 67154295..f66ce70c 100755
--- a/digitalglarus/static/digitalglarus/css/agency.css
+++ b/digitalglarus/static/digitalglarus/css/agency.css
@@ -67,6 +67,12 @@ h6 {
font-size: 18px;
}
+@media only screen and (max-width: 400px){
+ h1, h2 {
+ font-size: 20px;
+ }
+}
+
.portfolio-caption-white {
text-transform: uppercase;
font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif;
@@ -118,7 +124,7 @@ h6 {
border-color: #88c7d7;
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
- font-weight: 700;
+ font-weight: 400;
color: #fff;
background-color: #88c7d7;
letter-spacing: 1px;
@@ -131,7 +137,7 @@ h6 {
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
text-transform: uppercase;
- font-weight: 700;
+ font-weight: 400;
border-color: #ba1924;
color: #fff;
background-color: #ba1924;
@@ -241,8 +247,6 @@ fieldset[disabled] .btn-xl.active {
.navbar-default .navbar-collapse {
border-color: rgba(255,255,255,.02);
- padding-right: 100px;
- text-align: right;
}
.navbar-default .navbar-toggle {
@@ -261,7 +265,7 @@ fieldset[disabled] .btn-xl.active {
.navbar-default .nav li a {
text-transform: uppercase;
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
letter-spacing: 1px;
color: #fff;
@@ -1076,7 +1080,7 @@ h6 intro-smallcap {
.carousel-text {
text-transform : none;
- font-family:"Raleway" , Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-famil:"Raleway" , Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size : 20px;
font-weight : 100;
lign-heignt: 2px;
@@ -1172,11 +1176,11 @@ footer {
}
.map-caption{
- text-transform:uppercase;
- font-size: 13px;
+ text-transform: none;
font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif;
font-weight: 400;
color: #ffffff;
+ font-size: 14px;
letter-spacing: 1px;
text-align:center;
}
@@ -1201,4 +1205,33 @@ hr {
.navbar-right {
float: right!important;
margin-right: -100px;
-}
\ No newline at end of file
+}
+
+.help-box {
+ padding: 2em;
+ padding-top: 2em;
+ padding-bottom: 0.1em;
+ margin-bottom: 0px;
+}
+
+.help-box-group {
+ padding-top: 2em;
+ padding-bottom: 2.5em;
+}
+
+.submit-box {
+ padding-top: 1.5em;
+ padding-bottom: 2em;
+}
+
+.help-wrap {
+ padding-bottom: 2em;
+ padding-left: 4em;
+ padding-right: 4em;
+ padding-top: 2em;
+}
+
+.donate {
+ font-weight: 600;
+ font-size: 24px;
+}
diff --git a/digitalglarus/static/digitalglarus/css/agency1.css b/digitalglarus/static/digitalglarus/css/agency1.css
new file mode 100755
index 00000000..67154295
--- /dev/null
+++ b/digitalglarus/static/digitalglarus/css/agency1.css
@@ -0,0 +1,1204 @@
+/*!
+ * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
+ * Code licensed under the Apache License v2.0.
+ * For details, see http://www.apache.org/licenses/LICENSE-2.0.
+ */
+
+body {
+ overflow-x: hidden;
+ font-family: "Raleway" , "Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+
+.text-muted {
+ color: #494949;
+ font-family: 'Raleway' , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.text-primary {
+ color: #a1cfd7;
+}
+
+p {
+ font-size: 14px;
+ line-height: 1.75;
+ color: #494949;
+ font-family: "Raleway" , "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+p.large {
+ font-size: 16px;
+}
+
+a,
+a:hover,
+a:focus,
+a:active,
+a.active {
+ outline: 0;
+}
+
+a {
+ color: #a1cfd7;
+}
+
+a:hover,
+a:focus,
+a:active,
+a.active {
+ color: #fff;
+ font-style: normal;
+ text-transform: none;
+}
+
+aside {
+ padding: 50px 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ text-transform: uppercase;
+ font-family:'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 400;
+ color: #494949;
+ font-size: 18px;
+}
+
+.portfolio-caption-white {
+ text-transform: uppercase;
+ font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif;
+ font-weight: 400;
+ color: #ffffff;
+ font-size: 18px;
+ letter-spacing: 1px;
+ width: 100%;
+ text-align: center;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+.aside-caption-white {
+ text-transform: none;
+ font-family:"Raleway", "Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif;
+ font-weight: 200;
+ color: #ffffff;
+ font-size: 26px;
+ letter-spacing: 1px;
+}
+
+.img-centered {
+ margin: 0 auto;
+}
+
+.bg-light-gray {
+ background-color: #f7f7f7;
+}
+
+.bg-dark {
+ background-color: #0f1221;
+ background-image: url(../img/bg-glarus.png);
+ background-position: center center;
+ background-repeat: none;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+ color: white;
+}
+
+.bg-darkest-gray {
+ background-color: #222;
+}
+
+.btn-primary {
+ border-color: #88c7d7;
+ text-transform: uppercase;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 700;
+ color: #fff;
+ background-color: #88c7d7;
+ letter-spacing: 1px;
+ padding-right: 10px;
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+ text-transform: uppercase;
+ font-weight: 700;
+ border-color: #ba1924;
+ color: #fff;
+ background-color: #ba1924;
+}
+
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+ background-image: none;
+}
+
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+ border-color: #a1cfd7;
+ background-color: #a1cfd7;
+}
+
+.btn-primary .badge {
+ color: #a1cfd7;
+ background-color: #fff;
+}
+
+.btn-xl {
+ padding: 20px 40px;
+ border-color: #a1cfd7;
+ border-radius: 3px;
+ text-transform: uppercase;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size: 18px;
+ font-weight: 700;
+ color: #fff;
+ background-color: #a1cfd7;
+}
+
+.btn-xl:hover,
+.btn-xl:focus,
+.btn-xl:active,
+.btn-xl.active,
+.open .dropdown-toggle.btn-xl {
+ border-color: #f6bf01;
+ color: #fff;
+ background-color: #fec503;
+}
+
+.btn-xl:active,
+.btn-xl.active,
+.open .dropdown-toggle.btn-xl {
+ background-image: none;
+}
+
+.btn-xl.disabled,
+.btn-xl[disabled],
+fieldset[disabled] .btn-xl,
+.btn-xl.disabled:hover,
+.btn-xl[disabled]:hover,
+fieldset[disabled] .btn-xl:hover,
+.btn-xl.disabled:focus,
+.btn-xl[disabled]:focus,
+fieldset[disabled] .btn-xl:focus,
+.btn-xl.disabled:active,
+.btn-xl[disabled]:active,
+fieldset[disabled] .btn-xl:active,
+.btn-xl.disabled.active,
+.btn-xl[disabled].active,
+fieldset[disabled] .btn-xl.active {
+ border-color: #a1cfd7;
+ background-color: #a1cfd7;
+}
+
+.btn-xl .badge {
+ color: #fed136;
+ background-color: #fff;
+}
+
+.navbar-default {
+ border-color: transparent;
+ background-color: #0f1221;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+.navbar-default .navbar-brand {
+ font-family: "Helvetica Neue", Helvetica, Arial, cursive;
+ color: #a1cfd7;
+ padding-top: 10px;
+}
+
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus,
+.navbar-default .navbar-brand:active,
+.navbar-default .navbar-brand.active {
+ color: #fec503;
+}
+
+.navbar-default .navbar-collapse {
+ border-color: rgba(255,255,255,.02);
+ padding-right: 100px;
+ text-align: right;
+}
+
+.navbar-default .navbar-toggle {
+ border-color: #a1cfd7;
+ background-color: #a1cfd7;
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #fff;
+}
+
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+ background-color: #a1cfd7;
+}
+
+.navbar-default .nav li a {
+ text-transform: uppercase;
+ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 400;
+ letter-spacing: 1px;
+ color: #fff;
+}
+
+.navbar-default .nav li a:hover,
+.navbar-default .nav li a:focus {
+ outline: 0;
+ color: #a1cfd7;
+}
+
+.navbar-default .navbar-nav>.active>a {
+ border-radius: 0;
+ color: #fff;
+ background-color: transparent;
+}
+
+.navbar-default .navbar-nav>.active>a:hover,
+.navbar-default .navbar-nav>.active>a:focus {
+ color: #fff;
+ background-color: transparent;
+}
+
+@media(min-width:768px) {
+ .navbar-default {
+ padding: 5px 0;
+ border: 0;
+ background-color: transparent;
+ -webkit-transition: padding .3s;
+ -moz-transition: padding .3s;
+ transition: padding .3s;
+ }
+
+ .navbar-default .navbar-brand {
+ font-size: 2em;
+ -webkit-transition: all .3s;
+ -moz-transition: all .3s;
+ transition: all .3s;
+ }
+
+ .navbar-default .navbar-nav>.active>a {
+ border-radius: 3px;
+ }
+
+ .navbar-default.navbar-shrink {
+ padding: 10px 0;
+ background-color: #0f1221;
+ }
+
+ .navbar-default.navbar-shrink .navbar-brand {
+ font-size: 1.5em;
+ }
+}
+
+header {
+ text-align: center;
+ color: #fff;
+ background-attachment: scroll;
+ background-image: url(../img/header_bg_2.png);
+ background-position: center center;
+ background-repeat: none;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+}
+
+
+header .intro-text {
+ padding-top: 100px;
+ padding-bottom: 50px;
+}
+
+header .intro-text .intro-lead-in {
+ margin-bottom: 25px;
+ font-family: 'Raleway', "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size: 22px;
+ font-style: italic;
+ line-height: 22px;
+}
+
+header .intro-text .intro-heading {
+ margin-bottom: 25px;
+ text-transform: uppercase;
+ font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size: 50px;
+ font-weight: 700;
+ line-height: 50px;
+}
+
+@media(min-width:768px) {
+ header .intro-text {
+ padding-top: 200px;
+ padding-bottom: 200px;
+ }
+
+ header .intro-text .intro-lead-in {
+ margin-bottom: 25px;
+ font-family: "Open Sans Extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 40px;
+ line-height: 40px;
+ font-style: normal;
+ }
+
+ header .intro-text .intro-heading {
+ margin-bottom: 50px;
+ text-transform: uppercase;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size: 75px;
+ font-weight: 700;
+ line-height: 75px;
+ }
+}
+/*
+section {
+ padding: 100px 0;
+}
+*/
+section h2.section-heading {
+ margin-top: 0;
+ margin-bottom: 15px;
+ font-size: 36px;
+ color: #494949;
+}
+
+section h3.section-subheading {
+ margin-bottom: 50px;
+ text-transform: none;
+ font-family: 'Raleway', "Helvetica Neue", "Open Sans", "Droid Serif", Helvetica, Arial, sans-serif;
+ font-size: 18px;
+ font-weight: 400;
+ color: #494949;
+ line-height: normal;
+}
+/*
+@media(min-width:768px) {
+ section {
+ padding: 50px 0;
+ }
+}
+*/
+.service-heading {
+ margin: 15px 0;
+ text-transform: none;
+ font-family: 'Raleway Semi-Bold 600', "Open Sans Extrabold", Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: #7f8c8c;
+}
+
+.no-padding {
+ padding:0;
+}
+
+.no-gutter > [class*='col-'] {
+ padding-top:0;
+ padding-bottom:0;
+ padding-right:0;
+ padding-left:0;
+}
+
+section#portfolio {
+ background-color: #0f1221;
+}
+
+#portfolio .portfolio-item {
+ right: 0;
+ margin: 0;
+ text-align: center;
+ display: block;
+ max-width: 650px;
+}
+#portfolio .portfolio-item:hover {
+ opacity: 1;
+}
+
+#portfolio .portfolio-item .portfolio-link {
+ display: block;
+ position: relative;
+ margin: 0 auto;
+ max-width: 400px;
+}
+
+#portfolio .portfolio-item .portfolio-link .portfolio-hover {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ opacity: 1;
+ background: rgba(254,209,54,.9);
+ -webkit-transition: all ease .5s;
+ -moz-transition: all ease .5s;
+ transition: all ease .5s;
+}
+
+#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
+ opacity: 1;
+}
+
+#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
+ position: absolute;
+ top: 50%;
+ width: 100%;
+ height: 20px;
+ margin-top: -12px;
+ text-align: center;
+ font-size: 20px;
+ color: #fff;
+}
+
+#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
+ margin-top: -12px;
+}
+
+#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
+#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
+ margin: 0;
+}
+
+#portfolio .portfolio-item .portfolio-caption {
+ padding: 25px;
+ max-width: 400px;
+ text-align: center;
+ background-color: #fff;
+}
+
+#portfolio .portfolio-item .portfolio-caption h4 {
+ margin: 0;
+ font-size: bold;
+ text-transform: none;
+ color: #494949;
+}
+
+#portfolio .portfolio-item .portfolio-caption p {
+ margin: 0;
+ font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+}
+
+#portfolio * {
+ z-index: 2;
+}
+
+.inline-block {
+ display: inline-block
+}
+
+@media(min-width:767px) {
+ #portfolio .portfolio-item {
+ margin: 0
+ }
+}
+
+.timeline {
+ position: relative;
+ padding: 0;
+ list-style: none;
+}
+
+.timeline:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 40px;
+ width: 2px;
+ margin-left: -1.5px;
+ background-color: #f1f1f1;
+}
+
+.timeline>li {
+ position: relative;
+ margin-bottom: 50px;
+ min-height: 50px;
+}
+
+.timeline>li:before,
+.timeline>li:after {
+ content: " ";
+ display: table;
+}
+
+.timeline>li:after {
+ clear: both;
+}
+
+.timeline>li .timeline-panel {
+ float: right;
+ position: relative;
+ width: 100%;
+ padding: 0 20px 0 100px;
+ text-align: left;
+}
+
+.timeline>li .timeline-panel:before {
+ right: auto;
+ left: -15px;
+ border-right-width: 15px;
+ border-left-width: 0;
+}
+
+.timeline>li .timeline-panel:after {
+ right: auto;
+ left: -14px;
+ border-right-width: 14px;
+ border-left-width: 0;
+}
+
+.timeline>li .timeline-image {
+ z-index: 100;
+ position: absolute;
+ left: 0;
+ width: 80px;
+ height: 80px;
+ margin-left: 0;
+ border: 7px solid #f1f1f1;
+ border-radius: 100%;
+ text-align: center;
+ color: #fff;
+ background-color: #a1cfd7;
+}
+
+.timeline>li .timeline-image h4 {
+ margin-top: 12px;
+ font-size: 10px;
+ line-height: 14px;
+}
+
+.timeline>li.timeline-inverted>.timeline-panel {
+ float: right;
+ padding: 0 20px 0 100px;
+ text-align: left;
+}
+
+.timeline>li.timeline-inverted>.timeline-panel:before {
+ right: auto;
+ left: -15px;
+ border-right-width: 15px;
+ border-left-width: 0;
+}
+
+.timeline>li.timeline-inverted>.timeline-panel:after {
+ right: auto;
+ left: -14px;
+ border-right-width: 14px;
+ border-left-width: 0;
+}
+
+.timeline>li:last-child {
+ margin-bottom: 0;
+}
+
+.timeline .timeline-heading h4 {
+ margin-top: 0;
+ color: inherit;
+}
+
+.timeline .timeline-heading h4.subheading {
+ text-transform: none;
+}
+
+.timeline .timeline-body>p,
+.timeline .timeline-body>ul {
+ margin-bottom: 0;
+}
+
+@media(min-width:768px) {
+ .timeline:before {
+ left: 50%;
+ }
+
+ .timeline>li {
+ margin-bottom: 100px;
+ min-height: 100px;
+ }
+
+ .timeline>li .timeline-panel {
+ float: left;
+ width: 41%;
+ padding: 0 20px 20px 30px;
+ text-align: right;
+ }
+
+ .timeline>li .timeline-image {
+ left: 50%;
+ width: 100px;
+ height: 100px;
+ margin-left: -50px;
+ }
+
+ .timeline>li .timeline-image h4 {
+ margin-top: 16px;
+ font-size: 12px;
+ line-height: 18px;
+ }
+
+ .timeline>li.timeline-inverted>.timeline-panel {
+ float: right;
+ padding: 0 30px 20px 20px;
+ text-align: left;
+ }
+}
+
+@media(min-width:992px) {
+ .timeline>li {
+ min-height: 150px;
+ }
+
+ .timeline>li .timeline-panel {
+ padding: 0 20px 20px;
+ }
+
+ .timeline>li .timeline-image {
+ width: 150px;
+ height: 150px;
+ margin-left: -75px;
+ }
+
+ .timeline>li .timeline-image h4 {
+ margin-top: 30px;
+ font-size: 18px;
+ line-height: 26px;
+ }
+
+ .timeline>li.timeline-inverted>.timeline-panel {
+ padding: 0 20px 20px;
+ }
+}
+
+@media(min-width:1200px) {
+ .timeline>li {
+ min-height: 170px;
+ }
+
+ .timeline>li .timeline-panel {
+ padding: 0 20px 20px 100px;
+ }
+
+ .timeline>li .timeline-image {
+ width: 170px;
+ height: 170px;
+ margin-left: -85px;
+ }
+
+ .timeline>li .timeline-image h4 {
+ margin-top: 40px;
+ }
+
+ .timeline>li.timeline-inverted>.timeline-panel {
+ padding: 0 100px 20px 20px;
+ }
+}
+
+.team-member {
+ margin-bottom: 0px;
+ text-align: center;
+}
+
+.team-member img {
+ margin: 0 auto;
+ border: 7px solid #fff;
+}
+
+.team-member h4 {
+ margin-top: 25px;
+ margin-bottom: 0;
+ text-transform: none;
+}
+
+.team-member p {
+ margin-top: 0;
+}
+
+aside.clients img {
+ margin: 50px auto;
+}
+
+section#contact {
+ background-color: #222;
+ background-image: url(../img/map-image.png);
+ background-position: center;
+ background-repeat: no-repeat;
+}
+
+section#contact .section-heading {
+ padding-top: 40px;
+ padding-bottom: 40px;
+ color: #fff;
+ font-size: 36px;
+ letter-spacing: 2px;
+}
+
+section#contact .form-group {
+ margin-bottom: 25px;
+}
+
+section#contact .form-group input,
+section#contact .form-group textarea {
+ padding: 20px;
+}
+
+section#contact .form-group input.form-control {
+ height: auto;
+}
+
+section#contact .form-group textarea.form-control {
+ height: 236px;
+}
+
+section#contact .form-control:focus {
+ border-color: #a1cfd7;
+ box-shadow: none;
+}
+
+section#contact::-webkit-input-placeholder {
+ text-transform: uppercase;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 700;
+ color: #bbb;
+}
+
+section#contact:-moz-placeholder {
+ text-transform: uppercase;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 700;
+ color: #bbb;
+}
+
+section#contact::-moz-placeholder {
+ text-transform: uppercase;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 700;
+ color: #bbb;
+}
+
+section#contact:-ms-input-placeholder {
+ text-transform: uppercase;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 700;
+ color: #bbb;
+}
+
+section#contact .text-danger {
+ color: #e74c3c;
+}
+
+footer {
+ padding: 25px 0;
+ text-align: center;
+}
+
+footer span.copyright {
+ text-transform: uppercase;
+ text-transform: none;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ line-height: 40px;
+}
+
+footer ul.quicklinks {
+ margin-bottom: 0;
+ text-transform: uppercase;
+ text-transform: none;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ line-height: 40px;
+}
+
+ul.social-buttons {
+ margin-bottom: 0;
+}
+
+ul.social-buttons li a {
+ display: block;
+ width: 40px;
+ height: 40px;
+ border-radius: 100%;
+ font-size: 20px;
+ line-height: 40px;
+ outline: 0;
+ color: #fff;
+ background-color: #222;
+ -webkit-transition: all .3s;
+ -moz-transition: all .3s;
+ transition: all .3s;
+}
+
+ul.social-buttons li a:hover,
+ul.social-buttons li a:focus,
+ul.social-buttons li a:active {
+ background-color: #a1cfd7;
+}
+
+.btn:focus,
+.btn:active,
+.btn.active,
+.btn:active:focus {
+ outline: 0;
+}
+
+.portfolio-modal .modal-content {
+ padding: 100px 0;
+ min-height: 100%;
+ border: 0;
+ border-radius: 0;
+ text-align: center;
+ background-clip: border-box;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.portfolio-modal .modal-content h2 {
+ margin-bottom: 15px;
+ font-size: 3em;
+}
+
+.portfolio-modal .modal-content p {
+ margin-bottom: 30px;
+}
+
+.portfolio-modal .modal-content p.item-intro {
+ margin: 20px 0 30px;
+ font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size: 16px;
+ font-style: italic;
+}
+
+.portfolio-modal .modal-content ul.list-inline {
+ margin-top: 0;
+ margin-bottom: 30px;
+}
+
+.portfolio-modal .modal-content img {
+ margin-bottom: 30px;
+}
+
+.portfolio-modal .close-modal {
+ position: absolute;
+ top: 25px;
+ right: 25px;
+ width: 75px;
+ height: 75px;
+ background-color: transparent;
+ cursor: pointer;
+}
+
+.portfolio-modal .close-modal:hover {
+ opacity: .3;
+}
+
+.portfolio-modal .close-modal .lr {
+ z-index: 1051;
+ width: 1px;
+ height: 75px;
+ margin-left: 35px;
+ background-color: #222;
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+
+.portfolio-modal .close-modal .lr .rl {
+ z-index: 1052;
+ width: 1px;
+ height: 75px;
+ background-color: #222;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+
+::-moz-selection {
+ text-shadow: none;
+ background: #a1cfd7;
+}
+
+::selection {
+ text-shadow: none;
+ background: #a1cfd7;
+}
+
+img::selection {
+ background: 0 0;
+}
+
+img::-moz-selection {
+ background: 0 0;
+}
+
+body {
+ webkit-tap-highlight-color: #a1cfd7;
+}
+
+section h3.section-comment {
+ margin-bottom: 75px;
+ text-transform: none;
+ font-family: "Open Sans", "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-style:italic
+ font-size: 18px;
+ font-weight: 400;
+ color: #494949;
+}
+
+small-comment {
+ font-family: "Open Sans", "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ margin-bottom: none;
+ font-transform: none;
+ font-size:10px;
+ font-weight:400;
+ color: #777
+}
+
+logo-image {
+ z-index: 100;
+ position: absolute;
+ left: 0;
+ width: 80px;
+ height: 80px;
+ margin-left: 0;
+ border: 7px solid #f1f1f1;
+ border-radius: 100%;
+ text-align: center;
+ color: #fff;
+ background-color: #a1cfd7;
+}
+
+
+intro-cap {
+ margin-bottom: 25px;
+ text-transform: uppercase;
+ font-family: 'Raleway', "Helvetica Neue", "Helvetica Neue", Helvetica,Arial,sans-serif;
+ font-size: 24px;
+ font-weight: 400;
+ line-height: 50px;
+ color:#fff
+ background-color: #a1cfd7;
+}
+.intro-small {
+ font-family: 'Montserrat' ,'Raleway', "Open Sans Bold", Helvetica, Arial, "Arial Bold", sans-serif;
+ font-size: 20px;
+ font-style: normal;
+ font-weight: 100;
+ text-transform: uppercase;
+ color: #FFF;
+}
+intro-headline {
+ margin-bottom: 25px;
+ text-transform: uppercase;
+ font-family: 'Raleway', "Helvetica Neue", "Helvetica Neue", Helvetica,Arial,sans-serif;
+ font-size: 24px;
+ font-weight: 400;
+ line-height: 100px;
+ color:#fff
+ background-color: #a1cfd7;
+}
+h6 intro-smallcap {
+ margin-bottom: 25px;
+ text-transform: none;
+ font-family:'Raleway' , Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size: 18px;
+ font-weight: 400;
+ line-height: 50px;
+ color:#fff
+ background-color: #a1cfd7;
+}
+.darkened-container {
+ /* Fallback for web browsers that doesn't support RGBa */
+ background: rgb(0, 0, 0);
+/* RGBa with 0.6 opacity */
+ background: rgba(0, 0, 0, 0.5);
+ /* bottom:0; */
+ /* left:0; */
+ padding-bottom: 30px;
+ /* padding-top: 30px; */
+ /* bottom: 0px: */
+ /* position: absolute; */
+ /* right: 0; */
+ /* bottom 10px;
+ box-sizing: border-box;
+ font-size: 14px;
+ line-height: 1.43;
+ height: 86px; /* this is wrong */
+ /*color: #484848;*/
+}
+
+.carousel-indicators li {
+ display: inline-block;
+ width: 5px;
+ height: 5px;
+ margin: 10px;
+ text-indent: -999px;
+ cursor: pointer;
+ color: #fff;
+ opacity: .45;
+ padding: 1px;
+ border: 0;
+ background-color: #fff;
+ border-radius: 10px;
+ font-size: 6px;
+}
+
+.carousel-indicators li.active, .text-carousel .carousel-indicators li.active {
+ display: inline-block;
+ width: 5px;
+ height: 5px;
+ margin: 10px;
+ cursor: pointer;
+ padding: 1px;
+ border: 0;
+ color: #fff;
+ opacity: .8;
+}
+@media (min-width: 740px)
+.carousel-inner, .text-carousel .carousel-inner {
+ min-height: 225px;
+}
+
+.carousel-text {
+ text-transform : none;
+ font-family:"Raleway" , Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size : 20px;
+ font-weight : 100;
+ lign-heignt: 2px;
+ color : #666;
+ text-align : center;
+}
+/*
+.caption {
+ width: 100%;
+ text-align: center;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+}
+*/
+
+.call-to-action h2 {
+ margin: 0 auto 20px;
+}
+/*
+ * Start Bootstrap - Half Slider (http://startbootstrap.com/)
+ * Copyright 2013-2016 Start Bootstrap
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
+ */
+
+html,
+body {
+ height: 100%;
+}
+
+
+/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */
+
+.carousel {
+ height: 80%;
+}
+
+.item,
+.active,
+.carousel-inner {
+ height: 100%;
+}
+
+.carousel-caption-text {
+ font-family: Raleway, Montserrat, Helvetica Neue, Helvetica, sans-serif;
+ font-weight: 200;
+ text-transform: None;
+ color: #fff;
+ letter-spacing: 2px;
+ text-align: left;
+ line-height: 1.25;
+ left: 7%;
+ padding-bottom: 50px;
+}
+
+.carousel-positioned {
+ position: 50%;
+ font-size: 30px
+}
+
+.carousel-control {
+ height: 100%;
+
+}
+/* Background images are set within the HTML using inline CSS, not here */
+
+.fill {
+ width: 100%;
+ height: 100%;
+ background-position: center;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+}
+/*
+footer {
+ margin: 50px 0;
+}*/
+
+.map-responsive{
+ overflow:hidden;
+ padding-bottom:56.25%;
+ position:relative;
+ height:0;
+}
+.map-responsive iframe{
+ left:0;
+ top:0;
+ height:100%;
+ width:100%;
+ position:absolute;
+}
+
+.map-caption{
+ text-transform:uppercase;
+ font-size: 13px;
+ font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif;
+ font-weight: 400;
+ color: #ffffff;
+ letter-spacing: 1px;
+ text-align:center;
+}
+
+.map-title{
+ text-transform: none;
+ font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif;
+ font-weight: 400;
+ color: #a1cfd7;
+ font-size: 18px;
+ letter-spacing: 1px;
+ text-align:left;
+ padding-top: 30px;
+}
+
+hr {
+ border-color: #88c7d7;
+ border-width: 3px;
+ max-width: 50px;
+}
+
+.navbar-right {
+ float: right!important;
+ margin-right: -100px;
+}
\ No newline at end of file
diff --git a/digitalglarus/static/digitalglarus/css/history.css b/digitalglarus/static/digitalglarus/css/history.css
index d484ddd1..91de1abf 100644
--- a/digitalglarus/static/digitalglarus/css/history.css
+++ b/digitalglarus/static/digitalglarus/css/history.css
@@ -1,11 +1,11 @@
@charset "UTF-8";
/* CSS Document */
-header.history {
+header {
text-align: center;
color: #fff;
background-attachment: scroll;
- background-image: url(../img/header_bg_4.png);
+ background-image: url(../img/header_bg_2.png);
background-position: center center;
background-repeat: none;
-webkit-background-size: cover;
@@ -14,64 +14,294 @@ header.history {
-o-background-size: cover;
}
-.supporter {
- font-size:18px;
- font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif;
- text-align:center;
- line-height: 2.5;
+header.history {
+ background-image: url(../img/header_bg_4.png);
+}
+
+
+.supportus {
+ background-image: url(../img/bal_header.png);
+ text-align: center;
color: #fff;
+ background-attachment: scroll;
+ background-position: center center;
+ background-repeat: none;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+ display: block;
+ overflow-x: hidden;
+}
+
+.supportus .intro-text {
+ padding-top: 100px;
+ padding-bottom: 50px;
+}
+
+.supportus .intro-text .intro-lead-in {
+ margin-bottom: 25px;
+ font-family: 'Raleway', "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size: 22px;
+ font-style: italic;
+ line-height: 22px;
+}
+
+.supportus .intro-text .intro-heading {
+ margin-bottom: 25px;
+ text-transform: uppercase;
+ font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size: 50px;
+ font-weight: 700;
+ line-height: 50px;
+}
+
+.supportus .intro-headline-big {
+ font-family: 'Raleway' , "Open Sans Bold", Helvetica, Arial, "Arial Bold", sans-serif;
+ font-size: 2.6em;
+ font-style: normal;
+ font-weight: 200;
+ text-transform: none;
+ text-transform: uppercase;
+ color: #fff;
+}
+@media(min-width : 320px) {
+ .supportus .intro-text {
+ padding-top: 200px;
+ padding-bottom: 200px;
+ }
+
+ .supportus .intro-text .intro-lead-in {
+ margin-bottom: 25px;
+ font-family: "Open Sans Extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 40px;
+ line-height: 40px;
+ font-style: normal;
+ }
+
+ .supportus .intro-text .intro-heading {
+ margin-bottom: 50px;
+ text-transform: uppercase;
+ font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size: 75px;
+ font-weight: 700;
+ line-height: 75px;
+}
+.supportus .intro-headline-big {
+ font-family: 'Raleway', "Open Sans Bold", Helvetica, Arial, "Arial Bold",
+ font-size: 2.6em;
+ font-style: normal;
+ font-weight: 800;
+ text-transform: uppercase;
+ color: #ffffff;
+ line-height: 1;
+ opacity: 0.85;
+
+}
+
+.supportus-box {
+ border-style: solid;
+ border-width: 1px;
+ border-color: #ddd;
+ margin-left: 15px;
+ margin-right: 15px;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+/*.supportus .portfolio-item {
+ right: 0;
+ margin: 0;
+ text-align: center;
+ display: block;
+ max-width: 650px;
+ border: 1px;
+ border-color: #ddd;
+}
+
+.supportus .portfolio-item:hover {
+ opacity: 1;
+}
+
+.supportus .portfolio-item .portfolio-link {
+ display: block;
+ position: relative;
+ margin: 0 auto;
+ max-width: 400px;
+}
+
+.supportus .portfolio-item .portfolio-link .portfolio-hover {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ opacity: 1;
+ background: rgba(254,209,54,.9);
+ -webkit-transition: all ease .5s;
+ -moz-transition: all ease .5s;
+ transition: all ease .5s;
+}
+.supportus .portfolio-item .portfolio-link .portfolio-hover:hover {
+ opacity: 1;
+}
+
+.supportus .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
+ position: absolute;
+ top: 50%;
+ width: 100%;
+ height: 20px;
+ margin-top: -12px;
+ text-align: center;
+ font-size: 20px;
+ color: #fff;
+}
+
+.supportus .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
+ margin-top: -12px;
+}
+.supportus .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
+.supportus .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
+ margin: 0;
+}
+
+.supportus .portfolio-item .portfolio-caption {
+ padding: 25px;
+ max-width: 400px;
+ text-align: center;
+ background-color: #fff;
+}
+
+.supportus .portfolio-item .portfolio-caption h4 {
+ margin: 0;
+ font-size: bold;
+ text-transform: none;
+ color: #494949;
+}
+
+.supportus .portfolio-item .portfolio-caption p {
+ margin: 0;
+ font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+}
+
+.supportus * {
+ z-index: 2;
+}
+
+@media(min-width:767px) {
+ .supportus .portfolio-item {
+ margin: 0
+ }
+}
+*/
+
+.supporter-lead {
+ padding: 15px 5px 15px;
+ color: #000;
+ font-size:18px;
+ font-weight: 200;
+ font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif;
+ text-align:center;
+ line-height: 1.6;
+}
+
+.white-background {
+ background-color: #fff;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+ color: #777;
+}
+
+.whatwedowith {
+ margin-top: 50px;
+ margin-bottom: 0px;
+ padding-top: 3em;
+ padding-bottom: 3em;
+ background-image: url(../img/bricks_header_inverse.png);
+ background-size: cover;
+ background-repeat:no-repeat;
+ -webkit-background-size:cover;
+ -moz-background-size:cover;
+ -o-background-size:cover;
+ background-position:center;
+}
+
+.www {
+ margin-top: 3em;
+ margin-bottom: 15px;
+ font-size: 36px;
+ color: #494949;
+}
+
+.whatwe-wrap {
+ padding-bottom: 2em;
+ padding-top: 0;
+ margin-top: 2em;
+ margin-bottom: 0;
+ font-size: 36px;
+ color: #494949;
+}
+
+
+.supporter {
+ font-size:18px;
+ font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif;
+ text-align:center;
+ line-height: 2.5;
+ color: #fff;
}
.supporter-intro {
padding: 15px 5px 15px;
- color: #fff;
+ color: #fff;
}
.supporter-black {
padding: 15px 5px 15px;
- color: #000;
- font-size:18px;
- font-weight: 200;
- font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif;
- text-align:center;
- line-height: 1.8;
+ color: #000000;
+ font-size:18px;
+ font-weight: 200;
+ font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif;
+ text-align:center;
+ line-height: 1.8;
}
-@media (max-width: 979px) and (min-width: 768px)
+@media (max-width: 979px)
.supporter-black{
- width: 100%;
+ width: 100%;
}
.supporter-headline {
- color: #fff;
- font-size: 36px;
- text-transform: uppercase;
+ color: #fff;
+ font-size: 36px;
+ text-transform: uppercase;
font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
- padding-top: 50px;
- margin-top: 0;
+ padding-top: 50px;
+ margin-top: 0;
margin-bottom: 15px;
}
.supporter-bg {
- background-image:url(../img/bg-supporter.png);
- background-position: center center;
- background-repeat: none;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- background-size: cover;
- -o-background-size: cover;
+ background-image:url(../img/bg-supporter.png);
+ background-position: center center;
+ background-repeat: none;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
}
-
+
.glyphicon-star {
- font-size: 44px;
+ font-size: 44px;
display: block;
text-align: center;
margin: 30px auto 30px;
- color: #88c7d7;
+ color: #88c7d7;
}
.glyphicon-heart {
- font-size: 42px;
+ font-size: 42px;
display: block;
text-align: center;
margin: 40px auto 20px;
@@ -79,7 +309,7 @@ header.history {
}
.glyphicon-home {
- font-size: 42px;
+ font-size: 42px;
display: block;
text-align: center;
margin: 40px auto 40px;
@@ -88,7 +318,7 @@ header.history {
.glyphicon-road {
- font-size: 42px;
+ font-size: 42px;
display: block;
text-align: center;
margin: 40px auto 20px;
@@ -96,7 +326,7 @@ header.history {
}
/*.glyphicon-inverse {
- display: block;
+ display: block;
width: 40px;
height: 40px;
border-radius: 100%;
@@ -109,7 +339,7 @@ header.history {
-moz-transition: all .3s;
transition: all .3s;
}*/
-
+
#hr.grey {
border-color: #ddd;
border-width: 1px;
@@ -117,35 +347,24 @@ header.history {
}
.img-100days{
- width:220px;
- height: 330px;
- display: block;
+ width:220px;
+ height: 330px;
+ display: block;
position: absolute;
left: 0;
top: 0;
text-decoration: none;
}
-#price {
- background-color: #ddd;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- background-size: cover;
- -o-background-size: cover;
-}
-.price-box{
- padding-left: 15px;
- padding-right: 15px;
- padding-top: 30px;
- padding-bottom: 30px;
- margin-bottom: 30px;
- color: inherit;
- background-color: #fff;
- margin-top: 30px;
- margin-left: 10px;
- margin-right: 10px;
+section#waystohelp {
+ background-color: #fff;
+ display: block;
+ margin-top: 50px;
}
-.graph{
- padding-top: 30px;
+.whatwedo{
+ margin-top: 0;
+ margin-bottom: 15px;
+ font-size: 36px;
+ color: #f5f5f5;
}
\ No newline at end of file
diff --git a/digitalglarus/static/digitalglarus/css/history1.css b/digitalglarus/static/digitalglarus/css/history1.css
new file mode 100644
index 00000000..d484ddd1
--- /dev/null
+++ b/digitalglarus/static/digitalglarus/css/history1.css
@@ -0,0 +1,151 @@
+@charset "UTF-8";
+/* CSS Document */
+
+header.history {
+ text-align: center;
+ color: #fff;
+ background-attachment: scroll;
+ background-image: url(../img/header_bg_4.png);
+ background-position: center center;
+ background-repeat: none;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+}
+
+.supporter {
+ font-size:18px;
+ font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif;
+ text-align:center;
+ line-height: 2.5;
+ color: #fff;
+}
+
+.supporter-intro {
+ padding: 15px 5px 15px;
+ color: #fff;
+}
+
+.supporter-black {
+ padding: 15px 5px 15px;
+ color: #000;
+ font-size:18px;
+ font-weight: 200;
+ font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif;
+ text-align:center;
+ line-height: 1.8;
+}
+
+@media (max-width: 979px) and (min-width: 768px)
+.supporter-black{
+ width: 100%;
+}
+
+.supporter-headline {
+ color: #fff;
+ font-size: 36px;
+ text-transform: uppercase;
+ font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 400;
+ padding-top: 50px;
+ margin-top: 0;
+ margin-bottom: 15px;
+}
+.supporter-bg {
+ background-image:url(../img/bg-supporter.png);
+ background-position: center center;
+ background-repeat: none;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+}
+
+.glyphicon-star {
+ font-size: 44px;
+ display: block;
+ text-align: center;
+ margin: 30px auto 30px;
+ color: #88c7d7;
+}
+
+.glyphicon-heart {
+ font-size: 42px;
+ display: block;
+ text-align: center;
+ margin: 40px auto 20px;
+ color: #88c7d7;
+}
+
+.glyphicon-home {
+ font-size: 42px;
+ display: block;
+ text-align: center;
+ margin: 40px auto 40px;
+ color: #88c7d7;
+}
+
+
+.glyphicon-road {
+ font-size: 42px;
+ display: block;
+ text-align: center;
+ margin: 40px auto 20px;
+ color: #88c7d7;
+}
+
+/*.glyphicon-inverse {
+ display: block;
+ width: 40px;
+ height: 40px;
+ border-radius: 100%;
+ font-size: 20px;
+ line-height: 40px;
+ outline: 0;
+ color: #fff;
+ background-color: #88c7d7;
+ -webkit-transition: all .3s;
+ -moz-transition: all .3s;
+ transition: all .3s;
+}*/
+
+#hr.grey {
+ border-color: #ddd;
+ border-width: 1px;
+ max-width: 100px;
+}
+
+.img-100days{
+ width:220px;
+ height: 330px;
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ text-decoration: none;
+}
+
+#price {
+ background-color: #ddd;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+}
+.price-box{
+ padding-left: 15px;
+ padding-right: 15px;
+ padding-top: 30px;
+ padding-bottom: 30px;
+ margin-bottom: 30px;
+ color: inherit;
+ background-color: #fff;
+ margin-top: 30px;
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+.graph{
+ padding-top: 30px;
+}
\ No newline at end of file
diff --git a/digitalglarus/static/digitalglarus/img/bal_header.png b/digitalglarus/static/digitalglarus/img/bal_header.png
new file mode 100644
index 00000000..e3859f23
Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/bal_header.png differ
diff --git a/digitalglarus/static/digitalglarus/img/bricks_header.png b/digitalglarus/static/digitalglarus/img/bricks_header.png
new file mode 100644
index 00000000..266d1f1a
Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/bricks_header.png differ
diff --git a/digitalglarus/static/digitalglarus/img/bricks_header_inverse.png b/digitalglarus/static/digitalglarus/img/bricks_header_inverse.png
new file mode 100644
index 00000000..1c48cb98
Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/bricks_header_inverse.png differ
diff --git a/digitalglarus/static/digitalglarus/img/supportus/1.png b/digitalglarus/static/digitalglarus/img/supportus/1.png
new file mode 100644
index 00000000..7d0a72ab
Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/1.png differ
diff --git a/digitalglarus/static/digitalglarus/img/supportus/2.png b/digitalglarus/static/digitalglarus/img/supportus/2.png
new file mode 100644
index 00000000..5ce5868c
Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/2.png differ
diff --git a/digitalglarus/static/digitalglarus/img/supportus/3.png b/digitalglarus/static/digitalglarus/img/supportus/3.png
new file mode 100644
index 00000000..ed03ccad
Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/3.png differ
diff --git a/digitalglarus/static/digitalglarus/img/supportus/4.png b/digitalglarus/static/digitalglarus/img/supportus/4.png
new file mode 100644
index 00000000..4e04eea1
Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/4.png differ
diff --git a/digitalglarus/static/digitalglarus/img/supportus/5.png b/digitalglarus/static/digitalglarus/img/supportus/5.png
new file mode 100644
index 00000000..60f21389
Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/5.png differ
diff --git a/digitalglarus/static/digitalglarus/img/supportus/6.png b/digitalglarus/static/digitalglarus/img/supportus/6.png
new file mode 100644
index 00000000..3c2c6301
Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/6.png differ
diff --git a/digitalglarus/static/digitalglarus/img/supportus/7.png b/digitalglarus/static/digitalglarus/img/supportus/7.png
new file mode 100644
index 00000000..b42db82e
Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/7.png differ
diff --git a/digitalglarus/templates/digitalglarus/history.html b/digitalglarus/templates/digitalglarus/history.html
index f3e96e7f..ae407d34 100755
--- a/digitalglarus/templates/digitalglarus/history.html
+++ b/digitalglarus/templates/digitalglarus/history.html
@@ -102,7 +102,7 @@
{% endfor %}
- Become a supporter
+ Become a supporter
@@ -118,7 +118,8 @@