docs: fixed some issues

NOW JUST SOME FIXES LEFT

.gitignore

@@ -1,4 +0,0 @@
-.DS_Store
-*.test
-diji
-release

README.md

@@ -1,7 +1,2 @@
-<div align=center>
-<img src="https://github.com/KZacharski/diji/blob/github-files/banner.png?raw=true" width="60%">
-<br>
-<h1>diji</h1>
-<p>Create a vanilla JS project in seconds</p>
-</div>
-
+# diji
+Create a vanilla js project in seconds

diji-build.sh

@@ -1,47 +0,0 @@
-#!/bin/bash
-echo "diji-build 1.0"
-version=$(go run . -- --buildversion)
-echo "Building diji $version"
-rldir="release"
-
-if [ -f "$rldir" ] ; then
-    rm -rf "$rldir"
-    echo "Removed files from the previous build"
-fi
-mkdir release
-mkdir release/diji
-cp -r diji-config release/diji
-echo "diji-config prepared"
-GOOS=linux GOARCH=amd64 go build -o release/diji/diji
-(cd release; zip -r diji-$version-linux-amd64.zip diji; rm -rf diji/diji)
-echo "linux/amd64 built"
-GOOS=linux GOARCH=386 go build -o release/diji/diji
-(cd release; zip -r diji-$version-linux-i386.zip diji; rm -rf diji/diji)
-echo "linux/386 built"
-GOOS=linux GOARCH=arm64 go build -o release/diji/diji
-(cd release; zip -r diji-$version-linux-arm64.zip diji; rm -rf diji/diji)
-echo "linux/arm64 built"
-GOOS=linux GOARCH=arm go build -o release/diji/diji
-(cd release; zip -r diji-$version-linux-arm.zip diji; rm -rf diji/diji)
-echo "linux/arm built"
-GOOS=darwin GOARCH=amd64 go build -o release/diji/diji
-(cd release; zip -r diji-$version-macos-amd64.zip diji; rm -rf diji/diji)
-echo "darwin/amd64 built"
-GOOS=darwin GOARCH=arm64 go build -o release/diji/diji
-(cd release; zip -r diji-$version-macos-arm64.zip diji; rm -rf diji/diji)
-echo "darwin/arm64 built"
-GOOS=windows GOARCH=amd64 go build -o release/diji/diji.exe
-(cd release; zip -r diji-$version-windows-amd64.zip diji; rm -rf diji/diji.exe)
-echo "windows/amd64 built"
-GOOS=windows GOARCH=386 go build -o release/diji/diji.exe
-(cd release; zip -r diji-$version-windows-i386.zip diji; rm -rf diji/diji.exe)
-echo "windows/386 built"
-GOOS=windows GOARCH=arm64 go build -o release/diji/diji.exe
-(cd release; zip -r diji-$version-windows-arm64.zip diji; rm -rf diji/diji.exe)
-echo "windows/arm64 built"
-GOOS=windows GOARCH=arm go build -o release/diji/diji.exe
-(cd release; zip -r diji-$version-windows-arm.zip diji; rm -rf diji/diji.exe)
-echo "windows/arm built"
-rm -rf release/diji
-echo "Cleaned up"
-echo "Done, the zips are ready in the release directory"

diji-config/README.txt

@@ -1,6 +0,0 @@
-diji config
-----------------
-This folder has to be in the same directory as the diji binary (or source file in development environments).
-You can either move it together with the binary to your projects folder (for example Documents), where you'll create all of your projects or add the diji folder to your path.
-
-You can also replace defaultfav.png with a favicon you want to set as default, like your logo. It can be any png image.

diji-config/config.txt

@@ -1,8 +0,0 @@
-// Quick mode skips all the questions besides project name and always uses the default option.
-quick-mode = false
-
-// Should a favicon be added by default
-favicon = true
-
-// Create a commit after initializing the repo
-commit = true

diji-config/gitignore.txt

@@ -1 +0,0 @@
-.DS_Store 

diji.go

@@ -1,355 +0,0 @@
-package main
-
-import (
-	"errors"
-	"fmt"
-	"io"
-	"log"
-	"os"
-	"os/exec"
-	"path/filepath"
-	"strings"
-)
-
-func check(e error) {
-	if e != nil {
-		panic(e)
-	}
-}
-
-func copy(src, dst string) (int64, error) {
-	sourceFileStat, err := os.Stat(src)
-	if err != nil {
-		return 0, err
-	}
-
-	if !sourceFileStat.Mode().IsRegular() {
-		return 0, fmt.Errorf("%s is not a regular file", src)
-	}
-
-	source, err := os.Open(src)
-	if err != nil {
-		return 0, err
-	}
-	defer source.Close()
-
-	destination, err := os.Create(dst)
-	if err != nil {
-		return 0, err
-	}
-	defer destination.Close()
-	nBytes, err := io.Copy(destination, source)
-	return nBytes, err
-}
-
-func main() {
-	var ver string = "1.3"
-	//	var version int = 4
-
-	argsar := os.Args[1:]
-	var quickelement string = "-q"
-	var buildelement string = "--buildversion"
-	var addfavelement string = "-f"
-	var commitelement string = "-c"
-	var quickargument bool = false
-	var buildargument bool = false
-	var addfavargument bool = false
-	var commitargument bool = false
-
-	for i := 0; i < len(argsar); i++ {
-		// checking if the array contains the given value
-		if argsar[i] == quickelement {
-			// changing the boolean variable
-			quickargument = true
-			break
-		}
-	}
-
-	for i := 0; i < len(argsar); i++ {
-		// checking if the array contains the given value
-		if argsar[i] == buildelement {
-			// changing the boolean variable
-			buildargument = true
-			break
-		}
-	}
-
-	for i := 0; i < len(argsar); i++ {
-		// checking if the array contains the given value
-		if argsar[i] == addfavelement {
-			// changing the boolean variable
-			addfavargument = true
-			break
-		}
-	}
-
-	if buildargument == true {
-		fmt.Print(ver)
-		os.Exit(0)
-	}
-
-	for i := 0; i < len(argsar); i++ {
-		// checking if the array contains the given value
-		if argsar[i] == commitelement {
-			// changing the boolean variable
-			commitargument = true
-			break
-		}
-	}
-
-	var projname string
-
-	fmt.Println("地基")
-	fmt.Println("diji " + ver)
-	fmt.Println("by KZacharski")
-	fmt.Print("Project name: ")
-	fmt.Scanln(&projname)
-	var createcss bool = true
-	var createjs bool = true
-	var createsample bool = false
-	var initgit bool = true
-	var creategitignore bool = true
-
-	var configlocation string
-	var configfile string
-	var exPath string
-	if _, err := os.Stat("diji-config"); err == nil {
-		configlocation = "diji-config"
-
-	} else if errors.Is(err, os.ErrNotExist) {
-		ex, err := os.Executable()
-		if err != nil {
-			panic(err)
-		}
-		exPath = filepath.Dir(ex)
-		configlocation = exPath + "/diji-config"
-
-	}
-	configfile = configlocation + "/config.txt"
-	configbytes, err := os.ReadFile(configfile)
-	if err != nil {
-		fmt.Print(err)
-	}
-	configtext := string(configbytes)
-
-	var gitemplatelocation string
-
-	gitemplatelocation = configlocation + "/gitignore.txt"
-	gibytes, err := os.ReadFile(gitemplatelocation)
-	if err != nil {
-		fmt.Print(err)
-	}
-	gitemplatetext := string(gibytes)
-
-	var quickmode bool = strings.Contains(configtext, "quick-mode = true")
-	var addfav bool = strings.Contains(configtext, "favicon = true")
-	var commitinit bool = strings.Contains(configtext, "commit = true")
-
-	if quickargument == true {
-		if quickmode == true {
-			quickmode = false
-		} else if quickmode == false {
-			quickmode = true
-		}
-	}
-
-	if addfavargument == true {
-		if addfav == true {
-			addfav = false
-		} else if addfav == false {
-			addfav = true
-		}
-	}
-
-	if commitargument == true {
-		if commitinit == true {
-			commitinit = false
-		} else if commitinit == false {
-			commitinit = true
-		}
-	}
-
-	var cssstr string
-	var jsstr string
-	var samplestr string
-	var langstr string = "en"
-	var gitstr string
-	var gitignorestr string
-	var gifiles string
-
-	if quickmode == false {
-
-		fmt.Print("Create a css file (y/n, default y): ")
-		fmt.Scanln(&cssstr)
-		fmt.Print("Create a js file (y/n, default y): ")
-		fmt.Scanln(&jsstr)
-		fmt.Print("Website language (default en): ")
-		fmt.Scanln(&langstr)
-		fmt.Print("Insert sample content (y/n, default n): ")
-		fmt.Scanln(&samplestr)
-		fmt.Print("Initialize a git repo (y/n, default y): ")
-		fmt.Scanln(&gitstr)
-		if gitstr == "n" {
-			initgit = false
-		}
-		if initgit == true {
-			fmt.Print("Create .gitignore (y/n, default y): ")
-			fmt.Scanln(&gitignorestr)
-			if gitignorestr == "n" {
-				creategitignore = false
-			}
-			if creategitignore == true {
-				fmt.Print("Add files/file types to .gitignore: ")
-				fmt.Scanln(&gifiles)
-			}
-
-		}
-		if cssstr == "n" {
-			createcss = false
-		}
-		if jsstr == "n" {
-			createjs = false
-		}
-		if samplestr == "y" {
-			createsample = true
-		}
-	}
-
-	if initgit == false {
-		creategitignore = false
-	}
-
-	if err := os.Mkdir(projname, os.ModePerm); err != nil {
-		log.Fatal(err)
-	}
-	var indname string = projname + "/index.html"
-	index, err := os.Create(indname)
-	if err != nil {
-		log.Fatal(err)
-	}
-
-	if addfav == true {
-		var assetspath string = projname + "/assets"
-		if err := os.Mkdir(assetspath, os.ModePerm); err != nil {
-			log.Fatal(err)
-		}
-		var favpath string = assetspath + "/favicon.png"
-		copy(configlocation+"/defaultfav.png", favpath)
-		fmt.Println(favpath + " created.")
-	}
-
-	var indexcontent1 string = `<!DOCTYPE html>
-<html lang="` + langstr + `">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta http-equiv="X-UA-Compatible" content="ie=edge">
-<title>` + projname + `</title>
-`
-	var csstag string = `<link rel="stylesheet" type="text/css" href="style.css">
-`
-	var jstag string = `<script src="script.js"></script>
-`
-	var indexcontent2 string = `</head>
-<body>
-</body>
-</html>`
-	var samplecontent string = `<h1>` + projname + `</h1>
-<h3>Generated with diji ` + ver + `</h3>
-<p>Website content</p>`
-	if createsample == true {
-		indexcontent2 = `</head>
-<body>
-` + samplecontent + `
-</body>`
-	}
-	var favtag string = `<link rel="icon" type="image" href="./assets/favicon.png">
-`
-	if addfav == true {
-		indexcontent1 = indexcontent1 + favtag
-	}
-	if createcss == true {
-		indexcontent1 = indexcontent1 + csstag
-	}
-	if createjs == true {
-		indexcontent1 = indexcontent1 + jstag
-	}
-	var indexcontent string = indexcontent1 + indexcontent2
-	_, err2 := index.WriteString(indexcontent)
-	check(err2)
-	defer index.Close()
-	fmt.Println(indname + " created.")
-
-	var cssname string
-	var csscontent string
-
-	if createcss == true {
-		cssname = projname + "/style.css"
-		csscontent = `body {
-font-family: sans-serif;
-}`
-		style, err := os.Create(cssname)
-		if err != nil {
-			log.Fatal(err)
-		}
-		_, err2 := style.WriteString(csscontent)
-		check(err2)
-		defer style.Close()
-		fmt.Println(cssname + " created.")
-	}
-
-	var jsname string
-	if createjs == true {
-		jsname = projname + "/script.js"
-		script, err := os.Create(jsname)
-		if err != nil {
-			log.Fatal(err)
-		}
-		defer script.Close()
-		fmt.Println(jsname + " created.")
-	}
-
-	var giname string
-	var gicontent string
-
-	if creategitignore == true {
-		giname = projname + "/.gitignore"
-		gicontent = gitemplatetext + gifiles
-		gignore, err := os.Create(giname)
-		if err != nil {
-			log.Fatal(err)
-		}
-		_, err2 := gignore.WriteString(gicontent)
-		check(err2)
-		defer gignore.Close()
-
-		fmt.Println(giname + " created.")
-	}
-
-	if initgit == true {
-		cmd := exec.Command("git", "init", projname)
-		if err := cmd.Run(); err != nil {
-			log.Fatal(err)
-		}
-
-		if commitinit == true {
-
-			cmd1 := exec.Command("git", "add", ".")
-			cmd1.Dir = "./" + projname
-			if err := cmd1.Run(); err != nil {
-				log.Fatal(err)
-			}
-
-			cmd2 := exec.Command("git", "commit", "-a", "-m", `"Initial commit"`)
-			cmd2.Dir = "./" + projname
-			if err := cmd2.Run(); err != nil {
-				log.Fatal(err)
-			}
-		}
-		fmt.Println("Git repo initialized.")
-	}
-
-	fmt.Println("Project created in ./" + projname + ".")
-	fmt.Println("Thanks for using diji.")
-
-}

docs/CNAME

@@ -0,0 +1 @@
+diji.puffercat.xyz

docs/docs/assets/ic_fluent_apps_add_in_24_filled.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 3A2.5 2.5 0 0 1 13 5.5V11h5.5a2.5 2.5 0 0 1 2.5 2.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5Zm.5 10H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-8-8h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Zm7.383-2.993L18 2a1 1 0 0 1 .993.883L19 3v2h2a1 1 0 0 1 .993.883L22 6a1 1 0 0 1-.883.993L21 7h-2v2a1 1 0 0 1-.883.993L18 10a1 1 0 0 1-.993-.883L17 9V7h-2a1 1 0 0 1-.993-.883L14 6a1 1 0 0 1 .883-.993L15 5h2V3a1 1 0 0 1 .883-.993L18 2l-.117.007Z" fill="#ffffff"/></svg>

docs/docs/assets/ic_fluent_caret_left_24_filled.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 17.898c0 1.074-1.265 1.648-2.073.941l-6.31-5.522a1.75 1.75 0 0 1 0-2.634l6.31-5.522c.808-.707 2.073-.133 2.073.941v11.796Z" fill="#ffffff"/></svg>

docs/docs/assets/ic_fluent_chevron_left_24_filled.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.707 4.293a1 1 0 0 1 0 1.414L9.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z" fill="#ffffff"/></svg>

docs/docs/assets/ic_fluent_chevron_right_24_filled.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.293 4.293a1 1 0 0 0 0 1.414L14.586 12l-6.293 6.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414l-7-7a1 1 0 0 0-1.414 0Z" fill="#ffffff"/></svg>

docs/docs/assets/ic_fluent_navigation_24_filled.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 17h18a1 1 0 0 1 .117 1.993L21 19H3a1 1 0 0 1-.117-1.993L3 17h18H3Zm0-6 18-.002a1 1 0 0 1 .117 1.993l-.117.007L3 13a1 1 0 0 1-.117-1.993L3 11l18-.002L3 11Zm0-6h18a1 1 0 0 1 .117 1.993L21 7H3a1 1 0 0 1-.117-1.993L3 5h18H3Z" fill="#ffffff"/></svg>

docs/docs/assets/ic_fluent_rocket_24_filled.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.057 7.431a2.5 2.5 0 1 1 3.536 3.536 2.5 2.5 0 0 1-3.536-3.536Zm2.475 1.06a1 1 0 1 0-1.414 1.415 1 1 0 0 0 1.414-1.414Z" fill="#ffffff"/><path d="M19.698 2.512a2.75 2.75 0 0 1 1.81 1.81l.207.665a6.75 6.75 0 0 1-1.673 6.776l-.998.998a3.497 3.497 0 0 1-.328 4.568l-1.242 1.242a.75.75 0 0 1-1.06 0l-1.59-1.59-.177.177a1.75 1.75 0 0 1-2.475 0l-.487-.487-.811 1.39a.75.75 0 0 1-1.178.153l-3.89-3.889a.75.75 0 0 1 .146-1.174l1.384-.829-.47-.47a1.75 1.75 0 0 1 0-2.475l.18-.18-1.592-1.59a.75.75 0 0 1 0-1.061l1.243-1.243a3.498 3.498 0 0 1 4.569-.327l.996-.995a6.75 6.75 0 0 1 6.773-1.674l.663.205Zm.378 2.256a1.25 1.25 0 0 0-.823-.823l-.662-.205a5.25 5.25 0 0 0-5.269 1.301l-5.396 5.397a.25.25 0 0 0 0 .353l5.307 5.307a.25.25 0 0 0 .353 0l5.396-5.395a5.25 5.25 0 0 0 1.3-5.27l-.206-.665ZM6.69 18.395a.75.75 0 0 0-1.06-1.061l-2.476 2.475a.75.75 0 0 0 1.061 1.06l2.475-2.474ZM4.745 15.39a.75.75 0 0 1 0 1.06l-1.06 1.06a.75.75 0 1 1-1.061-1.06l1.06-1.06a.75.75 0 0 1 1.061 0ZM8.632 20.341a.75.75 0 1 0-1.06-1.06l-1.059 1.058a.75.75 0 0 0 1.06 1.06l1.06-1.058Z" fill="#ffffff"/></svg>

docs/docs/assets/ic_fluent_settings_24_filled.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z" fill="#ffffff"/></svg>

docs/docs/assets/ic_fluent_star_24_filled.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.788 3.103c.495-1.004 1.926-1.004 2.421 0l2.358 4.777 5.273.766c1.107.161 1.549 1.522.748 2.303l-3.816 3.72.901 5.25c.19 1.103-.968 1.944-1.959 1.424l-4.716-2.48-4.715 2.48c-.99.52-2.148-.32-1.96-1.424l.901-5.25-3.815-3.72c-.801-.78-.359-2.142.748-2.303L8.43 7.88l2.358-4.777Z" fill="#ffffff"/></svg>

docs/docs/assets/prism.css

@@ -0,0 +1,4 @@
+/* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+bash+batch+go+go-module+markdown&plugins=toolbar+copy-to-clipboard */
+code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
+div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:scroll;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}

docs/docs/configuration.html

@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Configuration - diji docs</title>
+<link rel="icon" type="image" href="./assets/favicon.png">
+<link rel="stylesheet" type="text/css" href="style.css">
+<link rel="stylesheet" type="text/css" href="./assets/prism.css">
+<script src="script.js"></script>
+<script src="./assets/prism.js"></script>
+<meta name="theme-color" content="#000000" />
+</head>
+<body>
+  <div class="hhh">
+<div class="navbar">
+    <img onclick="openNav()" class="navicon" src="./assets/ic_fluent_navigation_24_filled.svg" height="25px">
+    <a href="./index.html"><img src="./assets/dijidocs.png" height="40px" style="display: block;"></a>
+</div>
+  <div class="content">
+<div class="anotherfuckingcontainer iafc">
+    <h1 class="t1">Configuration</h1>
+    <h3 class="t2">Last edited: 28 August 2023<br><a href="https://github.com/KZacharski/diji/blob/github-files/docs/docs/favicons.html" class="linkeffect ghlink">Open on GitHub</a></h3>
+    <p>Currently diji has 2 options that can be changed permanently through the config file or temporarily with arguments.</p>
+    <p>These options are:
+      <ul>
+        <li>Quick mode</li>
+        <li>Debug mode</li>
+      </ul>
+    </p>
+    <p>The config file is called <code class="language-plaintext">config.txt</code> and is located in the <code class="language-plaintext">diji-config</code> folder in the location where you installed diji</p>
+    <h3>Quick mode</h3>
+    <p>Quick mode automatically selects the default options in prompts you would normally have to answer/skip when using diji (besides project name)</p>
+    <p>You can enable it by changing <code class="language-plaintext">false</code> to <code class="language-plaintext">true</code> in the <code class="language-plaintext">quick-mode = false</code> line of the config file or by running diji with a <code class="language-bash">-q</code> argument.</p>
+    <pre><code class="language-bash">diji -q</code></pre>
+    <p>Or if you installed it in your projects folder instead of $PATH</p>
+    <pre><code class="language-bash">./diji -q</code></pre>
+
+    <h3>Debug mode</h3>
+    <p>Debug mode prints out all variables at the end of running the program. It's used in development and doesn't serve a purpose unless you're planning to contribute to diji/make your own version.</p>
+    <p>You can enable it by changing <code class="language-plaintext">false</code> to <code class="language-plaintext">true</code> in the <code class="language-plaintext">debug = false</code> line of the config file or by running diji with a <code class="language-bash">-d</code> argument.</p>
+    <pre><code class="language-bash">diji -d</code></pre>
+    <p>Or if you installed it in your projects folder instead of $PATH</p>
+    <pre><code class="language-bash">./diji -d</code></pre>
+    <h3>Arguments</h3>
+    <p>Obviously you can use multiple arguments</p>
+    <pre><code class="language-bash">diji -q -d</code></pre>
+    <p>Or if you installed it in your projects folder instead of $PATH</p>
+    <pre><code class="language-bash">./diji -q -d</code></pre>
+    <p>And if you're a developer working on diji's source, you can use arguments when running it directly from the source by separating them from the main command with <code class="language-plaintext">--</code>.</p>
+    <pre><code class="language-bash">go run . -- -q -d</code></pre>
+
+    
+    <div class="container2">
+     <div class="prev ge">
+        <a href="./favicons.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+          <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+          <div class="nextcontentparent">
+          <div class="getstartedcontent">
+          <img src="./assets/ic_fluent_chevron_left_24_filled.svg" height="30px" class="gep nep2">
+          <h3 class="gep nep">Favicons</h3>
+          <p class="gep gepar nepar">Previous page</p>
+        </div>
+        </div>
+        </div>
+        </a>
+        </div>
+        
+        
+          <div class="next ge">
+            <a href="./open-source.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+              <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: right; text-align: right;">
+              <div class="nextcontentparent">
+              <div class="getstartedcontent">
+              <div style="display: flex; justify-content: right;">
+              <img src="./assets/ic_fluent_chevron_right_24_filled.svg" height="30px" class="gep nep2">
+              </div>
+              <h3 class="gep nep">Open source</h3>
+              <p class="gep gepar nepar">Next page</p>
+            </div>
+            </div>
+            </div>
+            </a>
+            </div>
+       
+      </div>
+      </div>
+    </div>
+
+
+
+ 
+  
+
+<div id="drawer" class="navdrawer">
+  <img src="./assets/dijidocs.png" height="40px" class="logodrawer">  
+  <a href="javascript:void(0)" class="closebtn navdrawera" onclick="closeNav()"><img src="./assets/ic_fluent_chevron_left_24_filled.svg" width="30px"></a>
+    <a href="./index.html" class="navdrawerlink">Homepage</a>
+    <a href="./introduction.html" class="navdrawerlink">Introduction</a>
+    <a href="./installation.html" class="navdrawerlink">Installation</a>
+    <a href="./favicons.html" class="navdrawerlink">Favicons</a>
+    <a href="#" class="navdrawerlinkactive">Configuration</a>
+    <a href="./open-source.html" class="navdrawerlink">Open source</a>
+    <a href="./roadmap.html" class="navdrawerlink">Roadmap</a>
+    <div style="height: 60px;"></div>
+    <!--<div class="drawerbottomlinks">
+      <div class="blc">
+      <a class="bottomlink" href="https://diji.puffercat.xyz">Main website ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji">GitHub ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji/tree/github-files/docs/docs">Docs GitHub ></a>
+      </div>
+    </div>-->
+  </div>
+  <div id="drawerbg" class="navdrawerbg" onclick="closeNav()"></div>
+</div>
+  <div class="footer">
+    <p class="ftrtext">Created by <a href="https://puffercat.xyz" class="footerlink">KZacharski (Puffercat)</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink">Project created with diji 1.1</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink ftlpadding">Main website</a> <a href="https://github.com/KZacharski/diji" class="footerlink ftlpadding">GitHub</a> <a href="https://github.com/KZacharski/diji/tree/github-files/docs/docs" class="footerlink ftlpadding">Docs Github</a></p>
+  </div>
+</body>
+</html>

docs/docs/favicons.html

@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Favicons - diji docs</title>
+<link rel="icon" type="image" href="./assets/favicon.png">
+<link rel="stylesheet" type="text/css" href="style.css">
+<link rel="stylesheet" type="text/css" href="./assets/prism.css">
+<script src="script.js"></script>
+<script src="./assets/prism.js"></script>
+<meta name="theme-color" content="#000000" />
+</head>
+<body>
+  <div class="hhh">
+<div class="navbar">
+    <img onclick="openNav()" class="navicon" src="./assets/ic_fluent_navigation_24_filled.svg" height="25px">
+    <a href="./index.html"><img src="./assets/dijidocs.png" height="40px" style="display: block;"></a>
+</div>
+  <div class="content">
+<div class="anotherfuckingcontainer iafc">
+    <h1 class="t1">Favicons</h1>
+    <h3 class="t2">Last edited: 28 August 2023<br><a href="https://github.com/KZacharski/diji/blob/github-files/docs/docs/favicons.html" class="linkeffect ghlink">Open on GitHub</a></h3>
+    <p>Every project you create with diji has a favicon added to it. By default it's the diji logo but you can change that and use for example your logo instead. To replace the default favicon, open the <code class="language-plaintext">diji-config</code> folder in the location you installed diji in. Inside you will see 3 files with one of them being <code class="language-plaintext">defaultfav.png</code>. Replace that file with the image you want to use as the default favicon. Now every project you create with diji will use that favicon.</p>
+
+    
+    <div class="container2">
+     <div class="prev ge">
+        <a href="./installation.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+          <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+          <div class="nextcontentparent">
+          <div class="getstartedcontent">
+          <img src="./assets/ic_fluent_chevron_left_24_filled.svg" height="30px" class="gep nep2">
+          <h3 class="gep nep">Installation</h3>
+          <p class="gep gepar nepar">Previous page</p>
+        </div>
+        </div>
+        </div>
+        </a>
+        </div>
+        
+        
+          <div class="next ge">
+            <a href="./configuration.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+              <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: right; text-align: right;">
+              <div class="nextcontentparent">
+              <div class="getstartedcontent">
+              <div style="display: flex; justify-content: right;">
+              <img src="./assets/ic_fluent_chevron_right_24_filled.svg" height="30px" class="gep nep2">
+              </div>
+              <h3 class="gep nep">Configuration</h3>
+              <p class="gep gepar nepar">Next page</p>
+            </div>
+            </div>
+            </div>
+            </a>
+            </div>
+       
+      </div>
+      </div>
+    </div>
+
+
+
+ 
+  
+
+<div id="drawer" class="navdrawer">
+  <img src="./assets/dijidocs.png" height="40px" class="logodrawer">  
+  <a href="javascript:void(0)" class="closebtn navdrawera" onclick="closeNav()"><img src="./assets/ic_fluent_chevron_left_24_filled.svg" width="30px"></a>
+    <a href="./index.html" class="navdrawerlink">Homepage</a>
+    <a href="./introduction.html" class="navdrawerlink">Introduction</a>
+    <a href="./installation.html" class="navdrawerlink">Installation</a>
+    <a href="#" class="navdrawerlinkactive">Favicons</a>
+    <a href="./configuration.html" class="navdrawerlink">Configuration</a>
+    <a href="./open-source.html" class="navdrawerlink">Open source</a>
+    <a href="./roadmap.html" class="navdrawerlink">Roadmap</a>
+    <div style="height: 60px;"></div>
+    <!--<div class="drawerbottomlinks">
+      <div class="blc">
+      <a class="bottomlink" href="https://diji.puffercat.xyz">Main website ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji">GitHub ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji/tree/github-files/docs/docs">Docs GitHub ></a>
+      </div>
+    </div>-->
+  </div>
+  <div id="drawerbg" class="navdrawerbg" onclick="closeNav()"></div>
+</div>
+  <div class="footer">
+    <p class="ftrtext">Created by <a href="https://puffercat.xyz" class="footerlink">KZacharski (Puffercat)</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink">Project created with diji 1.1</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink ftlpadding">Main website</a> <a href="https://github.com/KZacharski/diji" class="footerlink ftlpadding">GitHub</a> <a href="https://github.com/KZacharski/diji/tree/github-files/docs/docs" class="footerlink ftlpadding">Docs Github</a></p>
+  </div>
+</body>
+</html>

docs/docs/index.html

@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>diji docs</title>
+<link rel="icon" type="image" href="./assets/favicon.png">
+<link rel="stylesheet" type="text/css" href="style.css">
+<script src="script.js"></script>
+<meta name="theme-color" content="#000000" />
+</head>
+<body>
+  <div class="hhh">
+<div class="navbar">
+    <img onclick="openNav()" class="navicon" src="./assets/ic_fluent_navigation_24_filled.svg" height="25px">
+    <a href="#"><img src="./assets/dijidocs.png" height="40px" style="display: block;"></a>
+</div>
+<div class="banner">
+<img src="./assets/dijidocsbanner.png" width="100%" class="bannerimg">
+</div>
+  <div class="content">
+<div class="anotherfuckingcontainer">
+    <h1 class="t1">Welcome to diji docs.</h1>
+    <h2 class="t2">for version 1.2</h2>
+    <div class="container">
+    <div class="getstarted ge">
+      <a href="./introduction.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+        <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+        <div class="getstartedcontentparent">
+        <div class="getstartedcontent">
+        <img src="./assets/ic_fluent_rocket_24_filled.svg" height="40px" class="gep">
+        <h2 class="gep">Get started</h2>
+        <p class="gep gepar">Read the introduction and download diji</p>
+      </div>
+      </div>
+      </div>
+      </a>
+      </div>
+      
+      <div class="install ge">
+        <a href="./installation.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+          <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+        <div class="getstartedcontentparent">
+          <div class="getstartedcontent">
+          <img src="./assets/ic_fluent_apps_add_in_24_filled.svg" height="40px" class="gep">
+          <h2 class="gep">Install diji</h2>
+          <p class="gep gepar">How to install diji properly</p>
+        </div>
+        </div>
+      </div>
+      </a>
+      </div>
+      <div class="favicon ge">
+        <a href="./favicons.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+          <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+        <div class="getstartedcontentparent">
+          <div class="getstartedcontent">
+          <img src="./assets/ic_fluent_star_24_filled.svg" height="40px" class="gep">
+          <h2 class="gep">Favicons</h2>
+          <p class="gep gepar">Learn how to set your own default favicon</p>
+        </div>
+        </div>
+      </div>
+      </a>
+      </div>
+      <div class="config ge">
+        <a href="./configuration.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+          <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+        <div class="getstartedcontentparent">
+          <div class="getstartedcontent">
+          <img src="./assets/ic_fluent_settings_24_filled.svg" height="40px" class="gep">
+          <h2 class="gep">Configuration</h2>
+          <p class="gep gepar">Extra options explained</p>
+        </div>
+        </div>
+
+      </div>
+      </a>
+      </div>
+    </div>
+    </div>
+  </div>
+  
+
+<div id="drawer" class="navdrawer">
+  <img src="./assets/dijidocs.png" height="40px" class="logodrawer">  
+  <a href="javascript:void(0)" class="closebtn navdrawera" onclick="closeNav()"><img src="./assets/ic_fluent_chevron_left_24_filled.svg" width="30px"></a>
+    <a href="#" class="navdrawerlinkactive">Homepage</a>
+    <a href="./introduction.html" class="navdrawerlink">Introduction</a>
+    <a href="./installation.html" class="navdrawerlink">Installation</a>
+    <a href="./favicons.html" class="navdrawerlink">Favicons</a>
+    <a href="./configuration.html" class="navdrawerlink">Configuration</a>
+    <a href="./open-source.html" class="navdrawerlink">Open source</a>
+    <a href="./roadmap.html" class="navdrawerlink">Roadmap</a>
+    <div style="height: 60px;"></div>
+    <!--<div class="drawerbottomlinks">
+      <div class="blc">
+      <a class="bottomlink" href="https://diji.puffercat.xyz">Main website ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji">GitHub ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji/tree/github-files/docs/docs">Docs GitHub ></a>
+      </div>
+    </div>-->
+  </div>
+  <div id="drawerbg" class="navdrawerbg" onclick="closeNav()"></div>
+  </div>
+  <div class="footer">
+    <p class="ftrtext">Created by <a href="https://puffercat.xyz" class="footerlink">KZacharski (Puffercat)</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink">Project created with diji 1.1</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink ftlpadding">Main website</a> <a href="https://github.com/KZacharski/diji" class="footerlink ftlpadding">GitHub</a> <a href="https://github.com/KZacharski/diji/tree/github-files/docs/docs" class="footerlink ftlpadding">Docs Github</a></p>
+  </div>
+</body>
+</html>

docs/docs/installation.html

@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Installation - diji docs</title>
+<link rel="icon" type="image" href="./assets/favicon.png">
+<link rel="stylesheet" type="text/css" href="style.css">
+<link rel="stylesheet" type="text/css" href="./assets/prism.css">
+<script src="script.js"></script>
+<script src="./assets/prism.js"></script>
+<meta name="theme-color" content="#000000" />
+</head>
+<body>
+  <div class="hhh">
+<div class="navbar">
+    <img onclick="openNav()" class="navicon" src="./assets/ic_fluent_navigation_24_filled.svg" height="25px">
+    <a href="./index.html"><img src="./assets/dijidocs.png" height="40px" style="display: block;"></a>
+</div>
+  <div class="content">
+<div class="anotherfuckingcontainer iafc">
+    <h1 class="t1">Installation</h1>
+    <h3 class="t2">Last edited: 27 August 2023<br><a href="https://github.com/KZacharski/diji/blob/github-files/docs/docs/installation.html" class="linkeffect ghlink">Open on GitHub</a></h3>
+    <br>
+    <a href="#macosfix" class="iwarnlink"><div class="iwarning"><h3 class="iwarningtext">macOS users: If you can't run diji because of it "not coming from a verified developer" according to Apple, click here for a solution</h3></div></a>
+    <p>After downloading diji you have 2 choices. You can either put it in a folder where you're gonna create all of your projects (for example Documents) or add it to $PATH and use it anywhere.</p>
+    <h3>Way 1 (Storing in the projects folder)</h3>
+    <p>Extract the zip you downloaded earlier and open the folder that was extracted from it. Now select both the diji binary and the diji-config folder and copy them to a folder you want to use for creating your projects. Now you can run diji by opening the terminal (or PowerShell on windows if you don't have Windows Terminal installed) in that folder and running it with a command <code class="language-bash">./diji</code></p>
+    <h3 class="sbtt">Way 2 (Adding to $PATH)</h3>
+    <h3 class="sbt">Linux:</h3>
+    (It might not work if you use a different shell instead of bash. In that case you can also try the macOS instructions (replace <code class="language-bash">/User/[user]</code> with <code class="language-bash">/home/[user]</code> in the line you're adding to .zprofile). If that doesn't work either just look up online how to add files to $PATH on your shell.)
+    <p>Extract the downloaded zip and open the terminal.</p>
+    <p>Now run this command:</p>
+    <pre><code class="language-bash">cp -r ./Downloads/diji .local</code></pre>
+    <p>Open .profile in your favorite editor (in my case neovim):</p>
+    <pre><code class="language-bash">nvim .profile</code></pre>
+    <p>Go to the end of the file and paste this line (replace [user] with your username):</p>
+    <pre><code class="language-bash">export PATH=$PATH:/home/[user]/.local/diji</code></pre>
+    <p>Of course save the file afterwards</p>
+    <p>Now you can either reboot/log out and back in to save the changes systemwide or if you're busy, run <code class="language-bash" style="white-space: nowrap;">source ~/.profile</code> to apply them in your current terminal session.</p>
+    <p>After doing this, running <code class="language-bash">diji</code> in your terminal should make diji start.</p>
+    <h3 class="sbt">macOS:</h3>
+    (It might not work if you use a different shell instead of zsh. In that case you can also try the Linux instructions (replace <code class="language-bash">/home/[user]</code> with <code class="language-bash">/User/[user]</code> in the line you're adding to .profile). If that doesn't work either just look up online how to add files to $PATH on your shell.)
+    <p>Extract the downloaded zip and open the terminal.</p>
+    <p>Now run this command:</p>
+    <pre><code class="language-bash">cp -r ./Downloads/diji .local</code></pre>
+    <p>Open .profile in your favorite editor (in my case neovim):</p>
+    <pre><code class="language-bash">nvim .zprofile</code></pre>
+    <p>Go to the end of the file and paste this line (replace [user] with your username):</p>
+    <pre><code class="language-bash">export PATH=$PATH:/Users/[user]/.local/diji</code></pre>
+    <p>Of course save the file afterwards</p>
+    <p>Now you can either reboot/log out and back in to save the changes systemwide or if you're busy, run <code class="language-bash" style="white-space: nowrap;">source ~/.zprofile</code> to apply them in your current terminal session.</p>
+    <p>After doing this, running <code class="language-bash">diji</code> in your terminal should make diji start. (It will quite likely display a dialog about the developer "not being verified". <a href="#macosfix" class="linkeffect">Here's the fix</a>)</p>
+    <h3 class="sbt">Windows:</h3>
+    <p>Extract the downloaded zip and open Windows Terminal or PowerShell. If you're using Windows Terminal, make sure the active tab says PowerShell.</p>
+    <p>Now run this command (replace [architecture] with your cpu's architecture (it's at the end of the file name of the zip you downloaded)):</p>
+    <pre><code class="language-batch">Copy-Item "Downloads/diji-1.2-windows-[architecture]/diji" -Destination "AppData" -Recurse</code></pre>
+    <p>Open Settings, scroll down to the bottom and click "About":</p>
+    <img src="./assets/winscreen1.png" class="winscreen">
+    <p>Click "Advanced system settings":</p>
+    <img src="./assets/winscreen2.png" class="winscreen">
+    <p>Click "Environment variables...":</p>
+    <img src="./assets/winscreen3.png" class="winscreen">
+    <p>Select the "Path" variable and click "Edit...":</p>
+    <img src="./assets/winscreen4.png" class="winscreen">
+    <p>Click "New" and paste the following path (replace [user] with your username):</p>
+    <pre><code class="language-plaintext">C:\Users\[user]\AppData\diji</code></pre>
+    <img src="./assets/winscreen5.png" class="winscreen">
+    <p>Now press "OK"</p>
+    <p>After doing this, running <code class="language-bash">diji</code> in a new terminal window should make diji start.</p>
+    <h3 id="macosfix" class="macosfix">macOS "developer not verified" fix</h3>
+    <p>When trying to run diji you might see this macOS dialog which doesn't allow you to actually run it:</p>
+    <img src="./assets/macscreen1.png" class="macscreen">
+    <p>It's because Apple keeps being overprotective and generally treating their users like digitally illiterate grandmas. While this dialog might be helpful if you're trying to install an app from a big company and protect you from a version that has been tampered with, in case of small, hobbyst developers all it does is just tries to force them into paying $99/year for their developer program which a lot of people just can't afford.</p>
+    <p>However there's an easy fix</p>
+    <p>Open a finder window in the diji folder in your $PATH with this command:</p>
+    <pre><code class="language-bash">open .local/diji</code></pre>
+    <p>Right click on the diji binary, hold ⌥ (option) and select the "Open" item in the context menu:</p>
+    <img src="./assets/macscreen2.png" class="winscreen">
+    <p>Now a similar dialog has appeared to the one before but not it has an "Open" button. Press it and diji will open in the default terminal app. Close the Terminal window and now running diji using the <code class="language-bash">diji</code> command will work.</p>
+    <div class="container2">
+     <div class="prev ge">
+        <a href="./introduction.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+          <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+          <div class="nextcontentparent">
+          <div class="getstartedcontent">
+          <img src="./assets/ic_fluent_chevron_left_24_filled.svg" height="30px" class="gep nep2">
+          <h3 class="gep nep">Introduction</h3>
+          <p class="gep gepar nepar">Previous page</p>
+        </div>
+        </div>
+        </div>
+        </a>
+        </div>
+        
+        
+          <div class="next ge">
+            <a href="./favicons.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+              <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: right; text-align: right;">
+              <div class="nextcontentparent">
+              <div class="getstartedcontent">
+              <div style="display: flex; justify-content: right;">
+              <img src="./assets/ic_fluent_chevron_right_24_filled.svg" height="30px" class="gep nep2">
+              </div>
+              <h3 class="gep nep">Favicons</h3>
+              <p class="gep gepar nepar">Next page</p>
+            </div>
+            </div>
+            </div>
+            </a>
+            </div>
+       
+      </div>
+      </div>
+    </div>
+
+
+
+ 
+  
+
+<div id="drawer" class="navdrawer">
+  <img src="./assets/dijidocs.png" height="40px" class="logodrawer">  
+  <a href="javascript:void(0)" class="closebtn navdrawera" onclick="closeNav()"><img src="./assets/ic_fluent_chevron_left_24_filled.svg" width="30px"></a>
+    <a href="./index.html" class="navdrawerlink">Homepage</a>
+    <a href="./introduction.html" class="navdrawerlink">Introduction</a>
+    <a href="#" class="navdrawerlinkactive">Installation</a>
+    <a href="./favicons.html" class="navdrawerlink">Favicons</a>
+    <a href="./configuration.html" class="navdrawerlink">Configuration</a>
+    <a href="./open-source.html" class="navdrawerlink">Open source</a>
+    <a href="./roadmap.html" class="navdrawerlink">Roadmap</a>
+    <div style="height: 60px;"></div>
+    <!--<div class="drawerbottomlinks">
+      <div class="blc">
+      <a class="bottomlink" href="https://diji.puffercat.xyz">Main website ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji">GitHub ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji/tree/github-files/docs/docs">Docs GitHub ></a>
+      </div>
+    </div>-->
+  </div>
+  <div id="drawerbg" class="navdrawerbg" onclick="closeNav()"></div>
+</div>
+  <div class="footer">
+    <p class="ftrtext">Created by <a href="https://puffercat.xyz" class="footerlink">KZacharski (Puffercat)</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink">Project created with diji 1.1</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink ftlpadding">Main website</a> <a href="https://github.com/KZacharski/diji" class="footerlink ftlpadding">GitHub</a> <a href="https://github.com/KZacharski/diji/tree/github-files/docs/docs" class="footerlink ftlpadding">Docs Github</a></p>
+  </div>
+</body>
+</html>

docs/docs/introduction.html

@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Introduction - diji docs</title>
+<link rel="icon" type="image" href="./assets/favicon.png">
+<link rel="stylesheet" type="text/css" href="style.css">
+<script src="script.js"></script>
+<meta name="theme-color" content="#000000" />
+</head>
+<body>
+  <div class="hhh">
+<div class="navbar">
+    <img onclick="openNav()" class="navicon" src="./assets/ic_fluent_navigation_24_filled.svg" height="25px">
+    <a href="./index.html"><img src="./assets/dijidocs.png" height="40px" style="display: block;"></a>
+</div>
+  <div class="content">
+<div class="anotherfuckingcontainer iafc">
+    <h1 class="t1">Introduction</h1>
+    <h3 class="t2">Last edited: 26 August 2023<br><a href="https://github.com/KZacharski/diji/blob/github-files/docs/docs/introduction.html" class="linkeffect ghlink">Open on GitHub</a></h3>
+    <p> 地基 (Dìjī) means foundation in Chinese. That's what diji is, just the foundation. It's not a framework, it's not even a static website generator. It's just a simple program that makes it quicker and easier to start a vanilla project. diji is an open source project written in go. Currently it can create a customized html boilerplate, CSS and JS files, insert sample content on the website, initialize a git repo and set up a gitignore file as well as add a favicon to the website (the user can change the default favicon in diji's config folder).</p>
+    <p>diji currently works on Linux, macOS and Windows, supporting both amd64/i386 and arm64/arm architectures (except for macOS because it doesn't currently support any 32-bit architectures). It's also possible to run it on other operating systems/architectures by building it from source which thanks to it being written in golang is very easy.</p>
+    <h3>Downloading diji</h3>
+    <p>Download the file corresponding with your OS and architecture from <a href="https://github.com/KZacharski/diji/releases" class="linkeffect">GitHub releases</a> then proceed to <a href="./installation.html" class="linkeffect">Installation</a>.</p>
+    
+
+    <div class="container2">
+     <!-- <div class="prev ge">
+        <a href="./index.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+          <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+          <div class="nextcontentparent">
+          <div class="getstartedcontent">
+          <img src="./assets/ic_fluent_chevron_left_24_filled.svg" height="30px" class="gep nep2">
+          <h3 class="gep nep">Homepage</h3>
+          <p class="gep gepar nepar">Previous page</p>
+        </div>
+        </div>
+        </div>
+        </a>
+        </div>-->
+        
+        
+          <div class="next ge">
+            <a href="./installation.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+              <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: right; text-align: right;">
+              <div class="nextcontentparent">
+              <div class="getstartedcontent">
+              <div style="display: flex; justify-content: right;">
+              <img src="./assets/ic_fluent_chevron_right_24_filled.svg" height="30px" class="gep nep2">
+              </div>
+              <h3 class="gep nep">Installation</h3>
+              <p class="gep gepar nepar">Next page</p>
+            </div>
+            </div>
+            </div>
+            </a>
+            </div>
+       
+      </div>
+      </div>
+    </div>
+
+
+
+
+
+  
+
+<div id="drawer" class="navdrawer">
+  <img src="./assets/dijidocs.png" height="40px" class="logodrawer">  
+  <a href="javascript:void(0)" class="closebtn navdrawera" onclick="closeNav()"><img src="./assets/ic_fluent_chevron_left_24_filled.svg" width="30px"></a>
+    <a href="./index.html" class="navdrawerlink">Homepage</a>
+    <a href="#" class="navdrawerlinkactive">Introduction</a>
+    <a href="./installation.html" class="navdrawerlink">Installation</a>
+    <a href="./favicons.html" class="navdrawerlink">Favicons</a>
+    <a href="./configuration.html" class="navdrawerlink">Configuration</a>
+    <a href="./open-source.html" class="navdrawerlink">Open source</a>
+    <a href="./roadmap.html" class="navdrawerlink">Roadmap</a>
+    <div style="height: 60px;"></div>
+    <!--<div class="drawerbottomlinks">
+      <div class="blc">
+      <a class="bottomlink" href="https://diji.puffercat.xyz">Main website ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji">GitHub ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji/tree/github-files/docs/docs">Docs GitHub ></a>
+      </div>
+    </div>-->
+  </div>
+  <div id="drawerbg" class="navdrawerbg" onclick="closeNav()"></div>
+</div>
+  <div class="footer">
+    <p class="ftrtext">Created by <a href="https://puffercat.xyz" class="footerlink">KZacharski (Puffercat)</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink">Project created with diji 1.1</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink ftlpadding">Main website</a> <a href="https://github.com/KZacharski/diji" class="footerlink ftlpadding">GitHub</a> <a href="https://github.com/KZacharski/diji/tree/github-files/docs/docs" class="footerlink ftlpadding">Docs Github</a></p>
+  </div>
+
+</body>
+</html>

docs/docs/open-source.html

@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Open source - diji docs</title>
+<link rel="icon" type="image" href="./assets/favicon.png">
+<link rel="stylesheet" type="text/css" href="style.css">
+<link rel="stylesheet" type="text/css" href="./assets/prism.css">
+<script src="script.js"></script>
+<script src="./assets/prism.js"></script>
+<meta name="theme-color" content="#000000" />
+</head>
+<body>
+  <div class="hhh">
+<div class="navbar">
+    <img onclick="openNav()" class="navicon" src="./assets/ic_fluent_navigation_24_filled.svg" height="25px">
+    <a href="./index.html"><img src="./assets/dijidocs.png" height="40px" style="display: block;"></a>
+</div>
+  <div class="content">
+<div class="anotherfuckingcontainer iafc">
+    <h1 class="t1">Open source</h1>
+    <h3 class="t2">Last edited: 31 August 2023<br><a href="https://github.com/KZacharski/diji/blob/github-files/docs/docs/open-source.html" class="linkeffect ghlink">Open on GitHub</a></h3>
+    <p>diji as well as it's website and docs are open source on the MIT license with all 3 being available in <a href="https://github.com/KZacharski/diji" class="linkeffect">this GitHub repo</a> with diji being located in the <code class="language-plaintext">main</code> branch while the website and docs are located in the <code class="language-plaintext">github-files</code> branch</p>
+    <p>The project is open to contributions (but don't do it for the sake of your sanity, the code is terrible)</p>
+    <p>You're also welcome to fork it and make your own version as long as you give credit to the original creator (well, partially original, most of the code comes from stackoverflow anyways)</p>
+    <p>The website's source code is available in the <code class="language-plaintext">docs</code> folder of the <code class="language-plaintext">github-files</code> branch while the docs source is available in the <code class="language-plaintext">docs/docs</code> folder of the same branch. (don't ask why)</p>
+    <h3>Building diji</h3>
+    <p>To build diji you need golang and git to be installed on your computer</p>
+    <p>Clone the git repo:</p>
+    <pre><code class="language-bash">git clone https://github.com/KZacharski/diji.git</code></pre>
+    <p>Now open the <code class="language-plaintext">diji</code> folder (it will be located in your home/user folder) in your file explorer and create a new folder there also called <code class="language-plaintext">diji</code>, then copy the <code class="language-plaintext">diji-config</code> folder from the root of the repo to the newly created <code class="language-plaintext">diji</code> folder</p>
+    <p>Open the repo in your terminal:</p>
+    <pre><code class="language-bash">cd diji</code></pre>
+    <br>
+    <h3 class="sbt">Building for the same platform as your device</h3>
+    <pre><code class="language-bash">go build -o diji/diji</code></pre>
+    <p>If you're using Windows:</p>
+    <pre><code class="language-batch">go build -o diji/diji.exe</code></pre>
+    <br>
+    <h3 class="sbt">Building for a different platform</h3>
+    <p>List all of the possible targets ([platform]/[architecture]):</p>
+    <pre><code class="language-bash">go tool dist list</code></pre>
+    <p>Now select the target you want to build for and run this command, replacing [platform] with the os you want to build for and [architecture] with the architecture you want to build for:</p>
+    <pre><code class="language-bash">GOOS=[platform] GOARCH=[architecture] go build -o diji/diji</code></pre>
+    <p>Or if you're building for Windows:</p>
+    <pre><code class="language-bash">GOOS=[platform] GOARCH=[architecture] go build -o diji/diji.exe</code></pre>
+    <p>Other platforms might require other formats. I'm only mentioning the ones that I know as I build them officially. If you have experienced needing to add a format while building for a platform other than Windows, feel free to contribute to the docs and share that info with everyone.</p>
+    
+    <div class="container2">
+     <div class="prev ge">
+        <a href="./configuration.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+          <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+          <div class="nextcontentparent">
+          <div class="getstartedcontent">
+          <img src="./assets/ic_fluent_chevron_left_24_filled.svg" height="30px" class="gep nep2">
+          <h3 class="gep nep">Configuration</h3>
+          <p class="gep gepar nepar">Previous page</p>
+        </div>
+        </div>
+        </div>
+        </a>
+        </div>
+        
+        
+          <div class="next ge">
+            <a href="./roadmap.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+              <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: right; text-align: right;">
+              <div class="nextcontentparent">
+              <div class="getstartedcontent">
+              <div style="display: flex; justify-content: right;">
+              <img src="./assets/ic_fluent_chevron_right_24_filled.svg" height="30px" class="gep nep2">
+              </div>
+              <h3 class="gep nep">Roadmap</h3>
+              <p class="gep gepar nepar">Next page</p>
+            </div>
+            </div>
+            </div>
+            </a>
+            </div>
+       
+      </div>
+      </div>
+    </div>
+
+
+
+ 
+  
+
+<div id="drawer" class="navdrawer">
+  <img src="./assets/dijidocs.png" height="40px" class="logodrawer">  
+  <a href="javascript:void(0)" class="closebtn navdrawera" onclick="closeNav()"><img src="./assets/ic_fluent_chevron_left_24_filled.svg" width="30px"></a>
+    <a href="./index.html" class="navdrawerlink">Homepage</a>
+    <a href="./introduction.html" class="navdrawerlink">Introduction</a>
+    <a href="./installation.html" class="navdrawerlink">Installation</a>
+    <a href="./favicons.html" class="navdrawerlink">Favicons</a>
+    <a href="./configuration.html" class="navdrawerlink">Configuration</a>
+    <a href="#" class="navdrawerlinkactive">Open source</a>
+    <a href="./roadmap.html" class="navdrawerlink">Roadmap</a>
+    <div style="height: 60px;"></div>
+    <!--<div class="drawerbottomlinks">
+      <div class="blc">
+      <a class="bottomlink" href="https://diji.puffercat.xyz">Main website ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji">GitHub ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji/tree/github-files/docs/docs">Docs GitHub ></a>
+      </div>
+    </div>-->
+  </div>
+  <div id="drawerbg" class="navdrawerbg" onclick="closeNav()"></div>
+</div>
+  <div class="footer">
+    <p class="ftrtext">Created by <a href="https://puffercat.xyz" class="footerlink">KZacharski (Puffercat)</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink">Project created with diji 1.1</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink ftlpadding">Main website</a> <a href="https://github.com/KZacharski/diji" class="footerlink ftlpadding">GitHub</a> <a href="https://github.com/KZacharski/diji/tree/github-files/docs/docs" class="footerlink ftlpadding">Docs Github</a></p>
+  </div>
+</body>
+</html>

docs/docs/roadmap.html

@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Roadmap - diji docs</title>
+<link rel="icon" type="image" href="./assets/favicon.png">
+<link rel="stylesheet" type="text/css" href="style.css">
+<link rel="stylesheet" type="text/css" href="./assets/prism.css">
+<script src="script.js"></script>
+<script src="./assets/prism.js"></script>
+<meta name="theme-color" content="#000000" />
+</head>
+<body>
+  <div class="hhh">
+<div class="navbar">
+    <img onclick="openNav()" class="navicon" src="./assets/ic_fluent_navigation_24_filled.svg" height="25px">
+    <a href="./index.html"><img src="./assets/dijidocs.png" height="40px" style="display: block;"></a>
+</div>
+  <div class="content">
+<div class="anotherfuckingcontainer iafc">
+    <h1 class="t1">Roadmap</h1>
+    <h3 class="t2">Last edited: 29 August 2023<br><a href="https://github.com/KZacharski/diji/blob/github-files/docs/docs/roadmap.html" class="linkeffect ghlink">Open on GitHub</a></h3>
+    <p>Current plans for diji's future:</p>
+    <ul>
+      <li>Add an option to change the defaults from the config file</li>
+      <li>Make it possible to disable adding a favicon by default</li>
+      <li>Add built-in help with a list of possible arguments and a link to the documentation</li>
+      <li>Add a few more sample content templates (like centered div)</li>
+      <li>Make it possible to change the default gitignore</li>
+      <li>Add an option to disable automatic commiting after initializing a git repo</li>
+    </ul>
+
+    
+    <div class="container2">
+     <div class="prev ge">
+        <a href="./open-source.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+          <div style="width: 100%; height: 100%; display: flex; align-items: center;">
+          <div class="nextcontentparent">
+          <div class="getstartedcontent">
+          <img src="./assets/ic_fluent_chevron_left_24_filled.svg" height="30px" class="gep nep2">
+          <h3 class="gep nep">Open source</h3>
+          <p class="gep gepar nepar">Previous page</p>
+        </div>
+        </div>
+        </div>
+        </a>
+        </div>
+        
+        
+       <!--   <div class="next ge">
+            <a href="./roadmap.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
+              <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: right; text-align: right;">
+              <div class="nextcontentparent">
+              <div class="getstartedcontent">
+              <div style="display: flex; justify-content: right;">
+              <img src="./assets/ic_fluent_chevron_right_24_filled.svg" height="30px" class="gep nep2">
+              </div>
+              <h3 class="gep nep">Roadmap</h3>
+              <p class="gep gepar nepar">Next page</p>
+            </div>
+            </div>
+            </div>
+            </a>
+            </div>-->
+       
+      </div>
+      </div>
+    </div>
+
+
+
+ 
+  
+
+<div id="drawer" class="navdrawer">
+  <img src="./assets/dijidocs.png" height="40px" class="logodrawer">  
+  <a href="javascript:void(0)" class="closebtn navdrawera" onclick="closeNav()"><img src="./assets/ic_fluent_chevron_left_24_filled.svg" width="30px"></a>
+    <a href="./index.html" class="navdrawerlink">Homepage</a>
+    <a href="./introduction.html" class="navdrawerlink">Introduction</a>
+    <a href="./installation.html" class="navdrawerlink">Installation</a>
+    <a href="./favicons.html" class="navdrawerlink">Favicons</a>
+    <a href="./configuration.html" class="navdrawerlink">Configuration</a>
+    <a href="./open-source.html" class="navdrawerlink">Open source</a>
+    <a href="#" class="navdrawerlinkactive">Roadmap</a>
+    <div style="height: 60px;"></div>
+    <!--<div class="drawerbottomlinks">
+      <div class="blc">
+      <a class="bottomlink" href="https://diji.puffercat.xyz">Main website ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji">GitHub ></a>
+      <a class="bottomlink" href="https://github.com/KZacharski/diji/tree/github-files/docs/docs">Docs GitHub ></a>
+      </div>
+    </div>-->
+  </div>
+  <div id="drawerbg" class="navdrawerbg" onclick="closeNav()"></div>
+</div>
+  <div class="footer">
+    <p class="ftrtext">Created by <a href="https://puffercat.xyz" class="footerlink">KZacharski (Puffercat)</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink">Project created with diji 1.1</a></p>
+    <p class="ftrtext"><a href="https://diji.puffercat.xyz" class="footerlink ftlpadding">Main website</a> <a href="https://github.com/KZacharski/diji" class="footerlink ftlpadding">GitHub</a> <a href="https://github.com/KZacharski/diji/tree/github-files/docs/docs" class="footerlink ftlpadding">Docs Github</a></p>
+  </div>
+</body>
+</html>

docs/docs/script.js

@@ -0,0 +1,50 @@
+var isOpen = false
+
+function openNav() {
+    document.getElementById("drawer").style.width = "250px";
+    document.getElementById("drawerbg").style.width = "100%";
+
+    isOpen = true
+  }
+  
+  /* Set the width of the side navigation to 0 */
+  function closeNav() {
+    document.getElementById("drawer").style.width = "0";
+    document.getElementById("drawerbg").style.width = "0";
+    isOpen = false
+  } 
+
+  const copyButtonLabel = "Copy Code";
+
+// use a class selector if available
+let blocks = document.querySelectorAll("pre");
+
+blocks.forEach((block) => {
+  // only add button if browser supports Clipboard API
+  if (navigator.clipboard) {
+    let button = document.createElement("button");
+
+    button.innerText = copyButtonLabel;
+    block.appendChild(button);
+
+    button.addEventListener("click", async () => {
+      await copyCode(block, button);
+    });
+  }
+});
+
+async function copyCode(block, button) {
+  let code = block.querySelector("code");
+  let text = code.innerText;
+
+  await navigator.clipboard.writeText(text);
+
+  // visual feedback that task is completed
+  button.innerText = "Code Copied";
+
+  setTimeout(() => {
+    button.innerText = copyButtonLabel;
+  }, 700);
+}
+
+  

docs/docs/style.css

@@ -0,0 +1,468 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
+
+html, body {
+  height: 100%;
+}
+
+body {
+font-family: 'Open Sans', sans-serif;
+margin: 0;
+background-color: #111;
+color: white;
+display: flex;
+flex-direction: column;
+
+
+} .navbar {
+    position: sticky;
+    top: 0px;
+    width: 100%;
+    background-color: #000000;
+    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.473);
+    display: flex;
+    align-items: center;
+    z-index: 1;
+    padding: 10px;
+    padding-right: 0;
+    padding-left: 0;
+} .navicon {
+    margin-left: 20px;
+    margin-right: 10px;
+} .content {
+  padding-left: 20px;
+  padding-right: 20px;
+  margin-right: auto;
+    margin-left: auto;
+    max-width: 1000px;
+    flex: 1 0 auto;
+   
+}
+
+.anotherfuckingcontainer {
+  margin: 20px;
+  overflow: auto;
+}
+
+.t1 {
+  margin: 0;
+  margin-top: 10px;
+  margin-bottom: 5px;
+} .t2 {
+  margin: 0;
+}
+
+
+
+.banner {
+  object-fit: cover;
+  max-height: 400px;
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+} .bannerimg {
+  object-fit: cover;
+  max-height: 400px;
+  margin-left: auto;
+  max-width: none;
+  margin-right: auto;
+  width: 100%;
+}
+
+.navdrawer {
+    height: 100%; /* 100% Full-height */
+    width: 0; /* 0 width - change this with JavaScript */
+    position: fixed; /* Stay in place */
+    z-index: 3; /* Stay on top */
+    top: 0; /* Stay at the top */
+    left: 0;
+    background-color: #000000; /* Black*/
+    overflow-x: hidden; /* Disable horizontal scroll */
+    padding-top: 50px; /* Place content 60px from the top */
+ 
+    transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
+    box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.473);
+  }
+
+  .navdrawerbg {
+    height: 100%; /* 100% Full-height */
+    width: 0; /* 0 width - change this with JavaScript */
+    position: fixed; /* Stay in place */
+    z-index: 2; /* Stay on top */
+    top: 0; /* Stay at the top */
+    left: 0;
+    background-color: transparent; /* Black*/
+    overflow-x: hidden; /* Disable horizontal scroll */
+    padding-top: 15px; /* Place content 60px from the top */
+    transition: 0s; /* 0.5 second transition effect to slide in the sidenav */
+  }
+  
+  /* The navigation menu links */
+  .navdrawera {
+    padding: 6px 6px 6px 28px;
+    margin: 10px;
+    text-decoration: none;
+    font-size: 17px;
+    color: #ffffff;
+    display: block;
+    transition: 0.3s;
+  }
+
+  .navdrawerlink {
+    padding: 6px 6px 6px 10px;
+    margin: 15px;
+    text-decoration: none;
+    font-size: 19px;
+    white-space: nowrap;
+    color: #ffffff;
+    display: block;
+    font-weight: 500;
+    transition: 0.3s;
+    border-radius: 10px;
+  }
+
+  .navdrawerlinkactive {
+    padding: 6px 6px 6px 10px;
+    margin: 15px;
+    white-space: nowrap;
+    text-decoration: none;
+    font-size: 19px;
+    color: #000000;
+    background-color: #ffffff;
+    display: block;
+    font-weight: 500;
+    transition: 0.3s;
+    border-radius: 10px;
+  }
+  
+  /* When you mouse over the navigation links, change their color */
+  .navdrawera:hover {
+    color: #969696;
+  }
+
+  .navdrawerlink:hover {
+    background-color: #ffffff15;
+  }
+  
+  /* Position and style the close button (top right corner) */
+  .navdrawer .closebtn {
+    position: absolute;
+    top: 0;
+    margin-top: 0;
+    right: 7px;
+    font-size: 36px;
+    margin-left: 50px;
+  }
+
+  .navdrawer .logodrawer {
+    position: absolute;
+    top: 10px;
+    margin-top: 0;
+    left: 7px;
+    font-size: 36px;
+    
+  }
+  
+  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
+  #main {
+    transition: margin-left .5s;
+    padding: 20px;
+  }
+  
+  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) 
+  @media screen and (max-height: 450px) {
+    .navdrawer {padding-top: 15px;}
+    .navdrawer a {font-size: 18px;}
+    
+  }*/
+
+ 
+
+
+
+
+  .container {  display: grid;
+    
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr 1fr 1fr 1fr;
+    gap: 20px 0;
+    margin-top: 30px;
+    margin-bottom: 50px;
+    grid-auto-flow: column;
+    grid-template-areas: 
+    "getstarted"
+    "install"
+    "favicon"
+    "config";
+
+  }
+
+  @media only screen and (min-width: 38em) {  .container {
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+    gap: 20px 20px;
+    
+   
+    
+    margin-top: 30px;
+    grid-auto-flow: row;
+    grid-template-areas:
+      "getstarted install"
+      "favicon config";
+  }}
+
+ /* .container2 {  display: grid;
+    
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr 1fr;
+    gap: 20px 0;
+    margin-top: 30px;
+    margin-bottom: 50px;
+    grid-auto-flow: column;
+    grid-template-areas: 
+    "prev"
+    "next";
+  }
+
+  @media only screen and (min-width: 25em) {  .container2 {
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr;
+    gap: 20px 20px;
+    
+   
+    
+    margin-top: 30px;
+    grid-auto-flow: row;
+    grid-template-areas:
+      "prev next";
+  }}*/
+
+  .container2 {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr;
+    gap: 0 20px;
+    margin-top: 30px;
+
+    grid-auto-flow: row;
+    grid-template-areas:
+      "prev next";
+  }
+  
+  .getstarted { grid-area: getstarted; 
+  background-color: rgb(0, 0, 0);
+
+  
+  }
+
+  .prev { grid-area: prev; 
+    background-color: rgb(0, 0, 0);
+  
+    
+    }
+    .next { grid-area: next; 
+      background-color: rgb(0, 0, 0);
+    
+      
+      }
+
+      @media only screen and (max-width: 25em) {  .nep { 
+        font-weight: 400;
+        font-size:medium;
+      }
+    .nepar {
+      display: none;
+    }
+    .nep2 {
+      height: 25px;
+    }
+    }
+  
+  .install { grid-area: install; 
+    background-color: #000;}
+  
+  .favicon { grid-area: favicon; 
+    background-color: #000;}
+  
+  .config { grid-area: config; 
+    background-color: #000;}
+
+    .ge {
+      border-radius: 20px;
+      border-style: solid;
+      border-color: #ffffff21;
+     border-width: 2px;
+     display: flex;
+   
+     align-items: center;
+     transition: 0.2s;
+    }
+
+    .ge:hover {
+      transition: 0.2s;
+      box-shadow: 0 10px 10px 0 #00000080;
+    }
+  
+  .getstartedcontent {
+    margin: 20px;
+    
+  } .gep {
+    margin: 0;
+    padding: 0;
+    color: #ffffff;
+    text-decoration: none;
+  } .getstartedcontentparent {
+    margin: 20px;
+ /*   margin-left: auto;
+    margin-right: auto;*/
+    padding: 8px;
+    width: fit-content;
+    height: fit-content;
+  } .footer {
+    text-align: center;
+    background-color: #000;
+    display: flex;
+
+    flex-shrink: 0;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    padding: 20px;
+  } .ftrtext {
+    margin: 5px;
+  } .footerlink {
+    color: white;
+    transition: .2s;
+}
+
+.footerlink:hover {
+    opacity: 0.6;
+} /*.drawerbottomlinks {
+  background-color: #000;
+
+  width: 250px;
+
+
+} .bottomlink {
+ 
+  color: white;
+  display: block;
+  margin: 2px;
+  padding: 2px;
+
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-left: 10px;
+  padding-right: 10px;
+  transition: 0.2s;
+} .blc {
+ /* margin-bottom: 65px;   margin-top: 30px;
+
+} .bottomlink:hover {
+  opacity: 0.6;
+}*/
+.ftlpadding {
+  padding: 5px;
+  margin: 5px;
+  padding-left: 0;
+  padding-right: 0;
+} .linkeffect {
+  color: white;
+  transition: .2s;
+}
+
+.linkeffect:hover {
+  opacity: 0.6;
+}/* .ghlink {
+  
+}*/ .iafc {
+  padding-bottom: 30px;
+} .sbt {
+  font-size: large;
+  margin-top: 0;
+  padding-top: 0;
+  margin-bottom: 5px;
+  padding-bottom: 0;
+} .sbtt {
+  
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+pre[class*="language-"] {
+  position: relative;
+  overflow: scroll;
+
+  /* make space  */
+  margin: 5px 0;
+  padding: 1.75rem 0 1.75rem 1rem;
+  border-radius: 10px;
+  max-width: 100%;
+  overflow: scroll;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  text-align: justify;
+  overflow-x: scroll;
+  width: 100%;
+}
+
+pre[class*="language-"] button {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+
+  font-size: 0.9rem;
+  padding: 0.15rem;
+  background-color: #828282;
+
+  border: ridge 1px #7b7b7c;
+  border-radius: 5px;
+  text-shadow: #c4c4c4 0 0 2px;
+}
+
+pre[class*="language-"] button:hover {
+  cursor: pointer;
+  background-color: #bcbabb;
+}
+pre {
+  max-width: 100%;
+  overflow: scroll;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  text-align: justify;
+  overflow-x: scroll;
+  width: 100%;
+} code {
+  overflow: scroll;
+  max-width: 100%;
+} .hhh {
+  height: auto;
+  flex: 1 0 auto;
+} .iwarning {
+  text-transform: uppercase;
+  background-color: #450a0a;
+  color: #dc2626;
+  padding:20px;
+  border-radius: 25px;
+  font-size: small;
+} .iwarningtext {
+  padding: 0;
+  margin: 0;
+} .iwarnlink {
+  transition: .2s;
+  text-decoration:underline;
+  text-decoration-thickness: 2px;
+  color: #dc2626;
+} .iwarnlink:hover {
+  text-decoration: none;
+} .winscreen {
+  max-width: 100%;
+} .macscreen {
+  width: 100%;
+  max-width: 400px;
+} .macosfix {
+  scroll-margin-top: 75px;
+}

docs/index.html

@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>diji</title>
+<link rel="icon" type="image" href="./assets/favicon.png">
+<link rel="stylesheet" type="text/css" href="style.css">
+<link href="./assets/fontawesome/css/all.min.css" rel="stylesheet">
+<meta name="theme-color" content="#7D7D7D" />
+</head>
+<body>
+    <div class="wrapper">
+      <header>
+    <div class="header">
+        <div class="headercontent">
+        <img class="logo" src="./assets/logo.png" height="200px">
+        <h1 class="headername">diji</h1>
+        <h2 class="headersubtitle">Create a vanilla JS project in seconds</h2>
+        <br>
+        <a href="./docs/introduction.html" class="getstarted button">Get started</a>
+        <a href="https://github.com/KZacharski/diji/releases" class="download button">Download</a>
+        </div>
+    </div>
+    </header>
+    <main>
+    <div class="contentpart">
+      <div class="contentgrid">
+        <div class="tablephoto">
+      <img src="./assets/content1.png" class="contentimage">
+      </div>
+      <div class="tabletext">
+      <h1 class="contenttext">地基 (Dìjī) means foundation in Chinese</h1>
+      <h3 class="contenttext2">That's what diji is, just the foundation. It's not a framework, it's not even a static website generator. It's just a simple program that makes it quicker and easier to start a vanilla project.</h3>
+      </div>
+      </div>
+    </div>
+    <div class="contentpart2">
+      <div class="contentgrid2">
+        <div class="tablephoto2">
+      <img src="./assets/content2.png" class="contentimage2">
+      </div>
+      <div class="tabletext2">
+      <h1 class="contenttext">Works everywhere</h1>
+      <h3 class="contenttext2">Either move it to your projects folder (for example documents) or add it to your $PATH and use it everywhere.</h3>
+      </div>
+      </div>
+    </div>
+    <div class="contentpart">
+      <div class="contentgrid">
+        <div class="tablephoto">
+      <img src="./assets/content3.png" class="contentimage">
+      </div>
+      <div class="tabletext">
+      <h1 class="contenttext">Fast and lightweight</h1>
+      <h3 class="contenttext2">While most similar tools (usually for frameworks and generally more advanced) are based on NodeJS, diji is written in go and compiled to a binary.</h3>
+      </div>
+      </div>
+    </div>
+    <div class="contentpart2">
+      <div class="contentgrid2">
+        <div class="tablephoto2">
+      <img src="./assets/content4.png" class="contentimage2">
+      </div>
+      <div class="tabletext2">
+      <h1 class="contenttext">Favicons by default</h1>
+      <h3 class="contenttext2">Paste your logo or anything you want to use as the default favicon to diji's config folder and it will be added to every project created.</h3>
+      </div>
+      </div>
+    </div>
+    <div class="contentpart">
+      <div class="contentgrid">
+        <div class="tablephoto">
+      <img src="./assets/content5.png" class="contentimage">
+      </div>
+      <div class="tabletext">
+      <h1 class="contenttext">Perfectly multiplatform</h1><br>
+      <h3 class="contenttext2">diji works just as well on macOS, Linux and Windows.</h3>
+      </div>
+      </div>
+    </div>
+    <div class="contentpart2">
+      <div class="contentgrid2">
+        <div class="tablephoto2">
+      <img src="./assets/content6.png" class="contentimage2">
+      </div>
+      <div class="tabletext2">
+      <h1 class="contenttext">Open source</h1>
+      <h3 class="contenttext2">Add more features, fix my spaghetti code, create your own fork. Thanks to open source code on the MIT license you can help make diji better or fully adapt it to your needs.</h3>
+      </div>
+      </div>
+    </div>
+    <div class="header" style="padding: 20px; padding-bottom: 30px;">
+      <div class="headercontent">
+      <h2 class="headersubtitle" style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 30pt;">Ready to give diji a try?</h2>
+      <br>
+      <a href="./docs/introduction.html" class="getstarted button">Get started</a>
+      </div>
+  </div>
+  </main>
+  <footer>
+  <div class="footer">
+    <p>Created by <a class="footerlink" href="https://puffercat.xyz">KZacharski (Puffercat)</a></p>
+    <p>Both this website and diji itself are open source on the MIT license.</p>
+    <p>Project created with diji 1.0</p>
+    <a href="https://github.com/KZacharski/diji" class="footerlink faicon"><i class="fa-brands fa-github"></i></a>
+    <a href="./docs/index.html" class="footerlink faicon"><i class="fa-solid fa-book"></i></a>
+  </div>
+    </div>
+  </div>
+  </footer>
+<div>
+</div>
+</div>
+
+</body>

docs/style.css

@@ -0,0 +1,189 @@
+@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500;700&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
+
+
+body {
+font-family: 'Open Sans', sans-serif;
+background-color: #18181b;
+color: white;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+.header {
+    height: 100%;
+    padding: 20px;
+    padding-top: 50px;
+    padding-bottom: 50px;
+    margin: 0px;
+    align-items: center;
+    justify-content: center;
+display: flex;
+ 
+    background: linear-gradient(#7D7D7D, #4A4A4A);
+} .headername {
+    font-family: 'Comfortaa', sans-serif;
+    font-weight: 700;
+    font-size: 55pt;
+    padding: 0px;
+    margin: 0px;
+    color: white;
+} .headercontent {
+    text-align: center;
+} .headersubtitle {
+    font-family: 'Comfortaa', sans-serif;
+    font-weight: 500;
+    font-size: 20pt;
+color: white;
+padding: 0px;
+margin: 0px;
+margin-top: 20px;
+}
+.button {
+    margin: 10px;
+    padding: 10px;
+    width: 200px;
+    background-color:rgba(255, 255, 255, 0.20);
+    border-radius: 100px;
+    color: white;
+    text-decoration: none;
+    font-size: 17pt;
+    font-weight: 500;
+    display: inline-block;
+    transition: transform .2s;
+} .getstarted {
+    background-color: white;
+    color: black;
+} .logo {
+    margin-bottom: 20px;
+} .contentpart {
+    height: 100%;
+    padding: 0px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    margin: 0px;
+    display: flex;
+    width: 100%;
+ 
+
+}
+
+.button:hover {
+ /*   box-shadow: 0px 3px 10px 0px #0000007c;*/
+ transform: scale(1.1);
+}
+
+.footer {
+    text-align: center;
+    padding: 10px;
+    padding-bottom: 20px;
+}
+
+.faicon {
+    font-size: 25pt;
+    margin: 10px;
+    padding: 10px;
+}
+.footerlink {
+    color: white;
+    transition: .2s;
+}
+
+.footerlink:hover {
+    opacity: 0.6;
+}
+.contentpart2 {
+    height: 100%;
+    padding: 0px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    margin: 0px;
+    display: flex;
+    width: 100%;
+    background-color: #27272a;
+ 
+
+}
+.contentimage {
+    width: 350px;
+    margin-left: auto;
+    margin-right: 0px;
+   grid-column: 2;
+    display: block;
+}
+
+.contentimage2 {
+    width: 350px;
+    margin-left: 0px;
+    margin-right: auto;
+   grid-column: 1;
+    display: block;
+}
+
+.contenttext {
+    display: inline-block;
+    padding: 20px;
+    padding-bottom: 0px;
+    padding-left: 30px;
+    padding-right: 30px;
+    margin: 0px;
+} .contentgrid {
+    width: 100%;
+} .contenttext2 {
+    display: inline-block;
+    padding: 15px;
+    padding-bottom: 50px;
+    margin: 0px;
+    padding-left: 30px;
+    padding-right: 30px;
+    font-weight: 500;
+}
+
+@media only screen and (min-width: 48em) {
+    .contentimage {
+        width: 500px;
+    }
+    .contentimage2 {
+        width: 500px;
+    }
+    .tablephoto {
+        grid-column: 2;
+        grid-row: 1;
+    }.tabletext {
+        grid-column: 1;
+        grid-row: 1;
+    }
+
+    .tablephoto2 {
+        grid-column: 1;
+        grid-row: 1;
+    }.tabletext2 {
+        grid-column: 2;
+        grid-row: 1;
+    }
+
+    .contenttext {
+        grid-column: 1;
+
+    }
+    .contentgrid {
+        display: grid;
+        width: 100%;
+        grid-template-columns: 57% 43%;
+        grid-template-rows: 100%;
+    }
+    .contentgrid2 {
+        display: grid;
+        width: 100%;
+        grid-template-columns: 43% 57%;
+        grid-template-rows: 100%;
+    }
+    .contenttext {
+       vertical-align: top;
+    } .contenttext2 {
+        vertical-align: top;
+     } 
+}

go.mod

@@ -1,3 +0,0 @@
-module KZacharski/diji
-
-go 1.21.0