fix(css): Fix CSS by cleaning it up

.github/workflows/pr-preview.yml

@@ -26,6 +26,12 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          submodules: recursive
+          fetch-depth: 0
+
       - name: Setup Hugo
         uses: peaceiris/actions-hugo@v2
         with:
@@ -35,12 +41,6 @@ jobs:
       - name: Install Dart Sass
         run: sudo snap install dart-sass
 
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          submodules: recursive
-          fetch-depth: 0
-
       - name: Setup Pages
         id: pages
         uses: actions/configure-pages@v3
@@ -58,7 +58,7 @@ jobs:
             --gc \
             --minify \
             --environment "${HUGO_ENVIRONMENT}" \
-            --baseURL "${{ steps.pages.outputs.base_url }}"
+            --baseURL "${{ steps.pages.outputs.base_url }}/"
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v1

config/_default/hugo.toml

@@ -1,4 +1,4 @@
-baseurl = "localhost"
+baseURL = "localhost"
 title = "pixincreate"
 languageCode = "en-us"
 theme = "hello-friend-ng"
@@ -36,8 +36,10 @@ canonifyURLs = true
 description = "pixincreate's website"
 keywords = "blog, homepage, portfolio, resume"
 images = [""]
+justifyContent = true
+rss = true
 
-customCSS = ["css/custom.css"]
+custom_css = ["css/styles.css"]
 
 [[languages.en.params.social]]
 name = "github"

config/production/hugo.toml

@@ -1 +1 @@
-baseurl = "https://pixincreate.dev/"
+baseURL = "https://pixincreate.dev/"

config/staging/hugo.toml

@@ -1 +1 @@
-baseurl = "https://pixincreate.github.io/pixincreate.dev/"
+baseURL = "https://pixincreate.github.io/pixincreate.dev/"

layouts/partials/head.html

@@ -22,21 +22,11 @@
 {{ end }}
 
 <!-- CSS -->
-{{ range .Site.Params.custom_css -}}
-<link rel="stylesheet" href="{{ . | absURL }}">
-{{- end }}
+
 {{ $options := (dict "targetPath" "main.css" "outputStyle" "compressed" "enableSourceMap" true) }}
 {{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options | resources.Fingerprint }}
 <link rel="stylesheet" href="{{ $style.RelPermalink }}" integrity="{{ $style.Data.Integrity }}">
-
-{{ range $val := $.Site.Params.customCSS }}
-{{ if gt (len $val) 0 }}
-<link rel="stylesheet" type="text/css" href="{{ $val }}">
-{{ end }}
-{{ end }}
-
-<!-- Custom CSS handled here -->
-{{ range .Site.Params.customCSS -}}
+{{ range .Site.Params.custom_css -}}
 <link rel="stylesheet" href="{{ . | absURL }}">
 {{- end }}
 

layouts/shortcodes/contact.html

@@ -12,7 +12,7 @@
             <label for="message">Message</label>
             <textarea id="message" name="message" placeholder="Lorem ipsum dolor sit amet," required></textarea>
         </div>
-        <button type="submit">Submit</button>
+        <button>Submit</button>
     </form>
 </div>
 <script>