Commit ed84b17a authored by Mindiell's avatar Mindiell

First global design

parent ad373b18
...@@ -42,3 +42,60 @@ background: #666666; ...@@ -42,3 +42,60 @@ background: #666666;
border-color: #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 --> <!-- contacts list -->
<section id="contact_list">
<repeat group="{{ @contacts }}" value="{{ @contact }}"> <repeat group="{{ @contacts }}" value="{{ @contact }}">
<include href="contact.html" /> <include href="contact.html" />
</repeat> </repeat>
</section>
<!-- contacts list --> <!-- contacts list -->
...@@ -11,17 +11,21 @@ ...@@ -11,17 +11,21 @@
<link href="/static/css/style.css" rel="stylesheet"> <link href="/static/css/style.css" rel="stylesheet">
</head> </head>
<body> <body>
<section> <section id="header">
<img src="/static/img/piphone.png" />
<h1>{{ _("PiPhone") }}</h1> <h1>{{ _("PiPhone") }}</h1>
<h2>{{ _("Call Contact for free - and make yourself heard") }}</h2> <h2>{{ _("Call Contact for free - and make yourself heard") }}</h2>
</section>
<!--
No translation yet
<section id="languages">
<repeat group="{{ @languages }}" value="{{ @language }}"> <repeat group="{{ @languages }}" value="{{ @language }}">
<a href="/lang/{{ @language.iso }}">{{ @language.name }}</a> | [<a href="/lang/{{ @language.iso }}">{{ @language.name }}</a>]
</repeat> </repeat>
</section> </section>
-->
<section> <include href="toolbar.html" />
<include href="toolbar.html" />
</section>
<section> <section>
<h3>{{ @campaign.title }}</h3> <h3>{{ @campaign.title }}</h3>
......
<!-- toolbar page --> <!-- toolbar page -->
<section id="toolbar">
<ul> <ul>
<li><a href="{{ @ALIASES.home }}">{{ _("Random Contact") }}</a></li> <li><a href="{{ @ALIASES.home }}">{{ _("Random Contact") }}</a></li>
<li><a href="{{ @ALIASES.contactslist }}">{{ _("Contacts list") }}</a></li> <li><a href="{{ @ALIASES.contactslist }}">{{ _("Contacts list") }}</a></li>
<li><a href="{{ @ALIASES.salespitch }}">{{ _("Sales pitch") }}</a></li> <li><a href="{{ @ALIASES.salespitch }}">{{ _("Sales pitch") }}</a></li>
</ul> </ul>
</section>
<!-- toolbar page --> <!-- 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