Add quilt documentation page and appropriate styling

8 months ago · 9fe662a633
parent a44f29c44f
commit 9fe662a633
2 changed files with 53 additions and 0 deletions
--- a/quilt-documentation.html
+++ b/quilt-documentation.html
@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <link rel="apple-touch-icon" sizes="180x180" href="">
+  <meta name="author" content="html makers">
+  <meta name="description" content="">
+  <meta name="keywords" content="">
+  <meta property="og:type" content="">
+  <meta property="og:title" content="">
+  <meta property="og:image" content="">
+  <meta property="og:description" content="">
+  <meta property="og:url" content="">
+  <title>A log book's logs</title>
+  <link rel="stylesheet" href="quilt.css">
+</head>
+
+<body>
+  <header>
+    <h3>TL;DR</h3>
+    <h4>too log didn't read (a log books logs)</h4>
+  </header>
+
+  <mark id="wiki-intro-text">Just like we use chopchop as our community server, we have a community wiki.</mark>
+  <iframe class="wiki-frame" src="https://pzwiki.wdka.nl/mediadesign/Peripheral_Centers_and_Feminist_Servers/TL;DR" title="Documentation page on our comminuty wiki"></iframe>
+
+   <script src="https://issue.xpub.nl/23/quilt/quilt.js" data-cutFileName="false" data-wholeUrl="false"></script>
+    <link rel="stylesheet" type="text/css" href="https://issue.xpub.nl/23/quilt/quilt.css">
+  <script type="text/javascript" src="script.js"></script>
+</body>
+
+</html>
--- a/quilt.css
+++ b/quilt.css
@ -53,6 +53,7 @@ h3{
 }
 h4{
  font-size: 2rem;
+  margin-bottom: 1rem;
 }
 h1,
 h2 {
@ -178,3 +179,16 @@ hr {
  width: 100%;
  margin: 2rem auto;
 }
+
+#wiki-intro-text {
+  border: solid black 1px;
+  max-width: 40vw;
+}
+
+.wiki-frame {
+  width: 80vw;
+  height: 80vh;
+  margin-top: 1rem;
+  position: relative;
+  left: calc(10vw - 2rem) ;
+}