From 50bee0522053352e1854bc32e3ed85ae63ed2040 Mon Sep 17 00:00:00 2001
From: Baudouin Feildel <baudouin_github@feildel.fr>
Date: Tue, 6 Mar 2018 14:29:18 +0100
Subject: [PATCH] Give hint to reader

This patch change the slide button to indicate which sides is meant for which usage.
Try to fix #5
---
 style.css | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/style.css b/style.css
index 6afcd17..c6f6484 100644
--- a/style.css
+++ b/style.css
@@ -50,8 +50,8 @@ li::before {
     position: fixed;
     cursor: row-resize;
 }
-#slider::before {
-    content: '< >';
+#slider::before,
+#slider::after {
     position: absolute;
     text-align: center;
     font-family: "Space Mono";
@@ -60,12 +60,20 @@ li::before {
     height: 1rem;
     color: white;
     background-color: black;
-    width: 2rem;
-    transform: rotate(90deg);
-    -ms-transform: rotate(90deg); /* IE 9 */
-    -webkit-transform: rotate(90deg); /* Safari */
-    left: calc(50% - 1rem);
-    top: -5px;
+    padding: 3px;
+    width: 5.5rem;
+    left: calc(50% - 2.75rem);
+}
+#slider::before {
+    content: '/ Lecture \\';
+    top: -20px;
+    
+}
+#slider::after {
+    content: '\\ @Hacker /';
+    top: 5px;
+    padding-top: 6px;
+    border-top: solid 1px white;
 }
 
 main {