Skip to content
Snippets Groups Projects
Verified Commit 8e310e76 authored by ck85nori's avatar ck85nori :railway_track:
Browse files

adds index page

parent 43ad08cb
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
basics.html
+ 5
− 5
View file @ 8e310e76
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<link rel="stylesheet" href="reveal.js/lib/css/zenburn.css" /> <link rel="stylesheet" href="reveal.js/lib/css/zenburn.css" />
<style type="text/css">code{white-space: pre;}</style> <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="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> </head>
<body> <body>
...@@ -278,12 +278,12 @@ ...@@ -278,12 +278,12 @@
</div> </div>
</div> </div>
<!-- fork me ribbon --> <!-- ribbon -->
<div class="fork-me-ribbon-wrapper right"> <div class="ribbon-wrapper right">
<div class="fork-me-ribbon"> <div class="ribbon">
<a href="https://git.idiv.de/sc/edu/git-seminar"> <a href="https://git.idiv.de/sc/edu/git-seminar">
fork me edit
</a> </a>
</div> </div>
</div> </div>
......
css/fork-me-ribbon.css → css/ribbon.css
+ 14
− 14
View file @ 8e310e76
/* Left will inherit from right (so we don't need to duplicate code */ /* 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 */ /* The right and left lasses determine the side we attach our banner to */
position: absolute; position: absolute;
...@@ -25,8 +25,8 @@ ...@@ -25,8 +25,8 @@
z-index: 9999; z-index: 9999;
} }
.fork-me-ribbon a, .ribbon a,
.fork-me-ribbon a:hover { .ribbon a:hover {
/* Set the font */ /* Set the font */
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px; font-size: 13px;
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
text-shadow: 0 -1px rgba(0,0,0,0.5); text-shadow: 0 -1px rgba(0,0,0,0.5);
text-align: center; 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; width: 200px;
line-height: 20px; line-height: 20px;
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
border-color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.7);
} }
.fork-me-ribbon-wrapper { .ribbon-wrapper {
width: 150px; width: 150px;
height: 150px; height: 150px;
position: absolute; position: absolute;
...@@ -61,33 +61,33 @@ ...@@ -61,33 +61,33 @@
z-index: 9999; z-index: 9999;
} }
.fork-me-ribbon-wrapper.fixed { .ribbon-wrapper.fixed {
position: fixed; position: fixed;
} }
.fork-me-ribbon-wrapper.left { .ribbon-wrapper.left {
left: 0; left: 0;
} }
.fork-me-ribbon-wrapper.right { .ribbon-wrapper.right {
right: 0; right: 0;
} }
.fork-me-ribbon-wrapper.left-bottom { .ribbon-wrapper.left-bottom {
position: fixed; position: fixed;
top: inherit; top: inherit;
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
.fork-me-ribbon-wrapper.right-bottom { .ribbon-wrapper.right-bottom {
position: fixed; position: fixed;
top: inherit; top: inherit;
bottom: 0; bottom: 0;
right: 0; right: 0;
} }
.fork-me-ribbon-wrapper.right .fork-me-ribbon { .ribbon-wrapper.right .ribbon {
top: 42px; top: 42px;
right: -43px; right: -43px;
...@@ -98,7 +98,7 @@ ...@@ -98,7 +98,7 @@
transform: rotate(45deg); transform: rotate(45deg);
} }
.fork-me-ribbon-wrapper.left .fork-me-ribbon { .ribbon-wrapper.left .ribbon {
top: 42px; top: 42px;
left: -43px; left: -43px;
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
} }
.fork-me-ribbon-wrapper.left-bottom .fork-me-ribbon { .ribbon-wrapper.left-bottom .ribbon {
top: 80px; top: 80px;
left: -43px; left: -43px;
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
transform: rotate(45deg); transform: rotate(45deg);
} }
.fork-me-ribbon-wrapper.right-bottom .fork-me-ribbon { .ribbon-wrapper.right-bottom .ribbon {
top: 80px; top: 80px;
right: -43px; right: -43px;
......
index.html 0 → 100644
+ 70
− 0
View file @ 8e310e76
<!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>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment