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; font-size: 18px;
} }
@media only screen and (max-width: 400px){
h1, h2 {
font-size: 20px;
}
}
.portfolio-caption-white { .portfolio-caption-white {
text-transform: uppercase; text-transform: uppercase;
font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif; font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif;

View file

@ -5,7 +5,7 @@ header {
text-align: center; text-align: center;
color: #fff; color: #fff;
background-attachment: scroll; background-attachment: scroll;
background-image: url(../img/header_bg_4.png); background-image: url(../img/header_bg_2.png);
background-position: center center; background-position: center center;
background-repeat: none; background-repeat: none;
-webkit-background-size: cover; -webkit-background-size: cover;
@ -14,6 +14,11 @@ header {
-o-background-size: cover; -o-background-size: cover;
} }
header.history {
background-image: url(../img/header_bg_4.png);
}
.supportus { .supportus {
background-image: url(../img/bal_header.png); background-image: url(../img/bal_header.png);
text-align: center; text-align: center;

View file

@ -118,7 +118,8 @@
<div class="row" class="wow fadeInDown"> <div class="row" class="wow fadeInDown">
<div class="col-lg-12 text-center wow fadeInDown"> <div class="col-lg-12 text-center wow fadeInDown">
<div class=" map-wrap"> <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"> <div class="col-md-4 map-title">
Digital Glarus<br> Digital Glarus<br>
<span class="map-caption">In der Au 7 Schwanden 8762 Switzerland <span class="map-caption">In der Au 7 Schwanden 8762 Switzerland

View file

@ -18,6 +18,7 @@
padding: .5em; padding: .5em;
padding-right: 1.5em padding-right: 1.5em
} }
</style> </style>
<section id="price"> <section id="price">
@ -97,9 +98,10 @@
<span class="custom-control-indicator"></span> <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> <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> </label>
<div class="row">
<div class="col-xs-12"> <div class="col-xs-6 col-md-12">
<button class="btn btn-primary btn-md btn-blck submit-payment" type="submit">Purchase membership</button> <button class="btn btn-primary btn-md btn-blck submit-payment" type="submit">Purchase membership</button>
</div>
</div> </div>
</div> </div>
<div class="row" style="display:none;"> <div class="row" style="display:none;">

View file

@ -25,6 +25,14 @@
color: white; color: white;
} }
#waystohelp .wow{
background-color: white;
}
.whatwedowith {
margin-top: 0px;
}
</style> </style>
{% endblock %} {% endblock %}
@ -33,19 +41,19 @@
<!-- Header --> <!-- Header -->
<section> <section>
<div class="supportus"> <div class="supportus">
<div class="container"> <div class="container">
<div class="intro-text"> <div class="intro-text">
<p> <p>
</p> </p>
<div class="intro-headline-big"> <div class="intro-headline-big">
<span class="intro-headline-big"> <span class="intro-headline-big">
Become Our Supporter Become Our Supporter
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- form section ends--> <!-- form section ends-->
<!-- Services Section --> <!-- Services Section -->
@ -120,14 +128,11 @@
<hr class="primary"> <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> <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"> </div>
<button type="submit" class="btn btn-primary btn-blue">Donate</button> </div>
</div>
</div> --> </div>
</div> </div>
</div>
</div>
</div>
</section> </section>
<section id="whatwedowith"> <section id="whatwedowith">
@ -137,39 +142,37 @@
<h2 class="whatwedo">What we do with your support</h2> <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> <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="row">
<div class="col-md-3"></div> <div class="col-md-6 col-md-offset-3 supportus-posts">
<div class="col-md-6 supportus-posts"> <div class="blog-list">
<section class="blog-list">
{% for post in post_list %} {% for post in post_list %}
{% include "ungleich/djangocms_blog/includes/blog_item.html" with post=post image="true" TRUNCWORDS_COUNT=TRUNCWORDS_COUNT %} {% include "ungleich/djangocms_blog/includes/blog_item.html" with post=post image="true" TRUNCWORDS_COUNT=TRUNCWORDS_COUNT %}
{% endfor %} {% 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>
</div>
</section> </section>
<section id="contact"> <section id="contact">
<div class="fill"> <div class="row">
<div class="row col-lg-12" class="wow fadeInDown"> <div class="fill wow fadeInDown">
<div class="col-md-4 map-title"> <div class="col-lg-12 text-center wow fadeInDown">
Digital Glarus <br> <div class="col-md-4 map-title">
<span class="map-caption">In der Au 7 Schwanden 8762 Switzerland Digital Glarus<br>
<br>info@digitalglarus.ch <span class="map-caption">In der Au 7 Schwanden 8762 Switzerland
<br>info@digitalglarus.ch
<br> <br>
(044) 534-66-22 (044) 534-66-22
<p>&nbsp;</p>
</span>
</div>
<p>&nbsp;</p> <p>&nbsp;</p>
</span> </div>
</div> </div>
<p>&nbsp;</p> </div>
</div>
</div>
</section> </section>
{% endblock %} {% endblock %}

View file

@ -7,7 +7,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <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="description" content="">
<meta name="author" content=""> <meta name="author" content="">
@ -79,6 +80,39 @@
margin: 0px; margin: 0px;
color:white; 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> </style>
{% block extra_css %} {% endblock %} {% block extra_css %} {% endblock %}
</head> </head>
@ -113,9 +147,6 @@
<li> <li>
<a class="page-scroll" href="{% url 'digitalglarus:history' %}">history</a> <a class="page-scroll" href="{% url 'digitalglarus:history' %}">history</a>
</li> </li>
<li>
<a class="page-scroll" href="{% url 'digitalglarus:supportus' %}">support us</a>
</li>
<li> <li>
<a class="page-scroll" href="http://blog.ungleich.ch">BLOG</a> <a class="page-scroll" href="http://blog.ungleich.ch">BLOG</a>
</li> </li>
@ -124,6 +155,29 @@
</li> </li>
{% if request.user.is_authenticated %} {% 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"> <li class="dropdown home-dropdown">
<a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#"> <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">
<i class="glyphicon glyphicon-user"></i>{{request.user.name}} <span class="caret"></span> <i class="glyphicon glyphicon-user"></i>{{request.user.name}} <span class="caret"></span>