Add hyperlinked button.

WIP for #7.
OpenWebslides · May 3, 2016 · 72d6971 · 72d6971
1 parent 62600f5
commit 72d6971
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
 	<link rel="stylesheet" href="styles/screen-16x10.css">
+	<link rel="stylesheet" href="styles/custom.css">
 </head>
 <body class="shower list">
 	<header class="caption">
@@ -402,6 +403,12 @@ <h1>ICT in de lerarenopleiding</h1>
       <a href="https://twitter.com/intent/tweet?button_hashtag=Innoversity" class="twitter-hashtag-button" data-url="http://estherdeloof.github.io/March17/" data-dnt="true">Tweet #Innoversity</a>
     </p>
 	</div>
+
+  <div class="slide">
+    <p class="place button">
+      <a href="https://github.com/OpenWebSlides/ICT-Lerarenopleiding">slides</a>
+    </p>
+  </div>
 
 
 

diff --git a/styles/custom.css b/styles/custom.css
@@ -0,0 +1,14 @@
+.button {
+  background-image: linear-gradient(to bottom, #3498db, #2980b9);
+  border-radius: 28px;
+  padding: 20px 25px;
+  border: 3px solid #275c91;
+}
+.button * {
+  color: #ffffff !important;
+  background: none !important;
+}
+.button:hover {
+  background: #3cb0fd;
+  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
+}