Merge pull request #33 from levivm/develop

Develop
This commit is contained in:
Levi Velázquez 2016-04-15 20:21:39 -05:00
commit 2f4e668371
16 changed files with 590 additions and 245 deletions

View file

@ -0,0 +1,57 @@
{% extends "base_glarus.html" %}
{% load staticfiles cms_tags %}
{% block title %}About{% endblock %}
{% block content %}
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">{% placeholder 'digitalglarus_why_us' %}</h2>
<hr>
</div>
<div class="col-md-6">
<img class="img-responsive img-border-left" src="{% static 'digitalglarus/img/img_4.png' %}" alt="">
</div>
<div class="col-md-6">
<p>
{% placeholder 'digitalglarus_why_us_content' %}
</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">
{% placeholder 'digitalglarus_why_glarus' %}
</h2>
<hr>
</div>
<div class="col-sm-4 text-center">
<img class="img-responsive" src="{% static 'digitalglarus/img/img_1.jpg' %}" alt="">
<h3>
{% placeholder 'digitalglarus_why_glarus_beautiful_landscape' %}
</h3>
</div>
<div class="col-sm-4 text-center">
<img class="img-responsive" src="{% static 'digitalglarus/img/price_1.jpg' %}" alt="">
{% placeholder 'digitalglarus_why_glarus_affordable_price' %}
</h3>
</div>
<div class="col-sm-4 text-center">
<img class="img-responsive" src="{% static 'digitalglarus/img/img_3.jpg' %}" alt="">
{% placeholder 'digitalglarus_why_glarus_direct_connection_zurich' %}
</h3>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- /.container -->
{% endblock %}

View file

@ -0,0 +1,79 @@
{% extends "base_glarus.html" %}
{% load cms_tags %}
{% block title %}Contact{% endblock %}
{% block content %}
<div class="row">
<div class="box">
<div class="col-lg-12">
{% for message in messages %}
<div class="alert alert-success alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong>{{ message }}</strong>
</div>
{% endfor %}
<hr>
<h2 class="intro-text text-center">
{% static_placeholder "digital_glarus_contact_title" %}
</h2>
<hr>
</div>
<div class="col-md-8">
<p>
{% static_placeholder "digital_glarus_contact_location" %}
</p>
</div>
<div class="col-md-4">
{% static_placeholder "digital_glarus_contact_information" %}
<div class="clearfix">&nbsp;</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">
{% static_placeholder "digital_glarus_contact_form_title" %}
</h2>
<hr>
<p>{% static_placeholder "digital_glarus_contact_form_text" %}</p>
<form action="{% url 'digitalglarus:contact' %}" method="post" >
{% csrf_token %}
<div class="row">
<div autofocus class="form-group col-lg-4 {% if form.name.errors %}has-error text-danger{% endif %}">
{{ form.name.label_tag }}
{{ form.name }}
{{ form.name.errors|striptags}}
</div>
<div class="form-group col-lg-4 {% if form.email.errors %}has-error text-danger {% endif %}">
{{ form.email.label_tag }}
{{ form.email }}
{{ form.email.errors|striptags}}
</div>
<div class="form-group col-lg-4 {% if form.phone_number.errors %}has-error text-danger {% endif %}">
{{ form.phone_number.label_tag }}
{{ form.phone_number }}
{{ form.phone_number.errors|striptags}}
</div>
<div class="clearfix"></div>
<div class="form-group col-lg-12 {% if form.message.errors %}has-error text-danger {% endif %}">
{{ form.message.label_tag }}
{{ form.message }}
{{ form.message.errors|striptags}}
</div>
{{ form.non_field_errors }}
<div class="form-group col-lg-12">
<input type="hidden" name="save" value="contact">
<button type="submit" class="btn btn-default" {% if form.name.errors %} autofocus {% endif %}>Submit</button>
</div>
</div>
</form>
<!-- -->
</div>
</div>
</div>
<!-- /.container -->
{% endblock %}

View file

@ -0,0 +1,99 @@
{% extends "base_glarus.html" %}
{% load staticfiles cms_tags %}
{% block content %}
<div class="row">
<div class="box">
<div class="col-lg-12 text-center">
<div id="carousel-example-generic" class="carousel slide">
<!-- Indicators --><!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img class="img-responsive img-full" src="{% static 'digitalglarus/img/slide-1.jpg' %}" alt="">
</div>
<div class="item">
<img class="img-responsive img-full" src="{% static 'digitalglarus/img/slide-2.jpg' %}" alt="">
</div>
<div class="item">
<img class="img-responsive img-full" src="{% static 'digitalglarus/img/slide-3.jpg' %}" alt="">
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="icon-prev"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="icon-next"></span>
</a>
</div>
<h2 class="brand-before">
<small>WELCOME TO</small>
</h2>
<h1 class="brand-name">Digital Glarus</h1>
<hr class="tagline-divider">
<h2>
<small>By
<strong><a href="http://ungleich.ch">ungleich gmbh</a></strong>
</small>
</h2>
</div>
</div>
</div>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">
{% placeholder 'digital_glarus_build_a_tech_valley' %}
</h2>
<hr>
<img class="img-responsive img-border img-left" src="{% static 'digitalglarus/img/intro-pic.jpg' %}" alt="">
<hr class="visible-xs">
{% placeholder 'digital_glarus_build_a_tech_valley_content' %}
<p>&nbsp;</p>
</div>
</div>
</div>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">
{% placeholder 'digital_glarus_a_new_area' %}
</h2>
<hr>
{% placeholder 'digital_glarus_a_new_area_content' %}
</div>
</div>
</div>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">
{% placeholder 'digital_glarus_why_be_interested' %}
</h2>
<hr>
{% placeholder 'digital_glarus_why_be_interested_content' %}
</div>
</div>
</div>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">
{% placeholder 'digital_glarus_where_we_are' %}
</h2>
<hr>
{% placeholder 'digital_glarus_where_we_are_content' %}
<p>&nbsp;</p>
</div>
</div>
</div>
{% endblock %}

View file

@ -30,11 +30,11 @@ class ContactView(FormView):
class IndexView(TemplateView):
template_name = "index.html"
template_name = "digitalglarus/index.html"
class AboutView(TemplateView):
template_name = "about.html"
template_name = "digitalglarus/about.html"
def detail(request, message_id):
p = get_object_or_404(Message, pk=message_id)
@ -53,8 +53,8 @@ def about(request):
#def letscowork(request):
# return render(request, 'digitalglarus/letscowork.html')
def index(request):
return home(request)
# def index(request):
# return home(request)
def home(request):
return render(request, 'index.html')

View file

@ -8,7 +8,7 @@ msgid ""
msgstr ""
"Project-Id-Version: PACKAGE VERSION\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2016-04-11 21:02-0500\n"
"POT-Creation-Date: 2016-04-15 19:16-0500\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
@ -18,18 +18,248 @@ msgstr ""
"Content-Transfer-Encoding: 8bit\n"
"Plural-Forms: nplurals=2; plural=(n != 1);\n"
#: templates/ungleich_page/includes/_about.html:8
msgid "ABOUT"
msgstr ""
#: templates/ungleich_page/includes/_about.html:9
msgid "The timeline of ungleich"
msgstr ""
#: templates/ungleich_page/includes/_about.html:24
msgid "The first incarnation of ungleich"
msgstr ""
#: templates/ungleich_page/includes/_about.html:25
msgid "in Germany"
msgstr ""
#: templates/ungleich_page/includes/_about.html:37
msgid "ungleich founded"
msgstr ""
#: templates/ungleich_page/includes/_about.html:38
msgid "in Switzerland"
msgstr ""
#: templates/ungleich_page/includes/_about.html:51
msgid "ungleich present at various conferences"
msgstr ""
#: templates/ungleich_page/includes/_about.html:65
msgid "ungleich introduces HA-Hosting"
msgstr ""
#: templates/ungleich_page/includes/_about.html:66
msgid "and introduces affordable 24X7 support."
msgstr ""
#: templates/ungleich_page/includes/_about.html:67
msgid "ungleich launches"
msgstr ""
#: templates/ungleich_page/includes/_about.html:68
msgid "Digital Glarus project"
msgstr ""
#: templates/ungleich_page/includes/_about.html:74
msgid "and"
msgstr ""
#: templates/ungleich_page/includes/_about.html:74
msgid "the story continues!"
msgstr ""
#: templates/ungleich_page/includes/_contact_us.html:14
#: templates/ungleich_page/includes/_contact_us.html:21 views.py:35
msgid "Contact Us"
msgstr "Kontaktiere Uns"
#: templates/ungleich_page/includes/_contact_us.html:16
msgid "Join us at"
msgstr ""
#: templates/ungleich_page/includes/_contact_us.html:16
msgid "Digital Glarus"
msgstr ""
#: templates/ungleich_page/includes/_contact_us.html:17
msgid "a great co-working space in the middle of Alps!"
msgstr ""
#: templates/ungleich_page/includes/_contact_us.html:17
msgid "You can contact us at"
msgstr ""
#: templates/ungleich_page/includes/_contact_us.html:20
msgid "or"
msgstr ""
#: templates/ungleich_page/includes/_contact_us.html:50
msgid "Submit"
msgstr ""
#: templates/ungleich_page/includes/_footer.html:8
msgid "Copyright © ungleich GmbH "
msgstr ""
#: templates/ungleich_page/includes/_footer.html:22
msgid "ungleich Home"
msgstr ""
#: templates/ungleich_page/includes/_header.html:11
msgid "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure "
msgstr ""
#: templates/ungleich_page/includes/_portfolio.html:8
#: templates/ungleich_page/includes/_portfolio.html:9
msgid "Hosting Products "
msgstr ""
#: templates/ungleich_page/includes/_portfolio.html:16
msgid "HA Hosting"
msgstr ""
#: templates/ungleich_page/includes/_portfolio.html:18
msgid ""
"We offer high availablity hosting (HA) in Germany and in Switzerland. Our "
"infrastructure is powered by Free and Open Source Software like OpenNebula, "
"Qemu and GlusterFS."
msgstr ""
#: templates/ungleich_page/includes/_portfolio.html:24
msgid "Rails Hosting"
msgstr ""
#: templates/ungleich_page/includes/_portfolio.html:26
msgid ""
"Ready to go live with your Ruby on Rails application? We offer you ready-to-"
"deploy virtual machines or configure your existing infrastructure for Ruby "
"on Rails."
msgstr ""
#: templates/ungleich_page/includes/_portfolio.html:32
msgid " Configuration as a Service"
msgstr ""
#: templates/ungleich_page/includes/_portfolio.html:34
msgid ""
"You are in need for a configuration?<br>With ungleich you have found an "
"experienced team that configure your systems to provide service like DNS, E-"
"Mail, Databases or Webservers."
msgstr ""
#: templates/ungleich_page/includes/_services.html:8
msgid "our services"
msgstr ""
#: templates/ungleich_page/includes/_services.html:18
msgid "Hosting"
msgstr ""
#: templates/ungleich_page/includes/_services.html:20
msgid ""
"Ruby on Rails. Java hosting, Django hosting, we make it everything run "
"smooth and safe."
msgstr ""
#: templates/ungleich_page/includes/_services.html:28
msgid "Configuration as a Service"
msgstr ""
#: templates/ungleich_page/includes/_services.html:30
msgid ""
"Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that "
"needs to configured, we provide comprehensive solutions. Amazon, rackspace "
"or bare metal servers, we configure for you."
msgstr ""
#: templates/ungleich_page/includes/_services.html:38
msgid "Linux System Engineering"
msgstr ""
#: templates/ungleich_page/includes/_services.html:41
msgid ""
"Let your developers develop! We take care of your system administration. "
"Gentoo, Archlinux, Debian, Ubuntu, and many more."
msgstr ""
#: templates/ungleich_page/includes/_team.html:8
msgid "Why ungleich?*"
msgstr ""
#: templates/ungleich_page/includes/_team.html:9
msgid "What our customers say"
msgstr ""
#: templates/ungleich_page/includes/_team.html:29
msgid ""
"\n"
"\t\t\t \"ungleich helped us getting started with our internal\n"
"\t\t\t infrastructure, hosted on physical servers in a\n"
"\t\t\t co-location data centre in Zurich. From planning the\n"
"\t\t\t network layout and virtualisation setup,\n"
"\t\t\t inviting offers and securing a great deal from a\n"
"\t\t\t hardware vendor, all the way to the installation of\n"
"\t\t\t basic services like DNS, VPN and firewalls using the\n"
"\t\t\t configuration management software cdist, we could\n"
"\t\t\t count on the support of ungleich. At the end, we got\n"
"\t\t\t a high availability infrastructure setup enabling our\n"
"\t\t\t engineers to work more efficiently and comfortable\n"
"\t\t\t than before.\"\n"
"\t\t\t "
msgstr ""
#: templates/ungleich_page/includes/_team.html:51
msgid ""
"\n"
"\t\t\t \"Thanks to ungleich team, who has designed and\n"
"\t\t\t configured our company's Linux infrastructure, our\n"
"\t\t\t systems are very easy to maintain. Their innovative\n"
"\t\t\t configuration management system cdist helped us\n"
"\t\t\t significantly not only in cost but also in time\n"
"\t\t\t saving, which is crucial for IT companies like ours.\"\n"
"\t\t\t \t"
msgstr ""
#: templates/ungleich_page/includes/_team.html:67
msgid ""
"\n"
"\t\t\t \"ungleich provided an excellent service in designing\n"
"\t\t\t our system architecture and created secure and stable\n"
"\t\t\t appliance. For us it is important to have an enduring\n"
"\t\t\t stability in our system, and ungleich's configuration\n"
"\t\t\t management system cdist is easy to adapt for our\n"
"\t\t\t system administrators. We had a successful\n"
"\t\t\t collaboration with ungleich in the time of very\n"
"\t\t\t high workload, and their project leading was\n"
"\t\t\t high-skilled and very reliable. I would definitely\n"
"\t\t\t recommend them to any companies with high demand in\n"
"\t\t\t solid infrastructures.\"\n"
"\t\t\t "
msgstr ""
#: templates/ungleich_page/includes/_team.html:82
msgid ""
"\n"
"\t\t\t <strong>- Sebastian Plattner,</strong>\n"
"\t\t\t Teamleader Development Cyber Security Products at RUAG\n"
"\t\t\t "
msgstr ""
#: templates/ungleich_page/includes/_team.html:95
msgid "*ungleich means not equal to (≠) U+2260."
msgstr ""
#: urls.py:7
msgid "contact/?$"
msgstr ""
#: views.py:13
#: views.py:25
msgid "Message Successfully Sent"
msgstr ""
#: views.py:23
msgid "Contact Us"
msgstr "Kontaktiere Uns"
#: views.py:24
#: views.py:36
msgid "If you have any question, just send us an email."
msgstr "Wenn Sie irgendwelche Fragen haben, schicken Sie uns einfach eine E-Mail."
msgstr ""
"Wenn Sie irgendwelche Fragen haben, schicken Sie uns einfach eine E-Mail."

View file

@ -680,7 +680,9 @@ section#contact .section-heading {
}
section#contact .form-group {
color:white;
margin-bottom: 25px;
text-align: left;
}
section#contact .form-group input,

View file

@ -1,11 +1,12 @@
{% load static %}
{% load i18n %}
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center wow fadeInDown">
<h2 class="section-heading">ABOUT</h2>
<h3 class="section-subheading text-muted">The timeline of ungleich</h3>
<h2 class="section-heading">{% trans "ABOUT" %}</h2>
<h3 class="section-subheading text-muted">{% trans "The timeline of ungleich" %}</h3>
</div>
</div>
<div class="row">
@ -20,8 +21,8 @@
<h4>2000</h4>
</div>
<div class="timeline-body">
<p>The first incarnation of ungleich</p>
<p>in Germany </p>
<p>{% trans "The first incarnation of ungleich" %}</p>
<p>{% trans "in Germany" %}</p>
</div>
</div></li>
<li class="timeline-inverted">
@ -33,8 +34,8 @@
<h4>2013</h4>
</div>
<div class="timeline-body">
<p>ungleich founded </p>
<p>in Switzerland </p>
<p>{% trans "ungleich founded" %} </p>
<p>{% trans "in Switzerland" %} </p>
</div>
</div>
</li>
@ -47,7 +48,7 @@
<h4>2014</h4>
</div>
<div class="timeline-body">
<p>ungleich present at various conferences :<br><a href="http://www.linuxtag.org/2014/en/program/talk-details/?eventid=1238">Linuxtag</a>, <a href="https://www.usenix.org/conference/ucms14/summit-program/presentation/schottelius">UCMS</a>, Linux Erfa, <a href="https://www.ethz.ch/en.html">ETH Zurich</a><br>
<p>{% trans "ungleich present at various conferences" %}: <br><a href="http://www.linuxtag.org/2014/en/program/talk-details/?eventid=1238">Linuxtag</a>, <a href="https://www.usenix.org/conference/ucms14/summit-program/presentation/schottelius">UCMS</a>, Linux Erfa, <a href="https://www.ethz.ch/en.html">ETH Zurich</a><br>
</p>
</div>
</div>
@ -61,15 +62,16 @@
<h4> 2015</h4>
</div>
<div class="timeline-body">
<p>ungleich introduces HA-Hosting </p>
<p>and introduces affordable 24X7 support.</p>
<p>ungleich launches <a href="https://digitalglarus.ungleich.ch/digitalglarus/">Digital Glarus project</a></p>
<p>{% trans "ungleich introduces HA-Hosting" %} </p>
<p>{% trans "and introduces affordable 24X7 support." %}</p>
<p>{% trans "ungleich launches" %}<a href="https://digitalglarus.ungleich.ch/digitalglarus/">
{% trans "Digital Glarus project" %}</a></p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image wow slideInDown">
<h4>and<br>the story continues!</h4>
<h4>{% trans "and" %}<br>{% trans "the story continues!" %}</h4>
<p>&nbsp;</p>
</div>
</li>

View file

@ -1,22 +1,56 @@
{% load static %}
{% load i18n %}
<section id="contact">
<div class="container">
<div class="row" class="wow fadeInDown">
<div class="col-lg-12 text-center wow fadeInDown">
<h2 class="section-heading">Contact Us</h2>
<br>
<h3 class="intro-smallcap">Join us at <a href="{% url 'digitalglarus:index'%}">Digital Glarus</a>,
a great co-working space in the middle of Alps! <p></p> You can contact us at </h3>
<h3 class="intro-smallcap"><a href="mailto:info@ungleich.ch"><i class="fa fa-envelope">info@ungleich.ch</i></a></h3>
<h3 class="intro-smallcap"><a href="{% url 'ungleich_page:contact' %}"><i class="fa fa-envelope">Contact Us</i></a></h3>
<h3 class="intro-smallcap">
<p></p>
</h3>
{% for message in messages %}
<div class="alert alert-success alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close" autofocus><span aria-hidden="true">&times;</span></button>
<strong>{{ message }}</strong>
</div>
{% endfor %}
<h2 class="section-heading">{% trans "Contact Us" %}</h2>
<br>
<h3 class="intro-smallcap">{% trans "Join us at" %} <a href="{% url 'digitalglarus:index'%}">{% trans "Digital Glarus" %}</a>,
{% trans "a great co-working space in the middle of Alps!" %} <p></p> {% trans "You can contact us at" %} </h3>
<h3 class="intro-smallcap"><a href="mailto:info@ungleich.ch" ><i class="fa fa-envelope">info@ungleich.ch</i></a></h3>
<h3 class="intro-smallcap"><i class="fa fa-phone"></i> (044) 534-66-22<p></p></h3>
<br>
<p>&nbsp;</p>
<h3 class="intro-smallcap">{% trans "or" %}</h3>
<h3 class="intro-smallcap">{% trans "Contact Us" %}</h3>
<form action="{% url 'ungleich_page:contact' %}" method="post" >
{% csrf_token %}
<div class="row">
<div autofocus class="form-group col-lg-4 {% if form.name.errors %}has-error text-danger{% endif %}">
{{ form.name.label_tag }}
{{ form.name }}
{{ form.name.errors|striptags}}
</div>
<div class="form-group col-lg-4 {% if form.email.errors %}has-error text-danger {% endif %}">
{{ form.email.label_tag }}
{{ form.email }}
{{ form.email.errors|striptags}}
</div>
<div class="form-group col-lg-4 {% if form.phone_number.errors %}has-error text-danger {% endif %}">
{{ form.phone_number.label_tag }}
{{ form.phone_number }}
{{ form.phone_number.errors|striptags}}
</div>
<div class="clearfix"></div>
<div class="form-group col-lg-12 {% if form.message.errors %}has-error text-danger {% endif %}">
{{ form.message.label_tag }}
{{ form.message }}
{{ form.message.errors|striptags}}
</div>
{{ form.non_field_errors }}
<div class="form-group col-lg-12">
<input type="hidden" name="save" value="contact">
<button type="submit" class="btn btn-default" {% if form.name.errors %} autofocus {% endif %}>{% trans "Submit" %}</button>
</div>
</div>
</form>
</div>
<p>&nbsp;</p>
</div>

View file

@ -1,9 +1,11 @@
{% load static %}
{% load i18n %}
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="copyright">Copyright © ungleich GmbH {% now "Y" %}</span>
<span class="copyright">{% trans "Copyright © ungleich GmbH " %} {% now "Y" %}</span>
</div>
<div class="col-md-4">
<ul class="list-inline social-buttons">
@ -17,7 +19,7 @@
</div>
<div class="col-md-4">
<ul class="list-inline quicklinks">
<li><a href="http://www.ungleich.ch/">ungleich Home</a>
<li><a href="http://www.ungleich.ch/">{% trans "ungleich Home" %} </a>
</li>
</ul>
</div>

View file

@ -1,4 +1,6 @@
{% load static %}
{% load i18n %}
<header>
<div class="container">
<div class="intro-text">
@ -6,8 +8,7 @@
<p></p><p></p><br>
<div class="intro-cap">
<span class="intro-cap">
We Design, Configure &amp; Maintain <br>
Your Linux Infrastructure
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
</span>
</div>

View file

@ -1,36 +1,37 @@
{% load static %}
{% load i18n %}
<section id="portfolio" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center wow fadeInDown">
<h2 class="section-heading">Hosting Products</h2>
<h3 class="section-subheading text-muted">Our Hosting Products: </h3>
<h2 class="section-heading">{% trans "Hosting Products " %}</h2>
<h3 class="section-subheading text-muted">{% trans "Hosting Products " %} </h3>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="0.5s">
<img src="{% static 'ungleich_page/img/portfolio/roundicons.png' %}" class="img-responsive inline-block" alt="">
<div class="portfolio-caption inline-block">
<h4>HA Hosting</h4>
<h4> {% trans "HA Hosting" %} </h4>
<p class="text-muted">&nbsp;</p>
<p class="text-muted">We offer high availablity hosting (HA) in Germany and in Switzerland. Our infrastructure is powered by Free and Open Source Software like OpenNebula, Qemu and GlusterFS.</p>
<p class="text-muted">{% trans "We offer high availablity hosting (HA) in Germany and in Switzerland. Our infrastructure is powered by Free and Open Source Software like OpenNebula, Qemu and GlusterFS." %} </p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="1s">
<img src="{% static 'ungleich_page/img/portfolio/startup-framework.png' %}" class="img-responsive inline-block" alt="">
<div class="portfolio-caption inline-block">
<h4>Rails Hosting</h4>
<h4>{% trans "Rails Hosting" %} </h4>
<p class="text-muted">&nbsp;</p>
<p class="text-muted">Ready to go live with your Ruby on Rails application? We offer you ready-to-deploy virtual machines or configure your existing infrastructure for Ruby on Rails.</p>
<p class="text-muted">{% trans "Ready to go live with your Ruby on Rails application? We offer you ready-to-deploy virtual machines or configure your existing infrastructure for Ruby on Rails." %}</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="1.5s">
<img src="{% static 'ungleich_page/img/portfolio/treehouse.png' %}" class="img-responsive inline-block" alt="">
<div class="portfolio-caption inline-block">
<h4>Configuration as a Service</h4>
<h4>{% trans " Configuration as a Service" %}</h4>
<p class="text-muted">&nbsp;</p>
<p class="text-muted">You are in need for a configuration?<br>With ungleich you have found an experienced team that configure your systems to provide service like DNS, E-Mail, Databases or Webservers.</p>
<p class="text-muted">{% trans "You are in need for a configuration?<br>With ungleich you have found an experienced team that configure your systems to provide service like DNS, E-Mail, Databases or Webservers." %}</p>
</div>
</div>
</div>

View file

@ -1,12 +1,13 @@
{% load static %}
{% load i18n %}
<section id="services">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center wow fadeInDown">
<h2 class="section-heading">our services</h2>
<h3 class="section-subheading text-muted">We support our clients in all areas of Unix infrastructure.<p></p>
Our top notch configuration management is refreshingly simple and reliable. </h3>
<h2 class="section-heading">{% trans "our services" %}</h2>
<h3 class="section-subheading text-muted">{% trans "We support our clients in all areas of Unix infrastructure.<p></p>
Our top notch configuration management is refreshingly simple and reliable." %}</h3>
</div>
</div>
<div class="row text-center">
@ -14,9 +15,9 @@
<div class="team-member wow fadeInDown" data-wow-delay="0.5s">
<img src="{% static 'ungleich_page/img/team/5.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/hosting.png' %}" class="img-responsive img-circle img-toggle" alt="">
<div class="team-member-caption inline-block">
<h4 class="portfolio-caption">Hosting</h4>
<h4 class="portfolio-caption">{% trans "Hosting" %}</h4>
<p>&nbsp;</p>
<p><span class="text-muted">Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe.</span></p>
<p><span class="text-muted">{% trans "Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe." %}</span></p>
</div>
</div>
</div>
@ -24,9 +25,9 @@
<div class="team-member wow fadeInDown" data-wow-delay="1s">
<img src="{% static 'ungleich_page/img/team/4.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/configuration.png' %}" class="img-responsive img-circle img-toggle" alt="">
<div class="team-member-caption inline-block">
<h4 class="portfolio-caption">Configuration as a Service</h4>
<h4 class="portfolio-caption">{% trans "Configuration as a Service" %}</h4>
<p>&nbsp;</p>
<p><span class="text-muted">Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you.</span></p>
<p><span class="text-muted">{% trans "Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you." %}</span></p>
<p class="text-muted">&nbsp;</p>
</div>
</div>
@ -34,10 +35,10 @@
<div class="col-sm-4">
<div class="team-member wow fadeInDown" data-wow-delay="1.5s">
<img src="{% static 'ungleich_page/img/team/6.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/linux.png' %}" class="img-responsive img-circle img-toggle cursor-pointer" alt="">
<h4 class="portfolio-caption">Linux System Engineering</h4>
<h4 class="portfolio-caption">{% trans "Linux System Engineering" %}</h4>
<p class="text-muted">&nbsp;</p>
<div class="team-member-caption inline-block">
<p class="text-muted">Let your developers develop! We take care of your system administration. Gentoo, Archlinux, Debian, Ubuntu, and many more.</p>
<p class="text-muted">{% trans "Let your developers develop! We take care of your system administration. Gentoo, Archlinux, Debian, Ubuntu, and many more." %}</p>
</div>
</div>
</div>

View file

@ -1,11 +1,12 @@
{% load static %}
{% load i18n %}
<section id="team" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-sm-16 text-center center-block wow fadeInDown">
<h2 class="section-heading">Why ungleich?*</h2>
<h3 class="text-muted">What our customers say</h3>
<h2 class="section-heading">{% trans "Why ungleich?*" %}</h2>
<h3 class="text-muted">{% trans "What our customers say" %}</h3>
</div>
</div>
@ -25,6 +26,7 @@
<div class="item active">
<img class="center-block img-client img-responsive" src="{% static 'ungleich_page/img/client-logos/teralytics.png' %}" />
<p class="carousel-text text-muted text-center">
{% blocktrans %}
"ungleich helped us getting started with our internal
infrastructure, hosted on physical servers in a
co-location data centre in Zurich. From planning the
@ -37,6 +39,7 @@
a high availability infrastructure setup enabling our
engineers to work more efficiently and comfortable
than before."
{% endblocktrans %}
</p>
<p class="text-center">
<strong>- Luciano Franceschina</strong>, CTO at Teralytics
@ -45,12 +48,14 @@
<div class="item">
<img class="center-block img-client img-responsive" src="{% static 'ungleich_page/img/client-logos/panter.png' %}" />
<p class="carousel-text text-muted text-center">
{% blocktrans %}
"Thanks to ungleich team, who has designed and
configured our company's Linux infrastructure, our
systems are very easy to maintain. Their innovative
configuration management system cdist helped us
significantly not only in cost but also in time
saving, which is crucial for IT companies like ours."
{% endblocktrans %}
</p>
<p class="text-center">
<strong> - Beat Seeliger </strong>, CTO at Panter AG
@ -59,6 +64,7 @@
<div class="item">
<img class="center-block img-client img-responsive" src="{% static 'ungleich_page/img/client-logos/logo_ruag.png' %}" />
<p class="carousel-text text-muted text-center">
{% blocktrans %}
"ungleich provided an excellent service in designing
our system architecture and created secure and stable
appliance. For us it is important to have an enduring
@ -70,10 +76,13 @@
high-skilled and very reliable. I would definitely
recommend them to any companies with high demand in
solid infrastructures."
{% endblocktrans %}
</p>
<p class="text-center">
{% blocktrans %}
<strong>- Sebastian Plattner,</strong>
Teamleader Development Cyber Security Products at RUAG
{% endblocktrans %}
</p>
</div>
</div>
@ -83,6 +92,6 @@
</div>
</div>
<div class="col-sm-16 text-center center-block">
<h3 class="section-subheading text-muted">*ungleich means not equal to (≠) U+2260. </h3>
<h3 class="section-subheading text-muted">{% blocktrans %}*ungleich means not equal to (≠) U+2260.{% endblocktrans %}</h3>
</div>
</section>

View file

@ -127,202 +127,23 @@
<!-- Use the modals below to showcase details about your portfolio projects! -->
<!-- Portfolio Modal 1 -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2>1.Grant us access to your system(s)</h2>
<p class="item-intro text-muted">Follow the simple steps below</p>
<img class="img-responsive" src="{% static 'ungleich_page/img/portfolio/roundicons-free.png' %}" alt="">
<p>
<strong>Copy our public ssh key to</strong> ~root/.ssh/authorized_key</p><p>
</p><p>
Ensure the permissions are restrictive on the keyfile and directory
<br>(<i>chmod 0644 ~root/.ssh/authorized_key; chmod 0755 ~root/.ssh</i>)
</p><p>
Add "PermitRootLogin without-password" to /etc/ssh/sshd_config and restart your ssh server</p>
<p>
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close </button>
</p></div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 2 -->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>2.Select the Configuration</h2>
<p class="item-intro text-muted">Choose one or more of the available configurations.</p>
<img class="img-responsive img-centered" src="{% static 'ungleich_page/img/portfolio/startup-framework-preview.png' %}" alt="">
<p>Our first release supports configuring your systems with <a href="https://www.djangoproject.com/">Django Hosting</a>
as well as <a href="http://rubyonrails.org/">Ruby on Rails Hosting</a>.
</p><p>
We plan to offer various configurations ranging from Webservers like
<a href="http://httpd.apache.org/">Apache</a> ,
<a href="http://nginx.org/">nginx</a> </p><p>to database systems like
<a href="http://www.postgresql.org">PostgreSQL</a> or
<a href="https://www.mongodb.org/">MongoDB</a>.
</p>
<p>We are constantly enhancing our configuration portfolio,
but in case you have a specific wish - do not hesitate to contact us for
a development quote.</p>
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 3 -->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2>3.Configure!</h2>
<p class="item-intro text-muted">Press the configure button.</p>
<img class="img-responsive img-centered" src="{% static 'ungleich_page/img/portfolio/treehouse-preview.png' %}" alt="">
<p>Press the configure button and we will verify that access
to your system work and ensure it is configured as chosen.</p>
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close </button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 4 -->
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2>Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-responsive img-centered" src="{% static 'ungleich_page/img/portfolio/golden-preview.png' %}" alt="">
<p>Start Bootstrap's Agency theme is based on Golden, a free PSD website template built by <a href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>. Golden is a modern and clean one page web template that was made exclusively for Best PSD Freebies. This template has a great portfolio, timeline, and meet your team sections that can be easily modified to fit your needs.</p>
<p>You can download the PSD template in this portfolio sample item at <a href="http://freebiesxpress.com/gallery/golden-free-one-page-web-template/">FreebiesXpress.com</a>.</p>
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 center-block">
<!-- Portfolio Modal 5 -->
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2>Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-responsive img-centered" src="{% static 'ungleich_page/img/portfolio/escape-preview.png' %}" alt="">
<p>Escape is a free PSD web template built by <a href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>. Escape is a one page web template that was designed with agencies in mind. This template is ideal for those looking for a simple one page solution to describe your business and offer your services.</p>
<p>You can download the PSD template in this portfolio sample item at <a href="http://freebiesxpress.com/gallery/escape-one-page-psd-web-template/">FreebiesXpress.com</a>.</p>
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 6 -->
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2>Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-responsive img-centered" src="{% static 'ungleich_page/img/portfolio/dreams-preview.png' %}" alt="">
<p>Dreams is a free PSD web template built by <a
href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>. Dreams
is a modern one page web template designed for almost any purpose. Its a
beautiful template thats designed with the Bootstrap framework in
mind.</p> <p>You can download the PSD template in this portfolio sample
item at <a
href="http://freebiesxpress.com/gallery/dreams-free-one-page-web-template/">FreebiesXpress.com</a>.</p>
<button type="button" class="btn btn-primary" data-dismiss="modal"><i
class="fa fa-times"></i> Close Project</button> </div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<!-- jQuery -->
<script src="{% static 'ungleich_page/js/jquery.js' %}" type="text/javascript" ></script>
<!-- Bootstrap Core JavaScript -->
<!-- <script src="js/bootstrap.min.js"></script> -->
<script src="{% static 'ungleich_page/js/bootstrap.min.js' %}" type="text/javascript" ></script>
<!-- Plugin JavaScript -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" type="text/javascript"></script>
@ -333,7 +154,7 @@
<!-- Contact Form JavaScript -->
<script src="{% static 'ungleich_page/js/jqBootstrapValidation.js' %}" type="text/javascript"></script>
<script src="{% static 'ungleich_page/js/contact_me.js' %}" type="text/javascript"></script>
<!-- <script src="{% static 'ungleich_page/js/contact_me.js' %}" type="text/javascript"></script> -->
<script src="{% static 'ungleich_page/js/lib/wow.min.js' %}" type="text/javascript"></script>
<!-- Custom Theme JavaScript -->

View file

@ -5,5 +5,5 @@ from django.utils.translation import ugettext_lazy as _
urlpatterns = [
url(_(r'contact/?$'), ContactView.as_view(), name='contact'),
url(_(r''), LandingView.as_view(), name='landing'),
url(r'', LandingView.as_view(), name='landing'),
]

View file

@ -3,18 +3,25 @@ from django.contrib import messages
from django.views.generic.edit import FormView
from django.utils.translation import ugettext_lazy as _
from django.core.urlresolvers import reverse_lazy
from django.views.generic import TemplateView
from django.views.generic import View
from django.shortcuts import render
from utils.forms import ContactUsForm
class LandingView(TemplateView):
class LandingView(View):
template_name = "ungleich_page/landing.html"
form_class = ContactUsForm
def get(self, request, *args, **kwargs):
form = self.form_class()
return render(request, self.template_name, {'form': form})
class ContactView(FormView):
template_name = 'ungleich_page/contact.html'
template_name = 'ungleich_page/landing.html'
form_class = ContactUsForm
success_url = reverse_lazy('digitalglarus:contact')
success_url = reverse_lazy('ungleich_page:landing')
success_message = _('Message Successfully Sent')
def form_valid(self, form):