diff --git a/.vale.ini b/.vale.ini index 7070b40..5e81484 100755 --- a/.vale.ini +++ b/.vale.ini @@ -5,3 +5,6 @@ Packages = https://gugulet.hu/technical/git/g_it/vale/raw/branch/main/gugulet-hu [*.{adoc,html,md}] BasedOnStyles = Google, Readability, write-good, proselint gugulet-hu = YES +Google.Colons = NO +Google.DateFormat = NO +Google.Passive = NO diff --git a/.vale/gugulet-hu/Spelling.yml b/.vale/gugulet-hu/Spelling.yml index 34843e6..c2592ce 100644 --- a/.vale/gugulet-hu/Spelling.yml +++ b/.vale/gugulet-hu/Spelling.yml @@ -2,7 +2,7 @@ extends: spelling message: "Spelling error: '%s' is not a recognized word." level: error ignore: | - (?i) - gugulet - mlungisi - yourname + (?i) + gugulet + mlungisi + yourname diff --git a/content/assets/css/technical.css b/content/assets/css/technical.css new file mode 100644 index 0000000..ca6d24e --- /dev/null +++ b/content/assets/css/technical.css @@ -0,0 +1,53 @@ +@import url("theme.css"); + +/***************************** +* TECHNICAL +* Styling for the technical page. +*****************************/ + +main.md-main[data-md-component="main"] { + background: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(75, 85, 99, 0.08) 19px, rgba(75, 85, 99, 0.08) 20px, transparent 20px, transparent 39px, rgba(75, 85, 99, 0.08) 39px, rgba(75, 85, 99, 0.08) 40px), repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(75, 85, 99, 0.08) 19px, rgba(75, 85, 99, 0.08) 20px, transparent 20px, transparent 39px, rgba(75, 85, 99, 0.08) 39px, rgba(75, 85, 99, 0.08) 40px), radial-gradient(circle at 20px 20px, rgba(55, 65, 81, 0.12) 2px, transparent 2px), radial-gradient(circle at 40px 40px, rgba(55, 65, 81, 0.12) 2px, transparent 2px) !important +} + +.header-menu { + display: flex; + justify-content: center; + + .menu-items { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; + align-items: center; + + .current-menu-item { + width: 80px; + height: 80px; + justify-content: center; + display: flex; + align-items: center; + color: var(--light-grey); + } + + .menu-item { + width: 65px; + height: 65px; + display: flex; + align-items: center; + color: transparent; + overflow: hidden; + white-space: nowrap; + + &:hover { + color: var(--light-grey); + } + } + } +} + +footer { + background: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(75, 85, 99, 0.08) 19px, rgba(75, 85, 99, 0.08) 20px, transparent 20px, transparent 39px, rgba(75, 85, 99, 0.08) 39px, rgba(75, 85, 99, 0.08) 40px), + repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(75, 85, 99, 0.08) 19px, rgba(75, 85, 99, 0.08) 20px, transparent 20px, transparent 39px, rgba(75, 85, 99, 0.08) 39px, rgba(75, 85, 99, 0.08) 40px), + radial-gradient(circle at 20px 20px, rgba(55, 65, 81, 0.12) 2px, transparent 2px), + radial-gradient(circle at 40px 40px, rgba(55, 65, 81, 0.12) 2px, transparent 2px); + font-family: var(--general-sans); +} diff --git a/content/assets/js/index.js b/content/assets/js/index.js index ade1f82..a88b019 100755 --- a/content/assets/js/index.js +++ b/content/assets/js/index.js @@ -78,9 +78,13 @@ document.addEventListener('DOMContentLoaded', function () { // Attach links to pages const links = ['#', '/words', '/visuals', '/technical']; document.querySelectorAll('.list li').forEach((item, index) => { - item.innerHTML = `${item.innerHTML}`; + if (index > 0) { + item.innerHTML = `${item.innerHTML}`; + } }); document.querySelectorAll('.slide').forEach((slide, index) => { - slide.innerHTML = `${slide.innerHTML}`; + if (index > 0) { + slide.innerHTML = `${slide.innerHTML}`; + } }); }); diff --git a/content/resume.md b/content/resume/index.md old mode 100755 new mode 100644 similarity index 85% rename from content/resume.md rename to content/resume/index.md index 0298781..7df8be8 --- a/content/resume.md +++ b/content/resume/index.md @@ -1,7 +1,7 @@ --- description: experience, skills, education. extra_css: - - assets/css/resume.css + - ../assets/css/resume.css hide: - toc - navigation @@ -24,25 +24,25 @@ title: Resume
- City of Berlin logo + City of Berlin logo
Based in
Berlin, Germany
- ID card icon + ID card icon
German
Permanent Residency
- Languages icon + Languages icon
Fluent English, B1 German,
isiZulu, isiXhosa, A1 Mandarin
- Technical Writing icon + Technical Writing icon
15 years of
professional writing experience
@@ -83,43 +83,6 @@ title: Resume
- -