]> prime8.dev >> repos - p8d.git/commitdiff
Make it a single page
authorDamian Myrda <damian@prime8.dev>
Wed, 13 Nov 2024 00:23:16 +0000 (18:23 -0600)
committerDamian Myrda <damian@prime8.dev>
Wed, 13 Nov 2024 00:23:16 +0000 (18:23 -0600)
web/config.toml
web/content/projects.md [deleted file]
web/templates/index.html
web/templates/projects.html

index af115ddda47a6218f469b8eb0534efaaa6a6bfb4..da2ad8651e29d8846eb02345a2b5be842e7c0741 100644 (file)
@@ -3,5 +3,4 @@ base_url = "https://prime8.dev"
 [extra]
 tabs = [
   { name = "home", url = "/" },
-  { name = "projects", url = "/projects" },
 ]
diff --git a/web/content/projects.md b/web/content/projects.md
deleted file mode 100644 (file)
index dc2776b..0000000
+++ /dev/null
@@ -1,32 +0,0 @@
-+++
-template = "projects.html"
-+++
-
-<div class="row-fluid">
-    <div class="span4 w-100">
-        <h2><a href="https://git.prime8.dev/?p=mos.git">MOS</a></h2>
-        <p>In my free time, I work on MOS, my minimal operating system. This project has deepened my understanding of OS internals, and I'm planning to rewrite it for the RISC-V architecture. While it's currently quite simple, I have plans to expand its feature set in the future. My goal is to create a simple yet modern operating system without the years of technical debt. Users interact with the terminal through command line and terminal user interfaces designed for ease of use and speed.</p>
-    </div>
-    <div class="span4 w-100">
-        <h2><a href="https://git.prime8.dev/?p=janitor.git">Janitor</a></h2>
-        <p>During my summer internship at Amplifier Health, I developed a service that sorts audio files into three categories: speech, music, and noise. It started as a Python project using PyTorch and FastAPI, but I later ported it to Rust with tch-rs and Axum for better performance. I also created a command line interface that makes it easy for users to access and make use of the results. The service is designed to be fast, using efficient multithreading on the CPU and taking advantage of the GPU for highly parallel processing.</p>
-    </div>
-    <div class="span4 w-100">
-        <h2><a href="https://github.com/moncheeta/summarizer">Summarizer</a></h2>
-        <p>An experiment using a microservice architecture that transcribes and summarizes audio into text using OpenAI's API. One service acts as the frontend, allowing users to upload their audio files. Another service transcribes the audio using OpenAI's Whisper model. Finally, the last service summarizes it using GPT-4-Turbo. These services communicate through Kafka, where jobs are requested and results are received. The entire system is managed with a Docker Compose file.</p>
-    </div>
-</div>
-<div class="row-fluid">
-    <div class="span4 w-100">
-        <h2><a href="https://github.com/Carter-Thomas/HSHacks-Project">D214 Tutor Connect</a></h2>
-        <p>For HSHacks 2024, my friends and I developed a website to help students find tutors. Recognizing that not every school has a dedicated portal for peer tutoring, we created a district-wide, easily accessible platform. We used ReactJS for the user interface and Firebase for storage and authentication. In the end, we won 3rd place!</p>
-    </div>
-    <div class="span4 w-100">
-        <h2><a href="https://git.prime8.dev/?p=csc.git">CSC Website</a></h2>
-        <p>I built a website for the Computer Science Club (CSC) at Prospect High School during a mini-hackathon. The site displays the date and time of the next meeting, recent announcements, a roster of members, and ongoing discussions—all updated every hour using the Schoology API. Members can also share their projects by signing in with their Google accounts and uploading their work to a SQLite database. You can see it in action at <a href="https://csc.prime8.dev">csc.prime8.dev</a></p>
-    </div>
-    <div class="span4 w-100">
-        <h2><a href="https://github.com/moncheeta/veteran_donations">Veterans Donation Website</a></h2>
-        <p>For HSHacks 2023, my very first hackathon, I created a website for an organization that helps veterans manage donations. Donors can enter their Venmo username and specify the amount they would like to contribute. They receive a notification on their phone for confirmation, and each donor gets a thank-you email as a gesture of appreciation.</p>
-    </div>
-</div>
index e95016cb2eaa12d3cac01b4a2d4b88b1a40714b5..1bdab09a5f36dc23094e83b209341dd24536b8d6 100644 (file)
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% import "nav.html" as nav %}
+{% import "projects.html" as projects %}
 {% block navbar %}
 {{ nav::bar(active="home") }}
 {% endblock %}
@@ -63,8 +64,7 @@
   Terminal enthusiast, learning from Curious George (the curious part, not the
   monkey business). Systems and backend programming are my focus. Striving to
   turn spaghetti code into well-structured algorithms and make every line
-  count with efficiency and creativity. Making computers follow my lead, even
-  when they have their own ideas.
+  count with efficiency and creativity.
 </p>
 <div>
 <div style="display: table; width: 100%">
@@ -96,6 +96,9 @@
     </div>
   </div>
 </div>
+<div>
+       {{ projects::list() }}
+</div>
 <script src="js/wakatime.js"></script>
 <style>
   #content {
 
   @media (min-width: 1200px) {
     #content {
-      margin: 0 !important;
+      margin-top: 1rem !important;
       padding: 0 !important;
       width: 800px !important;
-      position: absolute !important;
-      top: 50% !important;
-      left: 50% !important;
-      transform: translate(-50%, -50%) !important;
     }
   }
 </style>
index 88808c3d69ad4c87915406dcfcf370e12196684a..37b34c846333a37b0f25ac603e707cb7b3836d9b 100644 (file)
@@ -1,15 +1,4 @@
-{% extends "base.html" %}
-
-{% import "nav.html" as nav %}
-{% block navbar %}
-{{ nav::bar(active="projects") }}
-{% endblock %}
-
-{% block title %}
-<title>projects</title>
-{% endblock %}
-
-{% block content %}
+{% macro list() %}
 <pre>
                  _           _
                 (_)         | |
 |_|           |__/
 
 </pre>
-{{ page.content | safe }}
-{% endblock %}
+<div class="row-fluid">
+  <div class="span4 w-100">
+    <h3 class="text-center">MOS</h3>
+    <p>
+      In my free time, I work on MOS, my minimal operating system. This project
+      has deepened my understanding of OS internals, and I'm planning to rewrite
+      it for the RISC-V architecture. Users interact with the terminal through
+      command line and terminal user interfaces designed for ease of use and
+      efficiency.
+    </p>
+    <a href="https://git.prime8.dev/?p=mos.git" class="btn">src</a>
+  </div>
+  <div class="span4 w-100">
+    <h3 class="text-center">Janitor</h3>
+    <p>
+      During my summer internship at Amplifier Health, I developed a service
+      that sorts audio files into three categories: speech, music, and noise. I
+      wrote it in Rust with tch-rs and Axum aiming for better performance. The
+      service is designed to be fast, using efficient multithreading on the CPU
+      and taking advantage of the GPU for highly parallel processing.
+    </p>
+    <a href="https://git.prime8.dev/?p=janitor.git" class="btn">src</a>
+  </div>
+  <div class="span4 w-100">
+    <h3 class="text-center">Summarizer</h3>
+    <p>
+      An experiment using a microservice architecture that transcribes and
+      summarizes audio into text using OpenAI's API. Each service has its own
+      function that it performs, and the services communicate with each other
+      through Kafka, where jobs are requested and results are received. The
+      entire system can be easily deployed with a Docker Compose file.
+    </p>
+    <a href="https://github.com/moncheeta/summarizer" class="btn">src</a>
+  </div>
+</div>
+<div class="row-fluid">
+  <div class="span4 w-100">
+    <h3 class="text-center">Tutor Connect</h3>
+    <p>
+      For HSHacks 2024, my friends and I developed a website to help students
+      find tutors. Recognizing that not every school has a dedicated portal for
+      peer tutoring, we created a district-wide, easily accessible platform. We
+      used ReactJS for the user interface and Firebase for storage and
+      authentication. In the end, we won 3rd place!
+    </p>
+    <a href="https://d214tutorconnect.prime8.dev" class="btn">src</a>
+  </div>
+  <div class="span4 w-100">
+    <h3 class="text-center">CSC Website</h3>
+    <p>
+      I built a website for the Computer Science Club (CSC) at Prospect High
+      School during a mini-hackathon. The site displays important information it
+      fetches from the Schoology API. Members can share their projects using
+      their Google account and uploading their work to a SQLite database.
+    </p>
+    <a href="https://git.prime8.dev/?p=csc.git" class="btn">src</a>
+    <a href="https://csc.prime8.dev" class="btn">live</a>
+  </div>
+  <div class="span4 w-100">
+    <h3>Veterans Website</h3>
+    <p>
+      For HSHacks 2023, my very first hackathon, I created a website for an
+      organization that helps veterans manage donations. Donors can use their
+      Venmo account to donate to the organization. They receive a notification
+      on their phone for confirmation, and each donor gets a thank-you email as
+      a gesture of appreciation.
+    </p>
+    <a href="https://github.com/moncheeta/veteran_donations" class="btn">src</a>
+  </div>
+</div>
+{% endmacro %}