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) ;
 }