Skip to content

Commit 49a0721

Browse files
committed
gonna stop for the night
1 parent 6ca2e2b commit 49a0721

11 files changed

Lines changed: 105 additions & 10 deletions

File tree

index.html

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,15 +22,24 @@
2222

2323
<body>
2424
<nav id="navbar">
25-
<div class="navbarSection" style="margin-left:7px;gap:10px">
26-
<img src="static/img/condensedlogo.png" id="navbarLogo"><span class="navbarText">Superposition Development</span>
27-
</div>
25+
<a href="/" class="navbarSection" style="margin-left:7px;gap:10px">
26+
<img src="static/img/logo/new.png" id="navbarLogo"><span class="navbarText">Superposition Development</span>
27+
</a>
28+
<a class="dropdownSection" href="pages/devlog.html">Devlog</a>
2829
</nav>
2930
<div id="particleCanvasWrapper">
3031
<canvas id="particleCanvas"></canvas>
3132
</div>
3233
<div id="pageContent">
33-
<span>test</span>
34+
35+
<h1>
36+
Superposition Development
37+
</h1>
38+
<p>
39+
We're an indie game development team
40+
</p>
41+
42+
3443
</div>
3544
<script src="static/src/particle.js"></script>
3645
</body>

pages/devlog.html

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<title>Superposition Development</title>
8+
<link rel="icon" href="../favicon.ico" type="image/x-icon">
9+
10+
<!--CSS-->
11+
<!--"dependencies"-->
12+
<link rel="stylesheet" href="../static/style/font.css">
13+
<link rel="stylesheet" href="../static/style/page.css">
14+
<link rel="stylesheet" href="../static/style/navbar.css">
15+
16+
<!--page specific-->
17+
<!--End CSS-->
18+
</head>
19+
20+
<body>
21+
<nav id="navbar">
22+
<a href="../" class="navbarSection" style="margin-left:7px;gap:10px">
23+
<img src="../static/img/logo/new.png" id="navbarLogo"><span class="navbarText">Superposition Development</span>
24+
</a>
25+
<a class="dropdownSection" href="devlog.html">Devlog</a>
26+
</nav>
27+
<h1>dev log</h1>
28+
<!--it's 3am rn i will add this later remind me its just my portfolio website project embed art thing-->
29+
</body>
30+
31+
</html>

static/img/logo/new.png

942 KB
Loading

static/src/particle.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ function drawParticles() {
6565
}
6666

6767
image.crossOrigin = "anonymous";
68-
image.src = "static/img/darkbloom.png"
68+
image.src = "static/img/logo/darkbloom.png"
6969
document.addEventListener("DOMContentLoaded", (e) => {
7070
image.onload = function () {
7171
resetBoard()

static/style/font.css

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,16 @@
1-
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
1+
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&display=swap');
22
/*
33
.manrope-<uniquifier> {
44
font-family: "Manrope", sans-serif;
55
font-optical-sizing: auto;
66
font-weight: <weight>;
77
font-style: normal;
88
}
9-
*/
9+
*/
10+
11+
/*.dm-sans-<uniquifier> {
12+
font-family: "DM Sans", sans-serif;
13+
font-optical-sizing: auto;
14+
font-weight: <weight>;
15+
font-style: normal;
16+
}

static/style/navbar.css

Lines changed: 31 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,37 @@
11
#navbar
22
{
3-
position:absolute;
3+
position:fixed;
44
padding:5px;
55
left:0;
66
top:0;
77
width:100%;
88
height:56px;
9-
background-color: black;
9+
background-color: rgba(0,0,0,0.8);
1010
display: flex;
1111
align-items: center;
1212
font-family: "Manrope", sans-serif;
13+
z-index: 2;
14+
animation: pulseShadow 10s infinite ease-in-out;
15+
justify-content: space-between;
1316
}
1417

18+
@keyframes pulseShadow {
19+
0% {
20+
box-shadow: 0px 37px 38px -29px rgba(255, 233, 147, 0.75);
21+
-webkit-box-shadow: 0px 37px 38px -29px rgba(255, 233, 147, 0.75);
22+
}
23+
50% {
24+
box-shadow: 0px 42px 45px -25px rgba(255, 233, 147, 1);
25+
-webkit-box-shadow: 0px 42px 45px -25px rgba(255, 233, 147, 1);
26+
}
27+
100% {
28+
box-shadow: 0px 37px 38px -29px rgba(255, 233, 147, 0.75);
29+
-webkit-box-shadow: 0px 37px 38px -29px rgba(255, 233, 147, 0.75);
30+
}
31+
}
32+
33+
34+
1535
html
1636
{
1737
margin-top: 56px;
@@ -22,6 +42,15 @@ html
2242
height:100%;
2343
display: flex;
2444
align-items: center;
45+
text-decoration:none;
46+
cursor: pointer;
47+
}
48+
49+
.dropdownSection
50+
{
51+
text-decoration: none;
52+
padding-right: 20px;
53+
color: white;
2554
}
2655

2756
#navbarLogo

static/style/page-specific/index.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,4 +19,16 @@
1919
url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='white' fill-opacity='0.5'%3E%3Crect x='45' y='20' width='10' height='60'/%3E%3Crect x='20' y='45' width='60' height='10'/%3E%3C/g%3E%3C/svg%3E");
2020
background-size: 3vmin;
2121
animation: moveBackground 100s linear infinite;
22+
}
23+
24+
#pageContent span, #pageContent p
25+
{
26+
color:white;
27+
font-family: "Manrope", sans-serif;
28+
}
29+
30+
#pageContent h1
31+
{
32+
color:white;
33+
font-family: "DM Sans", sans-serif;
2234
}

0 commit comments

Comments
 (0)