spring 5 without the notice box
This commit is contained in:
		
					parent
					
						
							
								855c8f1140
							
						
					
				
			
			
				commit
				
					
						402a6d001e
					
				
			
		
					 6 changed files with 182 additions and 33 deletions
				
			
		|  | @ -248,34 +248,34 @@ | ||||||
|       </div>--> |       </div>--> | ||||||
|     </div> |     </div> | ||||||
|     <div class="row no-gutter popup-gallery"> |     <div class="row no-gutter popup-gallery"> | ||||||
|  | 	 | ||||||
|  | 	 | ||||||
|       <div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="0.5s"> |       <div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="0.5s"> | ||||||
|         <ul class="caption-style-1"> |         <ul class="caption-style-1"> | ||||||
|           <li> |           <li> | ||||||
|             <img src="{% static 'digitalglarus/img/portfolio/excursion.png' %}" class="img-responsive inline-block" alt="">  |             <img src="{% static 'digitalglarus/img/portfolio/excursion.png' %}" class="img-responsive inline-block" alt="">  | ||||||
|               <div class="caption"> |               <div class="caption"> | ||||||
|                 <div class="blur"></div> |                 <div class="blur"></div> | ||||||
|                   <div class="caption-text"> |                   | ||||||
|                     <div class="caption portfolio-caption-white">excursions</div> |  | ||||||
|                   </div> |  | ||||||
|                     |                     | ||||||
|               </div>       |               </div>       | ||||||
|           </li> |           </li> | ||||||
|         </ul> |         </ul> | ||||||
|  | 		<div class="caption portfolio-caption-white">excursions</div> | ||||||
|  | 		 | ||||||
|       </div> |       </div> | ||||||
| 
 | 	   | ||||||
| 
 |  | ||||||
|        <div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="0.8s"> |        <div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="0.8s"> | ||||||
|           <ul class="caption-style-1"> |           <ul class="caption-style-1"> | ||||||
|             <li> |             <li> | ||||||
|               <img src="{% static 'digitalglarus/img/portfolio/ski.png' %}" class="img-responsive inline-block" alt=""> |               <img src="{% static 'digitalglarus/img/portfolio/ski.png' %}" class="img-responsive inline-block" alt=""> | ||||||
|                 <div class="caption"> |                 <div class="caption"> | ||||||
|                   <div class="blur"></div> |                   <div class="blur"></div> | ||||||
|                       <div class="caption-text"> |                       | ||||||
|                         <div class="caption portfolio-caption-white">enjoy the great outdoors</div> |  | ||||||
|                       </div> |  | ||||||
|                 </div> |                 </div> | ||||||
|             </li> |             </li> | ||||||
|           </ul> |           </ul> | ||||||
|  | 		  <div class="caption portfolio-caption-white">enjoy the great outdoors</div> | ||||||
|       </div> |       </div> | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | @ -285,12 +285,11 @@ | ||||||
|             <img src="{% static 'digitalglarus/img/portfolio/concert.png' %}" class="img-responsive inline-block" alt=""> |             <img src="{% static 'digitalglarus/img/portfolio/concert.png' %}" class="img-responsive inline-block" alt=""> | ||||||
|               <div class="caption"> |               <div class="caption"> | ||||||
|                 <div class="blur"></div> |                 <div class="blur"></div> | ||||||
|                     <div class="caption-text"> |                      | ||||||
|                       <div class="caption portfolio-caption-white">cultural events</div> |  | ||||||
|                     </div> |  | ||||||
|               </div> |               </div> | ||||||
|           </li>            |           </li>            | ||||||
|         </ul>   |         </ul>   | ||||||
|  | 		<div class="caption portfolio-caption-white">cultural events</div> | ||||||
|       </div> |       </div> | ||||||
| 
 | 
 | ||||||
|       <div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="1.2s"> |       <div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="1.2s"> | ||||||
|  | @ -299,12 +298,11 @@ | ||||||
|             <img src="{% static 'digitalglarus/img/portfolio/inspire.png' %}" class="img-responsive inline-block" alt=""> |             <img src="{% static 'digitalglarus/img/portfolio/inspire.png' %}" class="img-responsive inline-block" alt=""> | ||||||
|               <div class="caption"> |               <div class="caption"> | ||||||
|                 <div class="blur"></div> |                 <div class="blur"></div> | ||||||
|                     <div class="caption-text"> |                      | ||||||
|                       <div class="caption portfolio-caption-white">be inspired</div> |  | ||||||
|                     </div> |  | ||||||
|               </div> |               </div> | ||||||
|           </li>        |           </li>        | ||||||
|         </ul>   |         </ul>   | ||||||
|  | 		<div class="caption portfolio-caption-white">be inspired</div> | ||||||
|       </div> |       </div> | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | @ -315,12 +313,10 @@ | ||||||
|             <img src="{% static 'digitalglarus/img/portfolio/workshop.png' %}" class="img-responsive inline-block" alt=""> |             <img src="{% static 'digitalglarus/img/portfolio/workshop.png' %}" class="img-responsive inline-block" alt=""> | ||||||
|               <div class="caption"> |               <div class="caption"> | ||||||
|                 <div class="blur"></div> |                 <div class="blur"></div> | ||||||
|                     <div class="caption-text"> |  | ||||||
|                         <div class="caption portfolio-caption-white">workshops</div> |  | ||||||
|                     </div> |  | ||||||
|               </div> |               </div> | ||||||
|            </li>       |            </li>       | ||||||
|         </ul> |         </ul> | ||||||
|  | 		<div class="caption portfolio-caption-white">workshops</div> | ||||||
|       </div> |       </div> | ||||||
| 
 | 
 | ||||||
|       <div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="1.4s"> |       <div class="col-lg-4 col-md-4 col-sm-6 portfolio-item wow fadeInDown text-center" data-wow-delay="1.4s"> | ||||||
|  | @ -329,15 +325,19 @@ | ||||||
|             <img src="{% static 'digitalglarus/img/portfolio/recharge.png' %}" class="img-responsive inline-block" alt=""> |             <img src="{% static 'digitalglarus/img/portfolio/recharge.png' %}" class="img-responsive inline-block" alt=""> | ||||||
|               <div class="caption"> |               <div class="caption"> | ||||||
|                 <div class="blur"></div> |                 <div class="blur"></div> | ||||||
|                   <div class="caption-text"> |                </div>          | ||||||
|                     <div class="caption portfolio-caption-white">recharge</div> |  | ||||||
|                   </div> |  | ||||||
|               </div> |  | ||||||
|           </li>       |           </li>       | ||||||
|         </ul> |         </ul> | ||||||
|  | 		 <div class="caption portfolio-caption-white">recharge</div> | ||||||
|       </div> |       </div> | ||||||
|  | 	   | ||||||
|  | 	   | ||||||
|  | 	  | ||||||
|    </div> |    </div> | ||||||
|   </section> |   </section> | ||||||
|  |    | ||||||
|  |    | ||||||
|  | 
 | ||||||
| 
 | 
 | ||||||
|     <!--aside--> |     <!--aside--> | ||||||
|     <aside class="bg-dark"> |     <aside class="bg-dark"> | ||||||
|  |  | ||||||
|  | @ -1,7 +1,18 @@ | ||||||
| {% extends "new_base_glarus.html" %} | {% extends "new_base_glarus.html" %} | ||||||
| {% load staticfiles bootstrap3 i18n %} | {% load staticfiles bootstrap3 i18n %} | ||||||
| {% block content %} | {% block content %} | ||||||
|    | <style type="text/css"> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | @media only screen and (max-width: 320px) { | ||||||
|  | 
 | ||||||
|  |    body { font-size: 2em; } | ||||||
|  |     | ||||||
|  |      | ||||||
|  | 
 | ||||||
|  | } | ||||||
|  | h2 {text-transform: lowercase;} | ||||||
|  |   </style> | ||||||
| 
 | 
 | ||||||
|   <!-- Header --> |   <!-- Header --> | ||||||
|   <!-- Services Section --> |   <!-- Services Section --> | ||||||
|  | @ -18,7 +29,7 @@ | ||||||
|             {% if  membership_start_date and membership_end_date%} |             {% if  membership_start_date and membership_end_date%} | ||||||
|               <h2 class="member-name">{{membership_start_date|date}}-{{membership_end_date|date}}</h2> |               <h2 class="member-name">{{membership_start_date|date}}-{{membership_end_date|date}}</h2> | ||||||
|             {% else %} |             {% else %} | ||||||
|               <h2 class="member-name">You don't have an active membership</h2> |               <h2>You don't have an active membership</h2> | ||||||
|             {% endif %} |             {% endif %} | ||||||
|             <hr class="greyline-long"> |             <hr class="greyline-long"> | ||||||
|             <h2 class="order-head">Orders history</h2> |             <h2 class="order-head">Orders history</h2> | ||||||
|  |  | ||||||
|  | @ -18,6 +18,10 @@ | ||||||
|     padding: .5em; |     padding: .5em; | ||||||
|     padding-right: 1.5em |     padding-right: 1.5em | ||||||
|   } |   } | ||||||
|  |    | ||||||
|  |   @media screen and (min-width: 768px) { | ||||||
|  | 	 | ||||||
|  | 	#cancel-subscription-modal .modal-dialog  {width:900px;} | ||||||
| 
 | 
 | ||||||
| </style> | </style> | ||||||
| 
 | 
 | ||||||
|  | @ -96,8 +100,8 @@ | ||||||
|                                      <br/> |                                      <br/> | ||||||
|                                      <input type="checkbox" class="custom-control-input agree-terms"> |                                      <input type="checkbox" class="custom-control-input agree-terms"> | ||||||
|                                      <span class="custom-control-indicator"></span> |                                      <span class="custom-control-indicator"></span> | ||||||
|                                      <span class="custom-control-description">I accept the Digital Glarus <a href="{% url 'digitalglarus:TermsAndConditions' %}" target="_blank">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 data-toggle="modal" data-target="#cancel-subscription-modal" target="_blank">Terms and Conditions</a>, <a href=#>Community Guidelines</a> and <a href=#>Privacy Policy</a></span> | ||||||
|                                      </label> | 									 </label> | ||||||
|                                     <div class="row"> |                                     <div class="row"> | ||||||
|                                       <div class="col-xs-6 col-md-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> | ||||||
|  | @ -176,6 +180,78 @@ | ||||||
|       </div> |       </div> | ||||||
|     </div> |     </div> | ||||||
|   </section> |   </section> | ||||||
|  |    | ||||||
|  |    | ||||||
|  |    | ||||||
|  |    | ||||||
|  |     <div class="modal fade bs-example-modal-sm" id="cancel-subscription-modal" tabindex="-1" role="dialog" aria-hidden ="true"> | ||||||
|  |         <div class="modal-dialog" role="document"> | ||||||
|  |             <div class="modal-content"> | ||||||
|  |                 <div class="modal-header"> | ||||||
|  |                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | ||||||
|  |                     <h4 class="text-center">General Terms & Conditions of Digital Glarus Membership</h4> | ||||||
|  |                 </div> | ||||||
|  |                 <div class="modal-body"> | ||||||
|  |                       | ||||||
|  | 					   <section id="price"> | ||||||
|  |     <div class="container"> | ||||||
|  |      <div class="row col-md-2 text-center wow fadeInDown"></div>  | ||||||
|  |     <div class="row col-md-8 text-center wow fadeInDown"> | ||||||
|  |        <div class="price-box"> | ||||||
|  |        <span class="glyphicon glyphicon-flag"></span> | ||||||
|  |         <h2 class="section-heading">General Terms & Conditions of Digital Glarus Membership</h2> | ||||||
|  |          <h2 class="price">Valid from 31 October 2016, v1.0 dated 31 October 2016</h2> | ||||||
|  |          <hr class="primary"> | ||||||
|  |             <div class="price-exp-box"> | ||||||
|  |                 <p class="text-left"> | ||||||
|  |                 <p class="term-head">1. Membership</p> | ||||||
|  |                 1.1. The membership fee is 35CHF per month and charged on the 1st day of each month after your first month of subscription. <br> | ||||||
|  |                 1.2. Each additional day costs 15CHF for members.<br> | ||||||
|  |                <br> | ||||||
|  |                 <p class="term-head">2. Coworking days</p>  | ||||||
|  |                 2.1. Coworking days are counted as 1 calendar day. <br>  | ||||||
|  |                 2.2. Free coworking days are included in the membership. <br> | ||||||
|  |                 2.3. Unused working days are not refunded and can not be compensated for. <br><br> | ||||||
|  |                  <p class="term-head">3. Possible reduction</p> | ||||||
|  |                   3.1. Your first month's membership fee is calculated according to the date of your subscription. <br> | ||||||
|  |                   3.2. The days already passed in the first month are discounted from the first month's membership fee.<br> | ||||||
|  |                   3.3. A member booking more than 19 days for coworking gets a reduction in total cost and will only pay maximum 290CHF per month. The reduction will be applied automatically on Digital Glarus website.<br><br> | ||||||
|  |                   <p class="term-head">4. Member's right to cancellation </p> | ||||||
|  |                   4.1. The member may cancel or change the booking of working day at any time prior to 7 days before the working day with no extra cost. <br> | ||||||
|  |                   4.2. Bookings cancelled less than 7 days before the working date will not be refunded.<br><br> | ||||||
|  |                   <p class="term-head">5. Digital Glarus' right to cancel a membership </p> | ||||||
|  |                   5.1. Digital Glarus may cancel a membership contract without notice at any time, stating the reasons for the cancellation.<br> | ||||||
|  |                   5.2. Members disrupting the environment of coworking may be rejected to join the membership.<br><br> | ||||||
|  |                   <p class="term-head">6. Digital Glarus' right to cancel a membership </p> | ||||||
|  |                   6.1. Digital Glarus may cancel a membership contract without notice at any time, stating the reasons for the cancellation.<br> | ||||||
|  |                   6.2. Digital Glarus may reject a member who disrupts the environment of coworking space from joining the membership.<br>  | ||||||
|  |                   6.3. Digital Glarus may terminate the membership of a member who disrupts the environment of coworking space.  <br>  | ||||||
|  |                   6.4. Digital Glarus may expell a member who disrupts the environment of coworking space from the coworking space, stating the reasons for the expulsion.  | ||||||
|  |                 <br><br> | ||||||
|  |                | ||||||
|  |                 </p> | ||||||
|  |                 <div class="text-center"> | ||||||
|  | 					<button type="submit" class="btn btn-primary btn-blue">Still have a question?</button> | ||||||
|  | 					<a href="mailto:info@ungleich.ch" class="btn btn-primary btn-blue">Still have a question?</a> | ||||||
|  |               </div> | ||||||
|  |               <div class="row col-md-2 text-center wow fadeInDown">  | ||||||
|  |               </div> | ||||||
|  |                     </div> | ||||||
|  |                | ||||||
|  |        </div>         | ||||||
|  |       </div> | ||||||
|  |       <div class="row col-md-3 text-center wow fadeInDown"></div> | ||||||
|  |     </div>  | ||||||
|  |   </section>  | ||||||
|  |                 </div> | ||||||
|  |                 <div class="modal-footer text-center"> | ||||||
|  |                     <button type="button" class="btn btn-primary btn-grey" data-dismiss="modal">No</button> | ||||||
|  |                     <button type="submit" class="btn btn-primary">Yes</button> | ||||||
|  |                 </div> | ||||||
|  |             </div><!-- /.modal-content --> | ||||||
|  |         </div><!-- /.modal-dialog --> | ||||||
|  |     </div><!-- /.modal --> | ||||||
|  |    | ||||||
| 
 | 
 | ||||||
| <!-- stripe key data --> | <!-- stripe key data --> | ||||||
| {% if stripe_key %} | {% if stripe_key %} | ||||||
|  |  | ||||||
|  | @ -3,6 +3,13 @@ | ||||||
| {% block title %}crowdfunding{% endblock %} | {% block title %}crowdfunding{% endblock %} | ||||||
| 
 | 
 | ||||||
| {% block content %} | {% block content %} | ||||||
|  | 
 | ||||||
|  | <style  type="text/css"> | ||||||
|  | @media screen and (min-width: 768px) { | ||||||
|  | 	 | ||||||
|  | 	#cancel-subscription-modal .modal-dialog  {width:900px;} | ||||||
|  | </style> | ||||||
|  | 
 | ||||||
|   <section id="price"> |   <section id="price"> | ||||||
|     <div class="container"> |     <div class="container"> | ||||||
|     <div class="row col-md-2 text-center wow fadeInDown"></div> |     <div class="row col-md-2 text-center wow fadeInDown"></div> | ||||||
|  | @ -23,9 +30,14 @@ | ||||||
|                  workspace. |                  workspace. | ||||||
|                 </p> |                 </p> | ||||||
|                 <div class="text-center"> |                 <div class="text-center"> | ||||||
|               <a class="btn btn-primary btn-blue" href="{% url 'digitalglarus:membership_payment' %}">become a member</a> | 					<a class="btn btn-primary btn-blue" href="{% url 'digitalglarus:membership_payment' %}">become a member</a> | ||||||
|  | 					 | ||||||
|               </div> |               </div> | ||||||
|                     </div> | 			  <div class="text-center"> | ||||||
|  | 					<br> | ||||||
|  | 					<a data-toggle="modal" data-target="#cancel-subscription-modal" target="_blank">How to pay?</a> | ||||||
|  | 			  </div> | ||||||
|  |             </div> | ||||||
|                |                | ||||||
|        </div>         |        </div>         | ||||||
|       </div> |       </div> | ||||||
|  | @ -73,4 +85,52 @@ | ||||||
|       </div> |       </div> | ||||||
|     </div> |     </div> | ||||||
|   </section> |   </section> | ||||||
|  |    | ||||||
|  |    | ||||||
|  |     <div class="modal fade bs-example-modal-sm" id="cancel-subscription-modal" tabindex="-1" role="dialog" aria-hidden ="true"> | ||||||
|  |         <div class="modal-dialog" role="document"> | ||||||
|  |             <div class="modal-content"> | ||||||
|  |                 <div class="modal-header"> | ||||||
|  |                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | ||||||
|  |                     <h4 class="text-center">Payment information</h4> | ||||||
|  |                 </div> | ||||||
|  |                 <div class="modal-body"> | ||||||
|  |                    | ||||||
|  | 					  | ||||||
|  | 					   <section id="price"> | ||||||
|  |     <div class="signup-container"> | ||||||
|  | 	  <div class="col-xs-12 col-sm-3 col-lg-4 text-center wow fadeInDown"> </div> | ||||||
|  |       <div class="col-xs-12 col-sm-6 col-lg-4 text-center wow fadeInDown">  | ||||||
|  |         <div class="signup-box"> | ||||||
|  |           <span class="glyphicon glyphicon-calendar"></span> | ||||||
|  |              <h2 class="section-heading">How the pricing works</h2> | ||||||
|  |              <hr class="primary"> | ||||||
|  |                <h2 class="signup-lead text-left"><ul><li>All members get 2 free days per month for booking.<br></li> </ul><ul><li>Additional booking costs 15CHF per day. <br></li></ul><ul><li>But your coworking after 17th day is free of charge. </li></ul><ul><li>So more you work, more you can save money! <br></li></ul><ul><li>You will never be charged more than 290CHF per month.  <br>  </li></ul>            </h2></ul> | ||||||
|  |                 | ||||||
|  |                 | ||||||
|  |                       | ||||||
|  |                           <p class="signup-notice">Still have questions?<a href=#terms>Contact us!</a>.</p> | ||||||
|  |                           <div class="notice-box"> | ||||||
|  |                           </div> | ||||||
|  |         </div> | ||||||
|  |       </div>        | ||||||
|  |      <div class="col-xs-12 col-sm-3 col-lg-4 text-center wow fadeInDown"> </div> | ||||||
|  |       </div> | ||||||
|  |     </div>  | ||||||
|  |     </div> | ||||||
|  |       </div> | ||||||
|  |     </div>    | ||||||
|  |   </section> | ||||||
|  | 					  | ||||||
|  | 					  | ||||||
|  | 					  | ||||||
|  | 					  | ||||||
|  |                 </div> | ||||||
|  |                 <div class="modal-footer text-center"> | ||||||
|  |                     <button type="button" class="btn btn-primary btn-grey" data-dismiss="modal">No</button> | ||||||
|  |                     <button type="submit" class="btn btn-primary">Yes</button> | ||||||
|  |                 </div> | ||||||
|  |             </div><!-- /.modal-content --> | ||||||
|  |         </div><!-- /.modal-dialog --> | ||||||
|  |     </div><!-- /.modal --> | ||||||
| {% endblock %}  | {% endblock %}  | ||||||
|  | @ -181,8 +181,9 @@ CMS_TEMPLATES = ( | ||||||
| DATABASES = { | DATABASES = { | ||||||
|     'default': { |     'default': { | ||||||
|         'ENGINE': 'django.db.backends.postgresql_psycopg2', |         'ENGINE': 'django.db.backends.postgresql_psycopg2', | ||||||
|         'NAME': 'app' |         'NAME': 'app', | ||||||
| 
 | 		'USER': 'app', | ||||||
|  | 		'HOST': 'db' | ||||||
|     } |     } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -63,11 +63,8 @@ INSTALLED_APPS = ( | ||||||
|     'django_select2', |     'django_select2', | ||||||
|     'meta', |     'meta', | ||||||
|     'meta_mixin', |     'meta_mixin', | ||||||
| <<<<<<< HEAD | #   'admin_enhancer', | ||||||
| #    'admin_enhancer', |  | ||||||
|     'djangocms_blog', |     'djangocms_blog', | ||||||
| ======= |  | ||||||
| >>>>>>> 006d49d7dbddcfd9bb24c40d1f1939b902bc1fc4 |  | ||||||
|     'bootstrap3', |     'bootstrap3', | ||||||
|     'compressor', |     'compressor', | ||||||
|     'filer', |     'filer', | ||||||
|  | @ -438,3 +435,7 @@ REGISTRATION_MESSAGE = {'subject': "Validation mail", | ||||||
| 
 | 
 | ||||||
| #dont migrate test | #dont migrate test | ||||||
| # SOUTH_TESTS_MIGRATE = False | # SOUTH_TESTS_MIGRATE = False | ||||||
|  | 
 | ||||||
|  | STRIPE_API_PUBLIC_KEY = 'pk_test_uvWyHNJgVL2IB8kjfgJkGjg4'  # used in frontend to call from user browser | ||||||
|  | STRIPE_API_PRIVATE_KEY = 'sk_test_uIPMdgXoRGydrcD7fkwcn7dj'  # used in backend payment | ||||||
|  | STRIPE_DESCRIPTION_ON_PAYMENT = "Payment for ungleich GmbH services" | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue