320NN Development Wiki

Dies ist eine alte Version des Dokuments!

Inhaltsverzeichnis

Breitband Atlas Codes
Templates
- Header
- Chunks

Breitband Atlas Codes

Template Codes für den Breitbandatlas

Templates

<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"  id="page-[[*id]]" lang="[[++cultureKey]]"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8"  id="page-[[*id]]" lang="[[++cultureKey]]"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" id="page-[[*id]]"  lang="[[++cultureKey]]"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="[[++cultureKey]]"  id="page-[[*id]]"> <!--<![endif]-->
<head>
<base href="[[++site_url]]" />
<meta charset="[[++modx_charset:lcase]]" />
<meta name="description" content="[[*introtext:empty=`[[*description:strip_tags]]`:limit=`200`]]" />
<meta name="author" content="BreitbandConsulting.NRW" />
<meta name="keywords" content="" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>[[*pagetitle]] - [[++site_name]]</title>
 
<link rel="alternate" type="application/rss+xml" title="RSS" href="[[++site_url]]rss-feed.rss" />
 
 
 
<!-- Included CSS Files -->
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/foundation.css" >
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/app.css">
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/nga-atlas.css">
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/print.css" media="print">
<!--[if lt IE 9]>
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/ie.css">
<![endif]-->
 
<script src="[[++site_url]]assets/templates/foundation_modx/javascripts/respond.min.js"></script>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/ie-7.css">
<![endif]-->
 
 
</head>
<body>
<a name="top"></a>
<header >
[[$menu-mobile]]
<div id="header" class="row white">
<div class="row">
<div class="one columns" id="nrw-logo">
<h2><a href="http://www.nrw.de/" target="_top" title="Zum Landesportal-Nordrhein Westfalen" class="left"><span></span>Landesportal Nordrhein-Westfalen</a></h2>
</div>
<div class="four columns offset-by-seven" id="breitband-logo">
<h1><a href="/" title="Breitband.NRW"><span></span>Breitband.NRW</a></h1>
</div>
<div class="four columns offset-by-seven show-on-print" id="breitband-logo-print">
<img src="[[++site_url]]assets/templates/foundation_modx/img/breitband-print-logo.png" />
</div>
</div><!-- / first row -->
 
[[$menu-flyout]]	
 
</div><!-- / #header -->
</header>
 
<div class="container">
<!-- breadcrumb -->
<div class="row" id="breadc">
<div class="nine columns">
[[$breadcrumbs]]
</div>
</div>

Startseite

[[!getCache?
&element=`template_header_ngaa`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 
<section class="row pagebody"  id="pagebody-785">
<div class="twelve columns">
<div class="row">
 
<!-- obere haelfte -->
 
<div id="page" class="twelve columns ngaa-atlas" >
<article>
 
[[!getCache?
&element=`ngaa-hilfe-nrw`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 
<h1>[[*pagetitle]]</h1>
<div class="content white">
<div class="row">
 
  <div class="six columns">
    [[*content]]
    <h4>Legende</h4>
<p class="ngaa-legend">Breitbandverfügbarkeit in % der Haushalte mit<br> Anschlussqualität &ge; 50 Mbit/s </p>
  </div><!-- /six -->
 
  <div class="six columns">
[[!getCache?
&element=`ngaa-nrwdaten`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
[[!getCache?
&element=`ngaa-allekreisdaten`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 <!-- correct without static -->
</div><!-- /six -->
 
</div><!-- /row -->
</div><!-- / content white -->
</article>
</div><!-- / #page twelve columns -->
 
<!-- untere haelfte -->
 
<div class="twelve columns" style="margin-bottom: 4em;">
[[!getCache?
&element=`ngaa-atlas-kreiskarte`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
[[!getCache?
&element=`ngaa-nrwsvgkarte-legende`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 
</div>
</div>
</div><!-- /twelve top-->
</section>
 
<a href="informieren/breitbandatlas-nrw.html#top" class="nach-oben hide-on-desktops">Nach oben <span></span></a>
[[!getCache?
&element=`template_footer_ngaa-startseite`
&elementClass=`modChunk`
&cacheExpires=`0`
]]

Städte

[[$template_header_ngaa]]
 
<section class="row pagebody"  id="pagebody-[[*id]]">
<div class="twelve columns">
<div class="row">
<div class="twelve columns ngaa-atlas-2" id="page">
<article>
 
[[$ngaa-hilfe-kreis?]]
 
 <h1>[[*pagetitle]]</h1>
 
 
<div class="ngaa-container">
 
<ul class="ngaa-tabs"> 
	<li class="active" rel="ngaa-tab1"> Überblick</li>
	<!--<li rel="ngaa-tab2"> Ausbaufortschritt</li>
	<li rel="ngaa-tab3"> Best Practice</li>-->
</ul>
 
<div class="ngaa-tab_container"> 
 
<!-- ngaa-tab1 --> 
 <div id="ngaa-tab1" class="tab_content"> 
<div class="row">
<div class="five columns"> 
   <ul class="tools">
 
     <li><strong>Einwohner: </strong> [[*ngaa-einwohner]]</li>
     <li><strong>Fläche: </strong>[[*ngaa-flaeche]] km²</td></li>
     <li><strong>Bevölkerungsdichte: </strong>[[*ngaa-bevoelkerungsdichte:runden]] Einwohner/km² </li>
     <li><strong>Kreisgliederung: </strong>[[*ngaa-anzahlgemeinden]] Städte und Gemeinden</li>
     <li class="ngaa-community-list">[[*ngaa-gemeindenliste]]</li>
     <li><strong>Regierungsbezirk: </strong>[[*ngaa-regbezirk]]</li>
     <li><strong>Website:</strong> <a href="[[*ngaa-website]]">[[*ngaa-website]]</a>
     </ul>
 
 <p>Für Stadtteile und Stadtbezirke stehen zur Zeit keine detaillierteren Angaben zur Verfügung.</p>
 
</div><!-- / five columns linke spalte -->
 
<div id="atlas" class="seven columns ngaa-map-2" style="background: url(/assets/templates/foundation_modx/img-atlas/[[*alias]]-bg.png) right top no-repeat;">
 
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 550 313" xml:space="preserve" style="width:509px; height:313px;">
<g id="map">
<path  fill="[[$colorchunk-stadt? &idx=`[[+idx]]`]]" stroke="#B1C800" stroke-linecap="round" stroke-miterlimit="10" d="[[*ngaa-mappoints-stadt?]]">
</g>
</svg>
 
 
<div class="ngaa-legend-box">
<h4>Legende</h4>
<p class="ngaa-legend">Breitbandverfügbarkeit in % der Haushalte mit<br> Anschlussqualität &ge; 50 Mbit/s </p>
</div>
 
</div><!-- / seven columns / #atlas -->
</div><!-- / row -->
 
<!--        ende daten und karte oben                   -->
 
[[$ngaa-stadtdaten?]]
 
</div>
<!-- / ngaa-tab1 -->
 
<!-- ngaa-tab2--> 
<div id="ngaa-tab2" class="tab_content"> 
<h3>Zweiter Tab</h3>
</div>
<!-- / ngaa-tab2 -->
 
<!-- ngaa-tab3--> 
<div id="ngaa-tab3" class="tab_content">
<h3>Dritter Tab</h3>
[[*ngaa-bestpracticedaten]]
</div>
<!-- / ngaa-tab3 -->
 
</div><!-- /ngaa-tab_container -->
 
<div class="content white">
<p>Quelle Daten: TÜV Rheinland, Wikipedia<br />
Stand: Für Städte & Gemeinden Mitte 2013 / für Kreise Mitte 2012 - alle Technologien (leitungsgebunden und drahtlos)</p> 
</div>
 
</div><!-- /ngaa-container -->
 
</article>
</div><!-- /twelve columns -->
</div>
</div><!-- /page-->
 
</section>
 
[[$template_footer_ngaa-kreis]]

Kreise

[[$template_header_ngaa]]
 
<section class="row pagebody"  id="pagebody-[[*id]]">
<div class="twelve columns">
<div class="row">
<div class="twelve columns ngaa-atlas-2" id="page">
<article>
 
[[$ngaa-hilfe-kreis?]]
 
 <h1>[[*pagetitle]]</h1>
 
 
<div class="ngaa-container">
 
<ul class="ngaa-tabs"> 
	<li class="active" rel="ngaa-tab1"> Überblick</li>
 
[[*ngaa-isreiter2:isequalto=`Ja`:then=`<li rel="ngaa-tab2"> Ausbaufortschritt</li>`:else=``]]
 
	<!-- <li rel="ngaa-tab3"> Best Practice</li>-->
</ul>
 
<div class="ngaa-tab_container"> 
 
<!-- ngaa-tab1 --> 
 <div id="ngaa-tab1" class="tab_content"> 
<div class="row">
<div class="five columns"> 
   <ul class="tools">
 
     <li><strong>Einwohner: </strong> [[*ngaa-einwohner]]</li>
     <li><strong>Fläche: </strong>[[*ngaa-flaeche]] km²</td></li>
     <li><strong>Bevölkerungsdichte: </strong>[[*ngaa-bevoelkerungsdichte:runden]] Einwohner/km² </li>
     <li><strong>Kreisgliederung: </strong>[[*ngaa-anzahlgemeinden]] Städte und Gemeinden</li>
     <li class="ngaa-community-list">[[*ngaa-gemeindenliste]]</li>
     <li><strong>Regierungsbezirk: </strong>[[*ngaa-regbezirk]]</li>
     <li><strong>Website:</strong> <a href="[[*ngaa-website]]">[[*ngaa-website]]</a>
     </ul>
 
 <p class="ngaa-click">Für Detailinformationen: <br />Klicken Sie auf ein Kartenelement.</p>
 
</div><!-- / five columns linke spalte -->
 
<div id="atlas" class="seven columns ngaa-map-2" style="background: url(/assets/templates/foundation_modx/img-atlas/[[*alias]]-bg.png) right top no-repeat;">
 
[[$ngaa-atlas-gemeindekarte?]]
 
<div class="ngaa-legend-box">
<h4>Legende</h4>
<p class="ngaa-legend">Durchschnitt Haushalte mit<br> Anschlussqualität &ge; 50 Mbit/s </p>
</div>
 
</div><!-- / seven columns / #atlas -->
</div><!-- / row -->
 
<!--        ende daten und karte oben                   -->
 
[[$ngaa-kreisdaten?]]
 
[[$ngaa-allegemeindedaten?]]
 
 
 
 
</div>
<!-- / ngaa-tab1 -->
 
 
[[*ngaa-isreiter2:isequalto=`Ja`:then=`
 
<div id="ngaa-tab2" class="tab_content"> 
<h3 style="color:#B1C800; margin-bottom: 30px;">Ausbau-Aktivitäten in [[*pagetitle]]</h3>
 
[[$nga-tabelle-kreise?]]
 
</div>
 
`:else=``]]
 
 
<!-- ngaa-tab3--> 
<div id="ngaa-tab3" class="tab_content">
<h3>Dritter Tab</h3>
[[*ngaa-bestpracticedaten]]
</div>
<!-- / ngaa-tab3 -->
 
 
</div><!-- /ngaa-tab_container -->
 
 [[$ngaa-nrwsvgkarte-legende-2?]]
 
</div><!-- /ngaa-container -->
 
</article>
</div><!-- /twelve columns -->
</div>
</div><!-- /page-->
 
</section>
 
[[$template_footer_ngaa-kreis]]

Inhaltsverzeichnis

Breitband Atlas Codes

Templates

Header

Startseite

Städte

Kreise

Chunks