Skip to content

Commit 380e59a

Browse files
DaintyDustDaintyDust
committed
Restructure assets, UI recolor
1 parent 5b51784 commit 380e59a

34 files changed

Lines changed: 611 additions & 1170 deletions

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
11
/.vscode
2+
*backup*

‎404.html‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -4,26 +4,25 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>DaintyDust - Page Not Found</title>
7-
<link rel="icon" href="assets/images/Profile Circle.png" type="image/jpg">
8-
<link rel="stylesheet" href="assets/base.css">
9-
<link rel="stylesheet" href="assets/404/404.css">
10-
<script src="assets/redirect.js"></script>
7+
<link rel="icon" href="/favicon.ico">
8+
<link rel="stylesheet" href="assets/css/base.css">
9+
<link rel="stylesheet" href="assets/css/404.css">
10+
<script src="assets/js/redirect.js"></script>
11+
<script src="assets/js/common.js"></script>
12+
<script src="assets/js/pixelbackground.js"></script>
1113
</head>
1214
<body>
1315
<div class="page-content">
1416
<div class="error-code">404</div>
1517
<h2 class="error-title">Page Not Found</h2>
16-
<p class="error-description">The page you are looking for seems to have vanished into the digital void.</p>
17-
<p class="error-description">Don't worry, even the best explorers sometimes take wrong turns!</p>
18+
<p class="error-description">Oops! Something went wrong.</p>
19+
<p class="error-description">We can’t find the page you’re looking for.</p>
1820

1921
<div class="error-actions">
2022
<button class="back-button" onclick="goBack()">Go Back</button>
2123
<a href="/" class="back-button">Home Page</a>
22-
<a href="/linktree.html" class="back-button">View Links</a>
24+
<a href="/linktree" class="back-button">View Links</a>
2325
</div>
2426
</div>
25-
26-
<script src="assets/common.js"></script>
27-
<script src="assets/pixelbackground.js"></script>
2827
</body>
2928
</html>

‎README.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
2-
all the links for my website
1+
## all the links for my website
32

43
https://daintydust.github.io/
54
https://daintydust.github.io/snake
65
https://daintydust.github.io/linktree
7-
https://daintydust.github.io/robloxaccounts
6+
https://daintydust.github.io/linktree/robloxaccounts
87

9-
also subdomains:
8+
## also subdomains:
109

1110
https://daintydust.github.io/games
11+
https://daintydust.github.io/http-resources

assets/404/404.css renamed to assets/css/404.css

Lines changed: 20 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,9 @@ body {
2727
max-width: 500px;
2828
width: 90%;
2929
text-align: center;
30-
box-shadow: 0 0 0 1px #13191f, 0 0 20px rgba(255, 255, 255, 0.1);
31-
image-rendering: pixelated;
32-
image-rendering: -moz-crisp-edges;
33-
image-rendering: crisp-edges;
30+
box-shadow:
31+
0 0 0 1px #13191f,
32+
0 0 20px rgba(255, 255, 255, 0.1);
3433
}
3534

3635
.page-content::after {
@@ -49,8 +48,8 @@ body {
4948
.error-code {
5049
font-size: 72px;
5150
font-weight: bold;
52-
color: #00594f;
53-
text-shadow: 0 0 20px rgba(0, 89, 79, 0.5);
51+
color: #0081a7;
52+
text-shadow: 0 0 20px rgba(0, 129, 167, 0.5);
5453
letter-spacing: 4px;
5554
margin: 0 0 20px 0;
5655
position: relative;
@@ -61,16 +60,25 @@ body {
6160
@keyframes glitch {
6261
0%,
6362
100% {
64-
text-shadow: 0 0 20px rgba(0, 89, 79, 0.5);
63+
text-shadow: 0 0 20px rgba(0, 129, 167, 0.5);
6564
}
6665
25% {
67-
text-shadow: -2px 0 #ff0000, 2px 0 #00ff00, 0 0 20px rgba(0, 89, 79, 0.5);
66+
text-shadow:
67+
-2px 0 #ff0000,
68+
2px 0 #00ff00,
69+
0 0 20px rgba(0, 129, 167, 0.5);
6870
}
6971
50% {
70-
text-shadow: 2px 0 #ff0000, -2px 0 #00ff00, 0 0 20px rgba(0, 89, 79, 0.5);
72+
text-shadow:
73+
2px 0 #ff0000,
74+
-2px 0 #00ff00,
75+
0 0 20px rgba(0, 129, 167, 0.5);
7176
}
7277
75% {
73-
text-shadow: -2px 0 #0000ff, 2px 0 #ff00ff, 0 0 20px rgba(0, 89, 79, 0.5);
78+
text-shadow:
79+
-2px 0 #0000ff,
80+
2px 0 #ff00ff,
81+
0 0 20px rgba(0, 129, 167, 0.5);
7482
}
7583
}
7684

@@ -139,10 +147,10 @@ body {
139147
}
140148

141149
.back-button:hover {
142-
background: #00594f;
150+
background: #0081a7;
143151
color: #ffffff;
144152
border-color: #ffffff;
145-
box-shadow: 0 0 15px rgba(0, 89, 79, 0.5);
153+
box-shadow: 0 0 15px rgba(0, 129, 167, 0.5);
146154
transform: translateX(3px);
147155
}
148156

assets/base.css renamed to assets/css/base.css

Lines changed: 16 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,11 @@
1+
@font-face {
2+
font-family: "Inter";
3+
src: url("../font/Inter-VariableFont_opsz,wght.ttf") format("truetype");
4+
font-weight: 100 900;
5+
font-style: normal;
6+
font-display: swap;
7+
}
8+
19
* {
210
box-sizing: border-box;
311
scrollbar-width: thin;
@@ -12,9 +20,6 @@ body {
1220
color: #ffffff;
1321
overflow-x: hidden;
1422
min-height: 100vh;
15-
image-rendering: pixelated;
16-
image-rendering: -moz-crisp-edges;
17-
image-rendering: crisp-edges;
1823
-webkit-user-select: none;
1924
-moz-user-select: none;
2025
-ms-user-select: none;
@@ -32,9 +37,6 @@ body {
3237

3338
.main-canvas {
3439
display: block;
35-
image-rendering: pixelated;
36-
image-rendering: -moz-crisp-edges;
37-
image-rendering: crisp-edges;
3840
}
3941

4042
::-webkit-scrollbar {
@@ -56,9 +58,9 @@ body {
5658
}
5759

5860
::-webkit-scrollbar-thumb:hover {
59-
background: #00594f;
61+
background: #0081a7;
6062
border-color: #ffffff;
61-
box-shadow: 0 0 8px rgba(0, 89, 79, 0.5);
63+
box-shadow: 0 0 8px rgba(0, 129, 167, 0.5);
6264
}
6365

6466
::-webkit-scrollbar-thumb:active {
@@ -86,7 +88,7 @@ body {
8688
}
8789

8890
.page-content::-webkit-scrollbar-thumb:hover {
89-
background: rgba(0, 89, 79, 0.9);
91+
background: rgba(0, 129, 167, 0.9);
9092
border-color: rgba(255, 255, 255, 0.8);
9193
}
9294

@@ -106,17 +108,16 @@ body {
106108
letter-spacing: 1px;
107109
z-index: 1000;
108110
transition: all 0.2s ease;
109-
box-shadow: 0 0 0 1px #13191f, 0 0 10px rgba(255, 255, 255, 0.1);
110-
image-rendering: pixelated;
111-
image-rendering: -moz-crisp-edges;
112-
image-rendering: crisp-edges;
111+
box-shadow:
112+
0 0 0 1px #13191f,
113+
0 0 10px rgba(255, 255, 255, 0.1);
113114
}
114115

115116
.nav-back:hover {
116-
background: #00594f;
117+
background: #0081a7;
117118
color: #ffffff;
118119
border-color: #ffffff;
119-
box-shadow: 0 0 15px rgba(0, 89, 79, 0.5);
120+
box-shadow: 0 0 15px rgba(0, 129, 167, 0.5);
120121
transform: translateX(3px);
121122
}
122123

@@ -131,9 +132,6 @@ body {
131132

132133
.pixel-borders {
133134
border-radius: 0 !important;
134-
image-rendering: pixelated;
135-
image-rendering: -moz-crisp-edges;
136-
image-rendering: crisp-edges;
137135
}
138136

139137
.pixel-grid-overlay::after {

assets/main/index.css renamed to assets/css/index.css

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -23,11 +23,12 @@ body {
2323
font-family: "Helvetica", Arial, sans-serif;
2424
color: #ffffff;
2525
z-index: 1000;
26-
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
27-
box-shadow: 0 0 0 1px #13191f, 0 0 20px rgba(255, 255, 255, 0.1);
28-
image-rendering: pixelated;
29-
image-rendering: -moz-crisp-edges;
30-
image-rendering: crisp-edges;
26+
transition:
27+
width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
28+
height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
29+
box-shadow:
30+
0 0 0 1px #13191f,
31+
0 0 20px rgba(255, 255, 255, 0.1);
3132
user-select: none;
3233
}
3334

@@ -37,7 +38,10 @@ body {
3738
padding-top: 0;
3839
padding-bottom: 0;
3940
overflow: hidden;
40-
transition: opacity 0.3s ease, max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
41+
transition:
42+
opacity 0.3s ease,
43+
max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
44+
padding 0.3s ease;
4145
}
4246

4347
.social-widget.collapsed {
@@ -48,7 +52,10 @@ body {
4852
.social-widget-content {
4953
opacity: 1;
5054
max-height: 500px;
51-
transition: opacity 0.3s ease 0.1s, max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
55+
transition:
56+
opacity 0.3s ease 0.1s,
57+
max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
58+
padding 0.3s ease;
5259
}
5360

5461
.social-widget-header {
@@ -139,20 +146,17 @@ body {
139146
}
140147

141148
.social-link:hover {
142-
background: #00594f;
149+
background: #0081a7;
143150
color: #ffffff;
144151
border-color: #ffffff;
145-
box-shadow: 0 0 15px rgba(0, 89, 79, 0.5);
152+
box-shadow: 0 0 15px rgba(0, 129, 167, 0.5);
146153
transform: translateX(3px);
147154
}
148155

149156
.social-link img {
150157
width: 16px;
151158
height: 16px;
152159
flex-shrink: 0;
153-
image-rendering: pixelated;
154-
image-rendering: -moz-crisp-edges;
155-
image-rendering: crisp-edges;
156160
filter: brightness(1.2);
157161
object-fit: contain;
158162
transition: filter 0.2s ease;

assets/linktree/linktree.css renamed to assets/css/linktree.css

Lines changed: 9 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -26,10 +26,9 @@ body {
2626
z-index: 1000;
2727
max-width: 400px;
2828
width: 90%;
29-
box-shadow: 0 0 0 1px #13191f, 0 0 20px rgba(255, 255, 255, 0.1);
30-
image-rendering: pixelated;
31-
image-rendering: -moz-crisp-edges;
32-
image-rendering: crisp-edges;
29+
box-shadow:
30+
0 0 0 1px #13191f,
31+
0 0 20px rgba(255, 255, 255, 0.1);
3332
}
3433

3534
.page-content::after {
@@ -96,20 +95,17 @@ body {
9695
}
9796

9897
.linktree-link:hover {
99-
background: #00594f;
98+
background: #0081a7;
10099
color: #ffffff;
101100
border-color: #ffffff;
102-
box-shadow: 0 0 15px rgba(0, 89, 79, 0.5);
101+
box-shadow: 0 0 15px rgba(0, 129, 167, 0.5);
103102
transform: translateX(3px);
104103
}
105104

106105
.linktree-link img {
107106
width: 20px;
108107
height: 20px;
109108
flex-shrink: 0;
110-
image-rendering: pixelated;
111-
image-rendering: -moz-crisp-edges;
112-
image-rendering: crisp-edges;
113109
filter: brightness(1.2);
114110
object-fit: contain;
115111
transition: filter 0.2s ease;
@@ -149,10 +145,9 @@ body {
149145
max-width: 300px;
150146
width: 90%;
151147
position: relative;
152-
box-shadow: 0 0 0 1px #13191f, 0 0 30px rgba(255, 255, 255, 0.2);
153-
image-rendering: pixelated;
154-
image-rendering: -moz-crisp-edges;
155-
image-rendering: crisp-edges;
148+
box-shadow:
149+
0 0 0 1px #13191f,
150+
0 0 30px rgba(255, 255, 255, 0.2);
156151
}
157152

158153
.discord-popup-content::after {
@@ -179,7 +174,7 @@ body {
179174

180175
.discord-username {
181176
font-size: 18px;
182-
color: #00594f;
177+
color: #0081a7;
183178
font-weight: bold;
184179
margin: 15px 0;
185180
padding: 10px;

0 commit comments

Comments
 (0)