From 64a484e749e2131072f34f9d1807160385df86c9 Mon Sep 17 00:00:00 2001 From: Levi <levinoelvm@gmail.com> Date: Wed, 20 Apr 2016 01:03:32 -0500 Subject: [PATCH] Separated base hosting page into html sections, Added pricing selector to Django Page, Added pricing selector to Rails Page, Added pricing selector to NodeJS Page, Implemented hosting signup , Implemented hosting login, Created forms to handle login/signup errors --- dynamicweb/urls.py | 4 +- hosting/forms.py | 50 +++ hosting/models.py | 10 +- hosting/static/hosting/css/landing-page.css | 6 +- hosting/static/hosting/js/pricing.js | 5 - hosting/templates/hosting/base.html | 334 ++---------------- .../templates/hosting/includes/_contact.html | 28 ++ .../templates/hosting/includes/_footer.html | 33 ++ .../templates/hosting/includes/_header.html | 31 ++ .../templates/hosting/includes/_navbar.html | 39 ++ .../hosting/includes/_our_infrastructure.html | 23 ++ .../templates/hosting/includes/_pricing.html | 144 ++++++++ .../includes/_your_infrastructure.html | 20 ++ hosting/templates/hosting/index.html | 10 +- hosting/templates/hosting/login.html | 53 ++- hosting/templates/hosting/pricing.html | 186 ---------- hosting/templates/hosting/signup.html | 59 ++-- hosting/urls.py | 12 +- hosting/views.py | 169 ++++++--- 19 files changed, 578 insertions(+), 638 deletions(-) create mode 100644 hosting/forms.py create mode 100644 hosting/templates/hosting/includes/_contact.html create mode 100644 hosting/templates/hosting/includes/_footer.html create mode 100644 hosting/templates/hosting/includes/_header.html create mode 100644 hosting/templates/hosting/includes/_navbar.html create mode 100644 hosting/templates/hosting/includes/_our_infrastructure.html create mode 100644 hosting/templates/hosting/includes/_pricing.html create mode 100644 hosting/templates/hosting/includes/_your_infrastructure.html delete mode 100644 hosting/templates/hosting/pricing.html diff --git a/dynamicweb/urls.py b/dynamicweb/urls.py index daa7cbee..78c06077 100644 --- a/dynamicweb/urls.py +++ b/dynamicweb/urls.py @@ -5,12 +5,12 @@ from django.conf.urls.i18n import i18n_patterns from django.conf.urls.static import static from django.conf import settings -from hosting.views import railshosting +from hosting.views import RailsHostingView from membership import urls as membership_urls urlpatterns = [ url(r'^hosting/', include('hosting.urls', namespace="hosting")), - url(r'^railshosting/', railshosting, name="rails.hosting"), + url(r'^railshosting/', RailsHostingView.as_view(), name="rails.hosting"), url(r'^taggit_autosuggest/', include('taggit_autosuggest.urls')), url(r'^jsi18n/(?P<packages>\S+?)/$', 'django.views.i18n.javascript_catalog'), diff --git a/hosting/forms.py b/hosting/forms.py new file mode 100644 index 00000000..ddb30e1c --- /dev/null +++ b/hosting/forms.py @@ -0,0 +1,50 @@ +from django import forms +from membership.models import CustomUser +from django.contrib.auth import authenticate + + +class HostingUserLoginForm(forms.Form): + + email = forms.CharField(widget=forms.EmailInput()) + password = forms.CharField(widget=forms.PasswordInput()) + + class Meta: + fields = ['email', 'password'] + + def clean(self): + email = self.cleaned_data.get('email') + password = self.cleaned_data.get('password') + is_auth = authenticate(email=email, password=password) + if not is_auth: + raise forms.ValidationError("Your username and/or password were incorrect.") + return self.cleaned_data + + def clean_email(self): + email = self.cleaned_data.get('email') + try: + CustomUser.objects.get(email=email) + return email + except CustomUser.DoesNotExist: + raise forms.ValidationError("User does not exists") + else: + return email + + +class HostingUserSignupForm(forms.ModelForm): + + confirm_password = forms.CharField(widget=forms.PasswordInput()) + password = forms.CharField(widget=forms.PasswordInput()) + + class Meta: + model = CustomUser + fields = ['name', 'email', 'password'] + widgets = { + 'name': forms.TextInput(attrs={'placeholder': 'Enter your name or company name'}), + } + + def clean_confirm_password(self): + password = self.cleaned_data.get('password') + confirm_password = self.cleaned_data.get('confirm_password') + if not confirm_password == password: + raise forms.ValidationError("Passwords don't match") + return confirm_password diff --git a/hosting/models.py b/hosting/models.py index ba38219a..59ba8521 100644 --- a/hosting/models.py +++ b/hosting/models.py @@ -41,9 +41,16 @@ class VirtualMachineType(models.Model): @classmethod def get_serialized_vm_types(cls): return [vm.get_serialized_data() - for vm in cls.objects.all()] + for vm in cls.objects.all()] # return serializers.serialize("json",) + def defeault_price(self): + price = self.base_price + price += self.core_price + price += self.memory_price + price += self.disk_size_price * 10 + return price + def get_serialized_data(self): return { 'description': self.description, @@ -53,5 +60,6 @@ class VirtualMachineType(models.Model): 'memory_price': self.memory_price, 'hosting_company_name': self.get_hosting_company_display(), 'hosting_company': self.hosting_company, + 'default_price': self.defeault_price(), 'id': self.id, } diff --git a/hosting/static/hosting/css/landing-page.css b/hosting/static/hosting/css/landing-page.css index 6698c5ec..24be9dec 100644 --- a/hosting/static/hosting/css/landing-page.css +++ b/hosting/static/hosting/css/landing-page.css @@ -31,7 +31,8 @@ h6 { } .intro-header { - padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */ + height: 85%; + padding-top: 10%; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */ padding-bottom: 50px; text-align: center; color: #f8f8f8; @@ -47,7 +48,8 @@ h6 { background-size: cover; } .intro-header-2 { - padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */ + height: 85%; + padding-top: 100px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */ padding-bottom: 50px; text-align: center; color: #f8f8f8; diff --git a/hosting/static/hosting/js/pricing.js b/hosting/static/hosting/js/pricing.js index 667239ab..64e80638 100644 --- a/hosting/static/hosting/js/pricing.js +++ b/hosting/static/hosting/js/pricing.js @@ -30,11 +30,6 @@ $( document ).ready(function() { console.log(final_price_selector); $(final_price_selector).text(price.toString().concat(CURRENCY)); - - - - - } //Listener function diff --git a/hosting/templates/hosting/base.html b/hosting/templates/hosting/base.html index 4c80530a..72ebff2e 100644 --- a/hosting/templates/hosting/base.html +++ b/hosting/templates/hosting/base.html @@ -60,336 +60,48 @@ <body> <!-- Navigation --> - <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation"> - <div class="container topnav"> - <!-- Brand and toggle get grouped for better mobile display --> - <div class="navbar-header"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - <a class="navbar-brand topnav" href="#"><img src="{% static 'hosting/img/logo_black.svg' %}"></a> - </div> - <!-- Collect the nav links, forms, and other content for toggling --> - <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> - <ul class="nav navbar-nav navbar-right"> - <li> - <a href="#how">How it works</a> - </li> - <li> - <a href="#your">Your infrastructure</a> - </li> - <li> - <a href="#our">Our inftrastructure</a> - </li> - <li> - <a href="#price">Pricing</a> - </li> - <li> - <a href="#contact">Contact</a> - </li> - </ul> - </div> - <!-- /.navbar-collapse --> - </div> - <!-- /.container --> - </nav> - + {% include "hosting/includes/_navbar.html" %} <!-- Header --> - <a name="about"></a> - <div class="intro-header"> - <div class="container"> - - <div class="row"> - <div class="col-lg-12"> - - <div class="intro-message"> - <img class="responsive" src="{% static 'hosting/img/Beta.png' %}"> - <h1>{{ domain }}</h1> - <h3>{{ hosting_long }} as easy as possible</h3> - <hr class="intro-divider"> - <ul class="list-inline intro-social-buttons"> - <li> - <a href="#howitworks" class="btn btn-default btn-lg"><i class="#Services"></i> <span class="network-name">how it works</span></a> - </li> - <li> - <a href="#own" class="btn btn-default btn-lg page-scroll"><span class="network-name">Let me start</span></a> - </li> - </ul> - </div> - </div> - </div> - - </div> - <!-- /.container --> - - </div> - <!-- /.intro-header --> + {% include "hosting/includes/_header.html" %} <!-- Page Content --> <a name="how"></a> - <div class="content-section-b"> - - <div class="container"> - - <div class="row"> - <div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6"> - <hr class="section-heading-spacer"> - <div class="clearfix"></div> - <h2 class="section-heading">How it works : </h2> <ul class="fa-ul"> - {% block specification %} - {% endblock %} -</ul> - </div> - {% with 'hosting/img/card-'|add:hosting|add:'.png' as image_static %} - <div class="col-lg-5 col-sm-pull-6 col-sm-6"> - <img class="img-responsive" src="{% static image_static %}" alt=""> - </div> - {% endwith %} - </div> - - </div> - <!-- /.container --> - <!-- /.option 1 --> - </div> - <a name="your"></a> - <div class="content-section-a" id="own"> - <div class="container"> - <div class="row"> - <div class="col-lg-5 col-sm-6"> - <hr class="section-heading-spacer"> - <div class="clearfix"></div> - <h2 class="section-heading"> Option 1 : Your own infrastructure</h2> - <p class="lead">We configure your own infrastructure for {{ hosting_long }}. Keep the comfort and safety of being at your home, while we set things up for you.</p> - </div> - <div class="col-lg-5 col-lg-offset-2 col-sm-6"> - <img class="img-responsive" src="{% static 'hosting/img/home.png' %}" alt=""> - </div> - </div> - - </div> - <!-- /.container --> - </div> - <!-- /.option 2 --> - <!-- /.content-section-a --> - <!-- / pricing --> - <a name="our"></a> <div class="content-section-b"> - <div class="container"> - <div class="row"> <div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6"> - <hr class="section-heading-spacer"> - <div class="clearfix"></div> - <h2 class="section-heading">Option 2 : Our infrastructure</h2> - <p class="lead">We take care of everything for you! You don't need your infrastructure. We give you everything you need in {{ hosting_long }} hosting. Full root access, 24x7 support.</p> + <hr class="section-heading-spacer"> + <div class="clearfix"></div> + <h2 class="section-heading">How it works : </h2> + <ul class="fa-ul"> + {% block specification %} + {% endblock %} + </ul> </div> + {% with 'hosting/img/card-'|add:hosting|add:'.png' as image_static %} <div class="col-lg-5 col-sm-pull-6 col-sm-6"> - <img class="img-responsive" src="{% static 'hosting/img/dog.png' %}" alt=""> + <img class="img-responsive" src="{% static image_static %}" alt=""> </div> + {% endwith %} </div> + </div><!-- /.container --> + </div><!-- /.option 1 --> - </div> - <!-- /.container --> + <!-- Your Infrastructure --> + {% include "hosting/includes/_your_infrastructure.html" %} - </div> - - <!-- /.content-section-b --> - <a name="price"></a> - <div class="content-section-a"> + <!-- Our Infrastructure --> + {% include "hosting/includes/_our_infrastructure.html" %} - <div class="container"> + <!-- Pricing --> + {% include "hosting/includes/_pricing.html" %} - <div class="row"> - <div class="col-lg-5 col-sm-6"> - <hr class="section-heading-spacer"> - <div class="clearfix"></div> - <h2 class="section-heading">Hosting Price Samples</h2> - <p class="lead">Here are samples of our {{ hosting_long }} hosting offers, suited for different projects. Our offer examples come in different size, speed, and storage. </p> - </div> - <!-- Title --> - <div class="row"> - <div class="col-lg-12"></div> - </div> - <!-- /.row --> - - <!-- Page Features --> - <div class="row text-center"> - - {% include "hosting/pricing.html" %} - -<!-- <div class="col-md-3 col-sm-6 hero-feature"> - <div class="thumbnail"> - <img class="relsonsive" src="{% static 'hosting/img/economy.jpg' %}" alt=""> - <div class="caption"> - <h3>Economy </h3> - <p>Suited for smaller applications </p> - <p>1 core, </p> - <p>1 GiB RAM, </p> - <p>10 GiB system image (25 CHF)</p> - <p> - <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a> </p> - </div> - </div> - </div> - - <div class="col-md-3 col-sm-6 hero-feature"> - <div class="thumbnail"> - <img class="relsonsive" src="{% static 'hosting/img/standardroom.jpg' %}" alt=""> - <div class="caption"> - <h3>Standard</h3> - <p>Suited for standard {{ hosting_long }} applications</p> - <p>1 core, </p> - <p>2 GiB RAM,</p> - <p> 10 GiB system image (30 CHF)</p> - <p> - <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a> - </p> - </div> - </div> - </div> - - <div class="col-md-3 col-sm-6 hero-feature"> - <div class="thumbnail"> - <img class="reponsive" src="{% static 'hosting/img/deluxeroom.jpg' %}" alt=""> - <div class="caption"> - <h3>Deluxe</h3> - <p>Suited for performance critical project</p> - <p>2 cores,</p> - <p> 4 GiB Ram, </p> - <p>10 GiB system image (50 CHF) </p> - <p> - <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a> </p> - </div> - </div> - </div> - - <div class="col-md-3 col-sm-6 hero-feature"> - <div class="thumbnail"> - <img class="responsive" src="{% static 'hosting/img/presidentialroom.jpg' %}" alt=""> - <div class="caption"> - <h3>Presidential Premium</h3> - <p> Suited for performance critical & </p> - <p>high storage demand projects</p> - <p>4 Cores, 8 GiB RAM, 10 GiB System image, </p> - <p>100 GiB Data image (190 CHF)</p> - <p> - <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a> - </p> - </div> - </div> - </div> - --> - </div> - <!-- /.row --> - </div> - - </div> - <!-- /.container --> - - </div> - <!-- Configure --> - <a name="about"></a> - <div class="intro-header-1"> - <div class="container"> - - <div class="row"> - <div class="col-lg-12"> - - <div class="intro-message"> - <h1>Let me try!</h1> - <p> </p> - <p> </p> - {% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %} - {{ form.non_field_errors }} - {{ form.email.errors }} - <form action="{% url 'hosting:railshosting' %}" method="post" role="form" class="form-inline"> - {% csrf_token %} - <div class="form-group"> - <label class="sr-only" for="email">Email address</label> - <input type="email" name="email" class="form-control" id="id_email" placeholder="Enter email"> - </div> - <button type="submit" class="btn btn-default">Request Beta Access</button> -</form> - - - </ul> - </div> - </div> - </div> - - </div> - <!-- /.container --> - - </div> - <!-- /.content-section-a --> - <!-- / contact section --> - <a name="contact"></a> - <div class="banner"> - - <div class="container"> - - <div class="row"> - <div class="col-lg-6"> - <h2>QUESTIONS? </h2> - <h2>CONTACT US! </h2> - <h3>ungleich GmbH </h3> - <p><i class="fa fa-envelope-o"></i> {{ email }}</p> - <p>14 Hauptstrasse Luchsingen 8775</p> - <p>Switzerland</p> - - <button type="button" class="btn btn-default"> - <a href="https://twitter.com/ungleich"> - <i class="fa fa-twitter fa-fw"></i><span class="network-name">Twitter</span></a> - </button> - <button type="button" class="btn btn-default"> - <a href="https://github.com/ungleich"><i class="fa fa-github fa-fw"></i><span class="network-name">Github</span></a></button> - </div> - - </div> - - </div> - <!-- /.container --> - - </div> - <!-- /.banner --> + <!-- Contact --> + {% include "hosting/includes/_contact.html" %} <!-- Footer --> - <footer> - <div class="container"> - <div class="row"> - <div class="col-lg-12"> - <ul class="list-inline"> - <li> - <a href="#">Home</a> - </li> - <li class="footer-menu-divider">⋅</li> - <li> - <a href="#about">How it works</a></li> - <li class="footer-menu-divider">⋅</li> - <li> - <a href="#about">Your infrastructure</a></li> - <li>⋅</li> - <li> - <a href="#about">Our infrastructure</a></li> - <li class="footer-menu-divider">⋅</li> - <li> - <a href="#services">Pricing</a> - </li> - <li class="footer-menu-divider">⋅</li> - <li> - <a href="#contact">Contact</a> - </li> - </ul> - <p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p> - </div> - </div> - </div> - </footer> + {% include "hosting/includes/_footer.html" %} <!-- Pricing data --> {% if vm_types %} diff --git a/hosting/templates/hosting/includes/_contact.html b/hosting/templates/hosting/includes/_contact.html new file mode 100644 index 00000000..b0ad9ff7 --- /dev/null +++ b/hosting/templates/hosting/includes/_contact.html @@ -0,0 +1,28 @@ +<a name="contact"></a> +<div class="banner"> + + <div class="container"> + + <div class="row"> + <div class="col-lg-6"> + <h2>QUESTIONS? </h2> + <h2>CONTACT US! </h2> + <h3>ungleich GmbH </h3> + <p><i class="fa fa-envelope-o"></i> {{ email }}</p> + <p>14 Hauptstrasse Luchsingen 8775</p> + <p>Switzerland</p> + + <button type="button" class="btn btn-default"> + <a href="https://twitter.com/ungleich"> + <i class="fa fa-twitter fa-fw"></i><span class="network-name">Twitter</span></a> + </button> + <button type="button" class="btn btn-default"> + <a href="https://github.com/ungleich"><i class="fa fa-github fa-fw"></i><span class="network-name">Github</span></a></button> + </div> + + </div> + + </div> + <!-- /.container --> + +</div> \ No newline at end of file diff --git a/hosting/templates/hosting/includes/_footer.html b/hosting/templates/hosting/includes/_footer.html new file mode 100644 index 00000000..270c9b61 --- /dev/null +++ b/hosting/templates/hosting/includes/_footer.html @@ -0,0 +1,33 @@ +{% load staticfiles %} + +<footer> + <div class="container"> + <div class="row"> + <div class="col-lg-12"> + <ul class="list-inline"> + <li> + <a href="#">Home</a> + </li> + <li class="footer-menu-divider">⋅</li> + <li> + <a href="#about">How it works</a></li> + <li class="footer-menu-divider">⋅</li> + <li> + <a href="#about">Your infrastructure</a></li> + <li>⋅</li> + <li> + <a href="#about">Our infrastructure</a></li> + <li class="footer-menu-divider">⋅</li> + <li> + <a href="#services">Pricing</a> + </li> + <li class="footer-menu-divider">⋅</li> + <li> + <a href="#contact">Contact</a> + </li> + </ul> + <p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p> + </div> + </div> + </div> +</footer> \ No newline at end of file diff --git a/hosting/templates/hosting/includes/_header.html b/hosting/templates/hosting/includes/_header.html new file mode 100644 index 00000000..03e3e5c2 --- /dev/null +++ b/hosting/templates/hosting/includes/_header.html @@ -0,0 +1,31 @@ +{% load staticfiles %} + +<a name="about"></a> +<div class="intro-header"> + <div class="container"> + + <div class="row"> + <div class="col-lg-12"> + + <div class="intro-message"> + <img class="responsive" src="{% static 'hosting/img/Beta.png' %}"> + <h1>{{ domain }}</h1> + <h3>{{ hosting_long }} as easy as possible</h3> + <hr class="intro-divider"> + <ul class="list-inline intro-social-buttons"> + <li> + <a href="#howitworks" class="btn btn-default btn-lg"><i class="#Services"></i> <span class="network-name">how it works</span></a> + </li> + <li> + <a href="#own" class="btn btn-default btn-lg page-scroll"><span class="network-name">Let me start</span></a> + </li> + </ul> + </div> + </div> + </div> + + </div> + <!-- /.container --> + +</div> +<!-- /.intro-header --> \ No newline at end of file diff --git a/hosting/templates/hosting/includes/_navbar.html b/hosting/templates/hosting/includes/_navbar.html new file mode 100644 index 00000000..62ae9a12 --- /dev/null +++ b/hosting/templates/hosting/includes/_navbar.html @@ -0,0 +1,39 @@ +{% load staticfiles %} + + +<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation"> + <div class="container topnav"> + <!-- Brand and toggle get grouped for better mobile display --> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand topnav" href="#"><img src="{% static 'hosting/img/logo_black.svg' %}"></a> + </div> + <!-- Collect the nav links, forms, and other content for toggling --> + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> + <ul class="nav navbar-nav navbar-right"> + <li> + <a href="#how">How it works</a> + </li> + <li> + <a href="#your">Your infrastructure</a> + </li> + <li> + <a href="#our">Our inftrastructure</a> + </li> + <li> + <a href="#price">Pricing</a> + </li> + <li> + <a href="#contact">Contact</a> + </li> + </ul> + </div> + <!-- /.navbar-collapse --> + </div> + <!-- /.container --> +</nav> \ No newline at end of file diff --git a/hosting/templates/hosting/includes/_our_infrastructure.html b/hosting/templates/hosting/includes/_our_infrastructure.html new file mode 100644 index 00000000..135d6ba4 --- /dev/null +++ b/hosting/templates/hosting/includes/_our_infrastructure.html @@ -0,0 +1,23 @@ +{% load staticfiles %} + +<a name="our"></a> +<div class="content-section-b"> + + <div class="container"> + + <div class="row"> + <div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6"> + <hr class="section-heading-spacer"> + <div class="clearfix"></div> + <h2 class="section-heading">Option 2 : Our infrastructure</h2> + <p class="lead">We take care of everything for you! You don't need your infrastructure. We give you everything you need in {{ hosting_long }} hosting. Full root access, 24x7 support.</p> + </div> + <div class="col-lg-5 col-sm-pull-6 col-sm-6"> + <img class="img-responsive" src="{% static 'hosting/img/dog.png' %}" alt=""> + </div> + </div> + + </div> + <!-- /.container --> + +</div> \ No newline at end of file diff --git a/hosting/templates/hosting/includes/_pricing.html b/hosting/templates/hosting/includes/_pricing.html new file mode 100644 index 00000000..628a65f8 --- /dev/null +++ b/hosting/templates/hosting/includes/_pricing.html @@ -0,0 +1,144 @@ +<a name="price"></a> +<div class="content-section-a"> + <div class="container"> + <div class="row"> + <div class="col-lg-5 col-sm-6"> + <hr class="section-heading-spacer"> + <div class="clearfix"></div> + <h2 class="section-heading">Hosting Price Samples</h2> + <p class="lead">Here are samples of our {{ hosting_long }} hosting offers, suited for different projects. Our offer examples come in different size, speed, and storage. </p> + </div> + <!-- Title --> + <div class="row"> + <div class="col-lg-12"></div> + </div> + + <!-- Page Features --> + <div class="row text-center"> + + <div class="block"> + + {% for vm in vm_types %} + <div class="row well pricing"> + <form class="form-inline p-green" role="form"> + <div class="btn-group col-md-3"> + <div class="form-group"> + + <big> + {{vm.hosting_company_name}} + </big> + + <p> + {{vm.description}} + </p> + </div> + </div> + <div class="btn-group col-md-2"> + <div class="form-group"> + <label for="cores">Cores:</label> + <select class="form-control" id="cores"> + {% with ''|center:10 as range %} + {% for _ in range %} + <option>{{ forloop.counter }}</option> + {% endfor %} + {% endwith %} + </select> + </div> + </div> + <div class="btn-group col-md-2"> + <label for="memory">Memory: </label> + <div class="form-group"> + + <select class="form-control short-input" id="memory"> + {% with ''|center:50 as range %} + {% for _ in range %} + <option>{{ forloop.counter }}</option> + {% endfor %} + {% endwith %} + </select> + <span>GiB</span> + </div> + </div> + <div class="form-group col-md-2"> + <label for="Disk Size">Disk Size: </label> + <input class="form-control short-input" type="number" id="disk_space" min="0" value="0"/> + <span>GiB</span> + </div> + <div class="col-md-2"> + <h3>$199</h3> + </div> + <div class="col-md-1"> + <button type="submit" class="btn btn-default">Buy it</button> + </div> + + + <!-- <button type="submit" class="btn btn-default">Submit</button> --> + + + </form> + </div> + {% endfor %} + {% for vm in vm_types %} + <div class="col-xs-12 col-sm-6 col-md-3"> + <form class="form-inline"> + <ul class="pricing {% cycle 'p-green' 'p-yel' 'p-red' 'p-blue' %}"> + <li style="height:200px;"> + <!-- <img src="http://bread.pp.ua/n/settings_g.svg" alt=""> --> + <h3 >{{vm.hosting_company_name}}</h3> + </li> + <li> + <!-- Single button --> + <div class="btn-group"> + <div class="form-group"> + <label for="cores">Cores: </label> + <select class="form-control cores-selector" id="{{vm.hosting_company}}-cores" data-vm-type="{{vm.hosting_company}}"> + {% with ''|center:10 as range %} + {% for _ in range %} + <option>{{ forloop.counter }}</option> + {% endfor %} + {% endwith %} + </select> + </div> + </div> + + </li> + <li class="row"> + <div class="btn-group"> + <div class="form-group"> + <label for="memory">Memory: </label> + <select class="form-control memory-selector" id="{{vm.hosting_company}}-memory" data-vm-type="{{vm.hosting_company}}"> + {% with ''|center:50 as range %} + {% for _ in range %} + <option>{{ forloop.counter }}</option> + {% endfor %} + {% endwith %} + </select> + <span>GiB</span> + </div> + </div> + </li> + <li class="row"> + <div class="form-group"> + <label for="Disk Size">Disk Size: </label> + <input class="form-control short-input disk-space-selector" type="number" id="{{vm.hosting_company}}-disk_space" min="10" value="10" data-vm-type="{{vm.hosting_company}}"/> + <span>GiB</span> + </div> + </li> + <li> + <h3 id="{{vm.hosting_company}}-final-price">{{vm.default_price|floatformat}}$</h3> + <span>per month</span> + </li> + <li> + <button>Buy it</button> + </li> + </ul> + </form> + </div> + {% endfor %} + + </div><!-- /block --> + </div> + </div> + + </div> +</div> \ No newline at end of file diff --git a/hosting/templates/hosting/includes/_your_infrastructure.html b/hosting/templates/hosting/includes/_your_infrastructure.html new file mode 100644 index 00000000..e70a6261 --- /dev/null +++ b/hosting/templates/hosting/includes/_your_infrastructure.html @@ -0,0 +1,20 @@ +{% load staticfiles %} + +<a name="your"></a> +<div class="content-section-a" id="own"> + <div class="container"> + <div class="row"> + <div class="col-lg-5 col-sm-6"> + <hr class="section-heading-spacer"> + <div class="clearfix"></div> + <h2 class="section-heading"> Option 1 : Your own infrastructure</h2> + <p class="lead">We configure your own infrastructure for {{ hosting_long }}. Keep the comfort and safety of being at your home, while we set things up for you.</p> + </div> + <div class="col-lg-5 col-lg-offset-2 col-sm-6"> + <img class="img-responsive" src="{% static 'hosting/img/home.png' %}" alt=""> + </div> + </div> + + </div> + <!-- /.container --> +</div> \ No newline at end of file diff --git a/hosting/templates/hosting/index.html b/hosting/templates/hosting/index.html index 0956b500..446534d4 100644 --- a/hosting/templates/hosting/index.html +++ b/hosting/templates/hosting/index.html @@ -14,16 +14,16 @@ <title>Rails Hosting.ch - Ruby on Rails as easy as possible</title> <!-- Bootstrap Core CSS --> - <link href="{% static 'railshosting/css/bootstrap.min.css' %}" rel="stylesheet"> + <link href="{% static 'hosting/css/bootstrap.min.css' %}" rel="stylesheet"> <!-- Custom CSS --> - <link href="{% static 'railshosting/css/landing-page.css' %}" rel="stylesheet"> + <link href="{% static 'hosting/css/landing-page.css' %}" rel="stylesheet"> <!-- Custom Fonts --> <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> - <link href="{% static 'railshosting/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css"> + <link href="{% static 'hosting/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css"> - <link rel="shortcut icon" href="{% static 'railshosting/img/favicon.ico' %}" type="image/x-icon" /> + <link rel="shortcut icon" href="{% static 'hosting/img/favicon.ico' %}" type="image/x-icon" /> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> @@ -296,7 +296,7 @@ {% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %} {{ form.non_field_errors }} {{ form.email.errors }} - <form action="{% url 'railshosting:index' %}" method="post" role="form" class="form-inline"> + <form action="" method="post" role="form" class="form-inline"> {% csrf_token %} <div class="form-group"> <label class="sr-only" for="email">Email address</label> diff --git a/hosting/templates/hosting/login.html b/hosting/templates/hosting/login.html index 3a00b83e..04def39f 100644 --- a/hosting/templates/hosting/login.html +++ b/hosting/templates/hosting/login.html @@ -1,3 +1,4 @@ +{% load staticfiles bootstrap3%} <!DOCTYPE html> <html lang="en"> @@ -12,10 +13,10 @@ <title>Rails Hosting.ch - Ruby on Rails as easy as possible</title> <!-- Bootstrap Core CSS --> - <link href="css/bootstrap.min.css" rel="stylesheet"> + <link href="{% static 'hosting/css/bootstrap.min.css' %}" rel="stylesheet"> <!-- Custom CSS --> - <link href="css/landing-page.css" rel="stylesheet"> + <link href="{% static 'hosting/css/landing-page.css' %}" rel="stylesheet"> <!-- Custom Fonts --> <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> @@ -77,34 +78,26 @@ <a name="about"></a> <div class="intro-header"> <div class="container"> - <div class="col-md-4"> </div><div class="col-md-4"> - - <div class="intro-message"><img class="responsive" src="img/Beta.png"> - <h3>Log In</h3> - <form> - <div class="form-group"> - <label for="exampleInputEmail1">Email address</label> - <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> - </div> - <div class="form-group"> - <label for="exampleInputPassword1">Password</label> - <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> - </div> - <div class> - <p><a href="#" id="forgotpassword"> - Forgot password?</a> - </p> - <p> </p> - </div> - <button type="submit" class="btn btn-default">Log In</button> -</form></p> -<ul class="list-inline intro-social-buttons"> - -</ul></div> <div class="col-md-4"></div> - </div> - </div> + <div class="col-md-4"> </div><div class="col-md-4"> + <div class="intro-message"> + <h2>Login</h2> + <form action="{% url 'hosting:login' %}" method="post" class="form" novalidate> + {% csrf_token %} + {% for field in form %} + {% bootstrap_field field show_label=False type='fields'%} + {% endfor %} + {% bootstrap_form_errors form type='non_fields'%} + {% buttons %} + <button type="submit" class="btn btn-default"> + Login + </button> + {% endbuttons %} + </form> + <ul class="list-inline intro-social-buttons"> + + </ul> + </div> </div> - </div> <!-- /.container --> @@ -138,7 +131,7 @@ <a href="#contact">Contact</a> </li> </ul> - <p class="copyright text-muted small">Copyright © ungleich GmbH 2015. All Rights Reserved</p> + <p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p> </div> </div> </div> diff --git a/hosting/templates/hosting/pricing.html b/hosting/templates/hosting/pricing.html deleted file mode 100644 index 95e8cc83..00000000 --- a/hosting/templates/hosting/pricing.html +++ /dev/null @@ -1,186 +0,0 @@ - <div class="row white"> - <div class="block"> - - {% for vm in vm_types %} - <div class="row well pricing"> - <form class="form-inline p-green" role="form"> - <div class="btn-group col-md-3"> - <div class="form-group"> - - <big> - {{vm.hosting_company_name}} - </big> - - <p> - {{vm.description}} - </p> - </div> - </div> - <div class="btn-group col-md-2"> - <div class="form-group"> - <label for="cores">Cores:</label> - <select class="form-control" id="cores"> - {% with ''|center:10 as range %} - {% for _ in range %} - <option>{{ forloop.counter }}</option> - {% endfor %} - {% endwith %} - </select> - </div> - </div> - <div class="btn-group col-md-2"> - <label for="memory">Memory: </label> - <div class="form-group"> - - <select class="form-control short-input" id="memory"> - {% with ''|center:50 as range %} - {% for _ in range %} - <option>{{ forloop.counter }}</option> - {% endfor %} - {% endwith %} - </select> - <span>GiB</span> - </div> - </div> - <div class="form-group col-md-2"> - <label for="Disk Size">Disk Size: </label> - <input class="form-control short-input" type="number" id="disk_space" min="0" value="0"/> - <span>GiB</span> - </div> - <div class="col-md-2"> - <h3>$199</h3> - </div> - <div class="col-md-1"> - <button type="submit" class="btn btn-default">Buy it</button> - </div> - - - <!-- <button type="submit" class="btn btn-default">Submit</button> --> - - - </form> - </div> - {% endfor %} - {% for vm in vm_types %} - <div class="col-xs-12 col-sm-6 col-md-3"> - <form class="form-inline"> - <ul class="pricing {% cycle 'p-green' 'p-yel' 'p-red' 'p-blue' %}"> - <li style="height:200px;"> - <!-- <img src="http://bread.pp.ua/n/settings_g.svg" alt=""> --> - <h3 >{{vm.hosting_company_name}}</h3> - </li> - <li> - <!-- Single button --> - <div class="btn-group"> - <div class="form-group"> - <label for="cores">Cores: </label> - <select class="form-control cores-selector" id="{{vm.hosting_company}}-cores" data-vm-type="{{vm.hosting_company}}"> - {% with ''|center:10 as range %} - {% for _ in range %} - <option>{{ forloop.counter }}</option> - {% endfor %} - {% endwith %} - </select> - </div> - </div> - - </li> - <li class="row"> - <div class="btn-group"> - <div class="form-group"> - <label for="memory">Memory: </label> - <select class="form-control memory-selector" id="{{vm.hosting_company}}-memory" data-vm-type="{{vm.hosting_company}}"> - {% with ''|center:50 as range %} - {% for _ in range %} - <option>{{ forloop.counter }}</option> - {% endfor %} - {% endwith %} - </select> - <span>GiB</span> - </div> - </div> - </li> - <li class="row"> - <div class="form-group"> - <label for="Disk Size">Disk Size: </label> - <input class="form-control short-input disk-space-selector" type="number" id="{{vm.hosting_company}}-disk_space" min="1" value="1" data-vm-type="{{vm.hosting_company}}"/> - <span>GiB</span> - </div> - </li> - <li> - <h3 id="{{vm.hosting_company}}-final-price">select</h3> - <span>per month</span> - </li> - <li> - <button>Buy it</button> - </li> - </ul> - </form> - </div> - {% endfor %} - - -<!-- - <div class="col-xs-12 col-sm-6 col-md-3"> - <ul class="pricing p-yel"> - <li> - <img src="http://bread.pp.ua/n/settings_y.svg" alt=""> - <big>Good</big> - </li> - <li>Responsive Design</li> - <li>Color Customization</li> - <li>HTML5 & CSS3</li> - <li>Styled elements</li> - <li> - <h3>$299</h3> - <span>per month</span> - </li> - <li> - <button>Join Now</button> - </li> - </ul> - </div> - - <div class="col-xs-12 col-sm-6 col-md-3"> - <ul class="pricing p-red"> - <li> - <img src="http://bread.pp.ua/n/settings_r.svg" alt=""> - <big>Ultima</big> - </li> - <li>Responsive Design</li> - <li>Color Customization</li> - <li>HTML5 & CSS3</li> - <li>Styled elements</li> - <li> - <h3>$399</h3> - <span>per month</span> - </li> - <li> - <button>Join Now</button> - </li> - </ul> - </div> - - <div class="col-xs-12 col-sm-6 col-md-3"> - <ul class="pricing p-blue"> - <li> - <img src="http://bread.pp.ua/n/settings_b.svg" alt=""> - <big>Vip</big> - </li> - <li>Responsive Design</li> - <li>Color Customization</li> - <li>HTML5 & CSS3</li> - <li>Styled elements</li> - <li> - <h3>$799</h3> - <span>per month</span> - </li> - <li> - <button>Join Now</button> - </li> - </ul> - </div> --> - - - </div><!-- /block --> - </div><!-- /row --> diff --git a/hosting/templates/hosting/signup.html b/hosting/templates/hosting/signup.html index b7dc3239..d92957bc 100644 --- a/hosting/templates/hosting/signup.html +++ b/hosting/templates/hosting/signup.html @@ -1,3 +1,5 @@ +{% load staticfiles bootstrap3%} + <!DOCTYPE html> <html lang="en"> @@ -9,13 +11,13 @@ <meta name="description" content=""> <meta name="author" content=""> - <title>Rails Hosting.ch - Ruby on Rails as easy as possible</title> + <title>Signup</title> <!-- Bootstrap Core CSS --> - <link href="css/bootstrap.min.css" rel="stylesheet"> + <link href="{% static 'hosting/css/bootstrap.min.css' %}" rel="stylesheet"> <!-- Custom CSS --> - <link href="css/landing-page.css" rel="stylesheet"> + <link href="{% static 'hosting/css/landing-page.css' %}" rel="stylesheet"> <!-- Custom Fonts --> <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> @@ -45,7 +47,7 @@ <span class="icon-bar"></span> <span class="icon-bar"></span> </button> - <a class="navbar-brand topnav" href="#"><img src="img/logo_black.svg"></a> + <a class="navbar-brand topnav" href="#"><img src="{% static 'hosting/img/logo_black.svg' %}"></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> @@ -77,36 +79,27 @@ <a name="about"></a> <div class="intro-header-2"> <div class="container"> - <div class="col-md-4"> </div><div class="col-md-4"> - <div class="intro-"><img class="responsive" src="img/Beta.png"> - <h2>Sign up</h2> - <form> - <div class="form-group"> - <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter your name or comapny name"> - </div> - <div class="form-group"> - <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> - </div> - <div class="form-group"> - <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> - </div> - <div class="form-group"> - <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Confirm Password"> - </div><div class="col-md-4"> </div> - <div class> - <p> </p> - </div> - <button type="submit" class="btn btn-default">Sign Up</button> - -</form></p></div> - <ul class="list-inline intro-social-buttons"> - - </ul> - </div> - </div> + <div class="col-md-4"> </div><div class="col-md-4"> + <div class="intro-message"> + <h2>Sign up</h2> + <form action="{% url 'hosting:signup' %}" method="post" class="form" novalidate> + {% csrf_token %} + {% for field in form %} + {% bootstrap_field field show_label=False %} + {% endfor %} + {% buttons %} + <button type="submit" class="btn btn-default"> + Signup + </button> + {% endbuttons %} + </form> + <ul class="list-inline intro-social-buttons"> + + </ul> + </div> </div> - </div> + </div> <!-- /.container --> </div> @@ -139,7 +132,7 @@ <a href="#contact">Contact</a> </li> </ul> - <p class="copyright text-muted small">Copyright © ungleich GmbH 2015. All Rights Reserved</p> + <p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p> </div> </div> </div> diff --git a/hosting/urls.py b/hosting/urls.py index ee79deb9..0852bc0d 100644 --- a/hosting/urls.py +++ b/hosting/urls.py @@ -1,12 +1,14 @@ from django.conf.urls import url -from . import views -from .views import VMPricingView, DjangoHostingView +from .views import VMPricingView, DjangoHostingView, RailsHostingView, \ + NodeJSHostingView, LoginView, SignupView, IndexView urlpatterns = [ - url(r'beta$', views.beta, name='beta'), + url(r'index/?$', IndexView.as_view(), name='index'), url(r'pricing/?$', VMPricingView.as_view(), name='pricing'), url(r'django/?$', DjangoHostingView.as_view(), name='djangohosting'), - url(r'nodejs$', views.nodejshosting, name='nodejshosting'), - url(r'rails$', views.railshosting, name='railshosting'), + url(r'nodejs/?$', NodeJSHostingView.as_view(), name='nodejshosting'), + url(r'rails/?$', RailsHostingView.as_view(), name='railshosting'), + url(r'login/?$', LoginView.as_view(), name='login'), + url(r'signup/?$', SignupView.as_view(), name='signup'), ] diff --git a/hosting/views.py b/hosting/views.py index 7bbb2b85..27bbeea2 100644 --- a/hosting/views.py +++ b/hosting/views.py @@ -1,16 +1,14 @@ -import datetime from django.shortcuts import get_object_or_404, render -from django.forms import ModelForm +from django.core.urlresolvers import reverse_lazy, reverse + +from django.views.generic import View, CreateView, FormView from django.http import HttpResponseRedirect -from django.core.urlresolvers import reverse - -from django.core.mail import send_mail -from django.core.mail import mail_managers -from django.views.generic import View, DetailView - +from django.contrib.auth import authenticate, login +from membership.models import CustomUser from .models import RailsBetaUser, VirtualMachineType +from .forms import HostingUserSignupForm, HostingUserLoginForm class VMPricingView(View): @@ -38,67 +36,122 @@ class DjangoHostingView(View): return render(request, self.template_name, context) -class RailsBetaUserForm(ModelForm): - required_css_class = 'form-control' - class Meta: - model = RailsBetaUser - fields = [ 'email' ] +class RailsHostingView(View): + template_name = "hosting/rails.html" -def hosting(request, context): - email = RailsBetaUser(received_date=datetime.datetime.now()) + def get_context_data(self, **kwargs): + context = {} + context["hosting"] = "rails" + context["hosting_long"] = "Ruby On Rails" + context["domain"] = "rails-hosting.ch" + context["google_analytics"] = "UA-62285904-5" + context["email"] = "info@rails-hosting.ch" + context["vm_types"] = VirtualMachineType.get_serialized_vm_types() + return context - if request.method == 'POST': - context['form'] = RailsBetaUserForm(request.POST, instance=email) - if context['form'].is_valid(): - context['form'].save() - email = context['form'].cleaned_data['email'] - subject = "%shosting request" % context['hosting'] - message = "Request for beta by: %s" % email + def get(self, request, *args, **kwargs): + context = self.get_context_data() + return render(request, self.template_name, context) - mail_managers(subject, message) - return HttpResponseRedirect(reverse("hosting:beta")) - else: - context['form'] = RailsBetaUserForm() - context['error_message'] = "a problem" +class NodeJSHostingView(View): + template_name = "hosting/nodejs.html" - page = "hosting/%s.html" % context['hosting'] + def get_context_data(self, **kwargs): + context = {} + context["hosting"] = "nodejs" + context["hosting_long"] = "NodeJS" + context["domain"] = "node-hosting.ch" + context["google_analytics"] = "UA-62285904-7" + context["email"] = "info@node-hosting.ch" + context["vm_types"] = VirtualMachineType.get_serialized_vm_types() + return context - return render(request, page, context) + def get(self, request, *args, **kwargs): + context = self.get_context_data() + return render(request, self.template_name, context) -################################################################################ -# Hostings -# -def djangohosting(request): - context = {} - context["hosting"]="django" - context["hosting_long"]="Django" - context["domain"]="django-hosting.ch" - context["google_analytics"]="UA-62285904-6" - context["email"]="info@django-hosting.ch" - return hosting(request, context) +class IndexView(View): + template_name = "hosting/index.html" -def railshosting(request): - context = {} - context["hosting"]="rails" - context["hosting_long"]="Ruby On Rails" - context["domain"]="rails-hosting.ch" - context["google_analytics"]="UA-62285904-5" - context["email"]="info@rails-hosting.ch" + def get_context_data(self, **kwargs): + context = {} + context["hosting"] = "nodejs" + context["hosting_long"] = "NodeJS" + context["domain"] = "node-hosting.ch" + context["google_analytics"] = "UA-62285904-7" + context["email"] = "info@node-hosting.ch" + context["vm_types"] = VirtualMachineType.get_serialized_vm_types() + return context - return hosting(request, context) + def get(self, request, *args, **kwargs): + context = self.get_context_data() + return render(request, self.template_name, context) -def nodejshosting(request): - context = {} - context["hosting"]="nodejs" - context["hosting_long"]="NodeJS" - context["domain"]="node-hosting.ch" - context["google_analytics"]="UA-62285904-7" - context["email"]="info@node-hosting.ch" +class LoginView(FormView): + template_name = 'hosting/login.html' + form_class = HostingUserLoginForm + moodel = CustomUser + success_url = reverse_lazy('hosting:login') - return hosting(request, context) + def form_valid(self, form): + email = form.cleaned_data.get('email') + password = form.cleaned_data.get('password') + auth_user = authenticate(email=email, password=password) + if auth_user: + login(self.request, auth_user) + return HttpResponseRedirect(self.get_success_url()) + return HttpResponseRedirect(self.get_success_url()) -def beta(request): - return render(request, 'hosting/beta.html') + +class SignupView(CreateView): + template_name = 'hosting/signup.html' + form_class = HostingUserSignupForm + moodel = CustomUser + + def get_success_url(self): + return reverse_lazy('hosting:signup') + + def form_valid(self, form): + name = form.cleaned_data.get('name') + email = form.cleaned_data.get('email') + password = form.cleaned_data.get('password') + CustomUser.register(name, password, email) + auth_user = authenticate(email=email, password=password) + login(self.request, auth_user) + return HttpResponseRedirect(self.get_success_url()) + + + +# class RailsBetaUserForm(ModelForm): +# required_css_class = 'form-control' +# class Meta: +# model = RailsBetaUser +# fields = [ 'email' ] + +# def hosting(request, context): +# email = RailsBetaUser(received_date=datetime.datetime.now()) + +# if request.method == 'POST': +# context['form'] = RailsBetaUserForm(request.POST, instance=email) +# if context['form'].is_valid(): +# context['form'].save() +# email = context['form'].cleaned_data['email'] +# subject = "%shosting request" % context['hosting'] +# message = "Request for beta by: %s" % email + +# mail_managers(subject, message) + +# return HttpResponseRedirect(reverse("hosting:beta")) +# else: +# context['form'] = RailsBetaUserForm() +# context['error_message'] = "a problem" + +# page = "hosting/%s.html" % context['hosting'] + +# return render(request, page, context) + +# def beta(request): +# return render(request, 'hosting/beta.html')