From 1e8da0577df2f7cd4ceecaa317fd47a2088f176d Mon Sep 17 00:00:00 2001 From: InventorXtreme Date: Fri, 9 Aug 2024 13:01:11 -0400 Subject: [PATCH] first page --- index.html | 39 ++++++++++++++++++++++++++++++++ main.css | 65 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 104 insertions(+) create mode 100644 index.html create mode 100644 main.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..442240f --- /dev/null +++ b/index.html @@ -0,0 +1,39 @@ + + + + + + + Dummkopf Live + + + + + + +

Alex Moening

+ +
+ +
+

About Me

+

Hello! I am Alex Moening, an amateur software developer and tech enthusiast who loves anything on a computer. I am currently attending the School of Computer Science at Carnegie Mellon University.

+

I was born in 2006 and have loved computers and tech my whole life. I eventually discovered programming and doomed myself to being a lifelong tech nerd. I love programming, especially in C and Go, and am passionate about Linux. I also do all of my own server hosting. All of my websites are hosted out of a proxmox cluster of old computers in my family's basement.

+

Contact

+

To contact me, email me at alexandermoening@gmail.com

+
+
+

Links

+ + + +
+
+ + + + diff --git a/main.css b/main.css new file mode 100644 index 0000000..20b3b9b --- /dev/null +++ b/main.css @@ -0,0 +1,65 @@ +@media only screen and (max-width: 700px) { + main { + flex-direction: column !important; + } +} + + +html { + font-family: sans-serif; +} + +body { + margin: auto; + background-color: #080808; + color: white; + max-width: 1000px; + padding-left: 50px; + padding-right: 50px; +} + +a { + color: lightblue; +} + +.title { + text-align: center; +} + +.section-left { + h3 { + padding: 0; + margin: 0; + } +} + +.section-right { + .sigmastyle { + padding-left:1em; + } + h3 { + padding-left: 0em; + margin: 0; + } + ul { + padding-left: 2em; + } + li { + padding-left: 0; + margin: 0; + } +} + +section { + height: 100%; + width: 100%; +} + +main { + width: 100%; + gap: 25px; + display: flex; + align-items: center; + flex-direction: row; + align-items: flex-start; +}