From 8e310e769c33675c9d2af954fa081449df970742 Mon Sep 17 00:00:00 2001
From: Christian Krause <christian.krause@idiv.de>
Date: Wed, 30 May 2018 10:44:26 +0200
Subject: [PATCH] adds index page
---
basics.html | 10 ++--
css/{fork-me-ribbon.css => ribbon.css} | 28 +++++------
index.html | 70 ++++++++++++++++++++++++++
3 files changed, 89 insertions(+), 19 deletions(-)
rename css/{fork-me-ribbon.css => ribbon.css} (84%)
create mode 100644 index.html
diff --git a/basics.html b/basics.html
index c4a85b4..1793b0a 100644
--- a/basics.html
+++ b/basics.html
@@ -11,7 +11,7 @@
<link rel="stylesheet" href="reveal.js/lib/css/zenburn.css" />
<style type="text/css">code{white-space: pre;}</style>
<link rel="stylesheet" href="reveal.js/css/theme/black.css" id="theme" />
- <link rel="stylesheet" href="css/fork-me-ribbon.css" />
+ <link rel="stylesheet" href="css/ribbon.css" />
</head>
<body>
@@ -278,12 +278,12 @@
</div>
</div>
- <!-- fork me ribbon -->
+ <!-- ribbon -->
- <div class="fork-me-ribbon-wrapper right">
- <div class="fork-me-ribbon">
+ <div class="ribbon-wrapper right">
+ <div class="ribbon">
<a href="https://git.idiv.de/sc/edu/git-seminar">
- fork me
+ edit
</a>
</div>
</div>
diff --git a/css/fork-me-ribbon.css b/css/ribbon.css
similarity index 84%
rename from css/fork-me-ribbon.css
rename to css/ribbon.css
index 1673758..17107f0 100644
--- a/css/fork-me-ribbon.css
+++ b/css/ribbon.css
@@ -1,5 +1,5 @@
/* Left will inherit from right (so we don't need to duplicate code */
-.fork-me-ribbon {
+.ribbon {
/* The right and left lasses determine the side we attach our banner to */
position: absolute;
@@ -25,8 +25,8 @@
z-index: 9999;
}
-.fork-me-ribbon a,
-.fork-me-ribbon a:hover {
+.ribbon a,
+.ribbon a:hover {
/* Set the font */
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
@@ -38,7 +38,7 @@
text-shadow: 0 -1px rgba(0,0,0,0.5);
text-align: center;
- /* Set the geometry. If you fiddle with these you'll also need to tweak the top and right values in #fork-me-ribbon. */
+ /* Set the geometry. If you fiddle with these you'll also need to tweak the top and right values in #ribbon. */
width: 200px;
line-height: 20px;
@@ -52,7 +52,7 @@
border-color: rgba(255,255,255,0.7);
}
-.fork-me-ribbon-wrapper {
+.ribbon-wrapper {
width: 150px;
height: 150px;
position: absolute;
@@ -61,33 +61,33 @@
z-index: 9999;
}
-.fork-me-ribbon-wrapper.fixed {
+.ribbon-wrapper.fixed {
position: fixed;
}
-.fork-me-ribbon-wrapper.left {
+.ribbon-wrapper.left {
left: 0;
}
-.fork-me-ribbon-wrapper.right {
+.ribbon-wrapper.right {
right: 0;
}
-.fork-me-ribbon-wrapper.left-bottom {
+.ribbon-wrapper.left-bottom {
position: fixed;
top: inherit;
bottom: 0;
left: 0;
}
-.fork-me-ribbon-wrapper.right-bottom {
+.ribbon-wrapper.right-bottom {
position: fixed;
top: inherit;
bottom: 0;
right: 0;
}
-.fork-me-ribbon-wrapper.right .fork-me-ribbon {
+.ribbon-wrapper.right .ribbon {
top: 42px;
right: -43px;
@@ -98,7 +98,7 @@
transform: rotate(45deg);
}
-.fork-me-ribbon-wrapper.left .fork-me-ribbon {
+.ribbon-wrapper.left .ribbon {
top: 42px;
left: -43px;
@@ -110,7 +110,7 @@
}
-.fork-me-ribbon-wrapper.left-bottom .fork-me-ribbon {
+.ribbon-wrapper.left-bottom .ribbon {
top: 80px;
left: -43px;
@@ -121,7 +121,7 @@
transform: rotate(45deg);
}
-.fork-me-ribbon-wrapper.right-bottom .fork-me-ribbon {
+.ribbon-wrapper.right-bottom .ribbon {
top: 80px;
right: -43px;
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..97832af
--- /dev/null
+++ b/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8" />
+ <meta name="author" content="Dirk Sarpe and Christian Krause" />
+ <title>git basics</title>
+ <meta name="apple-mobile-web-app-capable" content="yes" />
+ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+ <link rel="stylesheet" href="reveal.js/css/reveal.css" />
+ <link rel="stylesheet" href="reveal.js/lib/css/zenburn.css" />
+ <style type="text/css">code{white-space: pre;}</style>
+ <link rel="stylesheet" href="reveal.js/css/theme/black.css" id="theme" />
+ <link rel="stylesheet" href="css/ribbon.css" />
+ </head>
+
+ <body>
+
+ <!-- start of slides -->
+
+ <div class="reveal">
+ <div class="slides">
+ <section id="title" data-markdown>
+ # git seminar
+
+ 1. [for beginner-level git users](basics.html)
+ </section>
+ </div>
+ </div>
+
+ <!-- ribbon -->
+
+ <div class="ribbon-wrapper right">
+ <div class="ribbon">
+ <a href="https://git.idiv.de/sc/edu/git-seminar">
+ edit
+ </a>
+ </div>
+ </div>
+
+ <!-- reveal.stuff -->
+
+ <script src="reveal.js/lib/js/head.min.js"></script>
+ <script src="reveal.js/js/reveal.js"></script>
+
+ <script>
+ Reveal.initialize({
+ controls: true,
+ progress: true,
+ slideNumber: true,
+ history: true,
+ center: true,
+ keyboard: true,
+ maxScale: 1.5,
+ slideNumber: false,
+ theme: Reveal.getQueryHash().theme,
+ transition: Reveal.getQueryHash().transition || 'default',
+
+ dependencies: [
+ { src: 'reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
+ { src: 'reveal.js/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
+ { src: 'reveal.js/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } },
+ { src: 'reveal.js/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+ { src: 'reveal.js/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+ { src: 'reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
+ ]
+ });
+ </script>
+ </body>
+</html>
--
GitLab