My personal website. It is free and liberated from social media.

Change to sans serif font, add club section, minor edits

+37 -14
+30 -12
index.html
··· 5 5 <meta charset="UTF-8" /> 6 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 7 <link rel="stylesheet" href="style.css" /> 8 - <title>Portfolio Website</title> 8 + <title>Personal Website</title> 9 9 </head> 10 10 <body> 11 - <header style="width: 50%"> 12 - Hello! Welcome to my portfolio site. I try my best to catalog things about 13 - myself. At the page footer, you will find my socials and contact 14 - information! 11 + <header> 12 + <h1>Personal Website</h1> 13 + <p> 14 + Hello! Welcome to my personal site. I believe a personal site gives me 15 + the control we as a society have lost to mainstream platforms. Despite 16 + this vast control, I still do not know what to put here 😁. This site is 17 + very much <em>a work in progress</em>, but I hope to develop it into 18 + something of which I will be proud. 19 + </p> 20 + <p> 21 + I intend to logically organize everything... once I have something to 22 + organize. I would like to have a blog, a dedicated projects page, and 23 + maybe even a games page 😉. 24 + </p> 15 25 </header> 16 26 17 27 <main> 18 - <h1>Portfolio Website</h1> 19 28 <!-- whoami --> 20 29 <section> 21 30 <h2>whoami</h2> ··· 47 56 has a lot of informative things to teach us! 48 57 </p> 49 58 </section> 50 - <h4>Computer Science Club, Treasurer</h4> 51 59 <section> 60 + <h4>Computer Science Club, Treasurer</h4> 52 61 <p> 53 62 I took on this role recently due to a vacancy. I've lots to learn. 54 63 My friend, who acts as Treasurer for other clubs, is teaching me. 64 + </p> 65 + </section> 66 + <section> 67 + <h4>Competitive Programming Club, Member</h4> 68 + <p> 69 + I have gone to and competed in a few competitions in coordination 70 + with the club. We've attended PACISE, ICPC, and others. It is an 71 + amazing experience to solve a problem under stress! 55 72 </p> 56 73 </section> 57 74 <h3>Hobbies</h3> ··· 72 89 bass musician named LTJ Bukem. Because of him, I now most enjoy 73 90 jungle and drum and bass. 74 91 </p> 75 - 76 92 <p> 77 93 More conventional genres such as rock, rap, R&amp;B, and pop have 78 94 also enjoyed a special spot in my life. From the era of Jimi Hendrix 79 95 to the decade of Nirvana, rock rocks! Also, rap and pop in not just 80 96 English but also other languages (such as French rap or Russian pop) 81 - is something I come frequent during the year. (I must say that 82 - having just a little bit of curiosity when listening to music in 83 - other languages really helps you learn even basic words and phrases 84 - for fun). 97 + is something I frequently find myself listening to during the year. 98 + I must say that having just a little bit of curiosity when 99 + listening to music in other languages really helps you learn even 100 + basic words and phrases for fun. 85 101 </p> 86 102 </section> 87 103 </section> ··· 133 149 <a href="mailto:demetrius@demsem.dev">email</a>. 134 150 </p> 135 151 </section> 152 + <section>Copyright 2026 Demetrius</section> 153 + <section></section> 136 154 </footer> 137 155 </body> 138 156 </html>
+7 -2
style.css
··· 1 + body { 2 + font-family: sans-serif; 3 + margin: auto; 4 + } 1 5 h2 { 2 6 border: black 1.5pt solid; 3 7 width: max-content; 4 8 padding: 5px 10px; 5 9 border-radius: 10px; 6 10 } 7 - p { 8 - width: 50%; 11 + p, 12 + header { 13 + max-width: 40em; 9 14 }