Make it more mobile-friendly and add page loader.

This commit is contained in:
g_it 2026-02-23 00:08:49 +01:00
commit ee8bda15e1
Signed by untrusted user who does not match committer: g_it
GPG key ID: A2B0A7C06A054627
13 changed files with 208 additions and 61 deletions

View file

@ -72,12 +72,12 @@ title: Resume
<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">Hired as the first Technical Writer 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-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 rest of the company to documentation processes and workings; this included onboarding colleagues to edit and use docs.</p>
<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>
@ -273,10 +273,30 @@ title: Resume
<h3>AI</h3>
<div class="grid cards ai">
<ul>
<li><abbr title="Used Ollama to manage, test, and run open-source models locally."><img src="assets/media/ollama-logo-250x250.webp" alt="The Ollama logo" ></abbr></li>
<li><abbr title="Created workflows to review drafts as reader personas. This was useful for engineers when drafting content."><img src="assets/media/n8n-logo-250x250.webp" alt="The n8n logo" ></abbr></li>
<li><abbr title="Experimented with offering our own Model Context Protocol server at Spread. Ultimately it proved more useful for internal use."><img src="assets/media/modelcontextprotocol-logo-250x250.webp" alt="The Model Context Protocol logo" ></abbr></li>
<li><abbr title="Used Krita (and its plugins) to create simple AI-generated graphics locally. An easier interface than SwarmUI."><img src="assets/media/krita-logo-200x200.webp" alt="The Krita logo" ></abbr></li>
<li>
<figure>
<img src="assets/media/ollama-logo-250x250.webp" alt="The Ollama logo" >
<figcaption>Used Ollama to manage, test, and run open-source models locally.</figcaption>
</figure>
</li>
<li>
<figure>
<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" >
<figcaption>Experimented with offering an Model Context Protocol server at Spread.</figcaption>
</figure>
</li>
<li>
<figure>
<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>
</ul>
</div>
</li>
@ -326,7 +346,7 @@ title: Resume
<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="https://gugulet.hu" target="_blank"><img src="assets/media/site-link-512x512.webp" alt="Link to the home page"></a></div>
<!-- <div><a href="https://gugulet.hu" target="_blank"><img src="assets/media/download-link-256x256.webp" alt="Link to the home page"></a></div> -->
</div>
<div class="faq-container">