first page

This commit is contained in:
InventorXtreme 2024-08-09 13:01:11 -04:00
commit 1e8da0577d
2 changed files with 104 additions and 0 deletions

39
index.html Normal file
View file

@ -0,0 +1,39 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dummkopf Live</title>
<script type="text/javascript" src="https://livejs.com/live.js"></script>
<link rel="stylesheet" href="main.css">
</head>
<body>
<h1 class="title">Alex Moening</h1>
<main>
<section class="section-left">
<h3> About Me</h3>
<p>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.</p>
<p> 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.</p>
<h3> Contact </h3>
<p> To contact me, email me at <a href="mailto:alexandermoening@gmail.com">alexandermoening@gmail.com</a></p>
</section>
<section class="section-right">
<h3> Links </h3>
<ul>
<li> <a href="https://www.linkedin.com/in/alexander-moening-212602281/">Linkedin</a> - My personal Linkedin page </li>
<li> <a href="https://git.dummkopf.live/InventorX">Git Website</a> - My profile on my personal git site, <a href="https://git.dummkopf.live">git.dummkopf.live</a></li>
<li> <a href="https://github.com/InventorXtreme">GitHub</a> - My profile on GitHub </li>
</ul>
</section>
</main>
</body>
</html>

65
main.css Normal file
View file

@ -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;
}