font size yo

This commit is contained in:
john 2024-05-18 12:28:21 +02:00
parent 9ab6bb51ad
commit 08ad294d46
2 changed files with 51 additions and 17 deletions

47
cv.html
View file

@ -37,19 +37,33 @@
<h3>Lead Software Engineer @ HYRE Solutions, Berlin</h3> <h3>Lead Software Engineer @ HYRE Solutions, Berlin</h3>
<p class=experience-time-span>September 2022 - Present</p> <p class=experience-time-span>September 2022 - Present</p>
</hgroup> </hgroup>
<p>As the lead software engineer at a small Berlin-based recruitment startup, I lead the development and <p>
maintenance of our As the lead software engineer at a small Berlin-based recruitment startup, I lead the development and
web frontend and backend systems, alongside participating in the development maintenance of our web frontend and backend systems, administrate devops, and collaborate in the
of the projects roadmap. My responsibilities included:</p> development of the project's roadmap. My responsibilities include:
</p>
<ul> <ul>
<li>Developed the frontend using Nuxt (Vue) and TypeScript, and the backend in C#/ASP.NET.</li> <li>
<li>Improved code quality and system architecture for better performance and scalability.</li> Designing and implementing customer facing features, in both the frontend (NuxtJs, TypeScript) and
<li>Managed integrations with external services like Salesmate and Airtable.</li> the backend (C#, ASP.NET, Entity Framework).
<li>Oversaw testing and deployment processes for frontend and backend systems, managing source control,
deployment, and hosting infrastructure on Azure and GitHub.
</li> </li>
<li>Facilitated the adoption of structured development workflows.</li> <li>
<li>Provided technical support to colleagues and clients.</li> Handling day to day technical tasks such as responding to error reports, providing technical
assistance to other teams, fixing bugs and monitoring system logs.
</li>
<li>
Develop integrations with external services such as Salesmate, Airtable, Chargebee and Twilio.
</li>
<li>
Develop internal features to automate and streamline the work of other teams.
</li>
<li>
Maintain hosting infrastructure: Provisioning and monitoring our Azure cloud infrastructure
(e.g. App Services, Static Web Apps and SQL Server instances), administrating source control (on
GitHub) and maintaining CI/CD automations.
</li>
<li>I constantly seek to improve code quality and system architecture for better performance and scalability.</li>
<li>I have also facilitated in the adoption of structured, agile development workflows.</li>
</ul> </ul>
</section> </section>
@ -156,20 +170,23 @@
</main> </main>
<menu class="links"> <menu class="links">
<li> <li>
<a href="https://github.com/johnbotris"> <a href="https://github.com/johnbotris" class="external-link">
<img <img
class="icon" class="icon"
alt="the github logo" alt="the github logo"
src="assets/github-mark.svg" src="assets/github-mark.svg"
> >
<span class="print-only">/johnbotris</span>
</a> </a>
</li> </li>
<li> <li>
<a href="https://www.linkedin.com/in/john-morris-06a09324b/"> <a href="https://www.linkedin.com/in/johnbotris/" class="external-link">
<img <img
class="icon" class="icon"
alt="the linkedin logo" alt="the linkedin logo"
src="assets/In-Blue-48.png"> src="assets/In-Blue-48.png"
>
<span class="print-only">/in/johnbotris</span>
</a> </a>
</li> </li>
</menu> </menu>
@ -250,7 +267,7 @@
const year = now.getFullYear() const year = now.getFullYear()
const month = now.getMonth() + 1 const month = now.getMonth() + 1
const day = now.getDate() const day = now.getDate()
document.title = `John Morris CV ${year}-${month.toString().padStart(2, "0")}-${day.toString().padStart(2, "0")}`; document.title = `John Morris CV`;
}); });
window.addEventListener("afterprint", (event) => { window.addEventListener("afterprint", (event) => {

View file

@ -5,7 +5,7 @@
font-family: "JetBrains Mono", Arial, sans-serif; font-family: "JetBrains Mono", Arial, sans-serif;
@media print { @media print {
font-size: 9pt; font-size: 6.7pt;
} }
} }
@ -109,7 +109,7 @@ div:has(> .pfp) {
border: 4px solid var(--primary-light); border: 4px solid var(--primary-light);
} }
menu.links { .links {
list-style-type: none; list-style-type: none;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -117,6 +117,23 @@ menu.links {
padding: 0; padding: 0;
margin-bottom: 1rem; margin-bottom: 1rem;
@media print {
flex-direction: column;
}
}
.external-link {
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: center;
}
.print-only {
@media not print {
display: none;
}
} }
.experience-time-span { .experience-time-span {