more customizable

Author: twlite

config.js

@@ -40,6 +40,16 @@ const config = {
         TITLE: "About",
         VALUE: "A customizable website to view docs for your projects"
     },
+    DESCRIPTION_LIST: {
+        TITLE: "Why?",
+        VALUE: [
+            "Fast",
+            "Easy to install",
+            "Responsive",
+            "Dark & Light mode",
+            "Custom 404 page"
+        ]
+    },
     FOOTER: {
         HEADER: "Yukitoki",
         DESCRIPTION: "Custom documentation viewing website"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-app",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "scripts": {
     "build": "routify -b && rollup -c",

src/components/Footer.svelte

@@ -8,5 +8,5 @@
 
     <hr class="w-1/3 mx-auto border-t-2 border-gray-200 py-3" />
 
-    <p class="text-white">&copy; <a class="hover:text-gray-300" href="https://github.com/DevSnowflake">Snowflake Studio ❄</a> - {new Date().getFullYear()}</p>
+    <p class="text-white">Yukitoki - &copy; <a class="hover:text-gray-300" href="https://github.com/DevSnowflake">Snowflake Studio ❄</a> - {new Date().getFullYear()}</p>
 </footer>

src/data/DocsManager.js

@@ -6,6 +6,7 @@ class DocsManager {
     constructor(docsOptions) {
         if (!docsOptions) throw new Error("Invalid docs options");
 
+        this.docsBranch = docsOptions.docsBranch ?? "docs";
         this.id = docsOptions.id;
         this.name = docsOptions.name;
         this.global = docsOptions.global;
@@ -78,7 +79,7 @@ class DocsManager {
     }
 
     async fetchDocs(tag) {
-        return await fetch(`https://raw.githubusercontent.com/${this.repo}/docs/${tag}.json`).then(async (res) => {
+        return await fetch(`https://raw.githubusercontent.com/${this.repo}/${this.docsBranch}/${tag}.json`).then(async (res) => {
             if (!res.ok && !window.localStorage.getItem(`docs-${tag}`)) throw new Error("Could not fetch docs data");
             const doc = res.ok ? await res.json() : JSON.parse(window.localStorage.getItem(`docs-${tag}`));
             window.localStorage.setItem(`docs-${tag}`, JSON.stringify(doc));

src/data/MainSource.js

@@ -8,5 +8,6 @@ export default new DocsManager({
     global: "Yukitoki",
     repo: "DevSnowflake/yukitoki-docs",
     defaultTag: "main",
+    docsBranch: "docs",
     branchFilter: (branch) => !blacklisted.has(branch)
 });

src/pages/index.svelte

@@ -59,13 +59,11 @@
         <p class="text-lg font-semibold">{config.DESCRIPTION.VALUE}</p>
     </div>
     <div class="why py-4 px-6 md:mx-auto">
-        <h1 class="text-3xl font-bold opacity-90 dark:text-white text-gray-800">Why</h1>
+        <h1 class="text-3xl font-bold opacity-90 dark:text-white text-gray-800">{config.DESCRIPTION_LIST.TITLE}</h1>
         <ul class="text-lg font-semibold list-disc">
-            <li>Fast</li>
-            <li>Easy to install</li>
-            <li>Responsive</li>
-            <li>Dark & Light mode</li>
-            <li>Custom 404 page</li>
+            {#each config.DESCRIPTION_LIST.VALUE as item}
+                <li>{item}</li>
+            {/each}
         </ul>
     </div>
 </div>