first page
This commit is contained in:
commit
1e8da0577d
39
index.html
Normal file
39
index.html
Normal 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
65
main.css
Normal 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;
|
||||||
|
}
|
Loading…
Reference in a new issue