configured prettier and github actions (#19)

* prettier setup

* formatted by prettier

* github actions test

* github actions fix

* fix

.github/workflows/workflow.yml

@@ -0,0 +1,14 @@
+name: CI
+'on':
+  - push
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - name: Install modules
+      run: |
+        npm install
+    - name: Run Prettier
+      run: |
+        npm run check

.gitignore

@@ -1,2 +1,3 @@
 /public
-_gen
+_gen
+node_modules

.prettierrc

@@ -0,0 +1,10 @@
+{
+    "overrides": [
+      {
+        "files": ["*.html"],
+        "options": {
+          "parser": "go-template"
+        }
+      }
+    ]
+  }

assets/js/index.js

@@ -1,5 +1,5 @@
-function fileClosure(){
-    console.log("Hello World")
+function fileClosure() {
+  console.log("Hello World");
 }
 
-window.addEventListener('load', fileClosure());
+window.addEventListener("load", fileClosure());

assets/js/navbar.js

@@ -1,5 +1,5 @@
-function loadNavbar(){
-    console.log("Loaded Navbar")
+function loadNavbar() {
+  console.log("Loaded Navbar");
 }
 
-window.addEventListener('load', loadNavbar());
+window.addEventListener("load", loadNavbar());

assets/scss/_global.scss

@@ -1,5 +1,5 @@
 body {
-    margin: 0;
-    padding: 0;
-    background-color: var(--bg);
+  margin: 0;
+  padding: 0;
+  background-color: var(--bg);
 }

assets/scss/components/_navbar.scss

@@ -105,7 +105,7 @@ li {
   height: 195px;
 }
 
-.actual_content{
+.actual_content {
   color: black;
   position: fixed;
   -webkit-transition: all 600ms ease-out;
@@ -133,8 +133,8 @@ li {
   z-index: 2;
 }
 
-@for $i from 1 through $navItemsLength{
-    #item#{$i}:hover ~ {
+@for $i from 1 through $navItemsLength {
+  #item#{$i}:hover ~ {
     #actual_content#{$i} {
       z-index: 3 !important;
       -webkit-transition: all 400ms ease-in;
@@ -148,7 +148,6 @@ li {
   }
 }
 
-
 .item_block {
   -webkit-transition: all 500ms ease-out;
   -moz-transition: all 500ms ease-out;
@@ -176,7 +175,7 @@ li {
   border-right: 2px solid black;
 }
 
-.right_image{
+.right_image {
   background-repeat: no-repeat;
   background-position: 50%;
   background-size: cover;

assets/scss/components/_overlaypost.scss

@@ -1,42 +1,41 @@
-
 .overlaypost_header {
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
-    position: absolute;
-    width: 100%;
-    height: 75vh;
-    background-color:black;
-    margin-top: -10rem;
-    z-index: -1;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  position: absolute;
+  width: 100%;
+  height: 75vh;
+  background-color: black;
+  margin-top: -10rem;
+  z-index: -1;
 }
 
 .overlaypost_blur {
-    filter: blur(0.2rem);
-    -webkit-filter: blur(0.2rem);
+  filter: blur(0.2rem);
+  -webkit-filter: blur(0.2rem);
 }
 
 .overlaypost_header::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1;
-    background: rgba(10,15,30,0.72);
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  background: rgba(10, 15, 30, 0.72);
 }
 
 .overlaypost {
-    padding: 1rem 3.5rem;
-    max-width: 45rem;
-    margin: 0 auto;
-    margin-top: 10rem;
-    background-color: var(--bg);
-    box-shadow: 0px 0.5rem 1rem -0.5rem rgba(19, 17, 16, 0.384);
-    border-radius: 0.25rem;
+  padding: 1rem 3.5rem;
+  max-width: 45rem;
+  margin: 0 auto;
+  margin-top: 10rem;
+  background-color: var(--bg);
+  box-shadow: 0px 0.5rem 1rem -0.5rem rgba(19, 17, 16, 0.384);
+  border-radius: 0.25rem;
 
-    h2 {
-        margin-top: 2rem;
-    }
+  h2 {
+    margin-top: 2rem;
+  }
 }

assets/scss/components/_posts.scss

@@ -1,31 +1,31 @@
 .post_header {
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
-    position: relative;
-    height: 40vh;
-    background-color: var(--bg);
-    margin-top: 3rem;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  position: relative;
+  height: 40vh;
+  background-color: var(--bg);
+  margin-top: 3rem;
 }
 
 .post_header::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1;
-    background: rgba(10,15,30,0.72);
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  background: rgba(10, 15, 30, 0.72);
 }
 
 .post {
-    padding: 1rem 1.5rem;
-    margin-top: 1.5rem;
-    max-width: 45rem;
-    margin: 0 auto;
+  padding: 1rem 1.5rem;
+  margin-top: 1.5rem;
+  max-width: 45rem;
+  margin: 0 auto;
 
-    h2 {
-        margin-top: 2rem;
-    }
+  h2 {
+    margin-top: 2rem;
+  }
 }

assets/scss/main.scss

@@ -1,3 +1,3 @@
-@import 'variables';
-@import 'components';
-@import 'global';
+@import "variables";
+@import "components";
+@import "global";

layouts/404.html

@@ -1 +0,0 @@
-

layouts/_default/announcement.html

@@ -1,15 +1,18 @@
 {{ define "main" }}
-    {{- partial "navbar.html" . -}}
+  {{- partial "navbar.html" . -}}
 
-    <!--Header-->
-    {{- if ne .Params.hideBanner true }}
-        <section class = 'post_header' style = 'background-image:url({{ absURL .Params.background }});'></section>
-    {{- end }}
+  <!--Header-->
+  {{- if ne .Params.hideBanner true }}
+    <section
+      class="post_header"
+      style="background-image:url({{ absURL .Params.background }});"
+    ></section>
+  {{- end }}
 
-    <!--Content-->
-    <div class = '{{ if .Params.full }}wrap post{{ else }}post{{ end }}'>
-        <article class='post_content'>
-          {{- .Content }}
-        </article>
-    </div>
+  <!--Content-->
+  <div class="{{ if .Params.full }}wrap post{{ else }}post{{ end }}">
+    <article class="post_content">
+      {{- .Content }}
+    </article>
+  </div>
 {{ end }}

layouts/_default/baseof.html

@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html>
-    {{- partial "head.html" . -}}
-    <body>
-        {{- block "main" . }}{{- end }}
-    </body>
-    {{- partial "footer.html" . -}}
+  {{- partial "head.html" . -}}
+  <body>
+    {{- block "main" . }}{{- end }}
+  </body>
+  {{- partial "footer.html" . -}}
 </html>

layouts/_default/list.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-    <h1>List</h1>
-    <h1>{{ .Title }}</h1>
-    {{ .Content }}
+  <h1>List</h1>
+  <h1>{{ .Title }}</h1>
+  {{ .Content }}
 {{ end }}

layouts/_default/overlaypost.html

@@ -1,18 +1,24 @@
 {{ define "main" }}
-    {{- partial "navbar.html" . -}}
+  {{- partial "navbar.html" . -}}
 
-    <!--Header-->
-    {{- if ne .Params.hideBanner true }}
-        <section class = 'overlaypost_header' style = 'background-image:url({{ absURL .Params.background }});'></section>
-        <section class = 'overlaypost_header overlaypost_blur' style = 'background-image:url({{ absURL .Params.background }});'></section>
-    {{- end }}
+  <!--Header-->
+  {{- if ne .Params.hideBanner true }}
+    <section
+      class="overlaypost_header"
+      style="background-image:url({{ absURL .Params.background }});"
+    ></section>
+    <section
+      class="overlaypost_header overlaypost_blur"
+      style="background-image:url({{ absURL .Params.background }});"
+    ></section>
+  {{- end }}
 
-    <!--Content-->
-    <div class = '{{ if .Params.full }}wrap post{{ else }}overlaypost{{ end }}'>
-        <article class='overlaypost_content'>
-          <!--Temp-->
-          <h1 style="font-size: 3rem">{{- .Params.title }}</h1>
-          {{- .Content }}
-        </article>
-    </div>
+  <!--Content-->
+  <div class="{{ if .Params.full }}wrap post{{ else }}overlaypost{{ end }}">
+    <article class="overlaypost_content">
+      <!--Temp-->
+      <h1 style="font-size: 3rem">{{- .Params.title }}</h1>
+      {{- .Content }}
+    </article>
+  </div>
 {{ end }}

layouts/_default/single.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-    <h1>Single</h1>
-    <h1>{{ .Title }}</h1>
-    {{ .Content }}
+  <h1>Single</h1>
+  <h1>{{ .Title }}</h1>
+  {{ .Content }}
 {{ end }}

layouts/index.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-    {{- partial "navbar.html" . -}}
-    <h1>Site</h1>
-    {{ .Content }}
+  {{- partial "navbar.html" . -}}
+  <h1>Site</h1>
+  {{ .Content }}
 {{ end }}

layouts/partials/footer.html

@@ -1,6 +1,5 @@
 <div class="footer">Footer</div>
 
-
 <!--JS Bundle-->
 
 {{- $mainScriptPath := "js/index.js" }}
@@ -9,9 +8,9 @@
 {{- $navbarScriptPath := "js/navbar.js" }}
 {{- $navbar := resources.Get $navbarScriptPath | resources.ExecuteAsTemplate $navbarScriptPath . }}
 
-{{- $bundle := slice $main $navbar}}
+{{- $bundle := slice $main $navbar }}
 {{- if site.Params.Staticman }}
-    {{- $bundle = slice $main $navbar}}
+  {{- $bundle = slice $main $navbar }}
 {{- end }}
 {{- $bundle =  $bundle | resources.Concat "js/bundle.js" | resources.Fingerprint "sha512" -}}
 

layouts/partials/head.html

@@ -1,11 +1,16 @@
 <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    {{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed" "enableSourceMap" "true") -}}
-    {{- $styles := resources.Get "scss/main.scss" | resources.ExecuteAsTemplate "main.scss" . | resources.ToCSS $options | resources.Fingerprint "sha512" }}
-    <link rel = 'stylesheet' href = '{{ $styles.Permalink }}' crossorigin="anonymous" integrity = '{{ $styles.Data.Integrity }}'>
-    <!--<link rel="stylesheet" type="text/css" href="/css/style.css">-->
-    {{ $title := print .Site.Title " | " .Title }}
-    {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
-    <title>{{ $title }}</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  {{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed" "enableSourceMap" "true") -}}
+  {{- $styles := resources.Get "scss/main.scss" | resources.ExecuteAsTemplate "main.scss" . | resources.ToCSS $options | resources.Fingerprint "sha512" }}
+  <link
+    rel="stylesheet"
+    href="{{ $styles.Permalink }}"
+    crossorigin="anonymous"
+    integrity="{{ $styles.Data.Integrity }}"
+  />
+  <!--<link rel="stylesheet" type="text/css" href="/css/style.css">-->
+  {{ $title := print .Site.Title " | " .Title }}
+  {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
+  <title>{{ $title }}</title>
 </head>