DressOrc/ColeSite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial upload

Browse source
This commit is contained in:
atlastrinity 2021-12-24 17:32:52 +00:00
commit 7fa5c00b9d
3 changed files with 73 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
index.html Normal file
View file

@ -0,0 +1,24 @@
<HTML>
<head>
<link rel = "stylesheet" href = "mainpage.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<script src = "titlePageLoadAnim.js" defer></script>
</head>
<body>
<h1 id = "title">
Atlas_Cosmo
</h1>
<h2>
a game composer
</h2>
<div id = "menu">
<a>my work</a>
|
<a>about me</a>
|
<a>contact me</a>
</div>
</body>
</HTML>

45
mainpage.css Normal file
View file

@ -0,0 +1,45 @@
html
{
font-family: 'VT323', monospace;
background-color: rgb(43, 80, 201);
}
h1
{
text-align: center;
margin-top: 45vh;
margin-bottom: 0;
font-size: 4.5rem;
transition: margin 1s;
}
h2
{
text-align: center;
margin-top: 0;
margin-bottom: 5vh;
}
#menu
{
height: 50px;
text-align: center;
display: flexbox;
font-size: 0;
justify-content: space-between;
transition: font-size 1s;
}
#menu a
{
transition: background-color 0.5s, color 0.5s;
}
#menu a:hover
{
background-color: black;
color: rgb(43, 80, 201);
}

4
titlePageLoadAnim.js Normal file
View file

@ -0,0 +1,4 @@
setTimeout(() => {
document.getElementById("title").style = "margin-top: 40vh;"
document.getElementById("menu").style = "font-size: 1rem;"
}, 2500);