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