Initial page

This commit is contained in:
jay-tux 2025-04-13 18:43:13 +02:00
parent f00572fce5
commit 59a06db0ae
Signed by: jay-tux
GPG Key ID: 84302006B056926E
10 changed files with 456 additions and 11 deletions

3
build.sh Executable file
View File

@ -0,0 +1,3 @@
#!/usr/bin/zsh
pandoc ./jaytux.com.md -s -o ./jaytux.com.html

View File

@ -1,11 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Jonas Sys (jay-tux)</title>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/gh/digitallytailored/classless@latest/classless.min.css' />
</head>
<body>
<h1>Jonas Sys</h1>
<h6>aka jay-tux</h6>
</body>
</html>

259
jaytux.com.html Normal file
View File

@ -0,0 +1,259 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<meta name="author" content="Jonas Sys" />
<meta name="dcterms.date" content="2025-04-13" />
<title>Jonas Sys (jay-tux)</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
svg {
height: auto;
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="https://classless.de/classless-tiny.css" />
<link rel="stylesheet" href="https://classless.de/addons/themes.css" media="(prefers-color-scheme: dark)" />
<link rel="stylesheet" href="./overrides.css" />
</head>
<body>
<header id="title-block-header">
<h1 class="title">Jonas Sys (jay-tux)</h1>
<p class="author">Jonas Sys</p>
<p class="date">2025-04-13</p>
</header>
<div class="header-container">
<img src="./picture.jpg" alt="A picture of me" class="header-image left" />
<div class="header-details">
<h1>
Jonas Sys
</h1>
<h6>
aka jay-tux
</h6>
<br />
<p>
PhD Student (Computer Science)<br />
<a href="https://www.ugent.be/we/winst/en">Department WINST</a>,
<a href="https://www.ugent.be/we/en">Faculty of Sciences</a>,
<a href="https://www.ugent.be/en">UGent</a> and<br />
<a href="https://soft.vub.ac.be/disco/">DisCo Group</a>,
<a href="https://soft.vub.ac.be/soft/index.html">SOFT Lab</a>,
<a href="https://www.vub.be/en/about-vub/faculties-institutes-and-campuses/our-faculties/sciences-and-bioengineering-sciences">Sciences
&amp; Bioengineering Sciences Faculty</a>,
<a href="https://www.vub.be/en">VUB</a><br />
</p>
<div class="header-icons">
<a href="mailto:jonas.sys@ugent.be" class="icon"><img src="./lucide_mail.svg" alt="My email" /><span
class="detail">jonas.sys@ugent.be</span></a>
<a href="https://github.com/jay-tux" class="icon"><img src="./lucide_github.svg" alt="My GitHub" /><span
class="detail">jay-tux</span></a>
</div>
</div>
<p><img src="./pfp.png" alt="My typical profile picture" class="header-image right" /></p>
</div>
<hr />
<h2 id="news">News</h2>
<ul>
<li><strong>ASPLOS/EuroSys25</strong><br />
I presented at EuroDW25, and stayed for the full conference.</li>
</ul>
<hr />
<h2 id="publications">Publications</h2>
<h5>
Coming soon!
</h5>
<hr />
<h2 id="teaching">Teaching</h2>
<ul>
<li><strong>Software Engineering Lab 1</strong> (TA)<br />
<em>Semester:</em> Spring 2025<br />
<em>Description:</em> A project-oriented course meant to teach students
to work in a professional setting, building a mobile app.</li>
</ul>
<hr />
<h2 id="education">Education</h2>
<ul>
<li><p><strong>PhD Student (Computer Science)</strong><br />
<a href="https://ugent.be/en">UGent</a> and <a
href="https://www.vub.be/en">VUB</a><br />
October 2024 - present<br />
Supervised by both Christophe Scholliers (UGent) and Elisa Gonzalez Boix
(VUB)</p></li>
<li><p><strong>Master of Computer Science</strong> <em>graduated magna
cum laude</em><br />
<a href="https://ugent.be/en">UGent</a><br />
September 2022 - June 2024<br />
Thesis: <a href="https://jaytux.com/thesis.pdf">Quantifying and
Mitigating the Cold-Start Problem in GPU Simulation</a></p>
<ul>
<li><em>Erasmus International Exchange</em><br />
<a href="https://international.au.dk/">Aarhus University</a><br />
September 2022 - June 2023<br />
Focused on program verification and algorithms</li>
</ul></li>
<li><p><strong>Bachelor of Computer Science</strong> <em>graduated cum
laude</em><br />
<a href="https://ugent.be/en">UGent</a><br />
September 2019 - June 2022</p></li>
</ul>
</body>
</html>

72
jaytux.com.md Normal file
View File

@ -0,0 +1,72 @@
---
title: Jonas Sys (jay-tux)
author: Jonas Sys
date: 2025-04-13
header-includes:
- '<link rel="stylesheet" href="./style.css" />'
- '<link rel="stylesheet" href="https://classless.de/classless-tiny.css" />'
- '<link rel="stylesheet" href="https://classless.de/addons/themes.css" media="(prefers-color-scheme: dark)" />'
- '<link rel="stylesheet" href="./overrides.css" />'
---
<div class="header-container">
<img src="./picture.jpg" alt="A picture of me" class="header-image left" />
<div class="header-details">
<h1>Jonas Sys</h1>
<h6>aka jay-tux</h6><br />
<p>
PhD Student (Computer Science)<br />
<a href="https://www.ugent.be/we/winst/en">Department WINST</a>, <a href="https://www.ugent.be/we/en">Faculty of Sciences</a>, <a href="https://www.ugent.be/en">UGent</a> and<br />
<a href="https://soft.vub.ac.be/disco/">DisCo Group</a>, <a href="https://soft.vub.ac.be/soft/index.html">SOFT Lab</a>, <a href="https://www.vub.be/en/about-vub/faculties-institutes-and-campuses/our-faculties/sciences-and-bioengineering-sciences">Sciences & Bioengineering Sciences Faculty</a>, <a href="https://www.vub.be/en">VUB</a><br />
</p>
<div class="header-icons">
<a href="mailto:jonas.sys@ugent.be" class="icon"><img src="./lucide_mail.svg" alt="My email" /><span class="detail">jonas.sys@ugent.be</span></a>
<a href="https://github.com/jay-tux" class="icon"><img src="./lucide_github.svg" alt="My GitHub" /><span class="detail">jay-tux</span></a>
</div>
</div>
<img src="./pfp.png" alt="My typical profile picture" class="header-image right" />
</div>
---
## News
- **ASPLOS/EuroSys'25**
I presented at EuroDW'25, and stayed for the full conference.
---
## Publications
<h5>Coming soon!</h5>
---
## Teaching
- **Software Engineering Lab 1** (TA)
*Semester:* Spring 2025
*Description:* A project-oriented course meant to teach students to work in a professional setting, building a mobile app.
---
## Education
- **PhD Student (Computer Science)**
[UGent](https://ugent.be/en) and [VUB](https://www.vub.be/en)
October 2024 - present
Supervised by both Christophe Scholliers (UGent) and Elisa Gonzalez Boix (VUB)
- **Master of Computer Science** *graduated magna cum laude*
[UGent](https://ugent.be/en)
September 2022 - June 2024
Thesis: [Quantifying and Mitigating the Cold-Start Problem in GPU Simulation](https://jaytux.com/thesis.pdf)
- *Erasmus International Exchange*
[Aarhus University](https://international.au.dk/)
September 2022 - June 2023
Focused on program verification and algorithms
- **Bachelor of Computer Science** *graduated cum laude*
[UGent](https://ugent.be/en)
September 2019 - June 2022

14
lucide_github.svg Normal file
View File

@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" />
<path d="M9 18c-4.51 2-5-2-7-2" />
</svg>

After

Width:  |  Height:  |  Size: 509 B

14
lucide_mail.svg Normal file
View File

@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect width="20" height="16" x="2" y="4" rx="2" />
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
</svg>

After

Width:  |  Height:  |  Size: 318 B

32
overrides.css Normal file
View File

@ -0,0 +1,32 @@
body {
max-width: 60rem;
width: 60rem;
}
header {
display: none;
}
.header-icons {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.icon {
position: relative;
display: inline-block;
color: inherit;
text-decoration: none;
}
.icon .detail {
display: none;
margin-left: 8px;
font-size: 0.9em;
}
.icon:hover .detail {
display: inline;
}

BIN
pfp.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

BIN
picture.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

62
style.css Normal file
View File

@ -0,0 +1,62 @@
/* styles.css */
/* General page styling */
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
}
/* Header container styling */
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
border-bottom: 1px solid #ccc;
background-color: #f9f9f9;
}
/* Header images */
.header-image {
width: 150px;
height: auto;
}
/* Specific classes for left/right images */
.header-image.left {
float: left;
}
.header-image.right {
float: right;
}
/* Header details (center section) */
.header-details {
flex-grow: 1;
text-align: center;
}
/* Section headings styling */
h1, h2, h3 {
color: #333;
margin-bottom: 10px;
}
/* Formatted list items styling */
ul {
list-style: none;
padding: 0;
}
ul li {
margin-bottom: 15px;
padding-left: 15px;
border-left: 3px solid #0077cc;
}
ul li strong {
color: #0077cc;
}