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

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;

digitalglarus/static/digitalglarus/css/history.css

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

digitalglarus/templates/digitalglarus/history.html

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

digitalglarus/templates/digitalglarus/membership_payment.html

@@ -18,6 +18,7 @@
     padding: .5em;
     padding-right: 1.5em
   }
+
 </style>
 
   <section id="price">
@@ -97,11 +98,12 @@
                                      <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="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>
                                       </div>
                                     </div>
+                                </div>
                                 <div class="row" style="display:none;">
                                     <div class="col-xs-12">
                                         <p class="payment-errors"></p>

digitalglarus/templates/digitalglarus/supportus.html

@@ -25,6 +25,14 @@
     color: white;
   }
 
+  #waystohelp .wow{
+    background-color: white;
+  }
+
+  .whatwedowith {
+    margin-top: 0px;
+  }
+
   </style>
 {% endblock %}
 
@@ -120,10 +128,7 @@
                   <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">  
+                  </div>
-                           <button type="submit" class="btn btn-primary btn-blue">Donate</button>
-           
-                  </div> -->
              </div>       
       </div>
   </div>
@@ -137,28 +142,25 @@
           <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 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 %}
                   {% 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>
+
  
  </section>
     
     <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-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
@@ -171,5 +173,6 @@
              <p>&nbsp;</p>
           </div>
         </div>
+      </div>
     </section>
 {% endblock %}

digitalglarus/templates/new_base_glarus.html

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