add resume page

public/resume.md

@@ -0,0 +1,37 @@
+## Basic information
+- Name: Paweł Michalewski
+- Online alias: YouHaveTrouble
+- Residence: Lubin, Poland
+- Birthdate: June 16th 1997
+- Email: youhavetrouble@youhavetrouble.me
+
+## Experience
+
+### Fullstack Developer at [Digitalform](https://evipstudio.pl/) (2022 - present)
+
+#### Responsibilities:
+- Designing, developing and maintaining web applications
+
+#### Technologies:
+- PHP (Symfony)
+- JavaScript (Vanilla, Vue.js, Astro)
+- HTML
+- CSS, SCSS
+- MySQL, SQLite
+- Docker
+- Git
+
+### Volunteer at [PurpurMC](https://purpurmc.org) (2021 - present)
+
+#### Responsibilities:
+- Developing and maintaining Purpur server software
+- Developing and maintaining PurpurExtras plugin for Paper/Purpur servers
+- Developing and maintaining Purpur website
+- Support and moderation on Purpur Discord server
+
+#### Technologies:
+- Java
+- JavaScript (Vanilla, Vue.js, Astro)
+- HTML
+- CSS, SCSS
+- Git

public/robots.txt

@@ -1,2 +1,4 @@
 User-agent: *
 Allow: /
+Disallow: /resume/
+Disallow: /resume.md

src/pages/resume.astro

@@ -0,0 +1,52 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+import {marked} from "marked";
+
+const title = 'Resume';
+const description = 'Something for potential employers to look at.';
+const permalink = Astro?.site?.href + 'resume' ?? '/resume';
+
+const resumeFiles = import.meta.glob('../../public/resume.md', { query: "?raw"});
+let resumeContent = '';
+
+for (const path in resumeFiles) {
+  const file: {default: string} = await resumeFiles[path]() as {default: string};
+  resumeContent = await marked(file.default);
+}
+---
+
+<BaseLayout title={title} description={description} permalink={permalink}>
+  <header>
+    <h1>Resume</h1>
+    <p><a href="/resume.md" download>Download my resume as a markdown file</a></p>
+  </header>
+  <div class="container">
+    <article class="content" set:html={resumeContent}></article>
+  </div>
+</BaseLayout>
+
+<style>
+  header {
+    text-align: center;
+  }
+
+  header h1 {
+    margin-bottom: 0.25em;
+  }
+
+  header p {
+    color: var(--text-secondary);
+    text-transform: uppercase;
+    font-weight: 600;
+    font-size: 1rem;
+  }
+
+  header hr {
+    min-width: 100px;
+    width: 30%;
+  }
+
+  .content h2 {
+
+  }
+</style>