Merge pull request #455 from pcoder/task/3709/faq_tos_cms_template
Task/3709/faq tos cms template
This commit is contained in:
commit
60cb27c728
5 changed files with 192 additions and 69 deletions
47
datacenterlight/static/datacenterlight/css/cms.css
Normal file
47
datacenterlight/static/datacenterlight/css/cms.css
Normal file
|
@ -0,0 +1,47 @@
|
||||||
|
.dcl-cms_page-full-width {
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
background-image: -ms-linear-gradient(right, #29427A 50%, #4F6699 100%);
|
||||||
|
background-image: -moz-linear-gradient(right, #29427A 50%, #4F6699 100%);
|
||||||
|
background-image: -o-linear-gradient(right, #29427A 50%, #4F6699 100%);
|
||||||
|
background-image: -webkit-gradient(linear, right top, left top, color-stop(50, #29427A), color-stop(100, #4F6699));
|
||||||
|
background-image: -webkit-linear-gradient(right, #29427A 50%, #4F6699 100%);
|
||||||
|
background-image: linear-gradient(to left, #29427A 50%, #4F6699 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dcl-cms_page-header {
|
||||||
|
padding: 150px 0 150px 0;
|
||||||
|
text-align: center;
|
||||||
|
color: #f8f8f8;
|
||||||
|
background: url(../img/pattern.jpg) no-repeat center center;
|
||||||
|
background-size: cover;
|
||||||
|
position: relative;
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dcl-cms_page-header::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: rgba(90, 116, 175, 0.85);
|
||||||
|
}
|
||||||
|
|
||||||
|
#dcl-cms_page-text {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#dcl-cms_page-text h3 {
|
||||||
|
font-size: 42px;
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
#dcl-cms_page-text h3 {
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: 40px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,4 +1,4 @@
|
||||||
{% load staticfiles i18n%}
|
{% load staticfiles i18n cms_tags sekizai_tags %}
|
||||||
{% get_current_language as LANGUAGE_CODE %}
|
{% get_current_language as LANGUAGE_CODE %}
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="{{LANGUAGE_CODE}}">
|
<html lang="{{LANGUAGE_CODE}}">
|
||||||
|
@ -33,13 +33,15 @@
|
||||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
{% render_block "css" postprocessor "compressor.contrib.sekizai.compress" %}
|
||||||
|
{% render_block "js" postprocessor "compressor.contrib.sekizai.compress" %}
|
||||||
<!-- Google analytics -->
|
<!-- Google analytics -->
|
||||||
{% include "google_analytics.html" %}
|
{% include "google_analytics.html" %}
|
||||||
<!-- End Google Analytics -->
|
<!-- End Google Analytics -->
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
{% cms_toolbar %}
|
||||||
<!-- Navigation -->
|
<!-- Navigation -->
|
||||||
{% include "datacenterlight/includes/_navbar.html" %}
|
{% include "datacenterlight/includes/_navbar.html" %}
|
||||||
|
|
||||||
|
|
33
datacenterlight/templates/datacenterlight/cms_page.html
Normal file
33
datacenterlight/templates/datacenterlight/cms_page.html
Normal file
|
@ -0,0 +1,33 @@
|
||||||
|
{% extends "datacenterlight/base.html" %}
|
||||||
|
{% load staticfiles cms_tags sekizai_tags %}
|
||||||
|
{% block content %}
|
||||||
|
{% addtoblock "css" %}
|
||||||
|
<link href="{% static 'datacenterlight/css/cms.css' %}" media="screen" rel="stylesheet" type="text/css"/>
|
||||||
|
{% endaddtoblock %}
|
||||||
|
|
||||||
|
<div class="dcl-cms_page-full-width">
|
||||||
|
<div class="dcl-cms_page-header">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-md-12">
|
||||||
|
<div class="single-heading">
|
||||||
|
<h2>{% placeholder 'datacenterlight_cms_page_title' %}</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="split-section left" id="dcl-cms_page-text">
|
||||||
|
<div class="space">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
{% placeholder 'datacenterlight_cms_page_text' %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
|
@ -1,74 +1,113 @@
|
||||||
{% load staticfiles i18n%} {% get_current_language as LANGUAGE_CODE %} {% load custom_tags %}
|
{% load staticfiles i18n%} {% get_current_language as LANGUAGE_CODE %} {% load custom_tags %}
|
||||||
<nav class="navbar navbar-default navbar-fixed-top topnav">
|
<nav class="navbar navbar-default navbar-fixed-top topnav">
|
||||||
<div class="topnav">
|
<div class="topnav">
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
<!-- Brand and toggle get grouped for better mobile display -->
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
<button type="button" class="navbar-toggle" data-toggle="collapse"
|
||||||
<span class="sr-only">Toggle navigation</span>
|
data-target="#bs-example-navbar-collapse-1">
|
||||||
<span class="icon-bar"></span>
|
<span class="sr-only">Toggle navigation</span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
</button>
|
<span class="icon-bar"></span>
|
||||||
{% if request.resolver_match.url_name == "index" or request.resolver_match.url_name == "whydatacenterlight" %}
|
</button>
|
||||||
<a href="{% url 'datacenterlight:index' %}" id="logoBlack" class="navbar-brand topnav" data-url="#home"><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
|
{% if request.resolver_match.url_name == "index" or request.resolver_match.url_name == "whydatacenterlight" %}
|
||||||
<a href="{% url 'datacenterlight:index' %}" id="logoWhite" class="navbar-brand topnav" data-url="#home"><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
|
<a href="{% url 'datacenterlight:index' %}" id="logoBlack" class="navbar-brand topnav" data-url="#home"><img
|
||||||
|
src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
|
||||||
|
<a href="{% url 'datacenterlight:index' %}" id="logoWhite" class="navbar-brand topnav" data-url="#home"><img
|
||||||
|
src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
|
||||||
|
{% else %}
|
||||||
|
<a href="{% url 'datacenterlight:index' %}" id="logoBlack" class="navbar-brand topnav"><img
|
||||||
|
src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
|
||||||
|
<a href="{% url 'datacenterlight:index' %}" id="logoWhite" class="navbar-brand topnav"><img
|
||||||
|
src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><!-- Start Navbar collapse-->
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
{% if request.resolver_match.url_name == "index" or request.resolver_match.url_name == "whydatacenterlight" %}
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-toggle visible-mobile" href="#" data-toggle="dropdown" role="button"
|
||||||
|
aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span
|
||||||
|
class="caret"></span></a>
|
||||||
|
<a class="dropdown-toggle url disabled visible-desktop menu-url" data-url="#how"
|
||||||
|
data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}
|
||||||
|
<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a class="url menu-url" data-url="#your" href="#your">{% trans "Scale out" %}</a></li>
|
||||||
|
<li><a class="url menu-url" data-url="#our" href="#our">{% trans "Reliable and light" %}</a>
|
||||||
|
</li>
|
||||||
|
<li><a class="url menu-url" data-url="#price" href="#price">{% trans "Order VM" %}</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="{% url 'datacenterlight:whydatacenterlight' %}">{% trans "Why Data Center Light?" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="url" href="{% url 'datacenterlight:index' %}#contact" data-url="#contact">{% trans "Contact" %}</a>
|
||||||
|
</li>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a href="{% url 'datacenterlight:index' %}" id="logoBlack" class="navbar-brand topnav"><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
|
<li class="dropdown">
|
||||||
<a href="{% url 'datacenterlight:index' %}" id="logoWhite" class="navbar-brand topnav"><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
|
<a class="dropdown-toggle visible-mobile" href="#" data-toggle="dropdown" role="button"
|
||||||
|
aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span
|
||||||
|
class="caret"></span></a>
|
||||||
|
<a class="dropdown-toggle url disabled visible-desktop menu-url" data-url="#how"
|
||||||
|
data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}
|
||||||
|
<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a class="url menu-url" data-url="#your"
|
||||||
|
href="{% url 'datacenterlight:whydatacenterlight' %}#your">{% trans "Scale out" %}</a>
|
||||||
|
</li>
|
||||||
|
<li><a class="url menu-url" data-url="#our"
|
||||||
|
href="{% url 'datacenterlight:whydatacenterlight' %}#our">{% trans "Reliable and light" %}
|
||||||
|
</a></li>
|
||||||
|
<li><a class="url menu-url" data-url="#price"
|
||||||
|
href="{% url 'datacenterlight:whydatacenterlight' %}#price">{% trans "Order VM" %}</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="{% url 'datacenterlight:whydatacenterlight' %}">{% trans "Why Data Center Light?" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="url" href="{% url 'datacenterlight:index' %}#contact" data-url="#contact">{% trans "Contact" %}</a>
|
||||||
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
<li>
|
||||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><!-- Start Navbar collapse-->
|
{% if LANGUAGE_CODE == 'en-us'%}
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<a class="on-hover-border" href="{% change_lang 'de' %}">Deutsch <i class="fa fa-globe"
|
||||||
{% if request.resolver_match.url_name == "index" or request.resolver_match.url_name == "whydatacenterlight" %}
|
aria-hidden="true"></i></a>
|
||||||
<li class="dropdown">
|
{% else %}
|
||||||
<a class="dropdown-toggle visible-mobile" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span class="caret"></span></a>
|
<a class="on-hover-border" href="{% change_lang 'en-us' %}">English <i
|
||||||
<a class="dropdown-toggle url disabled visible-desktop menu-url" data-url="#how" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span class="caret"></span></a>
|
class="fa fa-globe" aria-hidden="true"></i></a>
|
||||||
<ul class="dropdown-menu">
|
{% endif %}
|
||||||
<li><a class="url menu-url" data-url="#your" href="#your">{% trans "Scale out" %}</a></li>
|
</li>
|
||||||
<li><a class="url menu-url" data-url="#our" href="#our">{% trans "Reliable and light" %}</a></li>
|
{% comment %}
|
||||||
<li> <a class="url menu-url" data-url="#price" href="#price">{% trans "Order VM" %}</a></li>
|
<!-- to be used when more than one option for language -->
|
||||||
|
<li class="nav-language">
|
||||||
|
<div class="dropdown">
|
||||||
|
<div class="dropdown-toggle select-language" data-toggle="dropdown" role="button"
|
||||||
|
aria-haspopup="true" aria-expanded="false">
|
||||||
|
{% if LANGUAGE_CODE == 'en-us'%}
|
||||||
|
<span>English</span>
|
||||||
|
{% else %}
|
||||||
|
<span>Deutsch</span>
|
||||||
|
{% endif %}
|
||||||
|
<i class="fa fa-globe" aria-hidden="true"></i>
|
||||||
|
</div>
|
||||||
|
<ul class="dropdown-menu drop-language dropdown-menu-right">
|
||||||
|
{% if LANGUAGE_CODE == 'en-us'%}
|
||||||
|
<li><a class="url" href="{% change_lang 'de' %}">Deutsch</a></li>
|
||||||
|
{% else %}
|
||||||
|
<li><a class="url" href="{% change_lang 'en-us' %}">English</a></li>
|
||||||
|
{% endif %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
{% endcomment %}
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</div>
|
||||||
<li>
|
<!-- /.navbar-collapse -->
|
||||||
<a href="{% url 'datacenterlight:whydatacenterlight' %}" >{% trans "Why Data Center Light?" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="{% url 'datacenterlight:index' %}#contact" data-url="#contact" >{% trans "Contact" %}</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<li>
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<a class="on-hover-border" href="{% change_lang 'de' %}">Deutsch <i class="fa fa-globe" aria-hidden="true"></i></a>
|
|
||||||
{% else %}
|
|
||||||
<a class="on-hover-border" href="{% change_lang 'en-us' %}">English <i class="fa fa-globe" aria-hidden="true"></i></a>
|
|
||||||
{% endif %}
|
|
||||||
</li>
|
|
||||||
{% comment %}
|
|
||||||
<!-- to be used when more than one option for language -->
|
|
||||||
<li class="nav-language">
|
|
||||||
<div class="dropdown">
|
|
||||||
<div class="dropdown-toggle select-language" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<span>English</span>
|
|
||||||
{% else %}
|
|
||||||
<span>Deutsch</span>
|
|
||||||
{% endif %}
|
|
||||||
<i class="fa fa-globe" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
<ul class="dropdown-menu drop-language dropdown-menu-right">
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<li><a class="url" href="{% change_lang 'de' %}">Deutsch</a></li>
|
|
||||||
{% else %}
|
|
||||||
<li><a class="url" href="{% change_lang 'en-us' %}">English</a></li>
|
|
||||||
{% endif %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
{% endcomment %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- /.navbar-collapse -->
|
</nav>
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
|
@ -213,6 +213,8 @@ CMS_TEMPLATES = (
|
||||||
# ungleich
|
# ungleich
|
||||||
('blog_ungleich.html', gettext('Blog')),
|
('blog_ungleich.html', gettext('Blog')),
|
||||||
('page.html', gettext('Page')),
|
('page.html', gettext('Page')),
|
||||||
|
# dcl
|
||||||
|
('datacenterlight/cms_page.html', gettext('Data Center Light')),
|
||||||
)
|
)
|
||||||
|
|
||||||
DATABASES = {
|
DATABASES = {
|
||||||
|
|
Loading…
Reference in a new issue