Commit ed84b17a authored by Mindiell's avatar Mindiell

First global design

parent ad373b18
......@@ -42,3 +42,60 @@ background: #666666;
border-color: #666666;
}
/* GLOBAL */
section {
max-width: 60em;
margin: auto;
padding: .5em 1em;
}
/* HEADER */
#header {
color: #487ED6;
height: 80px;
}
#header img {
height: 64px;
float: left;
}
#header h1 {
padding-left: 120px;
font-weight: bold;
font-size: 2em;
margin: 0;
}
#header h2 {
padding-left: 120px;
font-weight: bold;
font-size: 1em;
margin: 0;
}
/* LANGUAGES */
#languages {
float: right;
text-align: right;
margin: .5em;
}
/* TOOLBAR */
#toolbar {
}
#toolbar ul {
margin: 0;
padding: 0;
}
#toolbar li {
display: inline-block;
background-color: #ccc;
padding: .5em;
}
<!-- contacts list -->
<section id="contact_list">
<repeat group="{{ @contacts }}" value="{{ @contact }}">
<include href="contact.html" />
</repeat>
</section>
<!-- contacts list -->
......@@ -11,17 +11,21 @@
<link href="/static/css/style.css" rel="stylesheet">
</head>
<body>
<section>
<section id="header">
<img src="/static/img/piphone.png" />
<h1>{{ _("PiPhone") }}</h1>
<h2>{{ _("Call Contact for free - and make yourself heard") }}</h2>
</section>
<!--
No translation yet
<section id="languages">
<repeat group="{{ @languages }}" value="{{ @language }}">
<a href="/lang/{{ @language.iso }}">{{ @language.name }}</a> |
[<a href="/lang/{{ @language.iso }}">{{ @language.name }}</a>]
</repeat>
</section>
-->
<section>
<include href="toolbar.html" />
</section>
<include href="toolbar.html" />
<section>
<h3>{{ @campaign.title }}</h3>
......
<!-- toolbar page -->
<section id="toolbar">
<ul>
<li><a href="{{ @ALIASES.home }}">{{ _("Random Contact") }}</a></li>
<li><a href="{{ @ALIASES.contactslist }}">{{ _("Contacts list") }}</a></li>
<li><a href="{{ @ALIASES.salespitch }}">{{ _("Sales pitch") }}</a></li>
<li><a href="{{ @ALIASES.home }}">{{ _("Random Contact") }}</a></li>
<li><a href="{{ @ALIASES.contactslist }}">{{ _("Contacts list") }}</a></li>
<li><a href="{{ @ALIASES.salespitch }}">{{ _("Sales pitch") }}</a></li>
</ul>
</section>
<!-- toolbar page -->
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment