update theme

.gitignore

@@ -1,3 +1,3 @@
-/public
-/resources/_gen
-.hugo_build.lock
+resources/*
+node_modules/*
+public/*

.gitlab-ci.yml

@@ -0,0 +1,24 @@
+image: registry.gitlab.com/pages/hugo/hugo_extended:latest
+
+default:
+  before_script:
+    - apk add --update --no-cache git go nodejs npm
+    - hugo mod tidy
+    - hugo mod npm pack
+    - npm install 
+
+test:
+  script:
+    - hugo
+  rules:
+    - if: $CI_COMMIT_REF_NAME != $CI_DEFAULT_BRANCH
+
+pages:
+  script:
+    - hugo
+  artifacts:
+    paths:
+      - public
+  rules:
+    - if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH
+

README.md

@@ -0,0 +1,48 @@
+# tiago.carreira.pw
+
+This is the repo building the website at https://tiago.carreira.pw
+
+Built with [Hugo](https://gohugo.io), with [Toha theme](https://github.com/hugo-toha/toha)
+
+
+## Requirements
+
+In order to run the theme locally, you must have the following tools installed.
+
+- Hugo version v0.118.x (extended) or later.
+- Go language version v1.18.x or later.
+- Node version v18.x and npm version 8.x or later.
+
+Make sure you have the required tools installed to the proper version using the following commands.
+```
+# Check Hugo version
+➜ hugo version
+hugo v0.118.2+extended linux/amd64 BuildDate=unknown
+
+# Check Go version
+➜ go version
+go version go1.19.4 linux/amd64
+
+# Check Node version
+➜ node -v
+v18.12.1
+
+# Check NPM version
+➜ npm -v
+8.19.2
+```
+
+
+## Run locally
+
+```
+# a. Load Hugo modules
+hugo mod tidy
+
+# b. Install node modules
+hugo mod npm pack
+npm install
+
+# c. Run the site
+hugo server -w
+```

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

assets/jsconfig.json

@@ -0,0 +1,11 @@
+{
+ "compilerOptions": {
+  "baseUrl": ".",
+  "paths": {
+   "*": [
+    "*",
+    "../../../Library/Caches/hugo_cache/modules/filecache/modules/pkg/mod/github.com/hugo-toha/toha/v4@v4.5.0/assets/*"
+   ]
+  }
+ }
+}

assets/scripts/application.js

@@ -0,0 +1,12 @@
+import 'popper.js'
+import 'bootstrap'
+import '@fortawesome/fontawesome-free/js/all'
+import feather from 'feather-icons'
+
+import './core'
+import './features'
+import './sections'
+import './pages'
+import './custom'
+
+feather.replace();

assets/scripts/custom/email-shadower.js

@@ -0,0 +1,14 @@
+// trying to avoid spam
+document.addEventListener('DOMContentLoaded', function() {
+    maildivs = document.getElementsByClassName("shadowed-mail")
+    for (let maildiv of maildivs) {
+        direction = maildiv.getAttribute("direction")
+        domain = maildiv.getAttribute("domain")
+        subject = maildiv.getAttribute("subject")
+        toreplace = maildiv.getAttribute("toreplace")
+        fullm = direction+"@"+domain
+
+        maildiv.href = "mailto:"+fullm+"?subject="+subject
+        maildiv.innerHTML = maildiv.innerHTML.replaceAll(toreplace, fullm)
+    };
+});

assets/scripts/custom/index.js

@@ -0,0 +1 @@
+import './email-shadower'

assets/styles/override.scss

@@ -0,0 +1,46 @@
+// make the tyny background image look just unfocused
+#homePageBackgroundImageDivStyled {
+    filter: blur(0.3em);
+    -webkit-filter: blur(0.3em);
+    -moz-filter: blur(0.3em);
+    -o-filter: blur(0.3em);
+    -ms-filter: blur(0.3em);
+}
+
+// keep img ratio on technical skills
+.card-img-xs {
+    object-fit: contain;
+    width: auto;
+}
+
+// Contacts section
+.contacts {
+    list-style: none;
+    padding-inline-start: 0px;
+}
+
+html[data-theme='dark'] .contacts a{
+    color: get-dark-color('heading-color');
+}
+.contacts a {
+    color: get-light-color('heading-color');
+}
+
+.contacts a i,
+.contacts .svg-inline--fa {
+    font-size: 1.5rem;
+    padding-right: 1rem;
+    padding-top: .5rem;
+}
+
+
+// make transparent backgroud work with my background image
+html[data-theme='dark'] .top-navbar.transparent-navbar .navbar-brand,
+html[data-theme='dark'] .top-navbar.transparent-navbar .feather-menu,
+html[data-theme='dark'] .top-navbar.transparent-navbar .navbar-nav a,
+.top-navbar.transparent-navbar .navbar-brand,
+.top-navbar.transparent-navbar .feather-menu,
+.top-navbar.transparent-navbar .navbar-nav a {
+    color: get-light-color('heading-color');
+    stroke: get-light-color('heading-color');
+}

content/posts/search.md → content/notes/_index.md

@@ -1,3 +1,4 @@
 ---
+title: Notes
 private: true
 ---

content/posts/_index.md

@@ -1,3 +1,3 @@
 ---
 private: true
----
+---

content/search/_index.md

@@ -0,0 +1,4 @@
+---
+title: Search
+private: true
+---

data/en/author.yaml

@@ -2,10 +2,10 @@
 name: "Tiago Carreira (tcarreira)"
 nickname: "Tiago Carreira"
 
-# greeting message before your name. it will default to "Hi! I am" if not provided
-greeting: "Hi, I am"
 image: "images/author/tcarreira.jpg"
 
+# greeting message before your name. it will default to "Hi! I am" if not provided
+greeting: "Hi, I am"
 # some summary about what you do
 summary:
   - I am a Devops Engineer
@@ -14,4 +14,4 @@ summary:
   - I love Open-Source
 
 # link on the footer
-sourceRepo: https://github.com/tcarreira/tiago.carreira.pw
+sourceRepo: https://github.com/tcarreira/tiago.carreira.pw

data/en/sections/about.yaml

@@ -15,7 +15,8 @@ company:
   url: "https://redcloudtechnology.com"
 
 # your resume. this file path should be relative to you "static" directory
-resume: "files/resume.pdf"
+# Dreprecated. Use resourceLinks instead.
+# resume: "files/resume.pdf"
 
 # a summary about you
 summary: |
@@ -29,7 +30,6 @@ summary: |
   I'm looking towards working with **smart people**, with whom I could learn and help learning;
   where **autonomy** is a valuable asset and **improving** is more important than finding who made a mistake.
 
-
 # your social links
 # give as many as you want. use font-awesome for the icons.
 socialLinks:
@@ -55,33 +55,53 @@ socialLinks:
   icon: "fab fa-telegram"
   url: "https://t.me/tcarreira"
 
+# You can put custom buttons to link your relevant resources.
+# For example, you can put link for your resume.
+resourceLinks:
+- title: "My Resume (last updated on May 2024)" # this date is checked on a GH-action test
+  url: "files/resume.pdf"
+
+# Show your badges
+# You can show your verifiable certificates from https://www.credly.com.
+# You can also show a circular bar indicating the level of expertise on a certain skill
+badges:
+# - type: certification
+#   name: Certified Kubernetes Security Specialist
+#   url: "https://www.credly.com/org/the-linux-foundation/badge/exam-developer-certified-kubernetes-security-specialist"
+#   badge: "https://images.credly.com/size/680x680/images/f4bf92ed-8985-40b2-bc07-2f9308780854/kubernetes-security-specialist-logo-examdev.png"
 
-# your soft skills
-# give the percentage between 50 to 100 with 5 intervals.
-# currently supported colors: blue, yellow, pink, green, sky, orange
-softSkills:
-- name: Productivity
+- type: soft-skill-indicator
+  name: Productivity
   percentage: 100
   color: blue
-- name: Fast Learning
+
+- type: soft-skill-indicator
+  name: Fast Learning
   percentage: 100
   color: yellow
-- name: Adaptability
+
+- type: soft-skill-indicator
+  name: Adaptability
   percentage: 100
-  color: pink
-- name: Proactivity
+  color: orange
+
+- type: soft-skill-indicator
+  name: Proactivity
   percentage: 100
   color: green
-- name: Friendly
+
+- type: soft-skill-indicator
+  name: Friendly
   percentage: 100
   color: orange
-- name: Solutionist
+
+- type: soft-skill-indicator
+  name: Solutionist
   percentage: 100
   color: sky
-# you can also provide color code instead of pre-defined color name
-# - name: Example 1
+
+# you can also provide color code instead of the color name
+# - type: soft-skill-indicator
+#   name: Example 1
 #   percentage: 75
 #   color: "#00adb5"
-# - name: Example 2
-#   percentage: 65
-#   color: "#8b8383"