interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

New demos

Browse source
This commit is contained in:
Stephan Hagedorn 2017-09-20 17:28:25 +02:00
parent ebffacd3fd
commit 3a2140dad6
3 changed files with 45 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

41
demo-presentation.html Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>HIPPIE Presentation Demo</title>
<meta name="author" content="Interaktionsweise">
<meta name="description" content="hippie example">
<meta name="generator" content="Notepad++, Atom">
<meta name="robots" content="noindex">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,500italic,700' rel='stylesheet' type='text/css'>-->
<link rel="stylesheet" type="text/css" media="all" href="./example.css"/>
</head>
<body>
<div class="box__page">
<div class="slides">
<section>Start</section>
<section>Seite 2</section>
</div>
</div>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="./code/vendor/jq-sticky-anything.min.js" type="text/javascript"></script>
<script src="./code/variables.js" type="text/javascript"></script>
<script src="./code/functions.js" type="text/javascript"></script>
<script src="./code/global.js" type="text/javascript"></script>
<script type="text/javascript">
// Page specific
// ------------------------------------------------------------------------------
</script>
</body>
</html>

2
elements/_grouping.scss
View file

@ -165,7 +165,7 @@ div {
} }
.box__page { .box__page {
height: 100vh;
} }
.box__info { .box__info {

3
example.css
View file

@ -396,6 +396,9 @@ ul li {
figure { figure {
margin: 16px 2em; } margin: 16px 2em; }
.box__page {
height: 100vh; }
.box__info { .box__info {
padding: 16px 2em; padding: 16px 2em;
border-right: 8px solid rgba(82, 190, 209, 0.6); border-right: 8px solid rgba(82, 190, 209, 0.6);