Resume page done.
This commit is contained in:
g*
parent
ec3c1336b6
commit
67e4a1c3d2
7 changed files with 456 additions and 328 deletions
|
|
@ -1,8 +1,8 @@
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
<a href="/technical"><span class="footer-menu-item technical">technical</span></a><a href="/visual"><span
|
<a href="/technical"><span class="footer-menu-item">technical</span></a><a href="/visual"><span
|
||||||
class="footer-menu-item visual">visual</span></a><a href="/writing"><span
|
class="footer-menu-item">visual</span></a><a href="/writing"><span
|
||||||
class="footer-menu-item writing">writing</span></a>
|
class="footer-menu-item">writing</span></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="version">v202506.1</div>
|
<div class="version">v202506.1</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
221
docs/resume.md
221
docs/resume.md
|
|
@ -7,8 +7,12 @@ hide:
|
||||||
---
|
---
|
||||||
|
|
||||||
<link href='/src/stylesheets/_index.css' rel='stylesheet'>
|
<link href='/src/stylesheets/_index.css' rel='stylesheet'>
|
||||||
|
<link rel="stylesheet" href="https://cdn.vidstack.io/player/theme.css" />
|
||||||
|
<link rel="stylesheet" href="https://cdn.vidstack.io/player/audio.css" />
|
||||||
<script defer src="https://widget.mava.app" widget-version="v2" id="MavaWebChat" enable-sdk="false"
|
<script defer src="https://widget.mava.app" widget-version="v2" id="MavaWebChat" enable-sdk="false"
|
||||||
data-token="ded472c7c84501fbb19280c79a857439a5c2dfb10dddc7dbe4c19c2443952c37"></script>
|
data-token="ded472c7c84501fbb19280c79a857439a5c2dfb10dddc7dbe4c19c2443952c37"></script>
|
||||||
|
<script src="https://cdn.vidstack.io/player" type="module"></script>
|
||||||
|
|
||||||
|
|
||||||
<div class='hero-text'>
|
<div class='hero-text'>
|
||||||
<h2>hey, i'm gugulethu</h2>
|
<h2>hey, i'm gugulethu</h2>
|
||||||
|
|
@ -35,6 +39,8 @@ hide:
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
@ -46,7 +52,7 @@ body {
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class='tabbed-set tabbed-alternate fade-in-up-section' data-tabs='1:6' style='--md-indicator-x: 93px; --md-indicator-width: 92px;'>
|
<div class='tabbed-set tabbed-alternate' data-tabs='1:6' style='--md-indicator-x: 93px; --md-indicator-width: 92px;'>
|
||||||
<input checked='checked' id='spread-ai' name='selected' type='radio' class=''>
|
<input checked='checked' id='spread-ai' name='selected' type='radio' class=''>
|
||||||
<input id='mambu' name='selected' type='radio'>
|
<input id='mambu' name='selected' type='radio'>
|
||||||
<input id='yoco' name='selected' type='radio'>
|
<input id='yoco' name='selected' type='radio'>
|
||||||
|
|
@ -59,7 +65,7 @@ body {
|
||||||
<label for='allan_gray'><a href='#allan_gray' tabindex='-1'>2015</a></label>
|
<label for='allan_gray'><a href='#allan_gray' tabindex='-1'>2015</a></label>
|
||||||
<label for='the_jupiter_drawing_room'><a href='#the_jupiter_drawing_room' tabindex='-1'>2013</a></label>
|
<label for='the_jupiter_drawing_room'><a href='#the_jupiter_drawing_room' tabindex='-1'>2013</a></label>
|
||||||
</div>
|
</div>
|
||||||
<div class='tabbed-content fade-in-up-content'>
|
<div class='tabbed-content fade-in-up-section'>
|
||||||
<div class='tabbed-block'>
|
<div class='tabbed-block'>
|
||||||
<div class='status-green'>Current</div>
|
<div class='status-green'>Current</div>
|
||||||
<h3>Documentation Engineer</h3>
|
<h3>Documentation Engineer</h3>
|
||||||
|
|
@ -156,6 +162,9 @@ body {
|
||||||
<div>
|
<div>
|
||||||
<span class='twemoji'><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179z'></path></svg></span> JavaScript
|
<span class='twemoji'><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179z'></path></svg></span> JavaScript
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75q.918 0 1.627.111a6.4 6.4 0 0 1 1.306.34v2.458a4 4 0 0 0-.643-.361 5 5 0 0 0-.717-.26 5.5 5.5 0 0 0-1.426-.2q-.45 0-.819.086a2.1 2.1 0 0 0-.623.242q-.254.156-.393.374a.9.9 0 0 0-.14.49q0 .294.156.529.156.234.443.444c.287.21.423.276.696.41q.41.203.926.416.705.296 1.266.628.561.333.963.753.402.418.614.957.213.538.214 1.253 0 .986-.373 1.656a3.03 3.03 0 0 1-1.012 1.085 4.4 4.4 0 0 1-1.487.596q-.85.18-1.79.18a10 10 0 0 1-1.84-.164 5.5 5.5 0 0 1-1.512-.493v-2.63a5.03 5.03 0 0 0 3.237 1.2q.5 0 .872-.09.373-.09.623-.25.249-.162.373-.38a1.02 1.02 0 0 0-.074-1.089 2.1 2.1 0 0 0-.537-.5 5.6 5.6 0 0 0-.807-.444 28 28 0 0 0-1.007-.436q-1.377-.575-2.053-1.405t-.676-2.005q0-.92.369-1.582.368-.662 1.004-1.089a4.5 4.5 0 0 1 1.47-.629 7.5 7.5 0 0 1 1.77-.201m-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z"></path></svg></span> <abbr title="TypeScript is a stricter version of JavaScript, where you have define types.">TypeScript</abbr>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='tabbed-block'>
|
<div class='tabbed-block'>
|
||||||
|
|
@ -191,114 +200,104 @@ body {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class='two-column fade-in-up-section'>
|
<div class='fade-in-up-section writing'>
|
||||||
<div class='column'>
|
|
||||||
<div class='content'>
|
<div class='content'>
|
||||||
<div class="md-typeset__scrollwrap">
|
<h3>Writing</h3>
|
||||||
<div class="md-typeset__table">
|
<p style="width: 60vw;" >Writing is my primary skill and I'm capable of writing in different formats using different mediums to persuade, teach, and engage. I've been writing professionally for over 15 years and privately since as far as memory can recall.</p>
|
||||||
<table>
|
</div>
|
||||||
<thead>
|
<div class='content'>
|
||||||
<tr>
|
<div class="grid cards">
|
||||||
<th style="text-align: left;">Content types</th>
|
<ul>
|
||||||
<th style="text-align: left;"></th>
|
<li>
|
||||||
</tr>
|
<h6>
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td style="text-align: left;">
|
|
||||||
<span class="twemoji">
|
<span class="twemoji">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.527.099C6.955-.744.942 3.9.099 10.473c-.843 6.572 3.8 12.584 10.373 13.428 6.573.843 12.587-3.801 13.428-10.374C24.744 6.955 20.101.943 13.527.099m2.471 7.485a.86.86 0 0 0-.593.25l-4.453 4.453-.307-.307-.643-.643c4.389-4.376 5.18-4.418 5.996-3.753m-4.863 4.861 4.44-4.44a.62.62 0 1 1 .847.903l-4.699 4.125zm.33.694-1.1.238a.06.06 0 0 1-.067-.032.06.06 0 0 1 .01-.073l.645-.645zm-2.803-.459 1.172-1.172.879.878-1.979.426a.074.074 0 0 1-.085-.039.07.07 0 0 1 .013-.093m-3.646 6.058a.076.076 0 0 1-.069-.083.08.08 0 0 1 .022-.046h.002l.946-.946 1.222 1.222zm2.425-1.256a.23.23 0 0 0-.117.256l.203.865a.125.125 0 0 1-.211.117h-.003l-.934-.934-.294-.295 3.762-3.758 1.82-.393.874.874c-1.255 1.102-2.971 2.201-5.1 3.268m5.279-3.428h-.002l-.839-.839 4.699-4.125a1 1 0 0 0 .119-.127c-.148 1.345-2.029 3.245-3.977 5.091m3.657-6.46-.003-.002a1.822 1.822 0 0 1 2.459-2.684l-1.61 1.613a.12.12 0 0 0 0 .169l1.247 1.247a1.82 1.82 0 0 1-2.093-.343m2.578 0a1.7 1.7 0 0 1-.271.218h-.001l-1.207-1.207 1.533-1.533c.661.72.637 1.832-.054 2.522m-.1-1.544a.14.14 0 0 0-.053.157.42.42 0 0 1-.053.45.14.14 0 0 0 .023.197.14.14 0 0 0 .084.03.14.14 0 0 0 .106-.05.69.69 0 0 0 .087-.751.14.14 0 0 0-.194-.033"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.527.099C6.955-.744.942 3.9.099 10.473c-.843 6.572 3.8 12.584 10.373 13.428 6.573.843 12.587-3.801 13.428-10.374C24.744 6.955 20.101.943 13.527.099m2.471 7.485a.86.86 0 0 0-.593.25l-4.453 4.453-.307-.307-.643-.643c4.389-4.376 5.18-4.418 5.996-3.753m-4.863 4.861 4.44-4.44a.62.62 0 1 1 .847.903l-4.699 4.125zm.33.694-1.1.238a.06.06 0 0 1-.067-.032.06.06 0 0 1 .01-.073l.645-.645zm-2.803-.459 1.172-1.172.879.878-1.979.426a.074.074 0 0 1-.085-.039.07.07 0 0 1 .013-.093m-3.646 6.058a.076.076 0 0 1-.069-.083.08.08 0 0 1 .022-.046h.002l.946-.946 1.222 1.222zm2.425-1.256a.23.23 0 0 0-.117.256l.203.865a.125.125 0 0 1-.211.117h-.003l-.934-.934-.294-.295 3.762-3.758 1.82-.393.874.874c-1.255 1.102-2.971 2.201-5.1 3.268m5.279-3.428h-.002l-.839-.839 4.699-4.125a1 1 0 0 0 .119-.127c-.148 1.345-2.029 3.245-3.977 5.091m3.657-6.46-.003-.002a1.822 1.822 0 0 1 2.459-2.684l-1.61 1.613a.12.12 0 0 0 0 .169l1.247 1.247a1.82 1.82 0 0 1-2.093-.343m2.578 0a1.7 1.7 0 0 1-.271.218h-.001l-1.207-1.207 1.533-1.533c.661.72.637 1.832-.054 2.522m-.1-1.544a.14.14 0 0 0-.053.157.42.42 0 0 1-.053.45.14.14 0 0 0 .023.197.14.14 0 0 0 .084.03.14.14 0 0 0 .106-.05.69.69 0 0 0 .087-.751.14.14 0 0 0-.194-.033"></path></svg>
|
||||||
</span> API documentation
|
</span> API documentation
|
||||||
</td>
|
</h6>
|
||||||
<td style="text-align: left;">Documented REST APIs and GraphQL. With REST APIs worked with a system where annotations in the source code automatically created the reference.</td>
|
<p>Documented REST APIs and GraphQL. With REST APIs worked with a system where annotations in the source code automatically created the reference.</p>
|
||||||
</tr>
|
</li>
|
||||||
<tr>
|
<li>
|
||||||
<td style="text-align: left;">
|
<h6>
|
||||||
<span class="twemoji">
|
<span class="twemoji">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 3h2v2H5v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5h2v2H5c-1.07-.27-2-.9-2-2v-4a2 2 0 0 0-2-2H0v-2h1a2 2 0 0 0 2-2V5a2 2 0 0 1 2-2m14 0a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h1v2h-1a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2h-2v-2h2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5h-2V3zm-7 12a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m-4 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 3h2v2H5v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5h2v2H5c-1.07-.27-2-.9-2-2v-4a2 2 0 0 0-2-2H0v-2h1a2 2 0 0 0 2-2V5a2 2 0 0 1 2-2m14 0a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h1v2h-1a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2h-2v-2h2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5h-2V3zm-7 12a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m-4 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1"></path></svg>
|
||||||
</span> Developer content
|
</span> Developer content
|
||||||
</td>
|
</h6>
|
||||||
<td style="text-align: left;">Created developer-focused documentation to create integrations and orchestrate services. For more, see <a href="https://ecosystem.mambu.com/mpo/overview/" target="_blank" >Mambu Process Orchestrator</a>.</td>
|
<p>Created developer-focused documentation to create integrations with other financial services and orchestrate services.</p>
|
||||||
</tr>
|
<a href="https://ecosystem.mambu.com/mpo/overview/" target="_blank" ><div class="button">Read developer docs</div></a>
|
||||||
<tr>
|
</li>
|
||||||
<td style="text-align: left;">
|
<li>
|
||||||
|
<h6>
|
||||||
<span class="twemoji">
|
<span class="twemoji">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M495.9 166.6c3.2 8.7.5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4l-55.6 17.8c-8.8 2.8-18.6.3-24.5-6.8-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4c-1.1-8.4-1.7-16.9-1.7-25.5s.6-17.1 1.7-25.4l-43.3-39.4c-6.9-6.2-9.6-15.9-6.4-24.6 4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2 5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8 8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M495.9 166.6c3.2 8.7.5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4l-55.6 17.8c-8.8 2.8-18.6.3-24.5-6.8-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4c-1.1-8.4-1.7-16.9-1.7-25.5s.6-17.1 1.7-25.4l-43.3-39.4c-6.9-6.2-9.6-15.9-6.4-24.6 4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2 5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8 8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160"></path></svg>
|
||||||
</span> Hardware documentation</td>
|
</span> Hardware documentation
|
||||||
<td style="text-align: left;">Documented Point-of-Sale (POS) devices for small business owners to use </td>
|
</h6>
|
||||||
</tr>
|
<p>Documented Point-of-Sale (POS) devices for small business owners to use. This involved getting user feedback to understand how users were using the devices.</p>
|
||||||
<tr>
|
</li>
|
||||||
<td style="text-align: left;">
|
<li>
|
||||||
|
<h6>
|
||||||
<span class="twemoji">
|
<span class="twemoji">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 17a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H9.46c.35.61.54 1.3.54 2h10v11h-9v2m4-10v2H9v13H7v-6H5v6H3v-8H1.5V9a2 2 0 0 1 2-2zM8 4a2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2 2 2 0 0 1 2 2"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 17a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H9.46c.35.61.54 1.3.54 2h10v11h-9v2m4-10v2H9v13H7v-6H5v6H3v-8H1.5V9a2 2 0 0 1 2-2zM8 4a2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2 2 2 0 0 1 2 2"></path></svg>
|
||||||
</span> Technical theory
|
</span> Technical theory
|
||||||
</td>
|
</h6>
|
||||||
<td style="text-align: left;"></td>
|
<p>Created explainer content to give readers an understanding of concepts or ideas behind a tool,technology, or application.</p>
|
||||||
</tr>
|
<a href="https://docs.spread.ai/mapping-managing-data/data-mapper/data-mapper-overview" target="_blank" ><div class="button">See the overview docs</div></a>
|
||||||
<tr>
|
</li>
|
||||||
<td style="text-align: left;">
|
<li>
|
||||||
|
<h6>
|
||||||
<span class="twemoji">
|
<span class="twemoji">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 13v-2h14v2zm0 6v-2h14v2zM7 7V5h14v2zM3 8V5H2V4h2v4zm-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17zm2.25-7a.75.75 0 0 1 .75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1z"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 13v-2h14v2zm0 6v-2h14v2zM7 7V5h14v2zM3 8V5H2V4h2v4zm-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17zm2.25-7a.75.75 0 0 1 .75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1z"></path></svg>
|
||||||
</span> Task content
|
</span> Task content
|
||||||
</td>
|
</h6>
|
||||||
<td style="text-align: left;"></td>
|
<p>Documentation for performing actions and using a tool or an application.</p>
|
||||||
</tr>
|
<a href="https://docs.spread.ai/creating-applications/studio/tutorials/share-variables-between-applications" target="_blank" ><div class="button">Read the tutorial</div></a>
|
||||||
<tr>
|
</li>
|
||||||
<td style="text-align: left;">
|
<li>
|
||||||
|
<h6>
|
||||||
<span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 14h6v6H2M16 8h-6v2h6M2 10h6V4H2m8 0v2h12V4M10 20h6v-2h-6m0-2h12v-2H10"></path></svg></span> Reference content
|
<span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 14h6v6H2M16 8h-6v2h6M2 10h6V4H2m8 0v2h12V4M10 20h6v-2h-6m0-2h12v-2H10"></path></svg></span> Reference content
|
||||||
</td>
|
</h6>
|
||||||
<td style="text-align: left;"></td>
|
<p>Reference content is like a dictionary: a term and its definition in a list. I've created glossaries and technical references for developers and non-developers.</p>
|
||||||
</tr>
|
</li>
|
||||||
<tr>
|
<li>
|
||||||
<td style="text-align: left;">
|
<h6>
|
||||||
<span class="twemoji">
|
<span class="twemoji">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M184 0c30.9 0 56 25.1 56 56v400c0 30.9-25.1 56-56 56-28.9 0-52.7-21.9-55.7-50.1-5.2 1.4-10.7 2.1-16.3 2.1-35.3 0-64-28.7-64-64 0-7.4 1.3-14.6 3.6-21.2C21.4 367.4 0 338.2 0 304c0-31.9 18.7-59.5 45.8-72.3C37.1 220.8 32 207 32 192c0-30.7 21.6-56.3 50.4-62.6C80.8 123.9 80 118 80 112c0-29.9 20.6-55.1 48.3-62.1 3-28 26.8-49.9 55.7-49.9m144 0c28.9 0 52.6 21.9 55.7 49.9C411.5 56.9 432 82 432 112c0 6-.8 11.9-2.4 17.4 28.8 6.2 50.4 31.9 50.4 62.6 0 15-5.1 28.8-13.8 39.7 27.1 12.8 45.8 40.4 45.8 72.3 0 34.2-21.4 63.4-51.6 74.8 2.3 6.6 3.6 13.8 3.6 21.2 0 35.3-28.7 64-64 64-5.6 0-11.1-.7-16.3-2.1-3 28.2-26.8 50.1-55.7 50.1-30.9 0-56-25.1-56-56V56c0-30.9 25.1-56 56-56"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M184 0c30.9 0 56 25.1 56 56v400c0 30.9-25.1 56-56 56-28.9 0-52.7-21.9-55.7-50.1-5.2 1.4-10.7 2.1-16.3 2.1-35.3 0-64-28.7-64-64 0-7.4 1.3-14.6 3.6-21.2C21.4 367.4 0 338.2 0 304c0-31.9 18.7-59.5 45.8-72.3C37.1 220.8 32 207 32 192c0-30.7 21.6-56.3 50.4-62.6C80.8 123.9 80 118 80 112c0-29.9 20.6-55.1 48.3-62.1 3-28 26.8-49.9 55.7-49.9m144 0c28.9 0 52.6 21.9 55.7 49.9C411.5 56.9 432 82 432 112c0 6-.8 11.9-2.4 17.4 28.8 6.2 50.4 31.9 50.4 62.6 0 15-5.1 28.8-13.8 39.7 27.1 12.8 45.8 40.4 45.8 72.3 0 34.2-21.4 63.4-51.6 74.8 2.3 6.6 3.6 13.8 3.6 21.2 0 35.3-28.7 64-64 64-5.6 0-11.1-.7-16.3-2.1-3 28.2-26.8 50.1-55.7 50.1-30.9 0-56-25.1-56-56V56c0-30.9 25.1-56 56-56"></path></svg>
|
||||||
</span> Course content
|
</span> Course content
|
||||||
</td>
|
</h6>
|
||||||
<td style="text-align: left;"></td>
|
<p>I've created courses for more in-depth teaching that combines theory and practice in a set lesson plan.</p>
|
||||||
</tr>
|
<a href="https://docs.spread.ai/getting-started/getting-started-overview" target="_blank" ><div class="button">Open the intro course</div></a>
|
||||||
<tr>
|
</li>
|
||||||
<td style="text-align: left;">
|
<li >
|
||||||
<span class="twemoji">
|
<h6>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 3h8a2 2 0 0 1 2-2 2 2 0 0 1 2 2h8v2h-1v11h-5.75L17 22h-2l-1.75-6h-2.5L9 22H7l1.75-6H3V5H2zm3 2v9h14V5z"></path></svg>
|
|
||||||
</span> Onboarding content
|
|
||||||
</td>
|
|
||||||
<td style="text-align: left;"></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="text-align: left;">
|
|
||||||
<span class="twemoji">
|
<span class="twemoji">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8c0-.85.53-1.58 1.28-1.87L15.71 1l.76 1.83L8.83 6zm0 2H4v4h12v-2h2v2h2zM7 14a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8c0-.85.53-1.58 1.28-1.87L15.71 1l.76 1.83L8.83 6zm0 2H4v4h12v-2h2v2h2zM7 14a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3"></path></svg>
|
||||||
</span> Scriptwriting
|
</span> Scriptwriting
|
||||||
</td>
|
</h6>
|
||||||
<td style="text-align: left;"></td>
|
<p>I have written and edited scripts for television and radio, including this advert.
|
||||||
</tr>
|
</p>
|
||||||
<tr>
|
<media-player title="Windhoek Jazz Festival" src="/src/windhoek-jazz-festival-50s.mp3">
|
||||||
<td style="text-align: left;">
|
<media-provider></media-provider>
|
||||||
|
<media-audio-layout></media-audio-layout>
|
||||||
|
</media-player>
|
||||||
|
</li>
|
||||||
|
<!-- <li>
|
||||||
|
<h6>
|
||||||
<span class="twemoji">
|
<span class="twemoji">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3 1 9l11 6 9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17z"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3 1 9l11 6 9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17z"></path></svg>
|
||||||
</span> Academic writing
|
</span> Academic
|
||||||
</td>
|
</h6>
|
||||||
<td style="text-align: left;"></td>
|
<p>My university research paper was published in an anthology of the best student papers.</p>
|
||||||
</tr>
|
<a href="/src/historical-approaches-vol7.pdf" target="_blank" ><div class="button">Read the paper</div></a>
|
||||||
<tr>
|
</li>
|
||||||
<td style="text-align: left;">
|
<li>
|
||||||
|
<h6>
|
||||||
<span class="twemoji">
|
<span class="twemoji">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M339.3 367.1c27.3-3.9 51.9-19.4 67.2-42.9L568.2 74.1c12.6-19.5 9.4-45.3-7.6-61.2s-42.9-17.3-61.5-3.3L262.4 187.2c-24 18-38.2 46.1-38.4 76.1zm-19.6 25.4-116-104.4C143.9 290.3 96 339.6 96 400c0 3.9.2 7.8.6 11.6 1.8 17.5-10.2 36.4-27.8 36.4H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h144c61.9 0 112-50.1 112-112 0-2.5-.1-5-.2-7.5z"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3 1 9l11 6 9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17z"></path></svg>
|
||||||
</span> Content marketing
|
</span> Academic
|
||||||
</td>
|
</h6>
|
||||||
<td style="text-align: left;"></td>
|
<p>My university research paper was published in an anthology of the best student papers.</p>
|
||||||
</tr>
|
<a href="/src/historical-approaches-vol7.pdf" target="_blank" ><div class="button">Read the paper</div></a>
|
||||||
</tbody>
|
</li> -->
|
||||||
</table>
|
</ul>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class='column'>
|
|
||||||
<div class='content'>
|
|
||||||
<h3>Writing</h3>
|
|
||||||
<p>Writing is my primary skill and I'm capable of writing in different formats using different mediums to persuade, teach, and engage. I've been writing professionally for over 15 years and personaslly since as far as memory can recall.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -307,30 +306,72 @@ body {
|
||||||
<div class='column'>
|
<div class='column'>
|
||||||
<div class='content'>
|
<div class='content'>
|
||||||
<h3>Technical</h3>
|
<h3>Technical</h3>
|
||||||
<p>The API References included old documentation that needed to maintenance for clients that had not yet migrated to the latest versions of the REST API.</p>
|
<p>As a one-man technical writing department, my technical skills are important to maintaining Documentation Operations (DocOps) and building infrastructure. I create, service, and maintain all the technical aspects of documentation.</p>
|
||||||
|
<div>
|
||||||
|
<b><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2s.06-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.92 7.92 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8 8 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.7 15.7 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2"></path></svg></span> <span>Web development</span></b> <div class='tags'>html, js, css, sass, python, static site generators, node.js, yaml, appsmith</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<b><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0 1.75C0 .784.784 0 1.75 0h3.5C6.216 0 7 .784 7 1.75v3.5A1.75 1.75 0 0 1 5.25 7H4v4a1 1 0 0 0 1 1h4v-1.25C9 9.784 9.784 9 10.75 9h3.5c.966 0 1.75.784 1.75 1.75v3.5A1.75 1.75 0 0 1 14.25 16h-3.5A1.75 1.75 0 0 1 9 14.25v-.75H5A2.5 2.5 0 0 1 2.5 11V7h-.75A1.75 1.75 0 0 1 0 5.25Zm1.75-.25a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.25-.25Zm9 9a.25.25 0 0 0-.25.25v3.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.25-.25Z"></path></svg></span> <span>DocOps and automation</span></b> <div class='tags'>github workflows, vale linting, shell scripting, node red</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<b><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 3h2v2H5v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5h2v2H5c-1.07-.27-2-.9-2-2v-4a2 2 0 0 0-2-2H0v-2h1a2 2 0 0 0 2-2V5a2 2 0 0 1 2-2m14 0a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h1v2h-1a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2h-2v-2h2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5h-2V3zm-7 12a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m-4 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1"></path></svg></span> <span>Reading and writing code</span></b> <div class='tags'>js, python, json, xpath, yaml, openapi spec, graphql, markdown</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<b><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h1a7 7 0 0 1 7 7h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h1a7 7 0 0 1 7-7h1V5.73c-.6-.34-1-.99-1-1.73a2 2 0 0 1 2-2M7.5 13A2.5 2.5 0 0 0 5 15.5 2.5 2.5 0 0 0 7.5 18a2.5 2.5 0 0 0 2.5-2.5A2.5 2.5 0 0 0 7.5 13m9 0a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.5-2.5"></path></svg></span> <span>Machine learning</span></b> <div class='tags'>ollama, deepseek, qwen, llama, openai, anthropic, agents, chatbots, rag, image generation, comfyui, openweb-ui</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='column'>
|
<div class='column'>
|
||||||
<div class='content'>
|
<div class='content'>
|
||||||
|
<a href="https://docs.spread.ai" target="_blank">
|
||||||
<img src='/src/spread-docs-site-3456x2160.png' width='100%' />
|
<img src='/src/spread-docs-site-3456x2160.png' width='100%' />
|
||||||
|
</a>
|
||||||
|
<figcaption>Built the documentation site of SPREAD.ai and the CI/CD pipeline and review automation process.</figcaption>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class='two-column fade-in-up-section'>
|
<div class='two-column fade-in-up-section' style="border-bottom: 1px solid var(--secondary-colour)">
|
||||||
<div class='column'>
|
<div class='column'>
|
||||||
<div class='content'>
|
<div class='content markdown'>
|
||||||
<img src='/src/spread-docs-site-3456x2160.png' width='100%' />
|
``` mermaid
|
||||||
|
sequenceDiagram
|
||||||
|
autonumber
|
||||||
|
✍🏽 writer->>✍🏽 writer: Collect feedback
|
||||||
|
✍🏽 writer->>✍🏽 writer: Brainstorm content ideas
|
||||||
|
✍🏽 writer->>✍🏽 writer: Write draft content
|
||||||
|
✍🏽 writer->>🧑🏽🔧 technical expert: Check the draft for technical accuracy
|
||||||
|
🧑🏽🔧 technical expert->>🧑🏽🔧 technical expert: Check content
|
||||||
|
Note right of 🧑🏽🔧 technical expert: Identify issues with draft
|
||||||
|
🧑🏽🔧 technical expert-->>✍🏽 writer: Revert with issues to fix
|
||||||
|
✍🏽 writer->>✍🏽 writer: Fix issues and send back
|
||||||
|
🧑🏽🔧 technical expert->>🧑🏽🔧 technical expert: Check content
|
||||||
|
Note right of 🧑🏽🔧 technical expert: Pass content
|
||||||
|
🧑🏽🔧 technical expert-->>✍🏽 writer: Return pass
|
||||||
|
✍🏽 writer->>✍🏽 other writer: Check draft for language
|
||||||
|
✍🏽 other writer->>✍🏽 other writer: Review language and understanding
|
||||||
|
Note right of ✍🏽 other writer: Note improvements
|
||||||
|
✍🏽 other writer->>✍🏽 writer: Send notes for improvement
|
||||||
|
✍🏽 writer->>✍🏽 writer: Make improvements
|
||||||
|
✍🏽 writer->>🤖 automated check: Check using AI and/or Vale
|
||||||
|
🤖 automated check->>✍🏽 writer: Return fixes
|
||||||
|
✍🏽 writer->>✍🏽 writer: Prepare and publish final draft
|
||||||
|
```
|
||||||
</div>
|
</div>
|
||||||
|
<figcaption>An example of the documentation writing process.</figcaption>
|
||||||
</div>
|
</div>
|
||||||
<div class='column'>
|
<div class='column'>
|
||||||
<div class='content'>
|
<div class='content'>
|
||||||
<h3>Process</h3>
|
<h3>Process</h3>
|
||||||
<p>The API References included old documentation that needed to maintenance for clients that had not yet migrated to the latest versions of the REST API.</p>
|
<p>Publishing content, reviewing content, and managing a tehcnical writing team involves creating processes around people. As a team lead, I've had to define priorities for the documentation function; mentor and manage other writers; create writing and review processes; measure impact; and manage relationships with software engineering teams, marketing and sales, and executives.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="contact-me">
|
||||||
|
<a href="mailto:g_null+resume321498175290@aleeas.com" target="_blank" ><div class="button">Contact me</div></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id='loader'>
|
<div id='loader'>
|
||||||
<div><img src='/src/gugulet.hu-site-logo-350x350.png'></div>
|
<div><img src='/src/gugulet.hu-site-logo-350x350.png'></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
BIN
docs/src/historical-approaches-vol7.pdf
Executable file
BIN
docs/src/historical-approaches-vol7.pdf
Executable file
Binary file not shown.
|
|
@ -43,6 +43,35 @@ article.md-content__inner.md-typeset:after {
|
||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.md-typeset figcaption {
|
||||||
|
font-family: var(--secondary-font);
|
||||||
|
color: var(--tertiary-colour);
|
||||||
|
font-size: 0.8em;
|
||||||
|
font-style: normal;
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vds-title {
|
||||||
|
font-family: var(--secondary-font);
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*****************************
|
||||||
|
* BUTTON
|
||||||
|
*****************************/
|
||||||
|
|
||||||
|
div.button {
|
||||||
|
font-family: var(--secondary-font);
|
||||||
|
border-bottom: 3px solid var(--secondary-colour);
|
||||||
|
width: fit-content;
|
||||||
|
padding-bottom: 3px;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-bottom: 3px solid white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/*****************************
|
/*****************************
|
||||||
* HERO TEXT
|
* HERO TEXT
|
||||||
*****************************/
|
*****************************/
|
||||||
|
|
@ -354,7 +383,7 @@ div.tabbed-block {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div.tags {
|
.tags {
|
||||||
font-size: max(9px, 0.8em);
|
font-size: max(9px, 0.8em);
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: var(--tertiary-colour);
|
color: var(--tertiary-colour);
|
||||||
|
|
@ -404,14 +433,53 @@ p.blurb {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Portfolio */
|
/* Portfolio */
|
||||||
|
.grid.cards {
|
||||||
|
|
||||||
|
li {
|
||||||
|
background-color: var(--quarternary-colour);
|
||||||
|
border: none !important;
|
||||||
|
border-radius: 5px !important;
|
||||||
|
box-shadow: none;
|
||||||
|
padding: 2em !important;
|
||||||
|
margin: 2em !important;
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
text-transform: initial !important;
|
||||||
|
|
||||||
|
span {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
box-shadow: none !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.writing {
|
||||||
|
padding: 4em;
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: max(calc(var(--text-variable-size) + 5px), calc(var(--text-min-size) + 2px));
|
||||||
|
color: var(--primary-colour);
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: max(calc(var(--text-variable-size) + 3px), var(--text-min-size));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.two-column {
|
.two-column {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
max-width: 1500px;
|
max-width: 1500px;
|
||||||
padding: 20px 20px 20px 0;
|
padding: 20px 20px 20px 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 30px auto;
|
margin: 10px auto;
|
||||||
border-bottom: 1px solid var(--quarternary-colour);
|
|
||||||
|
|
||||||
.column {
|
.column {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -436,18 +504,31 @@ p.blurb {
|
||||||
p {
|
p {
|
||||||
font-size: max(calc(var(--text-variable-size) + 3px), var(--text-min-size));
|
font-size: max(calc(var(--text-variable-size) + 3px), var(--text-min-size));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
font-family: var(--secondary-font);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div.md-typeset__table table {
|
/* Contact */
|
||||||
font-family: var(--secondary-font);
|
|
||||||
font-size: max(calc(var(--text-variable-size) + 3px), calc(var(--text-min-size) + 2px)) !important;
|
|
||||||
|
|
||||||
thead {
|
div.contact-me {
|
||||||
font-weight: bold;
|
display: flex;
|
||||||
font-size: max(calc(var(--text-variable-size) + 7px), calc(var(--text-min-size) + 2px)) !important;
|
justify-content: center;
|
||||||
background-color: var(--quarternary-colour);
|
align-items: center;
|
||||||
|
|
||||||
|
div.button {
|
||||||
|
font-size: 1.8em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: bold !important;
|
||||||
|
color: var(--tertiary-colour);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-bottom: 3px solid var(--tertiary-colour);
|
||||||
|
color: var(--secondary-colour);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
BIN
docs/src/windhoek-jazz-festival-50s.mp3
Normal file
BIN
docs/src/windhoek-jazz-festival-50s.mp3
Normal file
Binary file not shown.
|
|
@ -1,5 +1,7 @@
|
||||||
|
:material-web:
|
||||||
|
|
||||||
| Content types | | |
|
:material-code-json:
|
||||||
| :--- | :--- | :--- |
|
|
||||||
| :material-school: Academic writing | | |
|
:octicons-workflow-16:
|
||||||
| :fontawesome-solid-paintbrush: Content marketing | | |
|
|
||||||
|
:material-robot:
|
||||||
|
|
|
||||||
38
mkdocs.yml
38
mkdocs.yml
|
|
@ -1,4 +1,4 @@
|
||||||
copyright: '© Gugulethu Hlekwayo. All rights reserved.'
|
copyright: "© Gugulethu Hlekwayo. All rights reserved."
|
||||||
|
|
||||||
exclude_docs: |
|
exclude_docs: |
|
||||||
includes/
|
includes/
|
||||||
|
|
@ -60,8 +60,10 @@ markdown_extensions:
|
||||||
- pymdownx.details
|
- pymdownx.details
|
||||||
- pymdownx.emoji:
|
- pymdownx.emoji:
|
||||||
emoji_index: !!python/name:material.extensions.emoji.twemoji
|
emoji_index: !!python/name:material.extensions.emoji.twemoji
|
||||||
emoji_generator: !!python/name:material.extensions.emoji.to_svg
|
emoji_generator:
|
||||||
# Allows code block highlighting. [https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/?h=highlig#highlight]
|
!!python/name:material.extensions.emoji.to_svg # Allows code block highlighting. [https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/?h=highlig#highlight]
|
||||||
|
|
||||||
|
|
||||||
- pymdownx.highlight
|
- pymdownx.highlight
|
||||||
# Built on pymdownx.highlight. Allows highlighting inline code. [https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/?h=inline#inlinehilite]
|
# Built on pymdownx.highlight. Allows highlighting inline code. [https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/?h=inline#inlinehilite]
|
||||||
- pymdownx.inlinehilite
|
- pymdownx.inlinehilite
|
||||||
|
|
@ -80,8 +82,10 @@ markdown_extensions:
|
||||||
custom_fences:
|
custom_fences:
|
||||||
- name: mermaid
|
- name: mermaid
|
||||||
class: mermaid
|
class: mermaid
|
||||||
format: !!python/name:mermaid2.fence_mermaid_custom
|
format:
|
||||||
# Allows creating content tabs. [https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/?h=tabb#tabbed]
|
!!python/name:mermaid2.fence_mermaid_custom # Allows creating content tabs. [https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/?h=tabb#tabbed]
|
||||||
|
|
||||||
|
|
||||||
- pymdownx.tabbed:
|
- pymdownx.tabbed:
|
||||||
alternate_style: true # This is the supported style. Works better on mobile view.
|
alternate_style: true # This is the supported style. Works better on mobile view.
|
||||||
# Render tasklists with custom icons. [https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/?h=taskl#tasklist]
|
# Render tasklists with custom icons. [https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/?h=taskl#tasklist]
|
||||||
|
|
@ -95,17 +99,17 @@ markdown_extensions:
|
||||||
|
|
||||||
nav:
|
nav:
|
||||||
- Homepage: index.md
|
- Homepage: index.md
|
||||||
- Writing: writing.md
|
# - Writing: writing.md
|
||||||
- Visual: visual.md
|
# - Visual: visual.md
|
||||||
- Technical:
|
# - Technical:
|
||||||
- technical.md
|
# - technical.md
|
||||||
- Qself:
|
# - Qself:
|
||||||
- qself/qself.md
|
# - qself/qself.md
|
||||||
- Getting started: qself/getting-started.md
|
# - Getting started: qself/getting-started.md
|
||||||
- Finances: qself/finances.md
|
# - Finances: qself/finances.md
|
||||||
- Transactions: qself/transactions.md
|
# - Transactions: qself/transactions.md
|
||||||
- Reference: qself/reference/index.md
|
# - Reference: qself/reference/index.md
|
||||||
- Devices: qself/devices.md
|
# - Devices: qself/devices.md
|
||||||
- Resumé: resume.md
|
- Resumé: resume.md
|
||||||
|
|
||||||
plugins:
|
plugins:
|
||||||
|
|
@ -161,7 +165,7 @@ site_description: The personal website of Gugulethu Hlekwayo.
|
||||||
|
|
||||||
site_name: Gugulethu Hlekwayo
|
site_name: Gugulethu Hlekwayo
|
||||||
|
|
||||||
site_url: 'https://gugulet.hu'
|
site_url: "https://gugulet.hu"
|
||||||
|
|
||||||
theme:
|
theme:
|
||||||
# Folder where there are files that override aspects of the site.
|
# Folder where there are files that override aspects of the site.
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue