index.html

---
layout: default
kaomoji: ["(^ヮ^)", "(*≧ω≦*)", "(* ^ ω ^)", "(^ᴗ^)", "(⌒▽⌒)☆", "(^ω^)", "♡(^ᴗ^)", "（≧∇≦）"]
---
<aside class="home">
	<div class="aboutme">
		<div class="title">
			<div class="line left-side"></div>
			<h1>About me</h1>
			<div class="line right-side"></div>
		</div>
		<p>Hi! My name's Martin, and I'm currently studying <a href="https://kau.se/en/education/programmes-and-courses/programmes/TGKDV">Computer Science at Karlstad University</a> in Sweden. Most of the time I bodge code, and it somehow manages to work.</p>
		<p>My most impactful change as a developer is probably <a href="https://chromium-review.googlesource.com/c/chromium/src/+/2231049">a bug I fixed in Chromium</a> :-)</p>
		<nav>
			{% for link in site.data.main_links %}
				<p><a href="{{ link.url }}" {% if link.external %}target="_blank"{% endif %}>{{ link.title }}{% if link.external %} &UpperRightArrow;{% endif %}</a></p>
			{% endfor %}
		</nav>
	</div>
	<div class="bottomnote">
		<img src="/assets/gspfp.jpeg" alt="Space profile picture">
		<p>&#8212; &#183; &#8212;</p>
	</div>
</aside>

<main class="content">
	<section>
		<div class="title">
			<div class="line left-side"></div>
			<h1>Projects</h1>
			<div class="line right-side"></div>
		</div>
		<div class="projects">
			{% assign gh_repos = site.github.public_repositories %}
			{% for local_repo in site.data.repositories %}
				{% for repo in gh_repos %}
					{% if repo.name contains local_repo %}
						<div class="project {{ repo.language }} main-project">
							<h2><a href="{{ repo.html_url }}">{{ repo.name }}</a></h2>
							<p>{{ repo.description }}</p>
							<picture class="imagecontainer">
								<source srcset="/assets/projects/{{ local_repo | downcase }}-light.avif" media="(prefers-color-scheme: light)" type="image/avif">
								<source srcset="/assets/projects/{{ local_repo | downcase }}.avif" type="image/avif">
								<source srcset="/assets/projects/{{ local_repo | downcase }}-light.png" media="(prefers-color-scheme: light)">
								<source srcset="/assets/projects/{{ local_repo | downcase }}.png">
								<img src="assets/projects/{{ local_repo | downcase }}.png" alt="{{ local_repo }}'s UI">
							</picture>
							<span>{{ repo.language }}</span>
						</div>
					{% endif %}
				{% endfor %}
			{% endfor %}
		</div>
		<div class="projects">
			{% for repo in site.data.other_repos %}
				<div class="project {{ repo.language }}">
					<h2><a href="{{ repo.url }}">{{ repo.name }}</a></h2>
					<p>{{ repo.description }}</p>
					<span>{{ repo.language }}</span>
				</div>
			{% endfor %}
		</div>
	</section>

	<section class="darkersection growsmost">
		<div class="title">
			<div class="line left-side"></div>
			<h1>Blog Posts</h1>
			<div class="line right-side"></div>
		</div>
		{% for post in site.posts limit:10 %}
			<div class="blogpostpreview">
				<p class="postdate">{{ post.date | date: "%Y-%m-%d" }}</p>
				<p class="forcesingleline"><a href="{{ post.url }}">{{ post.title }}</a></p>
			</div>
		{% endfor %}
	</section>

	<footer>
		{% assign year = "now" | date: "%Y" %}
		<p>Mnpn {{ year }}, last built on {{ site.time | date_to_long_string: "ordinal", "US" | remove: year | remove: ", " }}</p>
		<p>Made with <span id="kao"><noscript>:(</noscript></span> in Sweden</p>
	</footer>
</main>

<script>
	let kao = {{ page.kaomoji | inspect | replace: "&quot;", "'" }};
	document.querySelector("#kao").setAttribute("before", kao[parseInt(Math.random() * kao.length)]);
</script>