Setup cayman theme

MiniDiscordThemes · Nov 3, 2023 · b87cead · b87cead
1 parent b32918b
commit b87cead
Show file tree

Hide file tree

Showing 8 changed files with 51 additions and 10 deletions.
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,3 @@
+title: Learn To Theme
+description: A step-by-step guide to creating Discord themes, from beginner to advanced.
+theme: jekyll-theme-cayman
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+  <head>
+    <meta charset="UTF-8">
+
+{% seo %}
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" as="style" type="text/css" crossorigin>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#157878">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
+    {% include head-custom.html %}
+  </head>
+  <body>
+    <a id="skip-to-content" href="#content">Skip to the content.</a>
+
+    <header class="page-header" role="banner">
+      <h1 class="project-name">{{ page.title | default: site.title | default: site.github.repository_name }}</h1>
+      <h2 class="project-tagline">{{ page.description | default: site.description | default: site.github.project_tagline }}</h2>
+    </header>
+
+    <nav>
+      <a href="{{ '/step/1.html' | relative_url }}" class="btn">Step 1</a>
+      <a href="{{ '/step/2.html' | relative_url }}" class="btn">Step 2</a>
+      <a href="{{ '/step/3.html' | relative_url }}" class="btn">Step 3</a>
+      <a href="{{ '/step/4.html' | relative_url }}" class="btn">Step 4</a>
+      <a href="{{ '/step/5.html' | relative_url }}" class="btn">Step 5</a>
+    </nav>
+
+    <main id="content" class="main-content" role="main">
+      {{ content }}
+
+      <footer class="site-footer">
+        {% if site.github.is_project_page %}
+          <span class="site-footer-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a> is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>.</span>
+        {% endif %}
+        <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a>.</span>
+      </footer>
+    </main>
+  </body>
+</html>
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -0,0 +1,6 @@
+---
+---
+
+@import "{{ site.theme }}";
+
+// other stuff
diff --git a/docs/step/1.md b/docs/step/1.md
@@ -16,8 +16,6 @@
 [w3s-selectors]: https://www.w3schools.com/cssref/css_selectors.php
 [chrome-devtools]: https://developer.chrome.com/docs/devtools/css/reference
 
-# [Learn To Theme](../index.md)
-
 | [Step 1](1.md)       | [Step 2](2.md)                | [Step 3](3.md)                        | [Step 4](4.md)                        | [Step 5](5.md)          |
 | -------------------- | ----------------------------- | ------------------------------------- | ------------------------------------- | ----------------------- |
 | Learning general CSS | Writing Custom CSS and Themes | Using Git and GitHub to track changes | Auto-updating and splitting the theme | Theme development tools |

diff --git a/docs/step/2.md b/docs/step/2.md
@@ -5,8 +5,6 @@
 [documentviewer]: ../img/screenshot/documentviewer.png
 [greenuserpanel]: ../img/screenshot/greenuserpanel.png
 
-# [Learn To Theme](../index.md)
-
 | [Step 1](1.md)       | [Step 2](2.md)                | [Step 3](3.md)                        | [Step 4](4.md)                        | [Step 5](5.md)          |
 | -------------------- | ----------------------------- | ------------------------------------- | ------------------------------------- | ----------------------- |
 | Learning general CSS | Writing Custom CSS and Themes | Using Git and GitHub to track changes | Auto-updating and splitting the theme | Theme development tools |

diff --git a/docs/step/3.md b/docs/step/3.md
@@ -13,8 +13,6 @@
 [git-guide]: https://docs.github.com/en/get-started/getting-started-with-git
 [gitkraken]: https://www.gitkraken.com/
 
-# [Learn To Theme](../index.md)
-
 | [Step 1](1.md)       | [Step 2](2.md)                | [Step 3](3.md)                        | [Step 4](4.md)                        | [Step 5](5.md)          |
 | -------------------- | ----------------------------- | ------------------------------------- | ------------------------------------- | ----------------------- |
 | Learning general CSS | Writing Custom CSS and Themes | Using Git and GitHub to track changes | Auto-updating and splitting the theme | Theme development tools |

diff --git a/docs/step/4.md b/docs/step/4.md
@@ -2,8 +2,6 @@
 [rp]: ../img/icon/rp.png
 [vc]: ../img/icon/vc.png
 
-# [Learn To Theme](../index.md)
-
 | [Step 1](1.md)       | [Step 2](2.md)                | [Step 3](3.md)                        | [Step 4](4.md)                        | [Step 5](5.md)          |
 | -------------------- | ----------------------------- | ------------------------------------- | ------------------------------------- | ----------------------- |
 | Learning general CSS | Writing Custom CSS and Themes | Using Git and GitHub to track changes | Auto-updating and splitting the theme | Theme development tools |

diff --git a/docs/step/5.md b/docs/step/5.md
@@ -2,8 +2,6 @@
 [rp]: ../img/icon/rp.png
 [vc]: ../img/icon/vc.png
 
-# [Learn To Theme](../index.md)
-
 | [Step 1](1.md)       | [Step 2](2.md)                | [Step 3](3.md)                        | [Step 4](4.md)                        | [Step 5](5.md)          |
 | -------------------- | ----------------------------- | ------------------------------------- | ------------------------------------- | ----------------------- |
 | Learning general CSS | Writing Custom CSS and Themes | Using Git and GitHub to track changes | Auto-updating and splitting the theme | Theme development tools |