Updated DG index cover img. Updated History DG cover img. working on # 2694 Fixing mobile responsive DG buttons. Added dropdown menu in DG mobile version

This commit is contained in:
Levi 2016-11-21 10:41:21 -05:00
parent 2a4b6e973d
commit b3f4576f86
6 changed files with 123 additions and 52 deletions

View file

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

View file

@ -5,7 +5,7 @@ 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,6 +14,11 @@ header {
-o-background-size: cover;
}
header.history {
background-image: url(../img/header_bg_4.png);
}
.supportus {
background-image: url(../img/bal_header.png);
text-align: center;

View file

@ -118,7 +118,8 @@
<div class="row" class="wow fadeInDown">
<div class="col-lg-12 text-center wow fadeInDown">
<div class=" map-wrap">
<iframe style="pointer-events:none;margin-top:20px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2721.4267495037207!2d9.070190915609343!3d46.99259307914885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47852e9322cc1971%3A0xf1558647dfdfaa60!2sIn+der+Au+7%2C+8762+Glarus+S%C3%BCd!5e0!3m2!1sen!2sch!4v1470238006004" width="100%" height="450" frameborder="0" style="border:0"></iframe></div>
<iframe style="pointer-events:none;margin-top:20px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2721.4267495037207!2d9.070190915609343!3d46.99259307914885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47852e9322cc1971%3A0xf1558647dfdfaa60!2sIn+der+Au+7%2C+8762+Glarus+S%C3%BCd!5e0!3m2!1sen!2sch!4v1470238006004" width="100%" height="450" frameborder="0" style="border:0"></iframe>
</div>
<div class="col-md-4 map-title">
Digital Glarus<br>
<span class="map-caption">In der Au 7 Schwanden 8762 Switzerland

View file

@ -18,6 +18,7 @@
padding: .5em;
padding-right: 1.5em
}
</style>
<section id="price">
@ -97,9 +98,10 @@
<span class="custom-control-indicator"></span>
<span class="custom-control-description">I accept the Digital Glarus <a href=#>Terms and Conditions</a>, <a href=#>Community Guidelines</a> and <a href=#>Privacy Policy</a></span>
</label>
<div class="col-xs-12">
<button class="btn btn-primary btn-md btn-blck submit-payment" type="submit">Purchase membership</button>
<div class="row">
<div class="col-xs-6 col-md-12">
<button class="btn btn-primary btn-md btn-blck submit-payment" type="submit">Purchase membership</button>
</div>
</div>
</div>
<div class="row" style="display:none;">

View file

@ -25,6 +25,14 @@
color: white;
}
#waystohelp .wow{
background-color: white;
}
.whatwedowith {
margin-top: 0px;
}
</style>
{% endblock %}
@ -33,19 +41,19 @@
<!-- Header -->
<section>
<div class="supportus">
<div class="container">
<div class="intro-text">
<p>
</p>
<div class="intro-headline-big">
<span class="intro-headline-big">
Become Our Supporter
</span>
</div>
</div>
</div>
</div>
<div class="supportus">
<div class="container">
<div class="intro-text">
<p>
</p>
<div class="intro-headline-big">
<span class="intro-headline-big">
Become Our Supporter
</span>
</div>
</div>
</div>
</div>
</section>
<!-- form section ends-->
<!-- Services Section -->
@ -120,14 +128,11 @@
<hr class="primary">
<p>Your donation helps us renovate our 100+years old coworking space! This very old house needs a lot of love.</p>
<!-- <div class="submit-box">
<button type="submit" class="btn btn-primary btn-blue">Donate</button>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="whatwedowith">
@ -137,39 +142,37 @@
<h2 class="whatwedo">What we do with your support</h2>
<p class="carousel-text text-center supporter-white">Discover how your donation is being used in renovating our coworking space!</p>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6 supportus-posts">
<section class="blog-list">
<div class="col-md-6 col-md-offset-3 supportus-posts">
<div class="blog-list">
{% for post in post_list %}
{% include "ungleich/djangocms_blog/includes/blog_item.html" with post=post image="true" TRUNCWORDS_COUNT=TRUNCWORDS_COUNT %}
{% endfor %}
</section>
</div>
</div>
<!-- <a href="https://blog.ungleich.ch/en-us/blog/2016/05/21/renovation-digital-chalet/">
<img class="img-responsive img-centered" src="{% static 'digitalglarus/img/supportus/7.png' %}" alt="">
</a>
--> </div>
<div class="col-md-2"></div>
</div>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="fill">
<div class="row col-lg-12" class="wow fadeInDown">
<div class="col-md-4 map-title">
Digital Glarus <br>
<span class="map-caption">In der Au 7 Schwanden 8762 Switzerland
<br>info@digitalglarus.ch
<div class="row">
<div class="fill wow fadeInDown">
<div class="col-lg-12 text-center wow fadeInDown">
<div class="col-md-4 map-title">
Digital Glarus<br>
<span class="map-caption">In der Au 7 Schwanden 8762 Switzerland
<br>info@digitalglarus.ch
<br>
(044) 534-66-22
<p>&nbsp;</p>
</span>
</div>
<p>&nbsp;</p>
</span>
</div>
<p>&nbsp;</p>
</div>
</div>
</div>
</div>
</section>
{% endblock %}

View file

@ -7,7 +7,8 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<meta name="viewport" content="width=device-width" />
<meta name="description" content="">
<meta name="author" content="">
@ -79,6 +80,39 @@
margin: 0px;
color:white;
}
@media only screen and (min-width: 769px){
.dropdown.home-dropdown-mobile {
display: none;
}
.dropdown.home-dropdown {
display: block;
}
}
@media only screen and (max-width: 768px){
.dropdown.home-dropdown-mobile {
display: block;
background-color:
}
.dropdown.home-dropdown-mobile .dropdown-menu{
display: block;
background-color: #0f1221;
}
.dropdown.home-dropdown-mobile .dropdown-menu li a {
color:white;
}
.dropdown.home-dropdown-mobile .dropdown-menu li a:hover {
color: #0f1221;
}
.dropdown.home-dropdown {
display: none;
}
}
</style>
{% block extra_css %} {% endblock %}
</head>
@ -113,9 +147,6 @@
<li>
<a class="page-scroll" href="{% url 'digitalglarus:history' %}">history</a>
</li>
<li>
<a class="page-scroll" href="{% url 'digitalglarus:supportus' %}">support us</a>
</li>
<li>
<a class="page-scroll" href="http://blog.ungleich.ch">BLOG</a>
</li>
@ -124,6 +155,29 @@
</li>
{% if request.user.is_authenticated %}
<li class="dropdown home-dropdown-mobile open">
<a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">
<i class="glyphicon glyphicon-user"></i>{{request.user.name}} <span class="caret"></span>
</a>
<ul id="g-account-menu" class="dropdown-menu" role="menu">
<li>
<a href="{% url 'digitalglarus:booking_orders_list' %}">
<i class="fa fa-home" aria-hidden="true"></i> {% trans "Bookings"%}
</a>
</li>
<li>
<a href="{% url 'digitalglarus:membership_orders_list' %}"><i class="fa fa-heart-o" aria-hidden="true"></i> {% trans "Membership"%}
</a>
</li>
<li>
<a href="{% url 'digitalglarus:logout' %}">
<i class="fa fa-lock" aria-hidden="true"></i>
{% trans "Logout"%}
</a>
</li>
</ul>
</li>
<li class="dropdown home-dropdown">
<a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">
<i class="glyphicon glyphicon-user"></i>{{request.user.name}} <span class="caret"></span>