DM Portfolio

My personal website portfolio!

All code is made by me, a less-than-average programmer, probably with some help from google

Web Portfolio Link

Note

I'm still learning some things, & I've heard things about people attempting to keep up their domains, so I'm not sure what that's all about yet. Here's to hoping my website works for a while. 🤞

📝 Documentation

2.24.26 - Website works! Couldn't find a way to host a website for the longest time, so figuring out about github pages fulfilled that lifelong dream of mine to make my own working website. Working on base design so far, more to come in the future. LOTS of ideas ahead. Also added little images with sounds when you click on them.

2.25.26 - Website day 2. Found a CSS wave animation online, later might make a light-mode and dark-mode toggle that changes the color of the waves and everything else. Foreground tab actually looks good now, since I added the bar at the top. Changed the div up, now it looks like a real browser window. There was a LOT done today. Next step is finishing touches, music, and a light-mode/dark-mode toggle.

2.26.26 - Website day 3! So close to finishing, but I don't have a work email set up yet, so the contact tab doesn't have any contact info yet. Worked on the "Work" tab that lists my experience and education, and made css classes called "notice-outset", "outset", and "inset" for future use.

2.27.26 - Day 4. Love my website so far, but I need to figure out mobile support. Overall super proud of myself for making my childhood dream come true <3.

3.1.26 - Happy march! haven't been feeling too well so I took a break, also because there was nothing really to change. I added an inset to the "Fun" tab, changed the structure of the code too. I also found out how to use codespaces recently! I added an extension that lets me live preview my changes, so that's nice. And I added back the pirate widget! Long live Lazytown <3.

<title>My Chatbot</title> <style> body { font-family: Arial; max-width: 600px; margin: auto; } #chat { border: 1px solid #ccc; padding: 10px; height: 400px; overflow-y: scroll; } .user { color: blue; } .bot { color: green; } </style>

Chatbot

Send <script> async function sendMessage() { const input = document.getElementById("message"); const chat = document.getElementById("chat"); const message = input.value; if (!message) return; chat.innerHTML += `

You: ${message}

`; const response = await fetch("http://localhost:3000/chat", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ message }) }); const data = await response.json(); chat.innerHTML += `

Bot: ${data.reply}

`; input.value = ""; chat.scrollTop = chat.scrollHeight; } </script>