Compare commits
6 commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
b1cedbf4d0
|
||
|
|
0a175bd496
|
||
|
|
b3badf4539
|
||
|
|
8cbf745b20
|
||
|
|
3fb87ab2c1
|
||
|
|
3fc36b0f76
|
9 changed files with 122 additions and 79 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
53
content/assets/css/technical.css
Normal file
53
content/assets/css/technical.css
Normal file
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -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 = `<a href="${links[index]}">${item.innerHTML}</a>`;
|
||||
if (index > 0) {
|
||||
item.innerHTML = `<a href="${links[index]}">${item.innerHTML}</a>`;
|
||||
}
|
||||
});
|
||||
document.querySelectorAll('.slide').forEach((slide, index) => {
|
||||
slide.innerHTML = `<a href="${links[index]}">${slide.innerHTML}</a>`;
|
||||
if (index > 0) {
|
||||
slide.innerHTML = `<a href="${links[index]}">${slide.innerHTML}</a>`;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
89
content/resume.md → content/resume/index.md
Executable file → Normal file
89
content/resume.md → content/resume/index.md
Executable file → Normal file
|
|
@ -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
|
|||
<div class="metadetails">
|
||||
<div>
|
||||
<figure>
|
||||
<img src="assets/media/berlin-logo-200x200.webp" alt="City of Berlin logo" >
|
||||
<img src="../assets/media/berlin-logo-200x200.webp" alt="City of Berlin logo" >
|
||||
<figcaption>Based in <br>Berlin, Germany</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div>
|
||||
<figure>
|
||||
<img src="assets/media/id-card-icon-512x512.webp" alt="ID card icon" >
|
||||
<img src="../assets/media/id-card-icon-512x512.webp" alt="ID card icon" >
|
||||
<figcaption>German <br>Permanent Residency</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div>
|
||||
<figure>
|
||||
<img src="assets/media/languages-icon-512x512.webp" alt="Languages icon" >
|
||||
<img src="../assets/media/languages-icon-512x512.webp" alt="Languages icon" >
|
||||
<figcaption>Fluent English, B1 German,<br> isiZulu, isiXhosa, A1 Mandarin</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div>
|
||||
<figure>
|
||||
<img src="assets/media/technical-writing-icon-512x512.webp" alt="Technical Writing icon" >
|
||||
<img src="../assets/media/technical-writing-icon-512x512.webp" alt="Technical Writing icon" >
|
||||
<figcaption><abbr title="8 years in content management, 2 years in copywriting, and 5 years in Technical Writing" >15 years</abbr> of <br>professional writing experience</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
|
@ -83,43 +83,6 @@ title: Resume
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div id="experience" >
|
||||
<div class="grid cards">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="mambu">
|
||||
<h2>Senior Technical Writer</h2>
|
||||
<div class="company"><abbr title="Mambu is a Software-as-a-Service (SaaS) banking backend that provides services to banks such as N26 and Solaris.">MAMBU</abbr> <span>2021 to 2023</span></div>
|
||||
<div class="job-blurb">Promoted to team lead; managing a team of three technical writers.</div>
|
||||
<div class="job-achievements">
|
||||
<h5 onclick="document.querySelector('.mambu-ecosystem-modal-container').classList.add('is-visible')">Documented the Mambu ecosystem <span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M384 32c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96c0-35.3 28.7-64 64-64zM272 296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24H184c-13.3 0-24 10.7-24 24s10.7 24 24 24h54.1l-103 103c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l103-103z"></path></svg></span></h5>
|
||||
<p>Documented integrations, such as payment and compliance services, and the low-code orchestrator that clients used for their workflows.</p>
|
||||
<h5 onclick="document.querySelector('.mambu-cli-modal-container').classList.add('is-visible')">Documented a command-line interface <span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M384 32c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96c0-35.3 28.7-64 64-64zM272 296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24H184c-13.3 0-24 10.7-24 24s10.7 24 24 24h54.1l-103 103c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l103-103z"></path></svg></span></h5>
|
||||
<p>Documented the Mambu <abbr title='Command-line interfaces use text instead of UI elements.'>CLI</abbr> for external engineers to connect to the backend directly.</p>
|
||||
<h5 style="cursor: default" >Assumed leadership role</h5>
|
||||
<p>Promoted to team lead, which shifted the role into more managerial responsibilities - on top of working on documentation.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="spread">
|
||||
<h2>Documentation Engineer</h2>
|
||||
<div class="company"><abbr title="SPREAD is a Software-as-a-Service (SaaS) platform for creating actionable and contextualised data for product engineers. The platform counts Volkswagen, Audi, BMW, and other automotive firms as users.">SPREAD</abbr> <span>2024 to 2026</span></div>
|
||||
<div class="job-blurb">First Technical Writer hired; to establish the documentation function. <a href="https://docs.spread.ai" target="_blank"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="var(--dark-grey)" d="M384 32c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96c0-35.3 28.7-64 64-64zM272 296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24H184c-13.3 0-24 10.7-24 24s10.7 24 24 24h54.1l-103 103c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l103-103z"></path></svg></span></a></div>
|
||||
<div class="job-achievements">
|
||||
<h5 style="cursor: default">Built a docs-as-code publishing pipeline</h5>
|
||||
<p>Built a pipeline that used GitHub Actions to build the documentation site, Vale to lint content, Docker to deploy the site, and shell scripting.</p>
|
||||
<h5 onclick="document.querySelector('.spread-docs-modal-container').classList.add('is-visible')">Established the documentation function <span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M384 32c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96c0-35.3 28.7-64 64-64zM272 296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24H184c-13.3 0-24 10.7-24 24s10.7 24 24 24h54.1l-103 103c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l103-103z"></path></svg></span></h5>
|
||||
<p>Socialized the company to documentation processes; this included onboarding colleagues to edit and use docs.</p>
|
||||
<h5 style="cursor: default">Documented the full product range</h5>
|
||||
<p>Documented the full product range within two quarters. Kept the documentation up to date through two product refreshes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="mambu-ecosystem-modal-container modal-container">
|
||||
<label onclick="this.closest('.modal-container').classList.remove('is-visible')" class="close-icon">
|
||||
<span class="icon close">
|
||||
|
|
@ -128,7 +91,7 @@ title: Resume
|
|||
</label>
|
||||
<div class="modal" id="mambu-ecosystem-modal">
|
||||
<div class="modal-content">
|
||||
<img src="assets/media/mpo-complex-process-1200x630.webp" alt="An image of a process in the Mambu Process Orchestartor" height="300px" >
|
||||
<img src="../assets/media/mpo-complex-process-1200x630.webp" alt="An image of a process in the Mambu Process Orchestartor" height="300px" >
|
||||
<h5>Challenge</h5>
|
||||
<p>Mambu Process Orchestrator, a white-labelled product built on top of the Corezoid low-code engine, had no documentation, but was already being used by clients. Some with highly complex workflows that were beginning to break in unexpected ways. The underlying technology was built by a Ukrainian company, who were under strain following the invasion by Russia in the same time period.</p>
|
||||
<h5>Solution</h5>
|
||||
|
|
@ -146,7 +109,7 @@ title: Resume
|
|||
</label>
|
||||
<div class="modal" id="mambu-cli-modal">
|
||||
<div class="modal-content">
|
||||
<img src="assets/media/mambu-cli-994x800.webp" alt="An image of the Mambu CLI" height="300px" >
|
||||
<img src="../assets/media/mambu-cli-994x800.webp" alt="An image of the Mambu CLI" height="300px" >
|
||||
<h5>Challenge</h5>
|
||||
<p>Document the command-line context as efficiently as possible, with little support from the developing team. Mambu CLI was in prototype and the team had no time to help me document the commands, flags, topics, and functioning of the CLI.</p>
|
||||
<h5>Solution</h5>
|
||||
|
|
@ -163,7 +126,7 @@ title: Resume
|
|||
</label>
|
||||
<div class="modal" id="spread-docs-modal">
|
||||
<div class="modal-content">
|
||||
<img src="assets/media/spread-docs-v3-1500x970.webp" alt="An image of Spread documentation site" height="300px" >
|
||||
<img src="../assets/media/spread-docs-v3-1500x970.webp" alt="An image of Spread documentation site" height="300px" >
|
||||
<h5>Challenge</h5>
|
||||
<p>There was no documentation, except for a few Confluence pages put together by engineers. The challenge was to create a documentation site, create the processes and pipelines to maintain it, and to write the content.</p>
|
||||
<h5>Solution</h5>
|
||||
|
|
@ -177,7 +140,7 @@ title: Resume
|
|||
<li>Wrote an initial style guide for other contributors.</li>
|
||||
</ul>
|
||||
</p>
|
||||
<img alt="The first published version of the SPREAD docs site" src="assets/media/spread-docs-v1-1500x938.webp" height="300px" class="body-image" >
|
||||
<img alt="The first published version of the SPREAD docs site" src="../assets/media/spread-docs-v1-1500x938.webp" height="300px" class="body-image" >
|
||||
<p><strong>In the second quarter:</strong>
|
||||
<ul>
|
||||
<li>Got product coverage to 90%.</li>
|
||||
|
|
@ -186,7 +149,7 @@ title: Resume
|
|||
<li>Documented white-labelled products with internal customisations.</li>
|
||||
</ul>
|
||||
</p>
|
||||
<img alt="The first public version of the SPREAD docs site" src="assets/media/spread-docs-v2-1500x938.webp" height="300px" class="body-image" >
|
||||
<img alt="The first public version of the SPREAD docs site" src="../assets/media/spread-docs-v2-1500x938.webp" height="300px" class="body-image" >
|
||||
<p><strong>Within the first year:</strong>
|
||||
<ul>
|
||||
<li>Published the documentation site publicly.</li>
|
||||
|
|
@ -214,7 +177,7 @@ title: Resume
|
|||
<h3>Technical</h3>
|
||||
<div class="technical-icons">
|
||||
<div class="technical">
|
||||
<span><img src="assets/media/doc-detective-logo-200x200.webp" alt="Zensical logo" > <abbr title='Doc Detective allows you to test and check documentation for accuracy and errors. Used this tool to keep the Spread documentation up to date.'>Doc Detective</abbr></span>
|
||||
<span><img src="../assets/media/doc-detective-logo-200x200.webp" alt="Zensical logo" > <abbr title='Doc Detective allows you to test and check documentation for accuracy and errors. Used this tool to keep the Spread documentation up to date.'>Doc Detective</abbr></span>
|
||||
</div>
|
||||
<div class="technical">
|
||||
<span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.983 11.078h2.119a.186.186 0 0 0 .186-.185V9.006a.186.186 0 0 0-.186-.186h-2.119a.185.185 0 0 0-.185.185v1.888c0 .102.083.185.185.185m-2.954-5.43h2.118a.186.186 0 0 0 .186-.186V3.574a.186.186 0 0 0-.186-.185h-2.118a.185.185 0 0 0-.185.185v1.888c0 .102.082.185.185.185m0 2.716h2.118a.187.187 0 0 0 .186-.186V6.29a.186.186 0 0 0-.186-.185h-2.118a.185.185 0 0 0-.185.185v1.887c0 .102.082.185.185.186m-2.93 0h2.12a.186.186 0 0 0 .184-.186V6.29a.185.185 0 0 0-.185-.185H8.1a.185.185 0 0 0-.185.185v1.887c0 .102.083.185.185.186m-2.964 0h2.119a.186.186 0 0 0 .185-.186V6.29a.185.185 0 0 0-.185-.185H5.136a.186.186 0 0 0-.186.185v1.887c0 .102.084.185.186.186m5.893 2.715h2.118a.186.186 0 0 0 .186-.185V9.006a.186.186 0 0 0-.186-.186h-2.118a.185.185 0 0 0-.185.185v1.888c0 .102.082.185.185.185m-2.93 0h2.12a.185.185 0 0 0 .184-.185V9.006a.185.185 0 0 0-.184-.186h-2.12a.185.185 0 0 0-.184.185v1.888c0 .102.083.185.185.185m-2.964 0h2.119a.185.185 0 0 0 .185-.185V9.006a.185.185 0 0 0-.184-.186h-2.12a.186.186 0 0 0-.186.186v1.887c0 .102.084.185.186.185m-2.92 0h2.12a.185.185 0 0 0 .184-.185V9.006a.185.185 0 0 0-.184-.186h-2.12a.185.185 0 0 0-.184.185v1.888c0 .102.082.185.185.185M23.763 9.89c-.065-.051-.672-.51-1.954-.51q-.508.001-1.01.087c-.248-1.7-1.653-2.53-1.716-2.566l-.344-.199-.226.327c-.284.438-.49.922-.612 1.43-.23.97-.09 1.882.403 2.661-.595.332-1.55.413-1.744.42H.751a.75.75 0 0 0-.75.748 11.4 11.4 0 0 0 .692 4.062c.545 1.428 1.355 2.48 2.41 3.124 1.18.723 3.1 1.137 5.275 1.137a15.7 15.7 0 0 0 2.93-.266 12.3 12.3 0 0 0 3.823-1.389 10.5 10.5 0 0 0 2.61-2.136c1.252-1.418 1.998-2.997 2.553-4.4h.221c1.372 0 2.215-.549 2.68-1.009.309-.293.55-.65.707-1.046l.098-.288Z"></path></svg> <abbr title="Docker allows you to create and run images of custom development environments on top of any system. At Spread, the documentation site was deployed as a containerised application.">Docker</abbr></span>
|
||||
|
|
@ -256,7 +219,7 @@ title: Resume
|
|||
<span class="twemoji"><svg version="1.0" viewBox="0 0 417.000000 387.000000" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6"><defs></defs><g transform="translate(0.000000,387.000000) scale(0.100000,-0.100000)" fill="currentColor" stroke="none"><path d="M2761 3207 c-30 -61 -162 -329 -293 -593 -131 -265 -238 -488 -238 -495 0 -8 75 -165 166 -349 92 -184 170 -346 175 -359 8 -19 12 -21 24 -11 8 7 15 16 15 20 0 5 132 275 293 602 162 326 370 748 464 938 94 190 169 348 166 353 -2 4 -165 7 -361 7 l-357 0 -54 -113z"></path><path d="M560 2467 c0 -2 20 -39 45 -83 25 -43 45 -82 45 -86 0 -4 134 -279 299 -610 452 -914 541 -1095 541 -1107 0 -7 12 -16 26 -21 33 -13 684 -13 704 0 12 8 13 13 3 27 -7 10 -30 54 -52 98 -41 84 -332 674 -673 1365 -110 223 -205 408 -212 412 -10 7 -726 12 -726 5z"></path></g></svg> <abbr title="Vale allows you to language lint content. All of my documentation work has included Vale as part of the publication process.">Vale</abbr></span>
|
||||
</div>
|
||||
<div class="technical">
|
||||
<span><img src="assets/media/zensical-logo-200x200.webp" alt="Zensical logo" > <abbr title='Zensical is the successor to MkDocs Material. This site uses Zensical to create a heavily-customized experience.'>Zensical</abbr></span>
|
||||
<span><img src="../assets/media/zensical-logo-200x200.webp" alt="Zensical logo" > <abbr title='Zensical is the successor to MkDocs Material. This site uses Zensical to create a heavily-customized experience.'>Zensical</abbr></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
|
@ -285,19 +248,19 @@ title: Resume
|
|||
<h3>Media</h3>
|
||||
<div class="media-tools" >
|
||||
<figure>
|
||||
<img src="assets/media/mermaid-logo-200x200.webp" alt="The Mermaid logo" >
|
||||
<img src="../assets/media/mermaid-logo-200x200.webp" alt="The Mermaid logo" >
|
||||
<figcaption><strong>Mermaid</strong><br>Created programmatic diagrams to explain complex interactions.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="media-tools" >
|
||||
<figure>
|
||||
<img src="assets/media/affinity-logo-160x160.webp" alt="The Affinity logo" >
|
||||
<img src="../assets/media/affinity-logo-160x160.webp" alt="The Affinity logo" >
|
||||
<figcaption><strong>Affinity</strong><br>Edited images and created PDF user guides for legacy clients.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="media-tools" >
|
||||
<figure>
|
||||
<img src="assets/media/davinciresolve-logo-200x200.webp" alt="The Da Vinci Resolve logo" >
|
||||
<img src="../assets/media/davinciresolve-logo-200x200.webp" alt="The Da Vinci Resolve logo" >
|
||||
<figcaption><strong>Da Vinci Resolve</strong><br>Edited video run-throughs for tutorials.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
|
@ -308,25 +271,25 @@ title: Resume
|
|||
<ul>
|
||||
<li>
|
||||
<figure>
|
||||
<img src="assets/media/ollama-logo-250x250.webp" alt="The Ollama logo" >
|
||||
<img src="../assets/media/ollama-logo-250x250.webp" alt="The Ollama logo" >
|
||||
<figcaption>Used Ollama to manage and run models locally.</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure>
|
||||
<img src="assets/media/n8n-logo-250x250.webp" alt="The n8n logo" >
|
||||
<img src="../assets/media/n8n-logo-250x250.webp" alt="The n8n logo" >
|
||||
<figcaption>Created workflows to review drafts as reader personas.</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure>
|
||||
<img src="assets/media/modelcontextprotocol-logo-250x250.webp" alt="The MCP logo" >
|
||||
<img src="../assets/media/modelcontextprotocol-logo-250x250.webp" alt="The MCP logo" >
|
||||
<figcaption>Experimented with Model Context Protocol servers.</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
<li>
|
||||
<figure>
|
||||
<img src="assets/media/krita-logo-200x200.webp" alt="The Krita logo" >
|
||||
<img src="../assets/media/krita-logo-200x200.webp" alt="The Krita logo" >
|
||||
<figcaption>Used Krita to create simple AI-generated graphics locally.</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
|
|
@ -343,7 +306,7 @@ title: Resume
|
|||
<li>
|
||||
<div>
|
||||
<figure>
|
||||
<img src="assets/media/uct-logo-204x250.webp" alt="University of Cape Town logo" >
|
||||
<img src="../assets/media/uct-logo-204x250.webp" alt="University of Cape Town logo" >
|
||||
<figcaption><strong>University of Cape Town</strong><br>Bachelor of Arts (Honours)<br>History</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
|
@ -351,7 +314,7 @@ title: Resume
|
|||
<li>
|
||||
<div>
|
||||
<figure>
|
||||
<img src="assets/media/treehouse-logo-178x200.webp" alt="TreeHouse logo" >
|
||||
<img src="../assets/media/treehouse-logo-178x200.webp" alt="TreeHouse logo" >
|
||||
<figcaption><strong>TreeHouse</strong><br>Introduction to Programming Using Python</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
|
@ -359,7 +322,7 @@ title: Resume
|
|||
<li>
|
||||
<div>
|
||||
<figure>
|
||||
<img src="assets/media/berlin-writers-workshop-188x188.webp" alt="Berlin Writers' Workshop logo" >
|
||||
<img src="../assets/media/berlin-writers-workshop-188x188.webp" alt="Berlin Writers' Workshop logo" >
|
||||
<figcaption><strong>Berlin Writers' Workshop</strong><br>Creative Writing</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
|
@ -367,7 +330,7 @@ title: Resume
|
|||
<li>
|
||||
<div>
|
||||
<figure>
|
||||
<img src="assets/media/coursera-logo-250x250.webp" alt="Coursera logo" >
|
||||
<img src="../assets/media/coursera-logo-250x250.webp" alt="Coursera logo" >
|
||||
<figcaption><strong>Coursera</strong><br>Building intelligent agents using DeepSeek and N8N</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
|
@ -377,9 +340,9 @@ title: Resume
|
|||
</div>
|
||||
|
||||
<div class="prefooter" >
|
||||
<div><a href="https://git.gugulet.hu/explore" target="_blank"><img src="assets/media/git-link-512x512.webp" alt="Self-hosted ForgeJo instance with git repos"></a></div>
|
||||
<div><a href="https://linkedin.com/in/gugulet-hu" target="_blank"><img src="assets/media/linkedin-logo-512x512.webp" alt="Link to LinkedIn profile"></a></div>
|
||||
<div><a href="assets/media/gugulethu-hlekwayo-v202602.pdf" target="_blank"><img src="assets/media/download-link-256x256.webp" alt="Link to download the PDF resume (860kb)"></a></div>
|
||||
<div><a href="https://git.gugulet.hu/explore" target="_blank"><img src="../assets/media/git-link-512x512.webp" alt="Self-hosted ForgeJo instance with git repos"></a></div>
|
||||
<div><a href="https://linkedin.com/in/gugulet-hu" target="_blank"><img src="../assets/media/linkedin-logo-512x512.webp" alt="Link to LinkedIn profile"></a></div>
|
||||
<div><a href="../assets/media/gugulethu-hlekwayo-v202602.pdf" target="_blank"><img src="../assets/media/download-link-256x256.webp" alt="Link to download the PDF resume (860kb)"></a></div>
|
||||
</div>
|
||||
|
||||
<div class="faq-container">
|
||||
|
|
@ -2,7 +2,7 @@ User-agent: *
|
|||
Disallow: /
|
||||
|
||||
User-agent: LinkedInBot
|
||||
Allow: /resume.html
|
||||
Allow: /resume/
|
||||
Allow: /technical/git
|
||||
Allow: /technical/api
|
||||
|
||||
|
|
|
|||
20
content/technical/index.md
Normal file
20
content/technical/index.md
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
description: homelab, code, tinkering.
|
||||
extra_css:
|
||||
- ../assets/css/technical.css
|
||||
hide:
|
||||
- toc
|
||||
- navigation
|
||||
search:
|
||||
exclude: true
|
||||
template: "chapter.html"
|
||||
title: Technical
|
||||
---
|
||||
|
||||
<div class="header-menu" >
|
||||
<div class="menu-items">
|
||||
<a href="/visuals"><div class="menu-item" style="background: url('../assets/media/visuals-face-1276x1276.webp') center/cover no-repeat; font-family: var(--visuals-title)" >visuals</div></a>
|
||||
<div class="current-menu-item" style="background: url('../assets/media/technical-face-1276x1276.webp') center/cover no-repeat; font-family: var(--technical-title)">technical</div>
|
||||
<a href="/words"><div class="menu-item" style="background: url('../assets/media/words-face-1276x1276.webp') center/cover no-repeat; font-family: var(--words-title)">words</div></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
click==8.3.2
|
||||
click==8.3.3
|
||||
colorama==0.4.6
|
||||
deepmerge==2.0
|
||||
ghp-import==2.1.0
|
||||
|
|
@ -12,16 +12,17 @@ mergedeep==1.3.4
|
|||
mkdocs==1.6.1
|
||||
mkdocs-autorefs==1.4.4
|
||||
mkdocs-get-deps==0.2.2
|
||||
mkdocstrings==1.0.3
|
||||
mkdocstrings==1.0.4
|
||||
mkdocstrings-python==2.0.3
|
||||
packaging==26.0
|
||||
pathspec==1.0.4
|
||||
platformdirs==4.9.4
|
||||
packaging==26.1
|
||||
pathspec==1.1.0
|
||||
platformdirs==4.9.6
|
||||
Pygments==2.20.0
|
||||
pymdown-extensions==10.21.2
|
||||
python-dateutil==2.9.0.post0
|
||||
PyYAML==6.0.3
|
||||
pyyaml_env_tag==1.1
|
||||
six==1.17.0
|
||||
tomli==2.4.1
|
||||
watchdog==6.0.0
|
||||
zensical==0.0.32
|
||||
zensical==0.0.36
|
||||
|
|
|
|||
|
|
@ -4,8 +4,7 @@ extra_css = ["assets/css/theme.css"]
|
|||
language = "en"
|
||||
nav = [
|
||||
{ "Home" = "index.md" },
|
||||
{ "Resume" = "resume.md" },
|
||||
{ "Test" = "test.md" }
|
||||
{ "Resume" = "/resume/" }
|
||||
]
|
||||
repo = "fontawesome/brands/git-alt"
|
||||
repo_name = "g_it/gugulet.hu"
|
||||
|
|
@ -15,7 +14,7 @@ site_description = " "
|
|||
site_dir = "deploy"
|
||||
site_name = "Gugulethu Hlekwayo"
|
||||
site_url = "https://gugulet.hu"
|
||||
use_directory_urls = true
|
||||
use_directory_urls = false
|
||||
|
||||
[project.extra]
|
||||
generator = false
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue