metadata talk

README.md

@@ -0,0 +1,24 @@
+# Howto  
+1. clone  
+2. open index.html in your browser
+
+# Print pdf 
+* use Chrome 
+## Hosted talk 
+works out of the box 
+
+## from local dir 
+1. Start http server in the projects top level dir 
+``` 
+python -m SimpleHTTPServer 
+```
+
+2. open 0.0.0.:8000
+
+3. print (cntr+p)
+
+# History 
+
+Using https://github.com/gnab/remark/ to generate talks from markdown. 
+This repo was  forked  from
+https://github.com/rdmorganiser/rdmorganiser.github.io/tree/master/talks/bbk

css/font.css

@@ -0,0 +1,62 @@
+@font-face {
+    font-family: "DroidSans";
+    src: url("../font/DroidSans.ttf");
+}
+@font-face {
+    font-family: "DroidSans";
+    src: url("../font/DroidSans-Bold.ttf"); font-weight: bold;
+}
+@font-face {
+    font-family: "DroidSansMono";
+    src: url("../font/DroidSansMono.ttf");
+}
+@font-face {
+    font-family: "DroidSerif";
+    src: url("../font/DroidSerif.ttf");
+}
+@font-face {
+    font-family: "DroidSerif";
+    src: url("../font/DroidSerif-Bold.ttf"); font-weight: bold;
+}
+body {
+    font-family: DroidSans, sans;
+    color: #000;
+}
+h1, h2, h3, h4, h5, h6 {
+    font-family: DroidSerif, serif;
+    font-weight: normal;
+    color: #003560;
+}
+.remark-slide-content h1 {
+    font-size: 2em;
+}
+.remark-slide-content h2 {
+    font-size: 1.6em;
+}
+.remark-slide-content h3 {
+    font-size: 1.2em;
+}
+.remark-slide-content h4 {
+    font-size: 1em;
+}
+.remark-code, .remark-inline-code, .remark-code-line {
+    font-family: DroidSansMono, mono;
+}
+.serif {
+    font-family: DroidSerif, serif;
+}
+a, a:hover, a:focus, a:visited {
+    color: #003560;
+    text-decoration: none;
+}
+.remark-slide-content {
+    font-size: 26px;
+}
+.inverted {
+    color: white;
+    background-color: #003560;
+}
+.inverted h1, .inverted h2, .inverted h3, .inverted h4, .inverted h5 .inverted h6,
+.inverted a, .inverted a:hover, .inverted a:focus, .inverted a:visited {
+    color: white;
+}

css/print.css

@@ -0,0 +1,13 @@
+@page {
+    size: 1210px 681px;
+    margin: 0;
+}
+@media print {
+    .remark-slide-scaler {
+        width: 100% !important;
+        height: 100% !important;
+        transform: scale(1) !important;
+        top: 0 !important;
+        left: 0 !important;
+    }
+}

css/style.css

@@ -0,0 +1,146 @@
+body {
+    background-color: #E6E4E4;
+}
+img {
+    max-width: 100%;
+}
+ol > li,
+ul > li {
+    line-height: 36px;
+    margin-bottom: 10px;
+}
+ul > li > ul {
+    margin-top: 10px;
+}
+.small {
+    font-size: .8em;
+}
+
+.container {
+  position: absolute;
+  background-color: #FFF;
+  top: 0px;
+  right: 94px;
+  bottom: 50%;
+  left: 0px;
+  padding-left: 36px;
+}
+
+.attribution {
+    position: absolute;
+    left: 20px;
+    bottom: 12px;
+    opacity: .5;
+}
+.attribution p {
+    margin: 0;
+    font-size: 0.6em;
+}
+.logo img {
+    width: 6em;
+    position: absolute;
+    right: -48px;
+    top: 0px;
+}
+.coverpageTitleBox textarea {
+    background-color: FFF;
+    position: absolute;
+    top: 2em;
+    right: 1em;
+    height: 16em;
+}
+.partner {
+    margin-right: 0.5em;
+    float: right;
+}
+.partner img {
+    display: block;
+    margin-top: 0.3em;
+    width: 10em;
+}
+.team {
+    text-align: center;
+    height: 6em;
+}
+.team img {
+    width: 6em;
+    height: 6em;
+    border-radius: 50%;
+}
+.aim {
+    margin-top: 4em;
+    font-style: italic;
+}
+.aim p {
+    font-size: 1.4em;
+    line-height: 1.6em;
+}
+.history {
+    margin: 4em auto;
+}
+.history td {
+    vertical-align: center;
+    text-align: center;
+}
+.history .arrow {
+    font-size: 1.5em;
+    padding: 0 1em 0 1em;
+}
+.history .image {
+    width: 10em;
+    height: 10em;
+}
+.history .image em {
+    font-size: 2em;
+}
+.agenda img {
+    position: absolute;
+    display: block;
+    float: right;
+    top: 6em;
+    right: 4em;
+    height: 10em;
+}
+.architecture {
+    text-align: center;
+}
+.architecture img {
+    width: 90%;
+    margin-top: -1.5em;
+}
+.forschungsdaten1 img {
+    position: absolute;
+    display: block;
+    bottom: 2.333em;
+    left: 5em;
+    height: 12em;
+}
+.forschungsdaten2 img {
+    position: absolute;
+    display: block;
+    bottom: 2.333em;
+    right: 4em;
+    height: 12em;
+}
+.lebenszyklus img {
+    position: absolute;
+    display: block;
+    float: right;
+    top: 5em;
+    right: 1em;
+    height: 75%;
+}
+.uncle-sam img {
+    position: absolute;
+    display: block;
+    float: right;
+    top: 5.5em;
+    right: 4.5em;
+    height: 18em;
+}
+.summary {
+    margin-top: 4em;
+}
+.qr img {
+    width: 10em;
+}

index.html

@@ -1 +1,20 @@
-Hello World
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Metadatenmanagement usecase sfb</title>
+        <meta charset="utf-8">
+        <link rel="stylesheet" type="text/css" href="css/font.css" />
+        <link rel="stylesheet" type="text/css" href="css/print.css" />
+        <link rel="stylesheet" type="text/css" href="css/style.css" />
+    </head>
+    <body>
+        <script type='text/javascript' src="js/remark-latest.min.js"></script>
+        <script>
+            var slideshow = remark.create({
+                sourceUrl: 'talk.md',
+                ratio: '16:9',
+                highlightStyle: 'monokai'
+            });
+        </script>
+    </body>
+</html>