diff --git a/ungleich_page/static/ungleich_page/js/ungleich.js b/ungleich_page/static/ungleich_page/js/ungleich.js index e5e4ed34..ca6a71e3 100644 --- a/ungleich_page/static/ungleich_page/js/ungleich.js +++ b/ungleich_page/static/ungleich_page/js/ungleich.js @@ -2,16 +2,16 @@ $(function(){ new WOW().init(); - $('.img-toggle').one('mouseover', toggleImage); + $('.img-toggle').one('mouseenter', toggleImage); }); function toggleImage(e) { var $this = $(this), toggle_img = $this.attr('data-replaced'), current_img = $this.attr('src'); - $this.fadeOut(600, function() { + $this.fadeOut(200, function() { $this.attr('src', toggle_img); $this.attr('data-replaced', current_img); - $this.fadeIn(900); + $this.fadeIn(300); }); }; diff --git a/ungleich_page/templates/ungleich_page/includes/_about.html b/ungleich_page/templates/ungleich_page/includes/_about.html index 0b8218d9..b2bd393f 100644 --- a/ungleich_page/templates/ungleich_page/includes/_about.html +++ b/ungleich_page/templates/ungleich_page/includes/_about.html @@ -1,5 +1,4 @@ -{% load static %} -{% load i18n %} +{% load static i18n %} <section id="about"> <div class="container"> @@ -32,7 +31,7 @@ </div> <div class="timeline-body"> <p>{% trans "ungleich founded" %} </p> - <p>{% trans "in Switzerland" %} </p> + <p>{% trans "in Switzerland" %}</p> </div> </div> </li> diff --git a/ungleich_page/templates/ungleich_page/includes/_contact_us.html b/ungleich_page/templates/ungleich_page/includes/_contact_us.html index 5c4d2da0..a104fbb3 100644 --- a/ungleich_page/templates/ungleich_page/includes/_contact_us.html +++ b/ungleich_page/templates/ungleich_page/includes/_contact_us.html @@ -8,7 +8,7 @@ {% 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">×</span></button> + autofocus><span aria-hidden="true">×</span></button> <strong>{{ message }}</strong> </div> {% endfor %} @@ -16,7 +16,7 @@ <br> <h3 class="intro-smallcap">{% trans "Join us at" %} <a - href="{% url 'digitalglarus:landing' %}">{% trans "Digital Glarus" %}</a>, + href="{% url 'digitalglarus:landing' %}">{% 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> @@ -62,12 +62,6 @@ </div> </form> --> </div> - <p> </p> - </div> - <div class="row"> - <div class="col-lg-12"> - - </div> </div> </div> </section> \ No newline at end of file diff --git a/ungleich_page/templates/ungleich_page/includes/_portfolio.html b/ungleich_page/templates/ungleich_page/includes/_portfolio.html index 0df3b4c2..2c439a5d 100644 --- a/ungleich_page/templates/ungleich_page/includes/_portfolio.html +++ b/ungleich_page/templates/ungleich_page/includes/_portfolio.html @@ -10,7 +10,7 @@ </div> </div> <div class="row"> - <div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="0.5s"> + <div class="col-md-4 col-sm-6 portfolio-item wow fadeInUp" data-wow-delay="0.25s"> <a href="{% url 'datacenterlight:index' %}"><img src="{% static 'ungleich_page/img/portfolio/datacenterlight.png' %}" class="img-responsive inline-block" alt=""></a> <div class="portfolio-caption inline-block"> <h4>{% trans "Data Center Light" %}</h4> @@ -18,7 +18,7 @@ <p class="text-muted">{% trans "We offer the most affordable hosting in Switzerland. Data Center Light has full FOSS stack, 100% IPv6 and 100% SSD. Choose any configuration among CentOS, Debian, Ubuntu, Devuan, and FreeBSD." %} </p> </div> </div> - <div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="1s"> + <div class="col-md-4 col-sm-6 portfolio-item wow fadeInUp" data-wow-delay="0.5s"> <a href="{% url 'rails.hosting' %}"><img src="{% static 'ungleich_page/img/portfolio/startup-framework.png' %}" class="img-responsive inline-block" alt=""></a> <div class="portfolio-caption inline-block"> <h4>{% trans "Rails Hosting" %} </h4> @@ -26,7 +26,7 @@ <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"> + <div class="col-md-4 col-sm-6 portfolio-item wow fadeInUp" data-wow-delay="0.75s"> <a href="{% url 'datacenterlight:glasfaser' %}"><img src="{% static 'ungleich_page/img/portfolio/glasfaser.png' %}" class="img-responsive inline-block" alt=""></a> <div class="portfolio-caption inline-block"> <h4>{% trans "High Speed Internet" %}</h4> diff --git a/ungleich_page/templates/ungleich_page/includes/_services.html b/ungleich_page/templates/ungleich_page/includes/_services.html index 5a0ef848..2c3a8f62 100644 --- a/ungleich_page/templates/ungleich_page/includes/_services.html +++ b/ungleich_page/templates/ungleich_page/includes/_services.html @@ -2,48 +2,45 @@ {% load i18n %} <section id="services"> - <div class="container"> - <div class="row"> - <div class="col-lg-12 text-center wow fadeInDown"> - <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." %}<br/> - {% trans "Our top notch configuration management is refreshingly simple and reliable." %} - </h3> - </div> - </div> + <div class="container"> + <div class="text-center wow fadeInDown"> + <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." %}<br/> + {% trans "Our top notch configuration management is refreshingly simple and reliable." %} + </h3> + </div> <div class="row text-center"> <div class="col-sm-4"> - <div class="team-member wow fadeInDown" data-wow-delay="0.5s"> + <div class="team-member wow fadeInUp" data-wow-delay="0.25s"> <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">{% trans "Hosting" %}</h4> - <p> </p> - <p><span class="text-muted">{% trans "Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe." %}</span></p> + <h4 class="portfolio-caption">{% trans "Hosting" %}</h4> + <p> </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> <div class="col-sm-4"> - <div class="team-member wow fadeInDown" data-wow-delay="1s"> + <div class="team-member wow fadeInUp" data-wow-delay="0.5s"> <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">{% trans "Configuration as a Service" %}</h4> - <p> </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"> </p> + <h4 class="portfolio-caption">{% trans "Configuration as a Service" %}</h4> + <p> </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> </div> </div> </div> <div class="col-sm-4"> - <div class="team-member wow fadeInDown" data-wow-delay="1.5s"> + <div class="team-member wow fadeInUp" data-wow-delay="0.75s"> <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">{% trans "Linux System Engineering" %}</h4> - <p class="text-muted"> </p> <div class="team-member-caption inline-block"> - <p class="text-muted">{% trans "Let your developers develop! We take care of your system administration. Gentoo, Archlinux, Debian, Ubuntu, and many more." %}</p> + <h4 class="portfolio-caption">{% trans "Linux System Engineering" %}</h4> + <p> </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> </div> - </div> + </div> </section>