Initial commit — existing SVN working copy (SVN r436)
This commit is contained in:
Johannes Bechberger
+12
@@ -0,0 +1,12 @@
|
|||||||
|
# SVN internals
|
||||||
|
.svn/
|
||||||
|
|
||||||
|
# Editor / OS
|
||||||
|
.DS_Store
|
||||||
|
*.swp
|
||||||
|
*~
|
||||||
|
.vscode/settings.json
|
||||||
|
|
||||||
|
# Generated / runtime
|
||||||
|
data/
|
||||||
|
*.log
|
||||||
+213
@@ -0,0 +1,213 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta content="p2iJw_kklDL4_a17r87g1257yRJsluX_FYzG8fBegyw" name="google-site-verification" />
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "Event",
|
||||||
|
"name": "Nacht der Wissenschaft",
|
||||||
|
"startDate": "2025-11-21T18:00:00+01:00",
|
||||||
|
"endDate": "2025-11-22T04:00:00+01:00",
|
||||||
|
"eventStatus": "https://schema.org/EventScheduled",
|
||||||
|
"eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
|
||||||
|
"location": {
|
||||||
|
"@type": "RealLocation",
|
||||||
|
"location": "Ehrenhof KIT"
|
||||||
|
},
|
||||||
|
"image": [
|
||||||
|
"https://www.ndw-ka.de/images/logo.png"
|
||||||
|
],
|
||||||
|
"description": "In der Nacht vom 21. November findet auch dieses Semester die Nacht der Wissenschaft statt. Es wird viele spannende Vorträge aus den verschiedensten Fachbereichen geben.",
|
||||||
|
"organizer": {
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "Hochschulgruppe Nacht der Wissenschaft",
|
||||||
|
"url": "https://www.ndw-ka.de/about-us.php"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="/js/i18n.js" defer></script>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta content="IE=edge" http-equiv="X-UA-Compatible">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description"
|
||||||
|
content="Nacht der Wissenschaft am KIT: Programm, Highlights und Informationen zum Event am 21. November 2025.">
|
||||||
|
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||||
|
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
||||||
|
|
||||||
|
<!-- Own CSS -->
|
||||||
|
<link rel="stylesheet" href="css/styles.css">
|
||||||
|
|
||||||
|
|
||||||
|
<title>Nacht der Wissenschaft</title>
|
||||||
|
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||||
|
<link rel="shortcut icon" href="/favicon.ico">
|
||||||
|
|
||||||
|
<meta name="theme-color" content="#000000">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="text-white">
|
||||||
|
<!-- Skip link for keyboard users -->
|
||||||
|
<a class="visually-hidden-focusable position-absolute top-0 start-0 p-2" href="#main">Zum Inhalt springen</a>
|
||||||
|
|
||||||
|
<!-- Header (match homepage nav)-->
|
||||||
|
<header class="mb-5">
|
||||||
|
<!-- Primary navigation for the site -->
|
||||||
|
<header class="mb-5" id="header">
|
||||||
|
<?php include __DIR__ . '/partials/header.inc.php'; ?>
|
||||||
|
</header>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main id="main" class="hero-wrapper">
|
||||||
|
<!-- Hero: About headline + short intro; keep single logical h1 -->
|
||||||
|
<section class="container-fluid p-0" aria-labelledby="about-title">
|
||||||
|
<!-- Überschrift bleibt volle Breite -->
|
||||||
|
<h1 id="about-title" class="hero-headline mb-4 text-center" data-i18n="about.us">
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<!-- Danach das 2-Spalten-Layout -->
|
||||||
|
<div class="row align-items-center gx-5">
|
||||||
|
<!-- LINKS: Atom -->
|
||||||
|
<div class="col-12 col-lg-4 text-lg-start text-center">
|
||||||
|
<img src="images/logo.png" class="img-fluid" alt="Symbolbild: Atomstruktur" loading="lazy">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- RECHTS: Text -->
|
||||||
|
<div class="col-12 col-lg-8">
|
||||||
|
<p class="lead" style="max-width:70ch; color: rgba(255,255,255,.9)" data-i18n="about.us.first.paragraph">
|
||||||
|
</p>
|
||||||
|
<p style="max-width:70ch; color: rgba(255,255,255,.9)" data-i18n="about.us.second.paragraph">
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- TODO: Full-width group photo with descriptive alt -->
|
||||||
|
<!-- <figure class="mt-4" aria-labelledby="group-caption">
|
||||||
|
<img src="images/team/orga2.jpg" class="img-fluid"
|
||||||
|
alt="Gruppenfoto: rund 20 Studierende der Nacht der Wissenschaft" loading="lazy">
|
||||||
|
<figcaption id="group-caption" class="visually-hidden">Team der Nacht der Wissenschaft</figcaption>
|
||||||
|
</figure>
|
||||||
|
-->
|
||||||
|
<!-- Team (accessible people grid) -->
|
||||||
|
<section id="team" class="schedule-section" aria-labelledby="team-heading">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<h2 id="team-heading" class="section-heading-about">Team</h2>
|
||||||
|
|
||||||
|
<ul class="row list-unstyled g-4 team-grid" role="list">
|
||||||
|
<!-- Card 1 -->
|
||||||
|
<li class="col-6 col-md-3 col-lg-2">
|
||||||
|
<figure class="team-card" aria-labelledby="t1-name">
|
||||||
|
<div class="team-photo">
|
||||||
|
<img src="images/team/person.png" alt="Johannes B." loading="lazy"
|
||||||
|
decoding="async">
|
||||||
|
</div>
|
||||||
|
<figcaption class="visually-hidden">Portrait von Johannes B.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<h3 id="t1-name" class="team-name">Johannes B.</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Card 2 -->
|
||||||
|
<li class="col-6 col-md-3 col-lg-2">
|
||||||
|
<figure class="team-card" aria-labelledby="t2-name">
|
||||||
|
<div class="team-photo">
|
||||||
|
<img src="images/team/vincent.png" alt="Vincent B." loading="lazy"
|
||||||
|
decoding="async">
|
||||||
|
</div>
|
||||||
|
<figcaption class="visually-hidden">Portrait von Vincent B.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<h3 id="t2-name" class="team-name">Vincent B.</h3>
|
||||||
|
<!-- <p class="team-role">Text</p> -->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Card 3 -->
|
||||||
|
<li class="col-6 col-md-3 col-lg-2">
|
||||||
|
<figure class="team-card" aria-labelledby="t3-name">
|
||||||
|
<div class="team-photo">
|
||||||
|
<img src="images/team/person.png" alt="Alexander D." loading="lazy"
|
||||||
|
decoding="async">
|
||||||
|
</div>
|
||||||
|
<figcaption class="visually-hidden">Portrait von Alexander D.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<h3 id="t3-name" class="team-name">Alexander D.</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Card 3 -->
|
||||||
|
<li class="col-6 col-md-3 col-lg-2">
|
||||||
|
<figure class="team-card" aria-labelledby="t4-name">
|
||||||
|
<div class="team-photo">
|
||||||
|
<img src="images/team/kassandra.jpg" alt="Kassandra D." loading="lazy"
|
||||||
|
decoding="async">
|
||||||
|
</div>
|
||||||
|
<figcaption class="visually-hidden">Portrait von Kassandra D.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<h3 id="t4-name" class="team-name">Kassandra D.</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Card 5 -->
|
||||||
|
<li class="col-6 col-md-3 col-lg-2">
|
||||||
|
<figure class="team-card" aria-labelledby="t5-name">
|
||||||
|
<div class="team-photo">
|
||||||
|
<img src="images/team/person.png" alt="Tim H." loading="lazy"
|
||||||
|
decoding="async">
|
||||||
|
</div>
|
||||||
|
<figcaption class="visually-hidden">Portrait von Tim H.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<h3 id="t5-name" class="team-name">Tim H.</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Card 6 -->
|
||||||
|
<li class="col-6 col-md-3 col-lg-2">
|
||||||
|
<figure class="team-card" aria-labelledby="t6-name">
|
||||||
|
<div class="team-photo">
|
||||||
|
<img src="images/team/person.png" alt="Silvia R." loading="lazy"
|
||||||
|
decoding="async">
|
||||||
|
</div>
|
||||||
|
<figcaption class="visually-hidden">Portrait von Silvia R.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<h3 id="t6-name" class="team-name">Silvia R.</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Card 7 -->
|
||||||
|
<li class="col-6 col-md-3 col-lg-2">
|
||||||
|
<figure class="team-card" aria-labelledby="t7-name">
|
||||||
|
<div class="team-photo">
|
||||||
|
<img src="images/team/person.png" alt="Benedikt S." loading="lazy"
|
||||||
|
decoding="async">
|
||||||
|
</div>
|
||||||
|
<figcaption class="visually-hidden">Portrait von Benedikt S.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<h3 id="t7-name" class="team-name">Benedikt S.</h3>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Card 8 -->
|
||||||
|
<li class="col-6 col-md-3 col-lg-2">
|
||||||
|
<figure class="team-card" aria-labelledby="t8-name">
|
||||||
|
<div class="team-photo">
|
||||||
|
<img src="images/team/christina.jpg" alt="Christina W." loading="lazy"
|
||||||
|
decoding="async">
|
||||||
|
</div>
|
||||||
|
<figcaption class="visually-hidden">Portrait von Christina W.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<h3 id="t8-name" class="team-name">Christina W.</h3>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Mini-Footer / Contact Row -->
|
||||||
|
<?php include __DIR__ . '/partials/footer.inc.php'; ?>
|
||||||
|
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
@@ -0,0 +1,3 @@
|
|||||||
|
<?php
|
||||||
|
header('Location: ' . $_SERVER[REQUEST_URI] . '../');
|
||||||
|
?>
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
RewriteEngine On
|
||||||
|
|
||||||
|
RewriteBase /
|
||||||
|
RewriteRule ^facebook/2016($|/$|\?.*$) https://www.facebook.com/events/199849767025396/ [NC,L,R=301]
|
||||||
|
RewriteRule ^facebook($|/$|\?.*$) https://www.facebook.com/NachtderWissenschaft.Karlsruhe/ [NC,L,R=301]
|
||||||
Vendored
+6794
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,52 @@
|
|||||||
|
/* jQuery Countdown styles 2.0.0. */
|
||||||
|
.is-countdown {
|
||||||
|
}
|
||||||
|
.countdown-rtl {
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
.countdown-holding span {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
.countdown-row {
|
||||||
|
clear: both;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0px 2px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.countdown-show1 .countdown-section {
|
||||||
|
width: 98%;
|
||||||
|
}
|
||||||
|
.countdown-show2 .countdown-section {
|
||||||
|
width: 48%;
|
||||||
|
}
|
||||||
|
.countdown-show3 .countdown-section {
|
||||||
|
width: 32.5%;
|
||||||
|
}
|
||||||
|
.countdown-show4 .countdown-section {
|
||||||
|
width: 24.5%;
|
||||||
|
}
|
||||||
|
.countdown-show5 .countdown-section {
|
||||||
|
width: 19.5%;
|
||||||
|
}
|
||||||
|
.countdown-show6 .countdown-section {
|
||||||
|
width: 16.25%;
|
||||||
|
}
|
||||||
|
.countdown-show7 .countdown-section {
|
||||||
|
width: 14%;
|
||||||
|
}
|
||||||
|
.countdown-section {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
font-size: 75%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.countdown-amount {
|
||||||
|
font-size: 200%;
|
||||||
|
}
|
||||||
|
.countdown-period {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.countdown-descr {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
@@ -0,0 +1,479 @@
|
|||||||
|
/* required styles */
|
||||||
|
|
||||||
|
.leaflet-map-pane,
|
||||||
|
.leaflet-tile,
|
||||||
|
.leaflet-marker-icon,
|
||||||
|
.leaflet-marker-shadow,
|
||||||
|
.leaflet-tile-pane,
|
||||||
|
.leaflet-tile-container,
|
||||||
|
.leaflet-overlay-pane,
|
||||||
|
.leaflet-shadow-pane,
|
||||||
|
.leaflet-marker-pane,
|
||||||
|
.leaflet-popup-pane,
|
||||||
|
.leaflet-overlay-pane svg,
|
||||||
|
.leaflet-zoom-box,
|
||||||
|
.leaflet-image-layer,
|
||||||
|
.leaflet-layer {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.leaflet-container {
|
||||||
|
overflow: hidden;
|
||||||
|
-ms-touch-action: none;
|
||||||
|
touch-action: none;
|
||||||
|
}
|
||||||
|
.leaflet-tile,
|
||||||
|
.leaflet-marker-icon,
|
||||||
|
.leaflet-marker-shadow {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
-webkit-user-drag: none;
|
||||||
|
}
|
||||||
|
.leaflet-marker-icon,
|
||||||
|
.leaflet-marker-shadow {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
/* map is broken in FF if you have max-width: 100% on tiles */
|
||||||
|
.leaflet-container img {
|
||||||
|
max-width: none !important;
|
||||||
|
}
|
||||||
|
/* stupid Android 2 doesn't understand "max-width: none" properly */
|
||||||
|
.leaflet-container img.leaflet-image-layer {
|
||||||
|
max-width: 15000px !important;
|
||||||
|
}
|
||||||
|
.leaflet-tile {
|
||||||
|
filter: inherit;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.leaflet-tile-loaded {
|
||||||
|
visibility: inherit;
|
||||||
|
}
|
||||||
|
.leaflet-zoom-box {
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
|
||||||
|
.leaflet-overlay-pane svg {
|
||||||
|
-moz-user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-tile-pane { z-index: 2; }
|
||||||
|
.leaflet-objects-pane { z-index: 3; }
|
||||||
|
.leaflet-overlay-pane { z-index: 4; }
|
||||||
|
.leaflet-shadow-pane { z-index: 5; }
|
||||||
|
.leaflet-marker-pane { z-index: 6; }
|
||||||
|
.leaflet-popup-pane { z-index: 7; }
|
||||||
|
|
||||||
|
.leaflet-vml-shape {
|
||||||
|
width: 1px;
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
.lvml {
|
||||||
|
behavior: url(#default#VML);
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* control positioning */
|
||||||
|
|
||||||
|
.leaflet-control {
|
||||||
|
position: relative;
|
||||||
|
z-index: 7;
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
.leaflet-top,
|
||||||
|
.leaflet-bottom {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1000;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.leaflet-top {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.leaflet-right {
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.leaflet-bottom {
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.leaflet-left {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.leaflet-control {
|
||||||
|
float: left;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.leaflet-right .leaflet-control {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.leaflet-top .leaflet-control {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.leaflet-bottom .leaflet-control {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.leaflet-left .leaflet-control {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.leaflet-right .leaflet-control {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* zoom and fade animations */
|
||||||
|
|
||||||
|
.leaflet-fade-anim .leaflet-tile,
|
||||||
|
.leaflet-fade-anim .leaflet-popup {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition: opacity 0.2s linear;
|
||||||
|
-moz-transition: opacity 0.2s linear;
|
||||||
|
-o-transition: opacity 0.2s linear;
|
||||||
|
transition: opacity 0.2s linear;
|
||||||
|
}
|
||||||
|
.leaflet-fade-anim .leaflet-tile-loaded,
|
||||||
|
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||||
|
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
-o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
}
|
||||||
|
.leaflet-zoom-anim .leaflet-tile,
|
||||||
|
.leaflet-pan-anim .leaflet-tile,
|
||||||
|
.leaflet-touching .leaflet-zoom-animated {
|
||||||
|
-webkit-transition: none;
|
||||||
|
-moz-transition: none;
|
||||||
|
-o-transition: none;
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-zoom-anim .leaflet-zoom-hide {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* cursors */
|
||||||
|
|
||||||
|
.leaflet-clickable {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.leaflet-container {
|
||||||
|
cursor: -webkit-grab;
|
||||||
|
cursor: -moz-grab;
|
||||||
|
}
|
||||||
|
.leaflet-popup-pane,
|
||||||
|
.leaflet-control {
|
||||||
|
cursor: auto;
|
||||||
|
}
|
||||||
|
.leaflet-dragging .leaflet-container,
|
||||||
|
.leaflet-dragging .leaflet-clickable {
|
||||||
|
cursor: move;
|
||||||
|
cursor: -webkit-grabbing;
|
||||||
|
cursor: -moz-grabbing;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* visual tweaks */
|
||||||
|
|
||||||
|
.leaflet-container {
|
||||||
|
background: #ddd;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.leaflet-container a {
|
||||||
|
color: #0078A8;
|
||||||
|
}
|
||||||
|
.leaflet-container a.leaflet-active {
|
||||||
|
outline: 2px solid orange;
|
||||||
|
}
|
||||||
|
.leaflet-zoom-box {
|
||||||
|
border: 2px dotted #38f;
|
||||||
|
background: rgba(255,255,255,0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* general typography */
|
||||||
|
.leaflet-container {
|
||||||
|
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* general toolbar styles */
|
||||||
|
|
||||||
|
.leaflet-bar {
|
||||||
|
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.leaflet-bar a,
|
||||||
|
.leaflet-bar a:hover {
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
width: 26px;
|
||||||
|
height: 26px;
|
||||||
|
line-height: 26px;
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
.leaflet-bar a,
|
||||||
|
.leaflet-control-layers-toggle {
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.leaflet-bar a:hover {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
}
|
||||||
|
.leaflet-bar a:first-child {
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
}
|
||||||
|
.leaflet-bar a:last-child {
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.leaflet-bar a.leaflet-disabled {
|
||||||
|
cursor: default;
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-bar a {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* zoom control */
|
||||||
|
|
||||||
|
.leaflet-control-zoom-in,
|
||||||
|
.leaflet-control-zoom-out {
|
||||||
|
font: bold 18px 'Lucida Console', Monaco, monospace;
|
||||||
|
text-indent: 1px;
|
||||||
|
}
|
||||||
|
.leaflet-control-zoom-out {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-control-zoom-in {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
.leaflet-touch .leaflet-control-zoom-out {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* layers control */
|
||||||
|
|
||||||
|
.leaflet-control-layers {
|
||||||
|
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-toggle {
|
||||||
|
background-image: url(images/layers.png);
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
.leaflet-retina .leaflet-control-layers-toggle {
|
||||||
|
background-image: url(images/layers-2x.png);
|
||||||
|
background-size: 26px 26px;
|
||||||
|
}
|
||||||
|
.leaflet-touch .leaflet-control-layers-toggle {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers .leaflet-control-layers-list,
|
||||||
|
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-expanded .leaflet-control-layers-list {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-expanded {
|
||||||
|
padding: 6px 10px 6px 6px;
|
||||||
|
color: #333;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-selector {
|
||||||
|
margin-top: 2px;
|
||||||
|
position: relative;
|
||||||
|
top: 1px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers label {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-separator {
|
||||||
|
height: 0;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
margin: 5px -10px 5px -6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* attribution and scale controls */
|
||||||
|
|
||||||
|
.leaflet-container .leaflet-control-attribution {
|
||||||
|
background: #fff;
|
||||||
|
background: rgba(255, 255, 255, 0.7);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.leaflet-control-attribution,
|
||||||
|
.leaflet-control-scale-line {
|
||||||
|
padding: 0 5px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.leaflet-control-attribution a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.leaflet-control-attribution a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.leaflet-container .leaflet-control-attribution,
|
||||||
|
.leaflet-container .leaflet-control-scale {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
.leaflet-left .leaflet-control-scale {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.leaflet-bottom .leaflet-control-scale {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.leaflet-control-scale-line {
|
||||||
|
border: 2px solid #777;
|
||||||
|
border-top: none;
|
||||||
|
line-height: 1.1;
|
||||||
|
padding: 2px 5px 1px;
|
||||||
|
font-size: 11px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
|
||||||
|
background: #fff;
|
||||||
|
background: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.leaflet-control-scale-line:not(:first-child) {
|
||||||
|
border-top: 2px solid #777;
|
||||||
|
border-bottom: none;
|
||||||
|
margin-top: -2px;
|
||||||
|
}
|
||||||
|
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
|
||||||
|
border-bottom: 2px solid #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-control-attribution,
|
||||||
|
.leaflet-touch .leaflet-control-layers,
|
||||||
|
.leaflet-touch .leaflet-bar {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.leaflet-touch .leaflet-control-layers,
|
||||||
|
.leaflet-touch .leaflet-bar {
|
||||||
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* popup */
|
||||||
|
|
||||||
|
.leaflet-popup {
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.leaflet-popup-content-wrapper {
|
||||||
|
padding: 1px;
|
||||||
|
text-align: left;
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
.leaflet-popup-content {
|
||||||
|
margin: 13px 19px;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
.leaflet-popup-content p {
|
||||||
|
margin: 18px 0;
|
||||||
|
}
|
||||||
|
.leaflet-popup-tip-container {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 40px;
|
||||||
|
height: 20px;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.leaflet-popup-tip {
|
||||||
|
width: 17px;
|
||||||
|
height: 17px;
|
||||||
|
padding: 1px;
|
||||||
|
|
||||||
|
margin: -10px auto 0;
|
||||||
|
|
||||||
|
-webkit-transform: rotate(45deg);
|
||||||
|
-moz-transform: rotate(45deg);
|
||||||
|
-ms-transform: rotate(45deg);
|
||||||
|
-o-transform: rotate(45deg);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
.leaflet-popup-content-wrapper,
|
||||||
|
.leaflet-popup-tip {
|
||||||
|
background: white;
|
||||||
|
|
||||||
|
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
|
||||||
|
}
|
||||||
|
.leaflet-container a.leaflet-popup-close-button {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 4px 4px 0 0;
|
||||||
|
text-align: center;
|
||||||
|
width: 18px;
|
||||||
|
height: 14px;
|
||||||
|
font: 16px/14px Tahoma, Verdana, sans-serif;
|
||||||
|
color: #c3c3c3;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.leaflet-container a.leaflet-popup-close-button:hover {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.leaflet-popup-scrolled {
|
||||||
|
overflow: auto;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-oldie .leaflet-popup-content-wrapper {
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.leaflet-oldie .leaflet-popup-tip {
|
||||||
|
width: 24px;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
|
||||||
|
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
|
||||||
|
}
|
||||||
|
.leaflet-oldie .leaflet-popup-tip-container {
|
||||||
|
margin-top: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-oldie .leaflet-control-zoom,
|
||||||
|
.leaflet-oldie .leaflet-control-layers,
|
||||||
|
.leaflet-oldie .leaflet-popup-content-wrapper,
|
||||||
|
.leaflet-oldie .leaflet-popup-tip {
|
||||||
|
border: 1px solid #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* div icon */
|
||||||
|
|
||||||
|
.leaflet-div-icon {
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #666;
|
||||||
|
}
|
||||||
@@ -0,0 +1,144 @@
|
|||||||
|
/* CSS Document */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Maven Pro';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Maven Pro Regular'), local('MavenProRegular'), url(https://fonts.gstatic.com/s/mavenpro/v7/MG9KbUZFchDs94Tbv9U-paCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Maven Pro';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
src: local('Maven Pro Medium'), local('MavenProMedium'), url(https://fonts.gstatic.com/s/mavenpro/v7/SQVfzoJBbj9t3aVcmbspRonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Maven Pro';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
src: local('Maven Pro Bold'), local('MavenProBold'), url(https://fonts.gstatic.com/s/mavenpro/v7/uDssvmXgp7Nj3i336k_dSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Maven Pro';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
|
src: local('Maven Pro Black'), local('MavenProBlack'), url(https://fonts.gstatic.com/s/mavenpro/v7/-91TwiFzqeL1F7Kh91APwYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
a:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
a:focus {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.navbar-right li {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.headerrow {
|
||||||
|
background-image: url(../images/background_header.jpg);
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
padding: 6% 0;
|
||||||
|
color: white;
|
||||||
|
text-shadow: #000 2px 2px 2px;
|
||||||
|
}
|
||||||
|
.largeHeadline {
|
||||||
|
font-size: 4em;
|
||||||
|
}
|
||||||
|
.headerrow img {
|
||||||
|
max-width: 70%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.footerContainer {
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
.invisibleSpacer {
|
||||||
|
border-width: 0;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
.smallSpacer {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
.stickyElement {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 2000;
|
||||||
|
}
|
||||||
|
.hoersaal {
|
||||||
|
float: right;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
.glyphicon-menu-right {
|
||||||
|
position: absolute;
|
||||||
|
left: -4px;
|
||||||
|
}
|
||||||
|
.panel-title {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 16px;
|
||||||
|
}
|
||||||
|
.navelement {
|
||||||
|
height: 42px;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: -42px;
|
||||||
|
border-width: 0px;
|
||||||
|
}
|
||||||
|
.row{
|
||||||
|
margin-top:20px;
|
||||||
|
}
|
||||||
|
.color1 {
|
||||||
|
color: #FF6355;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.color2 {
|
||||||
|
color: #4186D3;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.color3 {
|
||||||
|
color: #FFDB00;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.glyphicon-envelope {
|
||||||
|
position: relative;
|
||||||
|
top: 2px;
|
||||||
|
}
|
||||||
|
.panel-body .img-container img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
.panel-body .img-container {
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.col-lg-12 .panel-body .img-container {
|
||||||
|
/* Wenn gro�, werden Vortragsbilder in Containern, die �ber die ganze Seitenbreite gehen, links angezeigt. */
|
||||||
|
width: auto;
|
||||||
|
float: left;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.largeHeadline {
|
||||||
|
padding-top: 50px;
|
||||||
|
font-size: 2.4em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.panel-body p {
|
||||||
|
text-align: justify;
|
||||||
|
-moz-hyphens: auto;
|
||||||
|
-o-hyphens: auto;
|
||||||
|
-webkit-hyphens: auto;
|
||||||
|
-ms-hyphens: auto;
|
||||||
|
hyphens: auto;
|
||||||
|
hyphenate-limit-chars: auto 5;
|
||||||
|
hyphenate-limit-lines: 2;
|
||||||
|
}
|
||||||
|
.partner img {
|
||||||
|
margin-right: 3em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
#gallerycarousel img {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 201 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 321 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 187 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 518 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 431 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 139 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 797 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,131 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Nacht der Wissenschaft - Karlsruhe</title>
|
||||||
|
|
||||||
|
<!-- Bootstrap -->
|
||||||
|
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
|
||||||
|
|
||||||
|
<!-- Own style -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Maven+Pro:400,900,700,500" rel="stylesheet">
|
||||||
|
<link href="css/style.css" rel="stylesheet" type="text/css">
|
||||||
|
|
||||||
|
<!-- Leaflet -->
|
||||||
|
<link rel="stylesheet" href="css/leaflet.css" />
|
||||||
|
|
||||||
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- Favicons -->
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
|
||||||
|
<link rel="icon" type="image/png" href="/favicon.png" sizes="96x96">
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||||
|
<meta name="msapplication-TileColor" content="#00000">
|
||||||
|
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<nav class="navbar navbar-default stickyElement">
|
||||||
|
<div class="container-fluid main-navbar">
|
||||||
|
<!-- 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="#defaultNavbar1"><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="./"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Nacht der Wissenschaft</a>
|
||||||
|
</div>
|
||||||
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||||
|
<div class="collapse navbar-collapse" id="defaultNavbar1">
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
<li><a href="./#programm">Programm </a>
|
||||||
|
</li>
|
||||||
|
<li> <a href="./#ndw2016"> Bilder </a>
|
||||||
|
</li>
|
||||||
|
<!-- <li><a href="./#anfahrt">Veranstaltungsräume </a></li>-->
|
||||||
|
<li><a href="./#ueberuns"> Über uns </a>
|
||||||
|
</li>
|
||||||
|
<li><a href="./impressum.html">Impressum </a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" href="#">Archiv <span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="./archiv/januar2016/">Januar 2016</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="./archiv/oktober2016/">Oktober 2016</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="./archiv/november2017/">November 2017</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="./archiv/november2018/">November 2018</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="./archiv/januar2020/">Januar 2020</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../../">aktuelle Seite</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- /.navbar-collapse -->
|
||||||
|
</div>
|
||||||
|
<!-- /.container-fluid -->
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<hr class="invisibleSpacer">
|
||||||
|
<section id="impressum">
|
||||||
|
<hr class="navelement">
|
||||||
|
<div class="row footer">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<hr class="navelement" />
|
||||||
|
<h4 id="impressum">Impressum</h4>
|
||||||
|
<p>
|
||||||
|
<a href="mailto:info@ndw-ka.de"> <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>info@ndw-ka.de</a>
|
||||||
|
<br>
|
||||||
|
<br> Hochschulgruppe Nacht der Wissenschaft
|
||||||
|
<br> Adenauerring 7
|
||||||
|
<br> 76131 Karlsruhe
|
||||||
|
<br>
|
||||||
|
<br> Ansprechpartner Website:
|
||||||
|
<br> Florian Schade
|
||||||
|
<br> Georg-Friedrich-Str. 19
|
||||||
|
<br> 76131 Karlsruhe
|
||||||
|
<br>
|
||||||
|
<br> Foto von Ludvig Hedenborg von Pexels
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||||
|
<script src="js/jquery.min.js"></script>
|
||||||
|
<script src="js/jquery.plugin.min.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$('.closeall').click(function() {
|
||||||
|
$('.panel-collapse.in')
|
||||||
|
.collapse('hide');
|
||||||
|
});
|
||||||
|
$('.openall').click(function() {
|
||||||
|
$('.panel-collapse:not(".in")')
|
||||||
|
.collapse('show');
|
||||||
|
});
|
||||||
|
$('#defaultNavbar1').on("click", "a", null, function() {
|
||||||
|
if (!$(this).hasClass("dropdown-toggle")) {
|
||||||
|
$('#defaultNavbar1').collapse('hide');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||||
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,856 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Nacht der Wissenschaft - Karlsruhe</title>
|
||||||
|
|
||||||
|
<!-- Bootstrap -->
|
||||||
|
|
||||||
|
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
|
||||||
|
<link href="css/style.css" rel="stylesheet" type="text/css">
|
||||||
|
<link href="css/jquery.countdown.css" rel="stylesheet" type="text/css">
|
||||||
|
|
||||||
|
<!-- Leaflet -->
|
||||||
|
<link rel="stylesheet" href="css/leaflet.css"/>
|
||||||
|
|
||||||
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav class="navbar navbar-default stickyElement">
|
||||||
|
<div class="container-fluid ">
|
||||||
|
<!-- 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="#defaultNavbar1">
|
||||||
|
<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="../../"><span class="glyphicon glyphicon-home"
|
||||||
|
aria-hidden="true"></span> Nacht der
|
||||||
|
Wissenschaft</a></div>
|
||||||
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||||
|
<div class="collapse navbar-collapse" id="defaultNavbar1">
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
<li><a href="#Bilder"> Bilder </a></li>
|
||||||
|
<li><a href="#programm">Programm </a></li>
|
||||||
|
<!-- <li><a href="#anfahrt">Veranstaltungsräume </a></li>-->
|
||||||
|
<li><a href="#ueberuns"> Über uns </a></li>
|
||||||
|
<li><a href="#impressum">Impressum </a></li>
|
||||||
|
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button">Archiv
|
||||||
|
<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="../januar2016/">Januar 2016</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../oktober2016/">Oktober 2016</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../november2017/">November 2017</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../november2018/">November 2018</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../januar2020/">Januar 2020</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../november2020/">November 2020</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../november2021/">November 2021</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../november2022/">November 2022</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../november2023/">November 2023</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../november2024/">November 2024</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="../../">aktuelle Seite</a>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- /.navbar-collapse -->
|
||||||
|
</div>
|
||||||
|
<!-- /.container-fluid -->
|
||||||
|
</nav>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row headerrow text-center">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<h1 class="largeHeadline">Nacht der Wissenschaft am 29.01.16</h1>
|
||||||
|
<hr class="invisibleSpacer">
|
||||||
|
<p><img src="images/logo.png" width="400" height="399" alt=""/></p>
|
||||||
|
<hr class="invisibleSpacer smallSpacer">
|
||||||
|
<!--<div class="row">
|
||||||
|
<div class="col-md-6 col-md-offset-3">
|
||||||
|
<h3><span id="counter"></span></h3>
|
||||||
|
</div>
|
||||||
|
</div>-->
|
||||||
|
<h2> 18 spannende Vorträge aus 10 Fachbereichen </h2>
|
||||||
|
<h2> zwischen 20 und 4 Uhr im Chemiegebäude (30.41) am KIT </h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<hr id="2016" class="navelement"/>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<h2 id="gallery">Nacht der Wissenschaft im Januar 2016</h2>
|
||||||
|
<p> In der Nacht vom 29. auf den 30. Januar 2016 fand zum ersten Mal die „Nacht der Wissenschaft” am KIT
|
||||||
|
statt.
|
||||||
|
In spannenden Vorträgen gaben 20 Referenten aus 10 Fachbereichen des KIT dabei spannende Einblicke in
|
||||||
|
ihr Themengebiet.</p>
|
||||||
|
|
||||||
|
<p> Mit über 1000 Gästen, 3 überfüllten Hörsälen, 15 Helfern und 10 Organisatoren waren wir auf jeden fall
|
||||||
|
positiv überrascht! Wir danken euch allen für euer Interesse und das Kommen! Hoffentlich hat's Spaß
|
||||||
|
gemacht und vielleicht konntet ihr auch was lernen ;)</p>
|
||||||
|
|
||||||
|
<p> Wir bedanken uns herzlich bei unseren Referenten, die sich die Zeit genommen haben, Vorträge zu halten.
|
||||||
|
Ein besonderes Dankeschön geht an diejenigen, die ab 00:00 Vorträge gehalten hatten und damit den
|
||||||
|
Begriff "Nacht der Wissenschaft" in die Tat umgesetzt haben!</p>
|
||||||
|
|
||||||
|
<p>Ein großes Dankeschön geht hier auch an die tollen Helferinnen und Helfer, die die Organisation am
|
||||||
|
Freitag und teils an den Tagen davor tatkräftig unterstützt haben. Ohne diese wäre beispielsweise die
|
||||||
|
Essens- und Getränkeversorgung nicht möglich gewesen, bei der sich Besucher und Referenten über die
|
||||||
|
neuen Erkenntnisse austauschen konnten. Und wir danken unseren Unterstützern, dem AStA, dem AKK und dem
|
||||||
|
KIT, die uns erst ermöglicht haben, unsere Pläne in die Tat umzusetzen.</p>
|
||||||
|
|
||||||
|
<p>Falls ihr etwas verloren habt, im nächsten Jahr mithelfen wollt, Feedback oder Fragen habt, könnt ihr
|
||||||
|
euch gern bei uns unter info@ndw-ka.de melden.</p>
|
||||||
|
|
||||||
|
<p>Vielen Dank und bis zum nächsten Jahr!</p>
|
||||||
|
|
||||||
|
<p>Euer NdW-Orga-Team:<br/>
|
||||||
|
Mohammad Al Kaddah, Julia Eberwein, Jonas Grammel, Sebastian Helmstetter, Bernhard Riester, Florian
|
||||||
|
Schade, Victoria Schemenz, Vera Schumacher, Christian Singe und Thomas Wacker </p>
|
||||||
|
|
||||||
|
<p>Tipp: Wenn ihr unsere Veranstaltung nächstes Jahr auch besuchen wollt oder mehr Infos über Aktionen in
|
||||||
|
der Zukunft haben wollt, dann drückt auf "Gefällt mir" auf unserer <a
|
||||||
|
href="https://www.facebook.com/NachtderWissenschaft.Karlsruhe/"
|
||||||
|
target="_blank">Facebook-Seite</a> oder schaut regelmäßig hier vorbei. Wenn ihr zu Beginn der
|
||||||
|
Planung für die nächste NdW informiert werden wollt (bspw. um zu helfen) oder einfach nur erfahren
|
||||||
|
wollt, wann die nächste NdW statt findet, registriert euch auf unserem News-Mailverteiler. Schickt dazu
|
||||||
|
eine leere Mail (kein Betreff, kein Inhalt) an <a
|
||||||
|
href="mailto:news-join@ndw-ka.de">news-join@ndw-ka.de</a>. </p>
|
||||||
|
|
||||||
|
<p>Da wir mehrmals danach gefragt wurden: Wegen technischer Probleme mit den Kameras haben wir leider keine
|
||||||
|
(guten) Videoaufnahmen der NdW 2016, die wir veröffentlichen könnten.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr class="invisibleSpacer">
|
||||||
|
<div class="row">
|
||||||
|
<hr id="Bilder" class="navelement"/>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div id="gallerycarousel" class="carousel slide" data-ride="carousel">
|
||||||
|
<!-- Wrapper for slides -->
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="item active"><img u="image" src="images/gallery/gallery0.jpg"/></div>
|
||||||
|
<div class="item"><img u="image" src="images/gallery/gallery1.jpg"/></div>
|
||||||
|
<div class="item"><img u="image" src="images/gallery/gallery2.jpg"/></div>
|
||||||
|
<div class="item"><img u="image" src="images/gallery/gallery3.png"/></div>
|
||||||
|
<div class="item"><img u="image" src="images/gallery/gallery4.jpg"/></div>
|
||||||
|
<div class="item"><img u="image" src="images/gallery/gallery5.png"/></div>
|
||||||
|
<div class="item"><img u="image" src="images/gallery/gallery6.jpg"/></div>
|
||||||
|
<div class="item"><img u="image" src="images/gallery/gallery7.jpg"/></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Left and right controls -->
|
||||||
|
<a class="left carousel-control" href="#gallerycarousel" role="button" data-slide="prev">
|
||||||
|
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Previous</span>
|
||||||
|
</a>
|
||||||
|
<a class="right carousel-control" href="#gallerycarousel" role="button" data-slide="next">
|
||||||
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<hr id="programm" class="navelement"/>
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<h2>Programm</h2>
|
||||||
|
Unser Programmheft liegt am Abend für euch aus. Zusätzlich findet ihr es hier zum <a
|
||||||
|
href="download/NdW2016_Infoflyer_LQ.pdf" target="_blank">Download</a>.
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 text-right">
|
||||||
|
<p><br/>
|
||||||
|
<a href="#programm" class=" btn btn-default openall">show all</a> <a href="#programm"
|
||||||
|
class="btn btn-default closeall">close
|
||||||
|
all</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr class="invisibleSpacer smallSpacer">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion1">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion1"
|
||||||
|
href="#collapseOne1">
|
||||||
|
<div class="hoersaal color1"> 20:00 HS A</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Wie viele
|
||||||
|
Erdbeben ereignen sich
|
||||||
|
im Oberrheingraben? </a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne1" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<p>Erdbeben? - Die gibt es höchstens in China oder am San Andreas Graben aber nicht im
|
||||||
|
ruhigen Karlsruhe. Doch der Schein trügt: Unsere Fächerstadt liegt mitten im
|
||||||
|
Oberrheingraben - einem der geophysikalisch markantesten Grabensysteme, das entlang der
|
||||||
|
Rheinebene von Basel bis Frankfurt liegt. Hier, direkt unter unseren Füßen, zerbricht
|
||||||
|
die große europäische Kontinentalplatte in viele kleinere Teile. Schiebt man diese
|
||||||
|
„Bruchstücke“ zusammen, hakt und scheppert es unter Umständen gewaltig: Die Erde bebt.
|
||||||
|
Dass dies gar nicht so selten vorkommt und was Afrika damit zu tun habt, ist Inhalt
|
||||||
|
eines unserer Eröffnungsvorträge - wir wünschen euch einen spannungsreichen Abend. </p>
|
||||||
|
<p>Referent: PD Dr. Joachim Ritter, <a href="https://www.gpi.kit.edu/"
|
||||||
|
target="_blank">GPI</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion2">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion2"
|
||||||
|
href="#collapseOne2">
|
||||||
|
<div class="hoersaal color2"> 20:00 HS B</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> In vino
|
||||||
|
veritas?! - Inhaltsstoffe, Gesundheit und Fälschungen mit NMR-Spektroskopie erkennen
|
||||||
|
</a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne2" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/wein_nmr.jpg"/></div>
|
||||||
|
<p>„In Vino Veritas“ dürfte den meisten wohl ein Begriff sein, doch was ist noch drin im
|
||||||
|
Wein? Manfred Wilhelm vom ITCP geht dieser Frage auf den Grund - durch
|
||||||
|
NMR-Spektroskopie. So zeigt er unter anderem, wie man einen echten Mouton-Rothschild von
|
||||||
|
Fälschungen unterscheidet. Die Abkürzung steht dabei übrigens für „Nuclear Magnetic
|
||||||
|
Resonance“ (Kernspinresonanzspektroskopie) - aber auch nur nach einem „wönzigen
|
||||||
|
Schlöckchen“ bleiben wir wohl besser bei NMR... und finden sogar heraus, wie gefälscht
|
||||||
|
wurde.</p>
|
||||||
|
<p>Referent: Prof. Dr. Manfred Wilhelm, <a href="https://www.itcp.kit.edu/" target="_blank">ITCP</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion3">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion3"
|
||||||
|
href="#collapseOne3">
|
||||||
|
<div class="hoersaal color3"> 20:00 HS C</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Elektromobilität
|
||||||
|
-
|
||||||
|
Wo stehen wir, wohin geht die Reise? </a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne3" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/elektromobilitaet.jpg"/></div>
|
||||||
|
<p>Elektroautos sind die Zukunft, so die allgemeine Meinung. Dennoch steigt die Anzahl der
|
||||||
|
Elektrofahrzeuge auf unseren Straßen nur langsam an. Doch woran liegt das? Welche
|
||||||
|
Vorteile bieten Elektroautos und welche Hindernisse müssen noch überwunden werden?
|
||||||
|
Martin Doppelbauer gibt einen Überblick über aktuelle und zukünftige Generationen von
|
||||||
|
Elektroautos.</p>
|
||||||
|
<p>Referent: Prof. Dr.-Ing. Martin Doppelbauer, <a href="https://www.eti.kit.edu/"
|
||||||
|
target="_blank">ETI</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion6">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion6"
|
||||||
|
href="#collapseOne6">
|
||||||
|
<div class="hoersaal color1"> 21:00 HS A</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Von "Die Mumie"
|
||||||
|
bis zum Graupelschauer -
|
||||||
|
Wie Staub unser Wetter und Klima beeinflusst </a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne6" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/staubstuerme.jpg"/></div>
|
||||||
|
<p>Staubstürme entstehen durch starke Winde in den Wüsten der Erde. Dabei werden große
|
||||||
|
Mengen Mineralstaub aufgewirbelt und bilden so den größten Anteil aller Partikel in der
|
||||||
|
Luft. Der Staub wandert über sehr große Strecken und schafft etwa zweimal im Monat den
|
||||||
|
„Sprung“ nach Europa. Hier sorgt er nicht nur für dreckige Fenster und reduzierte
|
||||||
|
Stromerzeugung von Solarzellen, sondern beeinflusst auch unser Wetter und das
|
||||||
|
Weltklima.</p>
|
||||||
|
<p>Referenten: Prof. Dr. Peter Knippertz & Prof. Dr. Corinna Hoose, <a
|
||||||
|
href="https://www.imk-tro.kit.edu/" target="_blank">IMK-TRO</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion4">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion4"
|
||||||
|
href="#collapseOne4">
|
||||||
|
<div class="hoersaal color2"> 21:00 HS B</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Atomluftschiff?
|
||||||
|
Trockengelegtes Mittelmeer? - Gescheiterte Technikträume </a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne4" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<p>Die Geschichte der Technik ist keine lineare Erfolgsgeschichte: Aus vielen kreativen
|
||||||
|
Ideen, Innovationen und Technikutopien ist nichts geworden. Der Vortrag gibt einen
|
||||||
|
kurzen Überblick über 200 Jahre Misslungenes und abgebrochene Technikzukünfte – vom
|
||||||
|
Turbinenauto bis zum Stratosphärenkraftwerk, von der Trockenlegung des Mittelmeers bis
|
||||||
|
zum Atomluftschiff. Die Misserfolgsgeschichten sind lehrreich, denn selten haben sie
|
||||||
|
technische Ursachen, oft gesellschaftliche und kulturelle.</p>
|
||||||
|
<p>Referent: Prof. Dr. Kurt Möser, <a href="https://www.geschichte.kit.edu/"
|
||||||
|
target="_blank">Institut für Geschichte</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion5">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion5"
|
||||||
|
href="#collapseOne5">
|
||||||
|
<div class="hoersaal color3"> 21:00 HS C</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Den Molekülen
|
||||||
|
des Lebens bei der Arbeit zusehen - Computersimulationen des biologischen Mikrokosmos
|
||||||
|
</a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne5" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/molekuele_simulation.jpg"/></div>
|
||||||
|
<p>Stellt euch vor, ihr wollt ein Fußballspiel schauen und habt dafür nur Fotos zur
|
||||||
|
Verfügung. Geht schlecht? Richtig. Genau vor diesem Problem stehen Forscher bei der
|
||||||
|
Untersuchung komplexer Biomoleküle, die beispielsweise Sauerstoff durch unseren Körper
|
||||||
|
transportieren oder Energie umwandeln (Photosynthese). Mit den zur Verfügung stehenden
|
||||||
|
Momentaufnahmen kann man das dynamische Verhalten der Moleküle kaum nachvollziehen. Um
|
||||||
|
das „Spiel“ wirklich zu verstehen, braucht man ein Video. Und genau das leisten
|
||||||
|
Computersimulationen: Sie können den genauen „Spielverlauf“ der molekularen Vorgänge
|
||||||
|
nachbilden. Der Vortrag gibt einen Einblick in die Möglichkeiten und Grenzen moderner
|
||||||
|
Simulationsmethoden.</p>
|
||||||
|
<p>Referent: Prof. Dr. Marcus Elstner, <a href="http://www.ipc.kit.edu/tcb/"
|
||||||
|
target="_blank">IPC</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion7">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion7"
|
||||||
|
href="#collapseOne7">
|
||||||
|
<div class="hoersaal color1"> 22:00 HS A</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Penicillin &
|
||||||
|
Co: Neue Wirkstoffe und Produktionsverfahren im antibakteriellen Wettrüsten </a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne7" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container">
|
||||||
|
<img src="./images/vortrag/penicillinresistenz_czichos.jpg"/><br/>
|
||||||
|
Bild: © <a href="http://www.joachim-czichos.de/">Joachim Czichos</a>
|
||||||
|
</div>
|
||||||
|
<p>„Herr Doktor, ich hab Grippe, ich brauche Antibiotika“ – ein doppelter Unsinn, den die
|
||||||
|
Ärzte in der kalten Jahreszeit regelmäßig zu hören bekommen: Erstens handelt es sich bei
|
||||||
|
den verschiedenen Erkältungskrankheiten in den seltensten Fällen um eine echte Grippe
|
||||||
|
(zum Glück!), und zweitens wäre diese mit Antibiotika überhaupt nicht wirksam
|
||||||
|
behandelbar.</p>
|
||||||
|
<p>Nicht mehr mit Antibiotika behandelbar sind heute leider auch einige Krankheiten, die
|
||||||
|
früher problemlos mit einem einfachen Penicillin in den Griff zu bekommen waren; denn
|
||||||
|
durch übermäßigen Einsatz dieser Medikamente in Klinik und Landwirtschaft wie auch
|
||||||
|
unsachgemäße Verwendung durch viele Patienten kommt es verstärkt zur Bildung von
|
||||||
|
Resistenzen.</p>
|
||||||
|
<p>Herr Rudat gibt einen Einblick, wie die bald stumpfe „Wunderwaffe gegen bakterielle
|
||||||
|
Infektionen“ wieder angespitzt werden soll.</p>
|
||||||
|
<p>Referent: Dr. Jens Rudat, <a href="https://tebi.blt.kit.edu/"
|
||||||
|
target="_blank">BLT-TEBI</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion8">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion8"
|
||||||
|
href="#collapseOne8">
|
||||||
|
<div class="hoersaal color2"> 22:00 HS B</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
|
||||||
|
Neutrinooszillationen, Schrödingers Katze und der Ursprung der Materie </a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne8" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container">
|
||||||
|
<img src="./images/vortrag/neutrinos.jpg"/><br/>
|
||||||
|
Bild: <a href="http://www.ps.uci.edu/~tomba/sk/tscan/pictures.html">ICRR, University of
|
||||||
|
Tokyo</a>
|
||||||
|
</div>
|
||||||
|
<p>Wo liegt der Ursprung aller Materie? Um diese Frage zu beantworten, werden wir eine Reise
|
||||||
|
in die Welt der kleinsten Teilchen unternehmen. Das Neutrino ist eines der häufigsten
|
||||||
|
Teilchen im Universum und es durchdringt normale Materie praktisch ohne Wechselwirkung.
|
||||||
|
Die 2015 mit dem Physiknobelpreis ausgezeichnete Entdeckung der Neutrinooszillatinen
|
||||||
|
beweist, dass Neutrinos eine (wenn auch winzige) Masse haben.</p>
|
||||||
|
<p> Dies hat fundamentale Auswirkungen in der Kosmologie und Elementarteilchenphysik und
|
||||||
|
bringt ein entscheidendes Gleichgewicht ins wanken. Warum dies alles für unsere Existenz
|
||||||
|
(und für Schrödingers Katze) eine entscheidende Rolle spielt, wird in diesem Vortrag
|
||||||
|
erklärt.</p>
|
||||||
|
<p>Referent: Prof. Dr. Thomas Schwetz-Mangold, <a href="https://www.ikp.kit.edu/"
|
||||||
|
target="_blank">IKP</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion9">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion9"
|
||||||
|
href="#collapseOne9">
|
||||||
|
<div class="hoersaal color3"> 22:00 HS C</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Nix geschenkt
|
||||||
|
und nix geklaut -
|
||||||
|
die Rolle von CC-Lizenzen bei wiss. Publikationen </a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne9" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/creative_commons.jpg"/></div>
|
||||||
|
<p>Die Währung in der Wissenschaft ist die Publikation. Ob Online oder Offline, der
|
||||||
|
wissenschaftliche Erfolg wird oft in der Anzahl der Publikationen oder Zitate eigener
|
||||||
|
Veröffentlichungen gemessen. Doch Publizieren ist nicht immer einfach: Weder will man
|
||||||
|
eigene Autorenrechte verschenken, noch fremde klauen und eine Abmahnung riskieren.
|
||||||
|
Trotzdem sollen andere die Möglichkeit haben, eigene Werke zu nutzen. Hier können
|
||||||
|
CC-Lizenzen der Non-Profit Organisation creativecommons.org helfen: Mittlerweile sind
|
||||||
|
über eine Milliarde der kostenlosen Lizenzen vergeben. Wir nutzen sie nicht nur täglich
|
||||||
|
bei Wikipedia, auch die Lizenzierung eigener Werke ist sehr leicht...</p>
|
||||||
|
<p>Referent: Dr. Hans-Jürgen Göbelbecker, <a href="https://www.bibliothek.kit.edu/"
|
||||||
|
target="_blank">KIT Bibliothek</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion10">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion10"
|
||||||
|
href="#collapseOne10">
|
||||||
|
<div class="hoersaal color1"> 23:00 HS A</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Mathematik am
|
||||||
|
Billardtisch </a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne10" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/mathematik_am_billardtisch.jpg"/>
|
||||||
|
</div>
|
||||||
|
<p>Lässt man eine Billardkugel auf einem rechteckigen Billardtisch rollen, so beschreibt sie
|
||||||
|
bei manchen Startwinkeln eine periodische Bahn, bei anderen überstreicht sie auf Dauer
|
||||||
|
den gesamten Tisch. Gilt Ähnliches auch, wenn der Billardtisch eine andere Form hat,
|
||||||
|
etwa dreieckig oder achteckig ist? Kann es vorkommen, dass eine Billardbahn sich zwar
|
||||||
|
nicht schließt, aber dennoch gewisse Bereiche des Tisches ausspart? Um solche Fragen
|
||||||
|
beantworten zu können, werden wir im Vortrag Billardtische an Kanten spiegeln und
|
||||||
|
mehrere Kopien des Tisches an ihren Rändern verkleben. Dabei wird sich zum Beispiel
|
||||||
|
herausstellen, dass das Billardspiel auf einem üblichen rechteckigen Tisch eigentlich
|
||||||
|
auf einem Schwimmreifen stattfindet - und dort viel übersichtlicher wird!</p>
|
||||||
|
<p>Referent: Prof. Dr. Frank Herrlich, <a href="http://www.math.kit.edu/iag/"
|
||||||
|
target="_blank">IAG</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion11">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion11"
|
||||||
|
href="#collapseOne11">
|
||||||
|
<div class="hoersaal color2"> 23:00 HS B</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Spione im
|
||||||
|
Rechner: Der Weg zu sicheren Computern </a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne11" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container">
|
||||||
|
<img src="./images/vortrag/spione_im_rechner.jpg"/><br/>
|
||||||
|
Bild: © <a href="https://en.wikipedia.org/wiki/Laura_Poitras"> Laura Poitras </a>/
|
||||||
|
<a href="http://www.praxisfilms.org/">Praxis Films</a>
|
||||||
|
</div>
|
||||||
|
<p>Snowden veröffentlichte, dass viele Computersysteme versteckte Spione enthalten. Wie kann
|
||||||
|
man trotzdem private Daten, Passwörter oder Geschäftsgeheimnisse vertraulich halten?
|
||||||
|
Arnd Weber gibt einen Überblick über technische Lösungen, ökonomische Chancen und
|
||||||
|
politische sowie rechtliche Pfade zum Ziel. Mit seiner Analyse der Crypto-Konflikte will
|
||||||
|
er zeigen, dass das Ziel erreichbar ist.</p>
|
||||||
|
<p><a href="http://www.itas.kit.edu/projekte_webe12_cosiso.php" target="_blank">Mehr Infos
|
||||||
|
zum Projekt</a></p>
|
||||||
|
<p>Referent: Dr. Arnd Weber, <a href="http://www.itas.kit.edu/" target="_blank">ITAS</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion12">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion12"
|
||||||
|
href="#collapseOne12">
|
||||||
|
<div class="hoersaal color3"> 23:00 HS C</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Klein aber
|
||||||
|
haargenau: Radarsensorik für überall </a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne12" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/radar.jpg"/></div>
|
||||||
|
<p>RADAR ist die Abkürzung für „Radio Detection and Ranging“. Obwohl schon 1906 von
|
||||||
|
Christian Hülsmeyer als Idee zur Vermeidung von Schiffskollisionen erfunden, wurden
|
||||||
|
Radare erst im 2. Weltkrieg breit eingesetzt. Heute sind Radare auch aus unserem zivilen
|
||||||
|
Leben nicht mehr wegzudenken (Wettervorhersage, Türöffner, Bahnübergänge) und finden
|
||||||
|
gerade in den letzten Jahren Einzug in neue Anwendungsfelder. Doch wie funktioniert ein
|
||||||
|
Radar? Wie misst man damit Abstände? Und warum brauchen wir Radar bald überall?
|
||||||
|
Antworten auf diese und weitere Fragen rund um die unsichtbaren Wellen erwarten
|
||||||
|
euch!</p>
|
||||||
|
<p>Referent: Prof. Dr.-Ing. Thomas Zwick, <a href="https://www.ihe.kit.edu/"
|
||||||
|
target="_blank">IHE</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion13">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion13"
|
||||||
|
href="#collapseOne13">
|
||||||
|
<div class="hoersaal color1"> 00:00 HS A</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Digital
|
||||||
|
Humanities: Szenen, Sprache und Medien
|
||||||
|
</a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne13" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<p>Die Digital Humanities sind ein transdisziplinäres Forschungsfeld, das verschiedene
|
||||||
|
wissenschaftliche Forschungsansätze integriert. Das Internet und damit verbundene
|
||||||
|
Möglichkeiten sowie die rasante Entwicklung digitaler Medien prägen dieses
|
||||||
|
Forschungsfeld. Ausgehend von gegenstandsorientierter Forschung wird dieser Vortrag zum
|
||||||
|
multimedialen Erlebnis, welches eine künstlerische Subkultur exemplarisch vorstellt und
|
||||||
|
damit verbunden aktuelle Forschungsperspektiven aufzeigt.</p>
|
||||||
|
<p>Referentin: Canan Hastik, <a href="https://www.geistsoz.kit.edu/germanistik/index.php"
|
||||||
|
target="_blank">Germanistik</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion14">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion14"
|
||||||
|
href="#collapseOne14">
|
||||||
|
<div class="hoersaal color2"> 00:00 HS B</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Intelligent
|
||||||
|
Lenken im Elektrofahrzeug
|
||||||
|
</a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne14" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/e2lenk.jpg"/></div>
|
||||||
|
<p>Man nehme eine altmodische Kutsche, drehe das Rad auf der linken Seite der Deichsel
|
||||||
|
schneller als das auf der rechten Seite und schaue was passiert: Die Deichsel verdreht
|
||||||
|
sich und die Kutsche fährt eine Rechtskurve. Nichts anderes macht ein moderner Segway in
|
||||||
|
der Kurve. Obwohl schnell erklärt und altbekannt, ist es nicht einfach, dieses Prinzip
|
||||||
|
auf moderne Elektrofahrzeuge zu übertragen, bietet aber die Möglichkeit, Energie und
|
||||||
|
Komponenten zu sparen. Von der grundsätzlichen Überlegung genauso wie über die
|
||||||
|
zahlreiche Herausforderungen bis zum Fahrzeug-Prototyp erhaltet ihr einen spannenden
|
||||||
|
Einblick in das „e²-Lenk“-Forschungsprojekt. Falls es vorne im Hörsaal an Platz mangelt,
|
||||||
|
steht euch wohl das Modell vom FAST im Weg.</p>
|
||||||
|
<p>Referent: Dr.-Ing. Michael Frey, <a href="https://www.fast.kit.edu/lff/index.php"
|
||||||
|
target="_blank">FAST</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="panel-group" id="accordion14">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion18"
|
||||||
|
href="#collapseOne18">
|
||||||
|
<div class="hoersaal color3"> 00:00 HS C</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Hell, heiss,
|
||||||
|
effizient: Flüssigmetalle und Thermische Solarkraftwerke
|
||||||
|
</a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne18" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/solar.jpg"/></div>
|
||||||
|
<p>Konzentrierende solarthermische Kraftwerke können einen wichtigen Beitrag zu einem
|
||||||
|
regenerativen Strom-Mix im Energienetz liefern. Zu Zeitpunkten, an denen kein direktes
|
||||||
|
Sonnenlicht zur Verfügung steht, kann der Kraftwerksbetrieb mit Energie aus einem
|
||||||
|
thermischen dem Speicher fortgeführt werden. Somit zeichnen sich diese Kraftwerke
|
||||||
|
gegenüber Wind- und PV-Kraftwerken durch deutlich weniger schwankende Leistungsverläufe
|
||||||
|
aus.</p>
|
||||||
|
<p>Am KIT wird eine Demonstrationsanlage aufgebaut, in welcher flüssige Metalle als
|
||||||
|
potentielle Wärmeträgerfluide erprobt werden sollen. Diese werden es erlauben, höhere
|
||||||
|
Prozesstemperaturen zu erreichen und den thermischen Wirkungsgrad bei der Absorption der
|
||||||
|
Sonnenstrahlung und bei der Umwandlung in elektrischen Strom der Anlagen zu erhöhen.</p>
|
||||||
|
<p>Im Vortrag wird ein Überblick über die Funktionsweise konzentrierender solarthermischer
|
||||||
|
Turmkraftwerke gegeben, die Eigenschaften und Vorteile von Flüssigmetallen als
|
||||||
|
Wärmeträgerfluide gegenüber den bisher verwendeten Medien diskutiert und die
|
||||||
|
Demonstrationsanlage am Campus Nord des KIT beschrieben.</p>
|
||||||
|
<p>Referent: Jonathan Flesch, <a href="https://www.iket.kit.edu/" target="_blank">IKET</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="panel-group" id="accordion15">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion15"
|
||||||
|
href="#collapseOne15">
|
||||||
|
<div class="hoersaal color1"> 01:00 HS A</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> AIRQUAD – Ein
|
||||||
|
fliegendes Auge
|
||||||
|
unterstützt Rettungskräfte
|
||||||
|
</a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne15" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/airquad.jpg"/></div>
|
||||||
|
<p>Im Katastrophenfall zählt jede Sekunde. Was aber, wenn der Weg für Rettungskräfte
|
||||||
|
unpassierbar oder unmittelbares Eingreifen für den Menschen nicht gefahrlos möglich ist?
|
||||||
|
Das AirQuad ist ein durch vier Elektromotoren betriebener unbemannter Helikopter. Mit
|
||||||
|
seinem geringen Durchmesser (ca. 1m) und seiner Fähigkeit zu schweben ist der am ITE
|
||||||
|
entwickelte Quadrocopter für viele Rettungseinsätze geeignet.</p>
|
||||||
|
<p>Ob Innenraum oder Außenbereich: Das AirQuad findet sich eigenständig zurecht, plant
|
||||||
|
seinen Weg und kartiert dabei seine Umgebung. Dafür benötigt es eine Vielzahl
|
||||||
|
unterschiedlicher Sensoren wie Kamera, GPS oder Laserscanner um Störungen auszugleichen,
|
||||||
|
Manöver zu fliegen und Objekte selbstständig zu erkennen.</p>
|
||||||
|
Als intelligentes System unterstützt er die Rettungskräfte mit wichtigen Informationen aus
|
||||||
|
der Vogelperspektive. Durch Teaming-Verhalten mit einem Bodenroboter und autonomer
|
||||||
|
Umgebungserkundung können Einsätze besser koordiniert und Einsatzkräfte besser geschützt
|
||||||
|
werden. Also zieht eure Köpfe ein und dann heißt es „Bühne frei“ für den AirQuad!</p>
|
||||||
|
<p>Referenten: Silvia Prophet & Georg Scholz, <a href="https://www.ite.kit.edu/"
|
||||||
|
target="_blank">ITE</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="panel-group" id="accordion16">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion16"
|
||||||
|
href="#collapseOne16">
|
||||||
|
<div class="hoersaal color1"> 02:00 HS A</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Systemtheorie an
|
||||||
|
der Schnittstelle zwischen Mensch und Maschine
|
||||||
|
</a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne16" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/roboter.jpg"/></div>
|
||||||
|
<p>Ich möchte den Tisch vom Wohn- ins Esszimmer bringen? Da frage ich mal meinen Hausroboter
|
||||||
|
um Hilfe! Wie kooperieren Mensch und Maschine? Welche Rolle spielt dabei die
|
||||||
|
Regelungstechnik? Und was hat das alles mit einem Segway zu tun? Mehr Infos gibts im
|
||||||
|
Vortrag.
|
||||||
|
<p>Referent: Prof. Dr. Sören Hohmann, <a href="https://www.irs.kit.edu/"
|
||||||
|
target="_blank">IRS</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="panel-group" id="accordion17">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion17"
|
||||||
|
href="#collapseOne17">
|
||||||
|
<div class="hoersaal color1"> 03:00 HS A</div>
|
||||||
|
<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> Krebserkennung
|
||||||
|
mit 3D-Ultraschall: Forschung mittels Crowdfunding
|
||||||
|
</a></h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne17" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="img-container"><img src="./images/vortrag/3DUSCT.jpg"/></div>
|
||||||
|
<p> „Sie haben Krebs“ - diese erschreckende Diagnose trifft etwa jeden dritten Europäer
|
||||||
|
einmal in seinem Leben. Die Chancen auf Heilung sind aber deutlich besser, wenn der
|
||||||
|
Tumor rechtzeitig erkannt und lokalisiert wird. Hierfür erweitert das
|
||||||
|
3D-USCT-Forschungsprojekt die herkömmliche Ultraschalltechnik in die dritte Dimension -
|
||||||
|
mit Erfolg: Es bietet ein sicheres und günstigeres Verfahren zur Erkennung von
|
||||||
|
Brustkrebs, der häufigsten Krebserkrankung in Deutschland.</p>
|
||||||
|
<p>Das Team vom IPE setzt dabei nicht nur auf High-Tech aus der Welt der Elektro- und
|
||||||
|
Informationstechnik sowie Informatik sondern auch auf eine völlig neue
|
||||||
|
Finanzierungsmethode: Crowdfunding. Als krönenden Abschluss der diesjährigen Nacht der
|
||||||
|
Wissenschaft erwartet euch ein interdisziplinärer Mix aus Technik, Wirtschaft und
|
||||||
|
Medizin. Dabei kann das erfolgreiche Projekt nicht nur auf zahlreiche Patentanmeldungen
|
||||||
|
sondern auch auf das erfolgreiche Ende der letzten Crowd-Funding Kampagne blicken.</p>
|
||||||
|
<p>Referent: Michael Zapf, <a href="http://ipe.kit.edu/" target="_blank">IPE</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<p>Programmänderungen vorbehalten.</p>
|
||||||
|
<p>Der Weg zu den Hörsälen <span class="color1">A</span>, <span class="color2">B</span> und <span
|
||||||
|
class="color3">C</span> (eigentlich Hörsaal I-III und Criegee) ist vor Ort ausgeschildert.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr id="anfahrt" class="navelement"/>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<h2> Veranstaltungsräume </h2>
|
||||||
|
<div class="col-md-6"><img src="images/Ort.jpg" class="img-responsive" alt="Eingang zum Chemiegebäude"/>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div id="anfahrtsplan" style="height: 333px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr class="navelement" id="ueberuns">
|
||||||
|
<!--<div class="row">
|
||||||
|
<div class="col-lg-10">
|
||||||
|
<h2 id="ndw">Was ist die Nacht der Wissenschaft? </h2>
|
||||||
|
<p> In der Nacht vom 29. auf den 30. Januar 2016 findet zum ersten Mal die „Nacht der Wissenschaft” am KIT statt.
|
||||||
|
In spannenden Vorträgen geben Dozenten aus verschiedenen Fachbereichen des KIT dabei Einblicke in ihr Themengebiet.
|
||||||
|
Zwischen den Vorträgen können sich Besucher und Dozenten bei Essen und warmen/kalten Getränken über die neuen Erkenntnisse auszutauschen. </p>
|
||||||
|
<p> Daher laden wir euch dazu ein, uns bis in die frühen Morgenstunden auf eine Reise durch die Wissenschaft zu begleiten… </p>
|
||||||
|
</div>
|
||||||
|
</div>-->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-10">
|
||||||
|
<h2> Über uns</h2>
|
||||||
|
<p>Die „Nacht der Wissenschaft“ wird in diesem Jahr erstmalig von der gleichnamigen Hochschulgruppe
|
||||||
|
organisiert, in der sich Studierende verschiedener Fachrichtungen ehrenamtlich engagieren.
|
||||||
|
Unser Ziel ist es, diese als regelmäßige Veranstaltung in Karlsruhe zu etablieren.
|
||||||
|
Wir freuen uns daher immer über engagierte Studierende, die ihre Ideen bei der Organisation des Abends
|
||||||
|
einbringen wollen. Schreibt uns einfach eine Mail!</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 text-right">
|
||||||
|
<h2 class="hidden-md hidden-sm hidden-xs"> </h2>
|
||||||
|
<a href="https://www.facebook.com/events/199849767025396/" target="_blank"><img src="images/social_fb.png"
|
||||||
|
alt="Besucht uns bei Facebook"/></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<h4>Wir danken unseren Unterstützern:</h4>
|
||||||
|
<br>
|
||||||
|
<p class="partner text-center">
|
||||||
|
<a href="http://www.kit.edu" target="_blank"><img src="images/kit_dark.png"/></a>
|
||||||
|
<a href="http://www.asta-kit.de" target="_blank"><img src="images/asta.png"/></a>
|
||||||
|
<a href="http://www.akk.org" target="_blank"><img src="images/akk.png"/></a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<div class="row footer">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<hr class="navelement" id="impressum"/>
|
||||||
|
<h4>Impressum</h4>
|
||||||
|
<p>
|
||||||
|
<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> info@ndw-ka.de<br>
|
||||||
|
<br>
|
||||||
|
Hochschulgruppe Nacht der Wissenschaft <br>
|
||||||
|
Adenauerring 7 <br>
|
||||||
|
76131 Karlsruhe <br>
|
||||||
|
<br>
|
||||||
|
Ansprechpartner: <br>
|
||||||
|
Jonas Grammel <br>
|
||||||
|
Striederstraße 25 <br>
|
||||||
|
76131 Karlsruhe <br>
|
||||||
|
<span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> 01523 1857833 <br>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||||
|
<script src="js/jquery-1.11.2.min.js"></script>
|
||||||
|
<script src="js/jquery.plugin.min.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$('.closeall').click(function () {
|
||||||
|
$('.panel-collapse.in')
|
||||||
|
.collapse('hide');
|
||||||
|
});
|
||||||
|
$('.openall').click(function () {
|
||||||
|
$('.panel-collapse:not(".in")')
|
||||||
|
.collapse('show');
|
||||||
|
});
|
||||||
|
$('#defaultNavbar1').on("click", "a", null, function () {
|
||||||
|
$('#defaultNavbar1').collapse('hide');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||||
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
<script src="js/leaflet.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function () {
|
||||||
|
var map = L.map('anfahrtsplan').setView([49.01244, 8.41359], 18);
|
||||||
|
|
||||||
|
L.Icon.Default.imagePath = "./images/";
|
||||||
|
|
||||||
|
var osmUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
|
||||||
|
var osmAttrib = 'Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors';
|
||||||
|
var osm = new L.TileLayer(osmUrl, {minZoom: 15, maxZoom: 19, attribution: osmAttrib});
|
||||||
|
|
||||||
|
map.setView(new L.LatLng(49.01244, 8.41359), 17);
|
||||||
|
map.addLayer(osm);
|
||||||
|
|
||||||
|
map.scrollWheelZoom.disable();
|
||||||
|
|
||||||
|
var marker = L.marker([49.01244, 8.41359]).addTo(map);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+7
File diff suppressed because one or more lines are too long
+4
File diff suppressed because one or more lines are too long
+4
@@ -0,0 +1,4 @@
|
|||||||
|
/** Abstract base class for collection plugins v1.0.1.
|
||||||
|
Written by Keith Wood (kbwood{at}iinet.com.au) December 2013.
|
||||||
|
Licensed under the MIT (http://keith-wood.name/licence.html) license. */
|
||||||
|
(function(){var j=false;window.JQClass=function(){};JQClass.classes={};JQClass.extend=function extender(f){var g=this.prototype;j=true;var h=new this();j=false;for(var i in f){h[i]=typeof f[i]=='function'&&typeof g[i]=='function'?(function(d,e){return function(){var b=this._super;this._super=function(a){return g[d].apply(this,a||[])};var c=e.apply(this,arguments);this._super=b;return c}})(i,f[i]):f[i]}function JQClass(){if(!j&&this._init){this._init.apply(this,arguments)}}JQClass.prototype=h;JQClass.prototype.constructor=JQClass;JQClass.extend=extender;return JQClass}})();(function($){JQClass.classes.JQPlugin=JQClass.extend({name:'plugin',defaultOptions:{},regionalOptions:{},_getters:[],_getMarker:function(){return'is-'+this.name},_init:function(){$.extend(this.defaultOptions,(this.regionalOptions&&this.regionalOptions[''])||{});var c=camelCase(this.name);$[c]=this;$.fn[c]=function(a){var b=Array.prototype.slice.call(arguments,1);if($[c]._isNotChained(a,b)){return $[c][a].apply($[c],[this[0]].concat(b))}return this.each(function(){if(typeof a==='string'){if(a[0]==='_'||!$[c][a]){throw'Unknown method: '+a;}$[c][a].apply($[c],[this].concat(b))}else{$[c]._attach(this,a)}})}},setDefaults:function(a){$.extend(this.defaultOptions,a||{})},_isNotChained:function(a,b){if(a==='option'&&(b.length===0||(b.length===1&&typeof b[0]==='string'))){return true}return $.inArray(a,this._getters)>-1},_attach:function(a,b){a=$(a);if(a.hasClass(this._getMarker())){return}a.addClass(this._getMarker());b=$.extend({},this.defaultOptions,this._getMetadata(a),b||{});var c=$.extend({name:this.name,elem:a,options:b},this._instSettings(a,b));a.data(this.name,c);this._postAttach(a,c);this.option(a,b)},_instSettings:function(a,b){return{}},_postAttach:function(a,b){},_getMetadata:function(d){try{var f=d.data(this.name.toLowerCase())||'';f=f.replace(/'/g,'"');f=f.replace(/([a-zA-Z0-9]+):/g,function(a,b,i){var c=f.substring(0,i).match(/"/g);return(!c||c.length%2===0?'"'+b+'":':b+':')});f=$.parseJSON('{'+f+'}');for(var g in f){var h=f[g];if(typeof h==='string'&&h.match(/^new Date\((.*)\)$/)){f[g]=eval(h)}}return f}catch(e){return{}}},_getInst:function(a){return $(a).data(this.name)||{}},option:function(a,b,c){a=$(a);var d=a.data(this.name);if(!b||(typeof b==='string'&&c==null)){var e=(d||{}).options;return(e&&b?e[b]:e)}if(!a.hasClass(this._getMarker())){return}var e=b||{};if(typeof b==='string'){e={};e[b]=c}this._optionsChanged(a,d,e);$.extend(d.options,e)},_optionsChanged:function(a,b,c){},destroy:function(a){a=$(a);if(!a.hasClass(this._getMarker())){return}this._preDestroy(a,this._getInst(a));a.removeData(this.name).removeClass(this._getMarker())},_preDestroy:function(a,b){}});function camelCase(c){return c.replace(/-([a-z])/g,function(a,b){return b.toUpperCase()})}$.JQPlugin={createPlugin:function(a,b){if(typeof a==='object'){b=a;a='JQPlugin'}a=camelCase(a);var c=camelCase(b.name);JQClass.classes[c]=JQClass.classes[a].extend(b);new JQClass.classes[c]()}}})(jQuery);
|
||||||
+2
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
|||||||
|
Options +Indexes
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
@@ -0,0 +1,10 @@
|
|||||||
|
Betreff: Erste Nacht der Wissenschaft am 29.01.2015 um 20 Uhr am KIT
|
||||||
|
|
||||||
|
|
||||||
|
Wettrüsten gegen Bakterien oder Computerspione? Eine Dissertation ohne Plagiate? Wie erkennt man Weinfälschungen und Brustkrebs? Und warum gibt es eigentlich keine Atomluftschiffe und immer noch das Mittelmeer?
|
||||||
|
|
||||||
|
Antworten auf diese und viele weitere Fragen gibt es bei der ersten Karlsruher Nacht der Wissenschaft am Freitag, 29.01.16. Los geht es um 20:00 Uhr im Chemiegebäude (Geb. 30.41) am KIT Campus Süd. Insgesamt stellen 18 engagierte Wissenschaftler des KIT die verschiedensten Themen vor – von Mathematik am Billardtisch über Quadrocopter bis hin zum Ursprung aller Materie ist alles dabei.
|
||||||
|
|
||||||
|
Da es sicher etwas später wird, ist für das leibliche Wohl bis 4 Uhr bestens gesorgt. Also zögert nicht, unseren Referenten bei Kaffee oder Abendessen Fragen zu stellen.
|
||||||
|
|
||||||
|
Das gesamte Programm und alle weiteren Infos findet ihr unter: www.ndw-ka.de
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
RewriteEngine On
|
||||||
|
|
||||||
|
RewriteBase /
|
||||||
|
RewriteRule ^facebook/2016($|/$|\?.*$) https://www.facebook.com/events/199849767025396/ [NC,L,R=301]
|
||||||
|
RewriteRule ^facebook/2017($|/$|\?.*$) https://www.facebook.com/events/551569961844424/ [NC,L,R=301]
|
||||||
|
RewriteRule ^facebook($|/$|\?.*$) https://www.facebook.com/NachtderWissenschaft.Karlsruhe/ [NC,L,R=301]
|
||||||
|
|
||||||
|
RewriteRule ^archiv/$ / [R=302]
|
||||||
Vendored
+6861
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,52 @@
|
|||||||
|
/* jQuery Countdown styles 2.0.0. */
|
||||||
|
.is-countdown {
|
||||||
|
}
|
||||||
|
.countdown-rtl {
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
.countdown-holding span {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
.countdown-row {
|
||||||
|
clear: both;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0px 2px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.countdown-show1 .countdown-section {
|
||||||
|
width: 98%;
|
||||||
|
}
|
||||||
|
.countdown-show2 .countdown-section {
|
||||||
|
width: 48%;
|
||||||
|
}
|
||||||
|
.countdown-show3 .countdown-section {
|
||||||
|
width: 32.5%;
|
||||||
|
}
|
||||||
|
.countdown-show4 .countdown-section {
|
||||||
|
width: 24.5%;
|
||||||
|
}
|
||||||
|
.countdown-show5 .countdown-section {
|
||||||
|
width: 19.5%;
|
||||||
|
}
|
||||||
|
.countdown-show6 .countdown-section {
|
||||||
|
width: 16.25%;
|
||||||
|
}
|
||||||
|
.countdown-show7 .countdown-section {
|
||||||
|
width: 14%;
|
||||||
|
}
|
||||||
|
.countdown-section {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
font-size: 75%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.countdown-amount {
|
||||||
|
font-size: 200%;
|
||||||
|
}
|
||||||
|
.countdown-period {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.countdown-descr {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
@@ -0,0 +1,637 @@
|
|||||||
|
/* required styles */
|
||||||
|
|
||||||
|
.leaflet-pane,
|
||||||
|
.leaflet-tile,
|
||||||
|
.leaflet-marker-icon,
|
||||||
|
.leaflet-marker-shadow,
|
||||||
|
.leaflet-tile-container,
|
||||||
|
.leaflet-pane > svg,
|
||||||
|
.leaflet-pane > canvas,
|
||||||
|
.leaflet-zoom-box,
|
||||||
|
.leaflet-image-layer,
|
||||||
|
.leaflet-layer {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.leaflet-container {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.leaflet-tile,
|
||||||
|
.leaflet-marker-icon,
|
||||||
|
.leaflet-marker-shadow {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
-webkit-user-drag: none;
|
||||||
|
}
|
||||||
|
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
|
||||||
|
.leaflet-safari .leaflet-tile {
|
||||||
|
image-rendering: -webkit-optimize-contrast;
|
||||||
|
}
|
||||||
|
/* hack that prevents hw layers "stretching" when loading new tiles */
|
||||||
|
.leaflet-safari .leaflet-tile-container {
|
||||||
|
width: 1600px;
|
||||||
|
height: 1600px;
|
||||||
|
-webkit-transform-origin: 0 0;
|
||||||
|
}
|
||||||
|
.leaflet-marker-icon,
|
||||||
|
.leaflet-marker-shadow {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
|
||||||
|
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
|
||||||
|
.leaflet-container .leaflet-overlay-pane svg,
|
||||||
|
.leaflet-container .leaflet-marker-pane img,
|
||||||
|
.leaflet-container .leaflet-shadow-pane img,
|
||||||
|
.leaflet-container .leaflet-tile-pane img,
|
||||||
|
.leaflet-container img.leaflet-image-layer {
|
||||||
|
max-width: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-container.leaflet-touch-zoom {
|
||||||
|
-ms-touch-action: pan-x pan-y;
|
||||||
|
touch-action: pan-x pan-y;
|
||||||
|
}
|
||||||
|
.leaflet-container.leaflet-touch-drag {
|
||||||
|
-ms-touch-action: pinch-zoom;
|
||||||
|
}
|
||||||
|
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
|
||||||
|
-ms-touch-action: none;
|
||||||
|
touch-action: none;
|
||||||
|
}
|
||||||
|
.leaflet-container {
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
}
|
||||||
|
.leaflet-container a {
|
||||||
|
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
|
||||||
|
}
|
||||||
|
.leaflet-tile {
|
||||||
|
-webkit-filter: inherit;
|
||||||
|
filter: inherit;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.leaflet-tile-loaded {
|
||||||
|
visibility: inherit;
|
||||||
|
}
|
||||||
|
.leaflet-zoom-box {
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
z-index: 800;
|
||||||
|
}
|
||||||
|
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
|
||||||
|
.leaflet-overlay-pane svg {
|
||||||
|
-moz-user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-pane { z-index: 400; }
|
||||||
|
|
||||||
|
.leaflet-tile-pane { z-index: 200; }
|
||||||
|
.leaflet-overlay-pane { z-index: 400; }
|
||||||
|
.leaflet-shadow-pane { z-index: 500; }
|
||||||
|
.leaflet-marker-pane { z-index: 600; }
|
||||||
|
.leaflet-tooltip-pane { z-index: 650; }
|
||||||
|
.leaflet-popup-pane { z-index: 700; }
|
||||||
|
|
||||||
|
.leaflet-map-pane canvas { z-index: 100; }
|
||||||
|
.leaflet-map-pane svg { z-index: 200; }
|
||||||
|
|
||||||
|
.leaflet-vml-shape {
|
||||||
|
width: 1px;
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
.lvml {
|
||||||
|
behavior: url(#default#VML);
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* control positioning */
|
||||||
|
|
||||||
|
.leaflet-control {
|
||||||
|
position: relative;
|
||||||
|
z-index: 800;
|
||||||
|
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
.leaflet-top,
|
||||||
|
.leaflet-bottom {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1000;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.leaflet-top {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.leaflet-right {
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.leaflet-bottom {
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.leaflet-left {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.leaflet-control {
|
||||||
|
float: left;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.leaflet-right .leaflet-control {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.leaflet-top .leaflet-control {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.leaflet-bottom .leaflet-control {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.leaflet-left .leaflet-control {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.leaflet-right .leaflet-control {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* zoom and fade animations */
|
||||||
|
|
||||||
|
.leaflet-fade-anim .leaflet-tile {
|
||||||
|
will-change: opacity;
|
||||||
|
}
|
||||||
|
.leaflet-fade-anim .leaflet-popup {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition: opacity 0.2s linear;
|
||||||
|
-o-transition: opacity 0.2s linear;
|
||||||
|
transition: opacity 0.2s linear;
|
||||||
|
}
|
||||||
|
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.leaflet-zoom-animated {
|
||||||
|
-webkit-transform-origin: 0 0;
|
||||||
|
-ms-transform-origin: 0 0;
|
||||||
|
transform-origin: 0 0;
|
||||||
|
}
|
||||||
|
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||||
|
will-change: transform;
|
||||||
|
}
|
||||||
|
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||||
|
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
-o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
-o-transition: transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
transition: transform 0.25s cubic-bezier(0,0,0.25,1), -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
}
|
||||||
|
.leaflet-zoom-anim .leaflet-tile,
|
||||||
|
.leaflet-pan-anim .leaflet-tile {
|
||||||
|
-webkit-transition: none;
|
||||||
|
-o-transition: none;
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-zoom-anim .leaflet-zoom-hide {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* cursors */
|
||||||
|
|
||||||
|
.leaflet-interactive {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.leaflet-grab {
|
||||||
|
cursor: -webkit-grab;
|
||||||
|
cursor: -moz-grab;
|
||||||
|
}
|
||||||
|
.leaflet-crosshair,
|
||||||
|
.leaflet-crosshair .leaflet-interactive {
|
||||||
|
cursor: crosshair;
|
||||||
|
}
|
||||||
|
.leaflet-popup-pane,
|
||||||
|
.leaflet-control {
|
||||||
|
cursor: auto;
|
||||||
|
}
|
||||||
|
.leaflet-dragging .leaflet-grab,
|
||||||
|
.leaflet-dragging .leaflet-grab .leaflet-interactive,
|
||||||
|
.leaflet-dragging .leaflet-marker-draggable {
|
||||||
|
cursor: move;
|
||||||
|
cursor: -webkit-grabbing;
|
||||||
|
cursor: -moz-grabbing;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* marker & overlays interactivity */
|
||||||
|
.leaflet-marker-icon,
|
||||||
|
.leaflet-marker-shadow,
|
||||||
|
.leaflet-image-layer,
|
||||||
|
.leaflet-pane > svg path,
|
||||||
|
.leaflet-tile-container {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-marker-icon.leaflet-interactive,
|
||||||
|
.leaflet-image-layer.leaflet-interactive,
|
||||||
|
.leaflet-pane > svg path.leaflet-interactive {
|
||||||
|
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* visual tweaks */
|
||||||
|
|
||||||
|
.leaflet-container {
|
||||||
|
background: #ddd;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.leaflet-container a {
|
||||||
|
color: #0078A8;
|
||||||
|
}
|
||||||
|
.leaflet-container a.leaflet-active {
|
||||||
|
outline: 2px solid orange;
|
||||||
|
}
|
||||||
|
.leaflet-zoom-box {
|
||||||
|
border: 2px dotted #38f;
|
||||||
|
background: rgba(255,255,255,0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* general typography */
|
||||||
|
.leaflet-container {
|
||||||
|
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* general toolbar styles */
|
||||||
|
|
||||||
|
.leaflet-bar {
|
||||||
|
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||||
|
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.leaflet-bar a,
|
||||||
|
.leaflet-bar a:hover {
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
width: 26px;
|
||||||
|
height: 26px;
|
||||||
|
line-height: 26px;
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
.leaflet-bar a,
|
||||||
|
.leaflet-control-layers-toggle {
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.leaflet-bar a:hover {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
}
|
||||||
|
.leaflet-bar a:first-child {
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
}
|
||||||
|
.leaflet-bar a:last-child {
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.leaflet-bar a.leaflet-disabled {
|
||||||
|
cursor: default;
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-bar a {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
.leaflet-touch .leaflet-bar a:first-child {
|
||||||
|
border-top-left-radius: 2px;
|
||||||
|
border-top-right-radius: 2px;
|
||||||
|
}
|
||||||
|
.leaflet-touch .leaflet-bar a:last-child {
|
||||||
|
border-bottom-left-radius: 2px;
|
||||||
|
border-bottom-right-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* zoom control */
|
||||||
|
|
||||||
|
.leaflet-control-zoom-in,
|
||||||
|
.leaflet-control-zoom-out {
|
||||||
|
font: bold 18px 'Lucida Console', Monaco, monospace;
|
||||||
|
text-indent: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* layers control */
|
||||||
|
|
||||||
|
.leaflet-control-layers {
|
||||||
|
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
|
||||||
|
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-toggle {
|
||||||
|
background-image: url(images/layers.png);
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
.leaflet-retina .leaflet-control-layers-toggle {
|
||||||
|
background-image: url(images/layers-2x.png);
|
||||||
|
background-size: 26px 26px;
|
||||||
|
}
|
||||||
|
.leaflet-touch .leaflet-control-layers-toggle {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers .leaflet-control-layers-list,
|
||||||
|
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-expanded .leaflet-control-layers-list {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-expanded {
|
||||||
|
padding: 6px 10px 6px 6px;
|
||||||
|
color: #333;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-scrollbar {
|
||||||
|
overflow-y: scroll;
|
||||||
|
overflow-x: hidden;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-selector {
|
||||||
|
margin-top: 2px;
|
||||||
|
position: relative;
|
||||||
|
top: 1px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers label {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-separator {
|
||||||
|
height: 0;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
margin: 5px -10px 5px -6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default icon URLs */
|
||||||
|
.leaflet-default-icon-path {
|
||||||
|
background-image: url(images/marker-icon.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* attribution and scale controls */
|
||||||
|
|
||||||
|
.leaflet-container .leaflet-control-attribution {
|
||||||
|
background: #fff;
|
||||||
|
background: rgba(255, 255, 255, 0.7);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.leaflet-control-attribution,
|
||||||
|
.leaflet-control-scale-line {
|
||||||
|
padding: 0 5px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.leaflet-control-attribution a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.leaflet-control-attribution a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.leaflet-container .leaflet-control-attribution,
|
||||||
|
.leaflet-container .leaflet-control-scale {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
.leaflet-left .leaflet-control-scale {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.leaflet-bottom .leaflet-control-scale {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.leaflet-control-scale-line {
|
||||||
|
border: 2px solid #777;
|
||||||
|
border-top: none;
|
||||||
|
line-height: 1.1;
|
||||||
|
padding: 2px 5px 1px;
|
||||||
|
font-size: 11px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
background: #fff;
|
||||||
|
background: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.leaflet-control-scale-line:not(:first-child) {
|
||||||
|
border-top: 2px solid #777;
|
||||||
|
border-bottom: none;
|
||||||
|
margin-top: -2px;
|
||||||
|
}
|
||||||
|
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
|
||||||
|
border-bottom: 2px solid #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-control-attribution,
|
||||||
|
.leaflet-touch .leaflet-control-layers,
|
||||||
|
.leaflet-touch .leaflet-bar {
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.leaflet-touch .leaflet-control-layers,
|
||||||
|
.leaflet-touch .leaflet-bar {
|
||||||
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* popup */
|
||||||
|
|
||||||
|
.leaflet-popup {
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.leaflet-popup-content-wrapper {
|
||||||
|
padding: 1px;
|
||||||
|
text-align: left;
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
.leaflet-popup-content {
|
||||||
|
margin: 13px 19px;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
.leaflet-popup-content p {
|
||||||
|
margin: 18px 0;
|
||||||
|
}
|
||||||
|
.leaflet-popup-tip-container {
|
||||||
|
width: 40px;
|
||||||
|
height: 20px;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -20px;
|
||||||
|
overflow: hidden;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.leaflet-popup-tip {
|
||||||
|
width: 17px;
|
||||||
|
height: 17px;
|
||||||
|
padding: 1px;
|
||||||
|
|
||||||
|
margin: -10px auto 0;
|
||||||
|
|
||||||
|
-webkit-transform: rotate(45deg);
|
||||||
|
-ms-transform: rotate(45deg);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
.leaflet-popup-content-wrapper,
|
||||||
|
.leaflet-popup-tip {
|
||||||
|
background: white;
|
||||||
|
color: #333;
|
||||||
|
-webkit-box-shadow: 0 3px 14px rgba(0,0,0,0.4);
|
||||||
|
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
|
||||||
|
}
|
||||||
|
.leaflet-container a.leaflet-popup-close-button {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 4px 4px 0 0;
|
||||||
|
border: none;
|
||||||
|
text-align: center;
|
||||||
|
width: 18px;
|
||||||
|
height: 14px;
|
||||||
|
font: 16px/14px Tahoma, Verdana, sans-serif;
|
||||||
|
color: #c3c3c3;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.leaflet-container a.leaflet-popup-close-button:hover {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.leaflet-popup-scrolled {
|
||||||
|
overflow: auto;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-oldie .leaflet-popup-content-wrapper {
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.leaflet-oldie .leaflet-popup-tip {
|
||||||
|
width: 24px;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
|
||||||
|
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
|
||||||
|
}
|
||||||
|
.leaflet-oldie .leaflet-popup-tip-container {
|
||||||
|
margin-top: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-oldie .leaflet-control-zoom,
|
||||||
|
.leaflet-oldie .leaflet-control-layers,
|
||||||
|
.leaflet-oldie .leaflet-popup-content-wrapper,
|
||||||
|
.leaflet-oldie .leaflet-popup-tip {
|
||||||
|
border: 1px solid #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* div icon */
|
||||||
|
|
||||||
|
.leaflet-div-icon {
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Tooltip */
|
||||||
|
/* Base styles for the element that has a tooltip */
|
||||||
|
.leaflet-tooltip {
|
||||||
|
position: absolute;
|
||||||
|
padding: 6px;
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #fff;
|
||||||
|
border-radius: 3px;
|
||||||
|
color: #222;
|
||||||
|
white-space: nowrap;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
pointer-events: none;
|
||||||
|
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
|
||||||
|
}
|
||||||
|
.leaflet-tooltip.leaflet-clickable {
|
||||||
|
cursor: pointer;
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
.leaflet-tooltip-top:before,
|
||||||
|
.leaflet-tooltip-bottom:before,
|
||||||
|
.leaflet-tooltip-left:before,
|
||||||
|
.leaflet-tooltip-right:before {
|
||||||
|
position: absolute;
|
||||||
|
pointer-events: none;
|
||||||
|
border: 6px solid transparent;
|
||||||
|
background: transparent;
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Directions */
|
||||||
|
|
||||||
|
.leaflet-tooltip-bottom {
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
.leaflet-tooltip-top {
|
||||||
|
margin-top: -6px;
|
||||||
|
}
|
||||||
|
.leaflet-tooltip-bottom:before,
|
||||||
|
.leaflet-tooltip-top:before {
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -6px;
|
||||||
|
}
|
||||||
|
.leaflet-tooltip-top:before {
|
||||||
|
bottom: 0;
|
||||||
|
margin-bottom: -12px;
|
||||||
|
border-top-color: #fff;
|
||||||
|
}
|
||||||
|
.leaflet-tooltip-bottom:before {
|
||||||
|
top: 0;
|
||||||
|
margin-top: -12px;
|
||||||
|
margin-left: -6px;
|
||||||
|
border-bottom-color: #fff;
|
||||||
|
}
|
||||||
|
.leaflet-tooltip-left {
|
||||||
|
margin-left: -6px;
|
||||||
|
}
|
||||||
|
.leaflet-tooltip-right {
|
||||||
|
margin-left: 6px;
|
||||||
|
}
|
||||||
|
.leaflet-tooltip-left:before,
|
||||||
|
.leaflet-tooltip-right:before {
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -6px;
|
||||||
|
}
|
||||||
|
.leaflet-tooltip-left:before {
|
||||||
|
right: 0;
|
||||||
|
margin-right: -12px;
|
||||||
|
border-left-color: #fff;
|
||||||
|
}
|
||||||
|
.leaflet-tooltip-right:before {
|
||||||
|
left: 0;
|
||||||
|
margin-left: -12px;
|
||||||
|
border-right-color: #fff;
|
||||||
|
}
|
||||||
@@ -0,0 +1,157 @@
|
|||||||
|
/* CSS Document */
|
||||||
|
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,900,700,500);
|
||||||
|
a,
|
||||||
|
a:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
a:focus {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.navbar-right li {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.main-navbar {
|
||||||
|
-webkit-box-shadow: 0 0 10px 5px #070d1b;
|
||||||
|
box-shadow: 0 0 10px 5px #070d1b;
|
||||||
|
}
|
||||||
|
.headerrow {
|
||||||
|
background-image: url(../images/background_header.jpg);
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
padding: 6% 0;
|
||||||
|
color: #f9e4f8;
|
||||||
|
text-shadow: #4d4d4d 2px 2px 2px;
|
||||||
|
}
|
||||||
|
.largeHeadline {
|
||||||
|
font-size: 4.9em;
|
||||||
|
}
|
||||||
|
.headerrow img {
|
||||||
|
max-width: 70%;
|
||||||
|
height: 350px;
|
||||||
|
min-width: 350px;
|
||||||
|
}
|
||||||
|
.container h2 {
|
||||||
|
color: #f9e4f8;
|
||||||
|
}
|
||||||
|
.footerContainer {
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
.invisibleSpacer {
|
||||||
|
border-width: 0;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
.largeinvisibleSpacer {
|
||||||
|
border-width: 0;
|
||||||
|
padding-top: 65px;
|
||||||
|
}
|
||||||
|
.smallSpacer {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
.stickyElement {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 2000;
|
||||||
|
}
|
||||||
|
.hoersaal {
|
||||||
|
float: right;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
.glyphicon-menu-right {
|
||||||
|
position: absolute;
|
||||||
|
left: -4px;
|
||||||
|
}
|
||||||
|
.panel-title {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 0px;
|
||||||
|
}
|
||||||
|
.navelement {
|
||||||
|
height: 42px;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: -42px;
|
||||||
|
border-width: 0px;
|
||||||
|
}
|
||||||
|
.color1 {
|
||||||
|
color: #b33e53;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.color2 {
|
||||||
|
color: #879c65;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.color3 {
|
||||||
|
color: #fa8c4e;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.kd2lab {
|
||||||
|
color: #4ac1ec;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.glyphicon-envelope {
|
||||||
|
position: relative;
|
||||||
|
top: 2px;
|
||||||
|
}
|
||||||
|
.panel-body .img-container img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
.panel-body .img-container {
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.col-lg-12 .panel-body .img-container {
|
||||||
|
/* Wenn gro�, werden Vortragsbilder in Containern, die �ber die ganze Seitenbreite gehen, links angezeigt. */
|
||||||
|
width: auto;
|
||||||
|
float: left;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.largeHeadline {
|
||||||
|
padding-top: 50px;
|
||||||
|
font-size: 2.94em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
h4 {
|
||||||
|
text-align: left !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.panel-body p {
|
||||||
|
text-align: justify;
|
||||||
|
-moz-hyphens: auto;
|
||||||
|
-o-hyphens: auto;
|
||||||
|
-webkit-hyphens: auto;
|
||||||
|
-ms-hyphens: auto;
|
||||||
|
hyphens: auto;
|
||||||
|
hyphenate-limit-chars: auto 5;
|
||||||
|
hyphenate-limit-lines: 2;
|
||||||
|
}
|
||||||
|
.full-width-image div {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.full-width-image img {
|
||||||
|
margin-top: 50px;
|
||||||
|
image-orientation: from-image;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 200px;
|
||||||
|
}
|
||||||
|
.partner img {
|
||||||
|
margin-right: 3em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
#gallerycarousel img {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.carousel-control,
|
||||||
|
.carousel-inner {
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.img-container img {
|
||||||
|
max-height: 300px;
|
||||||
|
}
|
||||||
|
.embeddedmap {
|
||||||
|
height: 333px;
|
||||||
|
}
|
||||||
@@ -0,0 +1,181 @@
|
|||||||
|
/* CSS Document */
|
||||||
|
@import "../bower_components/bootstrap/less/variables.less";
|
||||||
|
|
||||||
|
@fontsize-headline: 4.9em;
|
||||||
|
|
||||||
|
a,
|
||||||
|
a:focus{
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
a:focus{
|
||||||
|
text-decoration:none;
|
||||||
|
}
|
||||||
|
.navbar-right li{
|
||||||
|
font-size:18px;
|
||||||
|
}
|
||||||
|
.main-navbar {
|
||||||
|
-webkit-box-shadow: 0 0 10px 5px darken(@navbar-default-bg, 6.5%);
|
||||||
|
box-shadow: 0 0 10px 5px darken(@navbar-default-bg, 6.5%);
|
||||||
|
}
|
||||||
|
.headerrow {
|
||||||
|
background-image: url(../images/background_header.jpg);
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
padding: 6% 0;
|
||||||
|
color: #f9e4f8;
|
||||||
|
text-shadow: #4d4d4d 2px 2px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.largeHeadline {
|
||||||
|
font-size: @fontsize-headline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headerrow img {
|
||||||
|
max-width: 70%;
|
||||||
|
height: 350px;
|
||||||
|
min-width: 350px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.container h2 {
|
||||||
|
color: @brand-primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footerContainer {
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.invisibleSpacer {
|
||||||
|
border-width: 0;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
.largeinvisibleSpacer {
|
||||||
|
border-width: 0;
|
||||||
|
padding-top: 65px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.smallSpacer {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stickyElement {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 2000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hoersaal{
|
||||||
|
float: right;
|
||||||
|
padding-left:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glyphicon-menu-right{
|
||||||
|
position:absolute;
|
||||||
|
left:-4px;
|
||||||
|
}
|
||||||
|
.panel-title{
|
||||||
|
position:relative;
|
||||||
|
padding-left:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navelement{
|
||||||
|
height: 42px;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: -42px;
|
||||||
|
border-width: 0px;
|
||||||
|
}
|
||||||
|
.color1 {
|
||||||
|
color: #b33e53;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.color2 {
|
||||||
|
color: #879c65;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.color3 {
|
||||||
|
color: #fa8c4e;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kd2lab {
|
||||||
|
color: #4ac1ec;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.glyphicon-envelope{
|
||||||
|
position:relative;
|
||||||
|
top:2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-body .img-container img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-body .img-container {
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.col-lg-12 .panel-body .img-container {
|
||||||
|
/* Wenn groß, werden Vortragsbilder in Containern, die über die ganze Seitenbreite gehen, links angezeigt. */
|
||||||
|
width: auto;
|
||||||
|
float: left;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: @screen-sm) {
|
||||||
|
.largeHeadline{
|
||||||
|
padding-top: 50px;
|
||||||
|
font-size: @fontsize-headline*0.6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: @screen-lg) {
|
||||||
|
h4{
|
||||||
|
text-align:left !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-body p {
|
||||||
|
text-align: justify;
|
||||||
|
|
||||||
|
-moz-hyphens: auto;
|
||||||
|
-o-hyphens: auto;
|
||||||
|
-webkit-hyphens: auto;
|
||||||
|
-ms-hyphens: auto;
|
||||||
|
hyphens: auto;
|
||||||
|
|
||||||
|
hyphenate-limit-chars: auto 5;
|
||||||
|
hyphenate-limit-lines: 2;
|
||||||
|
}
|
||||||
|
.full-width-image div {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.full-width-image img {
|
||||||
|
margin-top: 50px;
|
||||||
|
image-orientation: from-image;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 200px;
|
||||||
|
}
|
||||||
|
.partner img {
|
||||||
|
margin-right: 3em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gallerycarousel img {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-control,
|
||||||
|
.carousel-inner {
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.img-container img{
|
||||||
|
max-height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.embeddedmap {
|
||||||
|
height: 333px;
|
||||||
|
}
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,7 @@
|
|||||||
|
RewriteEngine On
|
||||||
|
|
||||||
|
RewriteCond %{REMOTE_ADDR} ^129\.13\.72\.198$
|
||||||
|
RewriteRule ^(.*)marker\-icon\.png $1marker-omnom.png
|
||||||
|
|
||||||
|
RewriteCond %{REMOTE_ADDR} ^129\.13\.72\.198$
|
||||||
|
RewriteRule ^(.*)marker\-icon\-2x\.png $1marker-omnom-2x.png
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 304 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 207 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 407 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 337 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 198 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user