init commit

2024-10-30 02:02:12 +01:00
commit ea4942bda1
93 changed files with 9909 additions and 0 deletions
--- a/assets/i18n/de-DE/main.ftl
+++ b/assets/i18n/de-DE/main.ftl
@@ -0,0 +1,4 @@
+hello-world = Hallo Welt!
+greeting = Hallochen { $name }!
+        .placeholder = Hallo Freund!
+about = Uber
--- a/assets/i18n/en-US/main.ftl
+++ b/assets/i18n/en-US/main.ftl
@@ -0,0 +1,10 @@
+hello-world = Hello World!
+greeting = Hello { $name }!
+        .placeholder = Hello Friend!
+about = About
+simple = simple text
+reference = simple text with a reference: { -something }
+parameter = text with a { $param }
+parameter2 = text one { $param } second { $multi-word-param }
+email = text with an EMAIL("example@example.org")
+fallback = this should fall back
--- a/assets/i18n/shared.ftl
+++ b/assets/i18n/shared.ftl
@@ -0,0 +1 @@
+-something = foo
--- a/assets/static/404.html
+++ b/assets/static/404.html
@@ -0,0 +1,3 @@
+<html><body>
+not found :-(
+</body></html>
--- a/assets/static/css/input.css
+++ b/assets/static/css/input.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
--- a/assets/static/css/main.css
+++ b/assets/static/css/main.css
--- a/assets/static/image.png
+++ b/assets/static/image.png
--- a/assets/views/website/base.html
+++ b/assets/views/website/base.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Gabriel Kaszewski</title>
+    <link rel="stylesheet" href="/static/css/main.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+    />
+  </head>
+
+  <body class="bg-gray-800">
+    <div class="flex flex-col h-full min-h-screen text-white">
+      {% include "website/components/navbar.html" %}
+      <div
+        class="flex flex-col items-center justify-center w-full h-full gap-4"
+      >
+        {% block content %} {% endblock content %}
+      </div>
+      <span class="flex-1"></span>
+      {% include "website/components/footer.html" %}
+    </div>
+  </body>
+</html>
--- a/assets/views/website/components/footer.html
+++ b/assets/views/website/components/footer.html
@@ -0,0 +1,20 @@
+<footer class="flex flex-col w-full gap-4 p-4 bg-gray-900">
+  <div class="flex gap-2">
+    <h1 class="text-xl">Gabriel Kaszewski</h1>
+    <span class="flex-1"></span>
+    <a href="https://github.com/GKaszewski" class="fa-brands fa-github"> </a>
+    <a
+      href="https://www.linkedin.com/in/gabriel-kaszewski-5344b3183"
+      class="fa-brands fa-linkedin"
+    >
+    </a>
+  </div>
+  <div class="flex gap-2 text-sm">
+    <p class="font-semibold">
+      &copy; Gabriel Kaszewski, 2024. All rights reserved.
+    </p>
+    <span class="flex-1"></span>
+    <a href="/projects"> Projects </a>
+    <a href="https://blog.gabrielkaszewski.dev/" target="_blank"> Blog </a>
+  </div>
+</footer>
--- a/assets/views/website/components/job.html
+++ b/assets/views/website/components/job.html
@@ -0,0 +1,10 @@
+<div class="flex flex-col gap-2 p-4 text-black bg-gray-100 rounded-lg">
+  <h4 class="text-2xl">
+    <span class="fas fa-user-circle"></span> {{ job.position }}
+  </h4>
+  <h5 class="text-xl font-light">
+    <span class="fas fa-building"></span> {{ job.company }}
+  </h5>
+  <p class="font-bold"><span class="fas fa-microchip"></span> Technologies</p>
+  <div class="flex flex-wrap gap-2"></div>
+</div>
--- a/assets/views/website/components/navbar.html
+++ b/assets/views/website/components/navbar.html
@@ -0,0 +1,20 @@
+<nav
+  class="fixed z-20 flex flex-col items-center justify-center w-full p-4 bg-gray-900 shadow-2xl md:flex-row"
+  id="navbar"
+>
+  <a href="/" class="text-2xl"> Gabriel Kaszewski </a>
+  <span class="flex-1"></span>
+  <div class="flex gap-4">
+    <a href="/" class="text-lg"> Home </a>
+    <a href="/projects" class="text-lg"> Projects </a>
+    <a
+      href="https://blog.gabrielkaszewski.dev/"
+      class="text-lg"
+      target="_blank"
+    >
+      Blog
+    </a>
+    <a href="/contact" class="text-lg"> Contact </a>
+    <a href="/about" class="text-lg"> About </a>
+  </div>
+</nav>
--- a/assets/views/website/index.html
+++ b/assets/views/website/index.html
@@ -0,0 +1,53 @@
+{% extends "website/base.html" %} {% block content %}
+<div class="w-full mt-8"></div>
+<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Who am I? 🤔</h3>
+<section
+  class="flex flex-col items-center m-4 prose text-justify text-white md:text-left md:m-0 md:w-1/2 md:prose-lg lg:prose-xl"
+>
+  Hi, my name is Gabriel Kaszewski, and I am a Bioinformatics student 🧬 and
+  self-taught full-stack developer 💻. I started coding when I was 11 🚀. I love
+  solving problems and writing software 👨‍💻. Currently, I am working as a Python
+  Developer at digimonkeys.com 🐒. I am very passionate about Computer Science
+  💾.
+</section>
+<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Skills 🛠️</h3>
+{% for skill in skills %}
+<p
+  class="text-base text-center rounded-2xl font-semibold tracking-tight text-black shadow-lg bg-yellow-400 p-2 min-w-[4rem] max-w-[12rem]"
+>
+  {{ skill.name }}
+</p>
+{%endfor%}
+<section class="flex flex-wrap justify-center w-1/2 gap-4"></section>
+<h3 class="mt-4 mb-2 text-5xl font-bold tracking-tight">Experience 📈</h3>
+{% for job in jobs %}
+<div class="bg-gray-100 rounded-lg p-4 text-black flex flex-col gap-2">
+  <h4 class="text-2xl">
+    <span class="fas fa-user-circle"></span> {{ job.position }}
+  </h4>
+  <h5 class="text-xl font-light">
+    <span class="fas fa-building"></span> {{ job.company }}
+  </h5>
+  {% if job.still_working %}
+  <h6>
+    <span class="fas fa-clock"></span> {{ job.start_date |
+    date(format="%d-%m-%Y") }} - Present
+  </h6>
+  {% else %}
+  <h6>
+    <span class="fas fa-clock"></span> {{ job.start_date |
+    date(format="%d-%m-%Y") }} - {{ job.end_date | date(format="%d-%m-%Y") }}
+  </h6>
+  {% endif %}
+  <p class="font-bold"><span class="fas fa-microchip"></span> Technologies</p>
+  {% for technology in job.technologies %}
+  <p
+    class="text-base text-center rounded-2xl font-semibold tracking-tight text-black shadow-lg bg-yellow-400 p-2 min-w-[4rem] max-w-[12rem]"
+  >
+    {{ technology }}
+  </p>
+  {% endfor %}
+</div>
+{%endfor%}
+<section class="flex flex-col flex-wrap justify-center gap-4 m-4"></section>
+{% endblock content %}