✨ 🎨 💡 💄 Implement "Pretty Docs" HTML theme

joindin · Feb 9, 2019 · 1910d04 · 1910d04
1 parent f071dcb
commit 1910d04
Show file tree

Hide file tree

Showing 934 changed files with 54,108 additions and 146 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+assets/scss/.sass-cache/
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
diff --git a/GDPR.md b/GDPR.md
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -4,20 +4,21 @@
     <meta charset='utf-8'>
     <meta http-equiv="X-UA-Compatible" content="chrome=1">
     <link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'>
-    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/stylesheets/stylesheet.css" media="screen" />
-    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/stylesheets/print.css" media="print" />
+    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/stylesheets/stylesheet.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/stylesheets/print.css" media="print"/>
     <!--[if lt IE 9]>
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
-    <title>Joind.In:  {{ page.title | default: API Docs }}</title>
+    <title>Joind.In: {{ page.title }}</title>
 </head>
 
 <body>
 <div id="container">
     <div class="inner">
 
         <header>
-            <img src="{{ site.baseurl }}/images/joindinlogo.png" alt="Joind.In"/> <h1>{{ page.title | default: Joind.In Documentation }}</h1>
+            <img src="{{ site.baseurl }}/images/joindinlogo.png" alt="Joind.In"/>
+            <h1>{{ page.title }}</h1>
         </header>
 
         <section id="main_content">

diff --git a/_layouts/pretty.html b/_layouts/pretty.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Joind.In:  {{ page.title }}</title>
+    <!-- Meta -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <link rel="shortcut icon" href="favicon.ico">
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+    <!-- FontAwesome JS -->
+    <script defer src="https://use.fontawesome.com/releases/v5.1.1/js/all.js" integrity="sha384-BtvRZcyfv4r0x/phJt9Y9HhnN5ur1Z+kZbKVgzVBAlQZX4jvAuImlIz+bG7TS00a" crossorigin="anonymous"></script>
+    <!-- Global CSS -->
+    <link rel="stylesheet" href="/assets/plugins/bootstrap/css/bootstrap.min.css">
+    <!-- Plugins CSS -->
+    <link rel="stylesheet" href="/assets/plugins/elegant_font/css/style.css">
+    <!-- Theme CSS -->
+    <link id="theme-style" rel="stylesheet" href="/assets/css/styles.css">
+
+</head>
+
+<body class="landing-page">
+
+<!-- GITHUB BUTTON JS -->
+<script async defer src="https://buttons.github.io/buttons.js"></script>
+
+
+    {{ content }}
+
+
+<footer class="footer text-center">
+    <div class="container">
+        <!--/* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. :) If you'd like to use the template without the attribution, you can buy the commercial license via our website: themes.3rdwavemedia.com */-->
+        <small class="copyright">Designed with <i class="fas fa-heart"></i> by <a href="https://themes.3rdwavemedia.com/" target="_blank">Xiaoying Riley</a> for developers</small>
+
+    </div><!--//container-->
+</footer><!--//footer-->
+
+
+<!-- Main Javascript -->
+<script type="text/javascript" src="/assets/plugins/jquery-3.3.1.min.js"></script>
+<script type="text/javascript" src="/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
+<script type="text/javascript" src="/assets/plugins/stickyfill/dist/stickyfill.min.js"></script>
+<script type="text/javascript" src="/assets/js/main.js"></script>
+
+</body>
+</html>
+