Add msc thesis project

This commit is contained in:
Hugo Mårdbrink 2025-07-07 22:39:42 +02:00
parent 0df3d16dda
commit be47359492
5 changed files with 66 additions and 0 deletions

View file

@ -484,3 +484,32 @@ html, body {
display: flex; display: flex;
} }
} }
.msc-car {
position: absolute;
top: 3rem;
width: 101%;
}
.msc-mobile-car {
position: absolute;
bottom: -4rem;
left: -5rem;
height: 6rem;
display: none;
@media screen and (max-width: 1000px) {
display: flex;
}
}
.msc-project-title {
margin-left: 1rem;
font-size: 1.5rem;
font-weight: 700;
color: inherit;
@media screen and (max-width: 1000px) {
font-size: 1.2rem;
}
}

Binary file not shown.

14
resources/car.svg Normal file
View file

@ -0,0 +1,14 @@
<svg width="529" height="208" viewBox="0 0 529 208" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M190.941 36L198 47.2653H188V36H190.941Z" fill="#201F1B"/>
<path d="M190.941 174L198 163.861H188V174H190.941Z" fill="#201F1B"/>
<path d="M190.941 36L198 47.2653H188V36H190.941Z" stroke="#201F1B" stroke-width="6"/>
<path d="M190.941 174L198 163.861H188V174H190.941Z" stroke="#201F1B" stroke-width="6"/>
<rect x="56" y="54" width="193" height="103" rx="40" stroke="#201F1B" stroke-width="8"/>
<path d="M249.022 104.992C370.5 104.992 351.5 36.9988 478 36.9986" stroke="#201F1B" stroke-width="8"/>
<path d="M249.022 104.992C370.499 105.265 351.346 72.2515 477.845 72.5359" stroke="#201F1B" stroke-width="8"/>
<path d="M249 105.997C370.478 105.997 351.478 173.991 477.978 173.991" stroke="#201F1B" stroke-width="8"/>
<path d="M249 105.997C370.476 105.72 351.321 138.147 477.82 137.858" stroke="#201F1B" stroke-width="8"/>
<line x1="245.017" y1="104.999" x2="478.017" y2="105.999" stroke="#201F1B" stroke-width="8"/>
<line y1="4" x2="528.024" y2="4" stroke="#201F1B" stroke-width="8"/>
<line y1="204" x2="528.024" y2="204" stroke="#201F1B" stroke-width="8"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

8
resources/mobile-car.svg Normal file
View file

@ -0,0 +1,8 @@
<svg width="136" height="98" viewBox="0 0 136 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M99.8891 5.72235L103.711 9.22251L99.7915 10.2081L98.7363 6.01224L99.8891 5.72235Z" fill="#201F1B"/>
<path d="M112.815 57.122L114.632 52.65L110.712 53.6356L111.662 57.4119L112.815 57.122Z" fill="#201F1B"/>
<path d="M99.8891 5.72235L103.711 9.22251L99.7915 10.2081L98.7363 6.01224L99.8891 5.72235Z" stroke="#201F1B" stroke-width="3"/>
<path d="M112.815 57.122L114.632 52.65L110.712 53.6356L111.662 57.4119L112.815 57.122Z" stroke="#201F1B" stroke-width="3"/>
<rect x="48.686" y="25.7268" width="78" height="39.558" rx="17.5" transform="rotate(-14.1156 48.686 25.7268)" fill="#F6F6F6" stroke="#201F1B" stroke-width="4"/>
<path d="M54.5 47.0001C22.5 46.9997 34.5 96.0005 9.49999 96" stroke="black" stroke-width="4" stroke-dasharray="8 8"/>
</svg>

After

Width:  |  Height:  |  Size: 850 B

View file

@ -14,6 +14,7 @@
{{ block "projects.content" . }} {{ block "projects.content" . }}
<div class="project-page"> <div class="project-page">
<span class="title title-offset">PROJECTS</span> <span class="title title-offset">PROJECTS</span>
{{ template "projects.msc" . }}
{{ template "projects.skal" . }} {{ template "projects.skal" . }}
{{ template "projects.dct" . }} {{ template "projects.dct" . }}
{{ template "projects.modmark" . }} {{ template "projects.modmark" . }}
@ -90,3 +91,17 @@ The language utilises WebAssembly programs for easy package development.</span>
</div> </div>
{{ end }} {{ end }}
{{ block "projects.msc" . }}
<div class="project-wrapper">
<div class="dct-wrapper">
<img src="/resources/car.svg" class="msc-car" alt="Car"></img>
</div>
<div class="project-info">
<img src="/resources/mobile-car.svg" class="msc-mobile-car" alt="Car"></img>
<span class="msc-project-title">High-performance trajectory planning: A GPU-acceleration performance study</span>
<span class="project-info-desc">CUDA accelerated a C++ implementation of a spline-based trajectory planning algorithm. Improving performance by three orders of magnitude.</span>
<a href="resources/MARDBRINK_HUGO_MSC.pdf" download class="project-info-link-right">Thesis</a>
</div>
</div>
{{ end }}