ungleich-public/public-health-ch
6
1
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

Base template initial release

Browse source
This commit is contained in:
Oleg Lavrovsky 2017-01-27 17:06:53 +01:00
parent c10b4c7683
commit ea237801e6
31 changed files with 299 additions and 366 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
bower.json
View file

@ -14,6 +14,7 @@
"tests"
],
"dependencies": {
"bootstrap-sass": "bootstrap-sass-official#^3.3.7"
"bootstrap-sass": "bootstrap-sass-official#^3.3.7",
"slick-carousel": "^1.6.0"
}
}

51
publichealth/home/templates/banner.html Normal file
View file

@ -0,0 +1,51 @@
<!-- Banner -->
<div id="carousel-banner" class="slide">
<!-- Wrapper for slides -->
<div class="carousel-inner slick" role="listbox">
<div class="item">
<image style="background-image:url(/static/images/banner_4.jpg)" />
<div class="carousel-caption">
<h3>Mitgliedschaft</h3>
<p>Werden Sie jetzt Mitglied von Public Health Schweiz und profitieren Sie von vielen Vorteilen und Vergünstigungen. Als Mitglied tragen Sie zudem dazu bei, dass sich Public Health Schweiz weiterhin für die Anliegen der Public-Health-Fachleute einsetzen kann.</p>
<p><a class="btn btn-primary" href="#" role="button"><span class="glyphicon glyphicon-heart" aria-hidden="true"></span> Mitglied werden</a></p>
</div>
</div>
<div class="item">
<image style="background-image:url(/static/images/banner_1.jpg)" />
<div class="carousel-caption">
<h3>Swiss Public Health Conference 15. November 2016 in Bern</h3>
<p>Die Swiss Public Health Conference 2016 ist erfolgreich zu Ende gegangen. Wir bedanken uns bei Ihnen an dieser Stelle für Ihre engagierte Teilnahme und die vielen angeregten Gespräche während der Konferenz.</p>
<p><a class="btn btn-primary" href="#" role="button">Learn more</a></p>
</div>
</div>
<div class="item">
<image style="background-image:url(/static/images/banner_0.jpg)" />
<div class="carousel-caption">
<h3>Parlamentarische Gruppe nichtübertragbare Krankheiten NCD gegründet</h3>
<p>Die Ständeräte Hans Stöckli und Joachim Eder sowie die Nationalrätin Ruth Humbel haben die Parlamentarische Gruppe nichtübertragbare Krankheiten NCD gegründet. Ziel ist es, das Thema NCD in der Schweizer Politik nachhaltig zu verankern. </p>
<p><a class="btn btn-primary" href="#" role="button">Learn more</a></p>
</div>
</div>
<div class="item">
<image style="background-image:url(/static/images/banner_2.jpg)" />
<div class="carousel-caption ">
<h3>Wirksamer Schutz der Kinder und Jugendlichen vor Tabakkonsum rückt in weite Ferne </h3>
<p>National- und Ständerat finden, dass die wenigen heute geltenden Einschränkungen für Tabakwerbung genügen. Dabei verkennen sie jedoch, dass die omnipräsente Tabakwerbung insbesondere auf Kinder und Jugendliche einen grossen Einfluss hat – und oft
auch auf diese ausgerichtet ist.</p>
<p><a class="btn btn-primary" href="#" role="button">Learn more</a></p>
</div>
</div>
</div>
</div><!-- /carousel-banner -->
<section id="banner">
<div class="container">
<footer class="container">
<p class="lead">Public Health Schweiz ist die unabhängige, nationale Organisation, die die Anliegen der Public-Health-Fachleute vertritt, ein themen- und disziplinenübergreifendes gesamtschweizerisches Netzwerk in Public Health bietet, sich für optimale Rahmenbedingungen
für die Gesundheit der Bevölkerung in der Schweiz engagiert und Entscheidungsträgerinnen und Entscheidungsträger fachlich unterstützt. Public Health Schweiz stützt ihr Handeln auf wissenschaftlicher Basis ab.</p>
</footer>
</div>
</section><!-- /banner -->

45
publichealth/home/templates/header.html
View file

@ -1,45 +0,0 @@
<!-- Navigation -->
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a href="/" class="navbar-brand">Public-Health.ch</a>
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav">
<li class="current"><a href="/de/home">Willkommen</a></li>
<li><a href="/fr/home">Acceuil</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="download">Paper <span class="caret"></span></a>
<ul class="dropdown-menu" aria-labelledby="download">
<li><a href="http://jsfiddle.net/bootswatch/ndax7sh7/">Open Sandbox</a></li>
<li class="divider"></li>
<li><a href="./bootstrap.css">bootstrap.css</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<!-- Header -->
<div class="container">
<div class="page-header" id="banner">
<div class="row">
<div class="col-lg-8 col-md-7 col-sm-6">
<h1>Public-Health.ch</h1>
<p class="lead">Swiss Society for Public Health</p>
</div>
<div class="col-lg-4 col-md-5 col-sm-6">
<div class="sponsor">
</div>
</div>
</div>
</div>
</div>

63
publichealth/home/templates/home/home_page.html
View file

@ -5,7 +5,68 @@
{% block content %}
{% include 'header.html' %}
{% include 'banner.html' %}
{% include 'news.html' %}
<section>
<div class="container">
<div class="">
<h2>Informationen zu Public Health</h2>
<p>Hier finden Sie Links zu wichtigen Institutionen und Organisationen aus dem Public Health Bereich. Die Liste erhebt keinen Anspruch auf Vollständigkeit. Gerne nehmen wir Ihre Anregungen und Ergänzungsvorschläge entgegen.</p>
<a href="#" class="btn btn-default">Mehr erfahren</a>
</div>
<hr>
{Twitter}
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper align-center">
<div class="container">
<div class="row">
<article class="col-md-4">
<div class="image round">
<img src="/static/images/ipad.jpg" alt="Pic 01" />
</div>
<header>
<h3>Über uns</h3>
</header>
<p>Werden Sie jetzt Mitglied von Public Health Schweiz und profitieren Sie von vielen Vorteilen und Vergünstigungen. Als Mitglied tragen Sie zudem dazu bei, dass sich Public Health Schweiz weiterhin für die Anliegen der Public-Health-Fachleute einsetzen
kann.</p>
<footer>
<a href="#" class="btn btn-default">Mitglied werden</a>
</footer>
</article>
<article class="col-md-4">
<div class="image round">
<img src="/static/images/konf.jpg" alt="Pic 02" />
</div>
<header>
<h3>Veranstaltungen</h3>
</header>
<p>An unseren Konferenzen und Symposien können Sie erfahren, wie sich die entsprechenden Versorgungsstrukturen in der Schweiz vorbereiten können und welche Erfahrungen und Best-Practice-Beispiele bereits vorliegen.</p>
<footer>
<a href="#" class="btn btn-default">Kommende Symposien</a>
</footer>
</article>
<article class="col-md-4">
<div class="image round">
<img src="/static/images/steth.jpg" alt="Pic 02" />
</div>
<header>
<h3>Projekte und Aktivitäten</h3>
</header>
<p>Public Health Schweiz will Prävention und Gesundheitsförderung stärken. Durch unsere Aktionen und Stellungsnahmen treten wir für dieses Ziel ein und stehen damit immer im Zentrum der Aktualität.</p>
<footer>
<a href="#" class="btn btn-default">Unterstützen</a>
</footer>
</article>
</div>
</div>
</div>
</section>
<!-- Main content -->
<div class="container" role="main">

43
publichealth/home/templates/news.html Normal file
View file

@ -0,0 +1,43 @@
<section id="news">
<div class="container">
<h2>News</h2>
<div class="row">
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-header">
<img src="/static/images/news_1.jpg" alt="">
</div>
<div class="panel-body">
<p>Ehrenmitgliedschaften</p>
<p><a href="/news-details.html" class="btn btn-primary btn-xs">Mehr erfahren</a></p>
</div>
<div class="panel-footer">
<span class="glyphicon glyphicon-tags" aria-hidden="true"></span> Kategorie 1, Kategorie 2
</div>
<a href="/news-details.html" class="fill"></a>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-header">
<img src="/static/images/banner_0.jpg" alt="">
</div>
<div class="panel-body">
<p>Parlamentarische Gruppe nichtübertragbare Krankheiten NCD gegründet</p>
<p><a href="#" class="btn btn-primary btn-xs">Mehr erfahren</a></p>
</div>
<a href="/news-details.html" class="fill"></a>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-body">
<p>Wirksamer Schutz der Kinder und Jugendlichen vor Tabakkonsum rückt in weite Ferne</p>
<p><a href="#" class="btn btn-primary btn-xs">Mehr erfahren</a></p>
</div>
<a href="/news-details.html" class="fill"></a>
</div>
</div>
</div>
</div>
</section>

3
publichealth/static/css/paper/_variables.scss
View file

@ -1,4 +1,3 @@
$bootstrap-sass-asset-helper: false !default;
// Paper 3.3.7
// Variables
// --------------------------------------------------
@ -78,7 +77,7 @@ $headings-color: #444 !default;
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
//** Load fonts from this directory.
$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
$icon-font-path: "../libs/bootstrap-sass/assets/fonts/bootstrap/" !default;
//** File name for all font files.
$icon-font-name: "glyphicons-halflings-regular" !default;
//** Element ID within SVG icon file.

2
publichealth/static/css/slick.scss
View file

@ -1,2 +0,0 @@
@import "slick/slick";
@import 'slick/slick-theme';

195
publichealth/static/css/slick/slick-theme.scss
View file

@ -1,195 +0,0 @@
@charset "UTF-8";
// Default Variables
// Slick icon entity codes outputs the following
// "\2190" outputs ascii character "←"
// "\2192" outputs ascii character "→"
// "\2022" outputs ascii character "•"
$slick-font-path: "../fonts/" !default;
$slick-font-family: "slick" !default;
$slick-loader-path: "./" !default;
$slick-arrow-color: white !default;
$slick-dot-color: black !default;
$slick-dot-color-active: $slick-dot-color !default;
$slick-prev-character: "\2190" !default;
$slick-next-character: "\2192" !default;
$slick-dot-character: "\2022" !default;
$slick-dot-size: 13px !default;
$slick-opacity-default: 0.75 !default;
$slick-opacity-on-hover: 1 !default;
$slick-opacity-not-active: 0.25 !default;
@function slick-image-url($url) {
@if function-exists(image-url) {
@return image-url($url);
}
@else {
@return url($slick-loader-path + $url);
}
}
@function slick-font-url($url) {
@if function-exists(font-url) {
@return font-url($url);
}
@else {
@return url($slick-font-path + $url);
}
}
/* Slider */
.slick-list {
.slick-loading & {
background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
}
}
/* Icons */
@if $slick-font-family == "slick" {
@font-face {
font-family: "slick";
src: slick-font-url("slick.eot");
src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
}
/* Arrows */
.slick-prev,
.slick-next {
z-index: 1;
position: absolute;
display: block;
height: 30px;
width: 30px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
&:hover, &:focus {
outline: none;
background: transparent;
color: transparent;
&:before {
opacity: $slick-opacity-on-hover;
}
}
&.slick-disabled:before {
opacity: $slick-opacity-not-active;
}
&:before {
font-family: $slick-font-family;
font-size: 30px;
line-height: 1;
color: $slick-arrow-color;
opacity: $slick-opacity-default;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
.slick-prev {
left: 25px;
[dir="rtl"] & {
left: auto;
right: -25px;
}
&:before {
content: $slick-prev-character;
[dir="rtl"] & {
content: $slick-next-character;
}
}
}
.slick-next {
right:25px;
[dir="rtl"] & {
left: -25px;
right: auto;
}
&:before {
content: $slick-next-character;
[dir="rtl"] & {
content: $slick-prev-character;
}
}
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
&:hover, &:focus {
outline: none;
&:before {
opacity: $slick-opacity-on-hover;
}
}
&:before {
position: absolute;
top: 0;
left: 0;
content: $slick-dot-character;
width: 20px;
height: 20px;
font-family: $slick-font-family;
font-size: $slick-dot-size;
line-height: 20px;
text-align: center;
color: $slick-dot-color;
opacity: $slick-opacity-not-active;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
&.slick-active button:before {
color: $slick-dot-color-active;
opacity: $slick-opacity-default;
}
}
}

98
publichealth/static/css/slick/slick.scss
View file

@ -1,98 +0,0 @@
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
&:focus {
outline: none;
}
&.dragging {
cursor: pointer;
cursor: hand;
}
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
.slick-loading & {
visibility: hidden;
}
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
[dir="rtl"] & {
float: right;
}
img {
display: block;
}
&.slick-loading img {
display: none;
}
display: none;
&.dragging img {
pointer-events: none;
}
.slick-initialized & {
display: block;
}
.slick-loading & {
visibility: hidden;
}
.slick-vertical & {
display: block;
height: auto;
border: 1px solid transparent;
}
}
.slick-arrow.slick-hidden {
display: none;
}

BIN
publichealth/static/fonts/slick.eot
View file

Binary file not shown.

14
publichealth/static/fonts/slick.svg
View file

@ -1,14 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by Fontastic.me</metadata>
<defs>
<font id="slick" horiz-adv-x="512">
<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
<missing-glyph horiz-adv-x="512" />
<glyph unicode="&#8594;" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
<glyph unicode="&#8592;" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
<glyph unicode="&#8226;" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
<glyph unicode="&#97;" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
</font></defs></svg>
Side by side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
publichealth/static/fonts/slick.ttf
View file

Binary file not shown.

BIN
publichealth/static/fonts/slick.woff
View file

Binary file not shown.

0
publichealth/static/mockup/images/banner_0.jpg → publichealth/static/images/banner_0.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 55 KiB

0
publichealth/static/mockup/images/banner_1.jpg → publichealth/static/images/banner_1.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 91 KiB

After

Width:  |  Height:  |  Size: 91 KiB

0
publichealth/static/mockup/images/banner_2.jpg → publichealth/static/images/banner_2.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 86 KiB

0
publichealth/static/mockup/images/banner_3.jpg → publichealth/static/images/banner_3.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 70 KiB

After

Width:  |  Height:  |  Size: 70 KiB

0
publichealth/static/mockup/images/banner_4.jpg → publichealth/static/images/banner_4.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

0
publichealth/static/mockup/images/ipad.jpg → publichealth/static/images/ipad.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

0
publichealth/static/mockup/images/konf.jpg → publichealth/static/images/konf.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

0
publichealth/static/mockup/images/lit.jpg → publichealth/static/images/lit.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

0
publichealth/static/mockup/images/news_1.jpg → publichealth/static/images/news_1.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 169 KiB

After

Width:  |  Height:  |  Size: 169 KiB

0
publichealth/static/mockup/images/public-health-bg.png → publichealth/static/images/public-health-bg.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 42 KiB

0
publichealth/static/mockup/images/public-health-logo-sign.png → publichealth/static/images/public-health-logo-sign.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

0
publichealth/static/mockup/images/public-health-logo.png → publichealth/static/images/public-health-logo.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 42 KiB

0
publichealth/static/mockup/images/steth.jpg → publichealth/static/images/steth.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

15
publichealth/static/js/main.js
View file

@ -0,0 +1,15 @@
$(document).load(function() {
$('.carousel-inner.slick').slick({
autoplay: true,
autoplaySpeed: '10000',
dots: true,
infinite: true,
speed: 1000,
fade: true,
cssEase: 'linear',
prevArrow: '<span class="arrow left glyphicon glyphicon-chevron-left" aria-hidden="true">Previous</span>',
nextArrow: '<span class="arrow right glyphicon glyphicon-chevron-right" aria-hidden="true">Next</span>',
});
});

4
publichealth/static/mockup/assets/css/main.css
View file

@ -311,8 +311,8 @@ th {
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
src: url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot");
src: url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
position: relative;

19
publichealth/templates/base.html
View file

@ -9,10 +9,12 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{% block title %}{% if self.seo_title %}{{ self.seo_title }}{% else %}{{ self.title }}{% endif %}{% endblock %}{% block title_suffix %}{% endblock %}</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{% block description %}{% endblock %}">
{% compress css %}
<link rel="stylesheet" type="text/x-scss" href="{% static 'libs/slick-carousel/slick/slick.scss' %}">
<link rel="stylesheet" type="text/x-scss" href="{% static 'libs/slick-carousel/slick/slick-theme.scss' %}">
<link rel="stylesheet" type="text/x-scss" href="{% static 'css/main.scss' %}">
{% endcompress %}
@ -24,15 +26,20 @@
<body class="{% block body_class %}{% endblock %}">
{% wagtailuserbar %}
{% include 'header.html' %}
{% block content %}{% endblock %}
{% include 'footer.html' %}
{% block extra_js %}
<script src="{% static 'libs/jquery/dist/jquery.js' %}"></script>
<script src="{% static 'libs/bootstrap-sass/assets/javascripts/bootstrap.min.js' %}"></script>
<script src="{% static 'libs/slick-carousel/slick/slick.min.js' %}"></script>
{% endblock %}
{% compress js %}
<script type="text/javascript" src="{% static 'js/main.js' %}"></script>
{% endcompress %}
{% block extra_js %}
<script src="{% static 'libs/jquery/dist/jquery.min.js' %}"></script>
<script src="{% static 'libs/bootstrap-sass/assets/javascripts/bootstrap.min.js' %}"></script>
{% endblock %}
</body>
</html>

52
publichealth/templates/footer.html Normal file
View file

@ -0,0 +1,52 @@
<!-- Footer -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<ul class="list-unstyled">
<li><a href="#">Über uns</a></li>
<li><a href="#">Mitglied werden</a></li>
<li><a href="#">Veranstaltungen</a></li>
<li><a href="#">Projekte und Aktivitäten</a></li>
<li><a href="#">Information zu Public Health</a></li>
<li><a href="#">Agenda</a></li>
<li><a href="#">...</a></li>
</ul>
</div>
<div class="col-md-4">
<address>
<p>Public Health Schweiz<br>
Effingerstrasse 54<br>
Postfach 3420<br>
3001 Bern</p>
<p>Tel. +41 31 389 92 86<br>
<a href="#">info@public-health.ch</a><br>
<a href="#">www.public-health.ch</a></p>
</address>
</div>
<div class="col-md-4">
<form action="#" method="post">
<div class="form-group">
<input name="name" id="name" type="text" placeholder="Name" class="form-control">
</div>
<div class="form-group">
<input name="email" id="email" type="email" placeholder="E-Mail" class="form-control">
</div>
<div class="form-group">
<textarea name="message" id="message" rows="3" placeholder="Anfrage" class="form-control"></textarea>
</div>
<button class="btn btn-priamry" type="submit">Senden</button>
</form>
</div>
</div><!-- /row -->
</div><!-- /container -->
</footer>
<div class="copyright">
&copy; 2016 Public Health Schweiz
</div>

58
publichealth/templates/header.html Normal file
View file

@ -0,0 +1,58 @@
<!-- Header -->
<nav class="navbar navbar-default navbar-pre navbar-fixed-top">
<div class="container">
<div class="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Kontakt</a></li>
<p class="navbar-text"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> +41 31 389 92 86</p>
<p class="navbar-text"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> info@public-health.ch</p>
<li class="active"><a href="#">De</a></li>
<li><a href="#">Fr</a></li>
</ul>
</div>
</div>
</nav>
<nav class="navbar navbar-default navbar-main navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="/static/images/public-health-logo-sign.png" alt=""> <span class="hidden-xs"><strong>Public Health</strong> Schweiz</span></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Über uns <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Mitglied werden</a></li>
<li><a href="#">Informationen zu Public Health</a></li>
<li><a href="#">Stellenangebote</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Migliederversammlung</a></li>
<li><a href="#">Fachrat</a></li>
<li><a href="#">Vorstand</a></li>
<li><a href="#">Fachgruppen</a></li>
<li><a href="#">Geschäftsstelle</a></li>
<li><a href="#">Grundlagedokumente</a></li>
<li><a href="#">Jahresberichte</a></li>
<li><a href="#">Archiv</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Kontakt</a></li>
</ul>
</li>
<li><a href="#">News</a></li>
<li><a href="#">Agenda</a></li>
<li><a href="#">Projekte</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>