Commit dc67803d authored by mmarkus1's avatar mmarkus1
Browse files

modified standard template v2.0

parent a09053b5
<navigation>
<submenu label="Notizbuch-Edition">
<item label="Kasten A (Notizbuch A1 bis A21)" link="kaesten.html?n=a"/>
<item label="Kasten B (Notizbuch B1 bis B15)" link="kaesten.html?n=b"/>
<item label="Kasten C (Notizbuch C1 bis C14)" link="kaesten.html?n=c"/>
<item label="Kasten D (Notizbuch D1 bis D11)" link="kaesten.html?n=d"/>
<item label="Kasten E (Notizbuch E1 bis E6)" link="kaesten.html?n=e"/>
<submenu label="Project">
<item label="About" link="kaesten.html?n=a"/>
<item label="Team" link="kaesten.html?n=a"/>
<item label="Partner" link="kaesten.html?n=a"/>
</submenu>
<submenu label="(Meta-) Edition" link="#">
<item label="Einführung" link=""/>
<item label="Editionsprinzipien" link=""/>
<item label="Editorische Gesamtdokumentation" link="doku.html"/>
<item label="Inhaltsverzeichnis" link=""/>
<item label="Verzeichnis der Abkürzungen" link="doku.html?id=verzeichnis_der_abkuerzungen"/>
<item label="Verzeichnis editorischer Abkürzungen" link="editorische-abkuerzungen.html"/>
<item label="Verzeichnis der Sonderzeichen" link="doku.html?id=gesamtdokumentation_verzeichnis_der_sonderzeichen"/>
<item label="Verzeichnis editorischer Zeichen" link="doku.html?id=gesamtdokumentation_verzeichnis_editorischer_zeichen"/>
<item label="Literatur- und Siglenverzeichnis" link="literaturvz.html"/>
<item label="Register" link="register.html"/>
<divider/>
<item label="Technische Dokumentation" link=""/>
</submenu>
<submenu label="Projekt" link="#">
<item label="Über das Projekt" link="content.html?id=ueber_das_projekt.md"/>
<item label="Editionsteam" link="content.html?id=editionsteam.md"/>
<item label="Institutionen" link="content.html?id=institutionen.md"/>
<item label="Kontakt" link="#contact"/>
</submenu>
<item label="Zitation" link="content.html?id=zitationshinweise.md"/>
<item label="Nutzung" link="content.html?id=nutzungshinweise.md"/>
<item label="Nutzungshinweise" link=""/>
</navigation>
<div data-template="templates:surround" data-template-with="/../../sade-projects/textgrid/templates/tmpl1/page_index.html" data-template-at="content-container">
<div id="wrapper">
<div id="wrap">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="tmpllist">
<ul>
<li class="animated slideInLeft first">
<span style="font-weight: bolder;">Theodor Fontane: Notizbücher</span>
</li>
<li class="animated slideInLeft second hidden-xs">
<span style="font-size: smaller;white-space: nowrap;">Digitale genetisch-kritische und kommentierte Edition</span>
</li>
<li class="animated slideInLeft third">
<span style="font-size: smaller;white-space: nowrap;">Hrsg. von Gabriele Radecke</span>
</li>
</ul>
</div>
</div>
</div>
<!-- WELCOME MESSAGE
================================================== -->
<div class="row">
<div class="col-sm-7 col-md-7 col-lg-8">
<h1 class="block-header">
<span>Welcome message</span>
</h1>
<div class="row">
<div class="col-xs-12">
<img src="assets/img/welcome.jpg" class="img-responsive img-article pull-left" alt="..."/>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur sunt expedita magni quas, soluta nisi aliquid maiores dolorem minima tempora, provident dolor similique commodi temporibus quibusdam consectetur molestias nihil quo.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit itaque, alias, inventore obcaecati ex impedit quasi debitis aut velit odit modi voluptate dignissimos, iure iste. Veniam cum sunt doloremque totam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum perferendis, in non odio at.
</p>
</div>
</div> <!-- / .row -->
<div class="info-board info-board-primary">
<h4>Important info</h4>
<p>
Nunc in neque nec arcu vulputate ullamcorper. Ut id orci ac arcu consectetur fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="block-header">
<h2>
<span class="title">Willkommen</span>
<span class="decoration"/>
<span class="decoration"/>
<span class="decoration"/>
</h2>
</div>
<p data-template="mviewer:show" data-template-id="startseite.md"/>
<br/>
<a href="content.html?id=ueber_das_projekt.md">
<button type="button" class="btn btn-default btn-md btn-block">Über das Projekt</button>
</a>
<a href="fontane-projektflyer.pdf" target="_blank">
<button type="button" class="btn btn-default btn-md btn-block">Projektflyer</button>
</a>
<a href="https://www.youtube.com/watch?v=a6CAdRiMIKg" target="_blank">
<button type="button" class="btn btn-default btn-md btn-block">Interview zur digitalen Notizbuch-Edition</button>
</a>
<br/>
<!-- shows messages regarding TextGrid Services -->
<div data-template="f-misc:textgridStatus"/>
<div class="col-sm-5 col-md-5 col-lg-4">
<div class="info-board info-board-orange">
<h4>Information</h4>
<p>Am 6. Oktober 2016 wurde die <a href="/doku.html">Editorische Gesamtdokumentation</a> in einer Beta-Version publiziert.
Sie umfasst das Gesamtkonzept der digitalen Fontane-Edition aufgrund der etwa 10.000 Notizbuchseiten.</p>
<p>Am 14. Juli 2016 wurden die Notizbücher <a href="kaesten.html?n=c5"><em>C5</em></a> und <a href="kaesten.html?n=c6">
<em>C6</em></a> in einer <em>Beta</em>-Version veröffentlicht (Digitalisate, Transkription, TEI/XMl-Ansicht, Überblickskommentar, Inhaltsverzeichnis, Datierungen und Entitäten).</p>
<p>Am 8. Dezember 2015 wurde das Notizbuch <a href="kaesten.html?n=c7">
<em>C7</em>
</a> in einer <em>Beta</em>-Version veröffentlicht (Digitalisate, Transkription, TEI/XML-Ansicht, Inhaltsverzeichnis).</p>
</div>
</div><!-- Last updated
================== -->
<div class="col-md-4">
<div class="block-header">
<h2>
<span class="title">Neuigkeiten</span>
<span class="decoration"/>
<span class="decoration"/>
<span class="decoration"/>
</h2>
</div>
<ul class="nav nav-tabs">
<li class="active">
<a href="#pub" data-toggle="tab">Publikationen</a>
</li>
<li>
<a href="#preas" data-toggle="tab">Vorträge</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="pub">
<div class="media">
<div class="media-body">
<a href="http://www.uni-goettingen.de/de/publikationen/303721.html"> Übersicht </a>
</div>
<ul>
<li data-template="app:publications"/>
</ul>
</div>
</div>
<div class="tab-pane" id="preas">
<div class="media">
<div class="media-body">
<a href="http://www.uni-goettingen.de/de/vortr%C3%A4ge-und-pr%C3%A4sentationen/303717.html"> Übersicht </a>
</div>
<ul>
<li data-template="app:presentations"/>
</ul>
</div>
</div>
</div>
<h1 class="block-header">
<span>Last Updates</span>
</h1>
<!-- Tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#lorem" aria-controls="lorem" role="tab" data-toggle="tab">
Blog
</a>
</li>
<li role="presentation">
<a href="#ipsum" aria-controls="ipsum" role="tab" data-toggle="tab">
Comments
</a>
</li>
<li role="presentation">
<a href="#dolor" aria-controls="dolor" role="tab" data-toggle="tab">
Events
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="lorem">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_2.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="ipsum">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Comment Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Comment Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_2.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Comment Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="dolor">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_2.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Event Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Event Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Event Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- / .row -->
</div>
<?xml version="1.0" encoding="UTF-8"?>
<ul class="nav navbar-nav" data-template="nav:navitems"><!-- config the output templates --><!-- the output processing -->
<li class="dropdown" data-template="templates:each" data-template-from="navitems" data-template-to="item">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-template="nav:head">
<b class="caret"/>
</a>
<ul class="dropdown-menu" data-template="nav:subitems">
<li data-template="templates:each" data-template-from="subitems" data-template-to="subitem">
<a href="#" data-template="nav:subitem"/>
</li>
</ul>
</li>
</ul>
<!DOCTYPE html>
<html lang="en">
<head class="html_boxed">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="ARCHITRAVE">
<link rel="shortcut icon" href="assets/favicon/favicon.ico">
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content=""/>
<meta name="author" content="ARCHITRAVE"/>
<link rel="shortcut icon" href="assets/favicon/favicon.ico"/>
<title>ARCHITRAVE</title>
<!-- CSS Plugins -->
<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" >
<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
<!-- CSS Global -->
<link href="assets/css/styles.css" rel="stylesheet">
<link href="assets/css/styles.css" rel="stylesheet"/>
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,600,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,600,700,700italic,800,800italic' rel='stylesheet' type='text/css'/>
</head>
......@@ -47,8 +47,9 @@
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar_main">
<ul class="nav navbar-nav navbar-left">
<li><a href="index.html">Home</a></li>
<!--<ul class="nav navbar-nav navbar-left">-->
<ul class="nav navbar-nav navbar-left" data-template="templates:include" data-template-path="/../../sade-projects/textgrid/templates/tmpl1/nav_include.html">
<!--<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Profile <span class="caret"></span></a>
<ul class="dropdown-menu">
......@@ -87,7 +88,7 @@
<li><a href="pricing.html">Pricing</a></li>
</ul>
</li>
<li><a href="ui-elements.html">UI elements</a></li>
<li><a href="ui-elements.html">UI elements</a></li>-->
</ul>
<!--
......@@ -165,10 +166,10 @@
<!-- Controls -->
<a class="carousel__control carousel__control_left" href="#showcase-carousel" role="button" data-slide="prev">
<img src="assets/img/arrow_left.svg" alt="...">
<img src="assets/img/arrow_left.svg" alt="..."/>
</a>
<a class="carousel__control carousel__control_right" href="#showcase-carousel" role="button" data-slide="next">
<img src="assets/img/arrow_right.svg" alt="...">
<img src="assets/img/arrow_right.svg" alt="..."/>
</a>
</div> <!-- / .carousel -->
......@@ -178,364 +179,10 @@
<!-- SERVICES
================================================== -->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="services">
<div class="services__item">
<div class="services-item__body">
<div class="services-item__icon">
<i class="fa fa-briefcase fa-3x"></i>
</div>
<div class="services-item__content">
<p class="services-item__caption">Lorem ipsum dolor sit amet</p>
<a class="services-item__link" href="#">Learn more <i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="services__item">
<div class="services-item__body">
<div class="services-item__icon">
<i class="fa fa-cloud-upload fa-3x"></i>
</div>
<div class="services-item__content">
<p class="services-item__caption">Lorem ipsum dolor sit amet</p>
<a class="services-item__link" href="#">Learn more <i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="services__item">
<div class="services-item__body">
<div class="services-item__icon">
<i class="fa fa-laptop fa-3x"></i>
</div>
<div class="services-item__content">
<p class="services-item__caption">Lorem ipsum dolor sit amet</p>
<a class="services-item__link" href="#">Learn more <i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="services__item">
<div class="services-item__body">
<div class="services-item__icon">
<i class="fa fa-gears fa-3x"></i>
</div>
<div class="services-item__content">
<p class="services-item__caption">Lorem ipsum dolor sit amet</p>
<a class="services-item__link" href="#">Learn more <i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="services__item">
<div class="services-item__body">
<div class="services-item__icon">
<i class="fa fa-compass fa-3x"></i>
</div>
<div class="services-item__content">
<p class="services-item__caption">Lorem ipsum dolor sit amet</p>
<a class="services-item__link" href="#">Learn more <i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="clearfix"></div>
</div> <!-- / .services -->
</div>
</div> <!-- / row -->
<div class="container" id="content-container">
</div> <!-- / .container -->
<!-- WELCOME MESSAGE
================================================== -->
<div class="container">
<div class="row">
<div class="col-sm-7 col-md-7 col-lg-8">
<h1 class="block-header">
<span>Welcome message</span>
</h1>
<div class="row">
<div class="col-xs-12">
<img src="assets/img/welcome.jpg" class="img-responsive img-article pull-left" alt="...">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur sunt expedita magni quas, soluta nisi aliquid maiores dolorem minima tempora, provident dolor similique commodi temporibus quibusdam consectetur molestias nihil quo.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit itaque, alias, inventore obcaecati ex impedit quasi debitis aut velit odit modi voluptate dignissimos, iure iste. Veniam cum sunt doloremque totam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum perferendis, in non odio at.
</p>
</div>
</div> <!-- / .row -->
<div class="info-board info-board-primary">
<h4>Important info</h4>
<p>
Nunc in neque nec arcu vulputate ullamcorper. Ut id orci ac arcu consectetur fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</p>
</div>
</div>
<div class="col-sm-5 col-md-5 col-lg-4">
<h1 class="block-header">
<span>Last Updates</span>
</h1>
<!-- Tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#lorem" aria-controls="lorem" role="tab" data-toggle="tab">
Blog
</a>
</li>
<li role="presentation">
<a href="#ipsum" aria-controls="ipsum" role="tab" data-toggle="tab">
Comments
</a>
</li>
<li role="presentation">
<a href="#dolor" aria-controls="dolor" role="tab" data-toggle="tab">
Events
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="lorem">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="...">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_2.jpg" alt="...">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="...">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="ipsum">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="...">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Comment Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="...">
</a>