Add "Fork me on GitHub" ribbon

zhenalexfan · Mar 26, 2018 · a8cf026 · a8cf026
1 parent 7a1d956
commit a8cf026
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 24 deletions.
diff --git a/docs/demo.css b/docs/demo.css
@@ -13,10 +13,8 @@ textarea {
 }
 
 #header {
-	margin: 0;
-	padding: 0.4em 0 0 0;
+	margin-top: 1em;
 	text-align: center;
-	color: #002;
 }
 
 #header > h1 {
@@ -27,7 +25,7 @@ textarea {
 	position: absolute;
 	top: 0;
 	bottom: 0;
-	margin-top: 2.4em;
+	margin-top: 5em;
 	width: 100%;
 }
 
@@ -55,25 +53,7 @@ textarea {
 }
 
 .label {
-	margin: 0;
-	padding: 0;
-	position: relative;
-	width: 100%;
-	display: block;
-}
-
-.label * {
-	position: relative;
-	font-weight: 900;
-}
-
-.label span {
-	color: #444;
-}
-
-#outputType {
-	display: block;
-	margin-left: auto;
+	float: none !important;
 }
 
 .pane {
@@ -135,3 +115,10 @@ textarea {
 	font-size: 1.3em;
 }
 
+.github-ribbon {
+	position: absolute;
+	top: 0;
+	right: 0;
+	border: 0;
+	z-index: 1000;
+}
diff --git a/docs/demo.html b/docs/demo.html
@@ -5,8 +5,12 @@
 	<link rel="stylesheet" href="demo.css" type="text/css" />
 </head>
 <body>
+    <a href="https://github.com/markedjs/marked">
+        <img class="github-ribbon" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
+    </a>
+
 	<div id="header">
-		<h1><a href="https://github.com/markedjs/marked/">Marked</a> Demo</h1>
+		<h1>Marked Demo</h1>
 	</div>
 
 	<div id="bothContainers">