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:
		
					parent
					
						
							
								2a4b6e973d
							
						
					
				
			
			
				commit
				
					
						b3f4576f86
					
				
			
		
					 6 changed files with 123 additions and 52 deletions
				
			
		|  | @ -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; | ||||
|  |  | |||
|  | @ -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; | ||||
|  |  | |||
|  | @ -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 | ||||
|  |  | |||
|  | @ -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="col-xs-12"> | ||||
|                                     <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;"> | ||||
|                                     <div class="col-xs-12"> | ||||
|                                         <p class="payment-errors"></p> | ||||
|  |  | |||
|  | @ -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">   | ||||
|                            <button type="submit" class="btn btn-primary btn-blue">Donate</button> | ||||
|             | ||||
|                   </div> --> | ||||
|                   </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 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> | ||||
| 
 | ||||
| <!--                 <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 id="contact"> | ||||
|       <div class="fill"> | ||||
|        <div class="row col-lg-12" class="wow fadeInDown"> | ||||
|       <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 | ||||
|  | @ -171,5 +173,6 @@ | |||
|              <p> </p> | ||||
|           </div> | ||||
|         </div> | ||||
|       </div> | ||||
|     </section> | ||||
| {% endblock %} | ||||
|  | @ -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> | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue