Compare commits
14 Commits
f00572fce5
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
e0fcefb3a3
|
|||
|
b844dc9007
|
|||
|
6638ef0336
|
|||
|
3780424ace
|
|||
|
f1b4e3a95d
|
|||
|
60cd6695cc
|
|||
|
33a749a5b3
|
|||
|
4e13c4475c
|
|||
|
6804964c61
|
|||
|
39dc129cdd
|
|||
|
4d7b2209b3
|
|||
|
ae22d70b50
|
|||
|
8e98698db2
|
|||
|
59a06db0ae
|
1
.deploy_targets
Normal file
1
.deploy_targets
Normal file
@ -0,0 +1 @@
|
|||||||
|
*.html *.css *.png *.jpg *.svg *.pdf
|
||||||
3
build.sh
Executable file
3
build.sh
Executable file
@ -0,0 +1,3 @@
|
|||||||
|
#!/usr/bin/zsh
|
||||||
|
|
||||||
|
pandoc ./jaytux.com.md -s -o ./index.html
|
||||||
291
index.html
291
index.html
@ -1,11 +1,294 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||||
<head>
|
<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>
|
<title>Jonas Sys (jay-tux)</title>
|
||||||
<link rel='stylesheet' href='https://cdn.jsdelivr.net/gh/digitallytailored/classless@latest/classless.min.css' />
|
<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" />
|
||||||
|
<link rel="icon" type="image/x-icon" href="./pfp.png" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Jonas Sys</h1>
|
<header id="title-block-header">
|
||||||
<h6>aka jay-tux</h6>
|
<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">
|
||||||
|
<div class="mobile-image">
|
||||||
|
<img src="./picture.jpg" alt="A picture of me" class="header-image" />
|
||||||
|
<img src="./pfp.png" alt="My typical profile picture" class="header-image" />
|
||||||
|
</div>
|
||||||
|
<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://github.com/TOPLLab/">TOPL Lab</a>,
|
||||||
|
<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>
|
||||||
|
<p><img src="./pfp.png" alt="My typical profile picture" class="header-image right" /></p>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
<p>
|
||||||
|
<strong>Current
|
||||||
|
project:</strong><img src="./phoenix.png" class="emote" alt="Phoenix programming language logo" />
|
||||||
|
Phoenix, a data-parallel programming language
|
||||||
|
</p>
|
||||||
|
<hr />
|
||||||
|
<h2 id="news">News</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a
|
||||||
|
href="https://www.asplos-conference.org/asplos2025/"><strong>ASPLOS/EuroSys’20</strong></a><br />
|
||||||
|
<small>March 30 - April 3, 2025</small><br />
|
||||||
|
I presented a talk titled <em>Modular Data and Parallelization
|
||||||
|
Abstractions for Programming Heterogeneous Systems</em> at <a
|
||||||
|
href="https://eurodw25.github.io/">EuroDW’25</a> in Rotterdam (🇳🇱), and
|
||||||
|
stayed for the full conference.<br />
|
||||||
|
</li>
|
||||||
|
<li><a
|
||||||
|
href="https://pliss.org/2025/"><strong>PLISS’25</strong></a><br />
|
||||||
|
<small>May 26 - May 31, 2025</small><br />
|
||||||
|
I attended the summer school in Bertinoro (🇮🇹)! This was followed by a
|
||||||
|
short trip to Firenze/Florence (🇮🇹), Muenchen/Munich (🇩🇪), and
|
||||||
|
Ravenstein (🇳🇱).</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> (Teaching
|
||||||
|
Assistant)<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 />
|
||||||
|
<small>October 2024 - present</small><br />
|
||||||
|
<a href="https://ugent.be/en">UGent</a> and <a
|
||||||
|
href="https://www.vub.be/en">VUB</a><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 />
|
||||||
|
<small>September 2022 - June 2024</small><br />
|
||||||
|
<a href="https://ugent.be/en">UGent</a><br />
|
||||||
|
Thesis: <a href="https://jaytux.com/thesis.pdf">Quantifying and
|
||||||
|
Mitigating the Cold-Start Problem in GPU Simulation</a> (<a
|
||||||
|
href="https://github.com/jay-tux/thesis-text"><img
|
||||||
|
src="./lucide_github.svg" alt="GitHub" /> LaTeX source</a>)</p>
|
||||||
|
<ul>
|
||||||
|
<li><em>Erasmus International Exchange</em><br />
|
||||||
|
<small>September 2022 - June 2023</small><br />
|
||||||
|
<a href="https://international.au.dk/">Aarhus University</a><br />
|
||||||
|
Focused on program verification and algorithms</li>
|
||||||
|
</ul></li>
|
||||||
|
<li><p><strong>Bachelor of Computer Science</strong> <em>graduated cum
|
||||||
|
laude</em><br />
|
||||||
|
<small>September 2019 - June 2022</small><br />
|
||||||
|
<a href="https://ugent.be/en">UGent</a></p></li>
|
||||||
|
</ul>
|
||||||
|
<hr />
|
||||||
|
<h2 id="projects">Projects</h2>
|
||||||
|
<h5>
|
||||||
|
Coming soon!
|
||||||
|
</h5>
|
||||||
|
<p>But if you’re really curious - check out <a
|
||||||
|
href="https://git.jaytux.com/jaytux/grader">Grader</a> and <a
|
||||||
|
href="https://git.jaytux.com/jaytux/simd.jaytux.com">SIMD-API</a>…</p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
92
jaytux.com.md
Normal file
92
jaytux.com.md
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
---
|
||||||
|
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" />'
|
||||||
|
- '<link rel="icon" type="image/x-icon" href="./pfp.png" />'
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="header-container">
|
||||||
|
<div class="mobile-image">
|
||||||
|
<img src="./picture.jpg" alt="A picture of me" class="header-image" />
|
||||||
|
<img src="./pfp.png" alt="My typical profile picture" class="header-image" />
|
||||||
|
</div>
|
||||||
|
<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://github.com/TOPLLab/">TOPL Lab</a>, <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>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<p><strong>Current project:</strong><img src="./phoenix.png" class="emote" alt="Phoenix programming language logo" /> Phoenix, a data-parallel programming language</p>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## News
|
||||||
|
|
||||||
|
- [**ASPLOS/EuroSys'20**](https://www.asplos-conference.org/asplos2025/)
|
||||||
|
<small>March 30 - April 3, 2025</small>
|
||||||
|
I presented a talk titled *Modular Data and Parallelization Abstractions for Programming Heterogeneous Systems* at [EuroDW'25](https://eurodw25.github.io/) in Rotterdam (🇳🇱), and stayed for the full conference.
|
||||||
|
- [**PLISS'25**](https://pliss.org/2025/)
|
||||||
|
<small>May 26 - May 31, 2025</small>
|
||||||
|
I attended the summer school in Bertinoro (🇮🇹)! This was followed by a short trip to Firenze/Florence (🇮🇹), Muenchen/Munich (🇩🇪), and Ravenstein (🇳🇱).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Publications
|
||||||
|
|
||||||
|
<h5>Coming soon!</h5>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Teaching
|
||||||
|
|
||||||
|
- **Software Engineering Lab 1** (Teaching Assistant)
|
||||||
|
*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)**
|
||||||
|
<small>October 2024 - present</small>
|
||||||
|
[UGent](https://ugent.be/en) and [VUB](https://www.vub.be/en)
|
||||||
|
Supervised by both Christophe Scholliers (UGent) and Elisa Gonzalez Boix (VUB)
|
||||||
|
|
||||||
|
- **Master of Computer Science** *graduated magna cum laude*
|
||||||
|
<small>September 2022 - June 2024</small>
|
||||||
|
[UGent](https://ugent.be/en)
|
||||||
|
Thesis: [Quantifying and Mitigating the Cold-Start Problem in GPU Simulation](https://jaytux.com/thesis.pdf) ([ LaTeX source](https://github.com/jay-tux/thesis-text))
|
||||||
|
|
||||||
|
- *Erasmus International Exchange*
|
||||||
|
<small>September 2022 - June 2023</small>
|
||||||
|
[Aarhus University](https://international.au.dk/)
|
||||||
|
Focused on program verification and algorithms
|
||||||
|
|
||||||
|
- **Bachelor of Computer Science** *graduated cum laude*
|
||||||
|
<small>September 2019 - June 2022</small>
|
||||||
|
[UGent](https://ugent.be/en)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Projects
|
||||||
|
|
||||||
|
<h5>Coming soon!</h5>
|
||||||
|
But if you're really curious - check out [Grader](https://git.jaytux.com/jaytux/grader) and [SIMD-API](https://git.jaytux.com/jaytux/simd.jaytux.com)...
|
||||||
14
lucide_github.svg
Normal file
14
lucide_github.svg
Normal 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
14
lucide_mail.svg
Normal 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 |
49
overrides.css
Normal file
49
overrides.css
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emote {
|
||||||
|
display: inline;
|
||||||
|
float: none !important;
|
||||||
|
vertical-align: middle;
|
||||||
|
height: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-image {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media(max-width: 700px) {
|
||||||
|
.mobile-image {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left, .right {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
phoenix.png
Normal file
BIN
phoenix.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
BIN
picture.jpg
Normal file
BIN
picture.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
62
style.css
Normal file
62
style.css
Normal 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;
|
||||||
|
}
|
||||||
BIN
thesis.pdf
Normal file
BIN
thesis.pdf
Normal file
Binary file not shown.
Reference in New Issue
Block a user