Skip to content

Commit 5302206

Browse files
xbubboxbubbo
committed
V5.2.4 - Decluttered our CSS + Formatted
1 parent d69e74d commit 5302206

File tree

27 files changed

+654
-661
lines changed

27 files changed

+654
-661
lines changed

‎.vscode/settings.json‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,16 @@
1010
"**/env": true,
1111
"**/venv": true,
1212
"**/.github": true,
13-
"**/.vscode": true
13+
"**/.vscode": true,
14+
"Failed.html": true
1415
},
1516
"files.watcherExclude": {
1617
"**/.git/objects/**": true,
1718
"**/.git/subtree-cache/**": true,
1819
"**/node_modules/**": true,
1920
"**/env/**": true,
2021
"**/venv/**": true,
21-
"env-*": true
22+
"env-*": true,
23+
"Failed.html": true
2224
}
2325
}

‎static/404.html‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,9 @@
77
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
88
<link rel="shortcut icon" id="tab-favicon" href="/favicon.png" />
99
<title id="tab-title">Home</title>
10-
<link rel="stylesheet" href="/assets/styles/main.css?v=18" />
11-
<link rel="stylesheet" href="/assets/styles/global.css?v=12" />
10+
<link rel="stylesheet" href="/assets/css/global.css" />
11+
<link rel="stylesheet" href="/assets/css/error.css" />
12+
<link rel="stylesheet" href="/assets/css/nav.css" />
1213
<script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
1314
</head>
1415
<body>
@@ -25,8 +26,8 @@ <h3>Page not found.</h3>
2526
<script src="/assets/scripts/i.js?V=42"></script>
2627
<script src="/assets/-/bundle.js?v=5-5-2024"></script>
2728
<script src="/assets/-/config.js?v=5-5-2024"></script>
28-
<script src="/assets/scripts/m.js?v=76"></script>
29+
<script src="/assets/scripts/m.js?v=78"></script>
2930
<div>
30-
<script type="text/javascript" src="//alleygoat.com/5e/6b/27/5e6b2776400180cc548a7dfd8ab3f717.js"></script>
31+
<script type="text/javascript" src="//alleygoat.com/5e/6b/27/5e6b2776400180cc548a7dfd8ab3f717.js"></script>
3132
</div>
3233
</html>

‎static/apps.html‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,10 @@
1010
<script src="./assets/-/bundle.js?v=5-5-2024"></script>
1111
<script src="./assets/-/config.js?v=5-5-2024"></script>
1212
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
13-
<link rel="stylesheet" href="/assets/styles/main.css?v=18" />
14-
<link rel="stylesheet" href="/assets/styles/global.css?v=12" />
15-
<script src="/assets/scripts/m.js?v=76"></script>
13+
<link rel="stylesheet" href="/assets/css/global.css" />
14+
<link rel="stylesheet" href="/assets/css/container.css" />
15+
<link rel="stylesheet" href="/assets/css/nav.css" />
16+
<script src="/assets/scripts/m.js?v=78"></script>
1617
<script src="/assets/scripts/i.js?V=42"></script>
1718
<script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
1819
</head>
@@ -38,7 +39,7 @@
3839
<div class="pinned-apps"></div>
3940
<div class="container-apps"></div>
4041
<script src="assets/scripts/ap.js?v=116"></script>
41-
<script src="/assets/scripts/m.js?v=76"></script>
42+
<script src="/assets/scripts/m.js?v=78"></script>
4243
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>
4344
<!-- DO NOT REMOVE-->
4445
<script>

‎static/assets/css/container.css‎

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
.column {
2+
width: 145px;
3+
transition: all 0.2s ease;
4+
cursor: pointer;
5+
background: var(--background-column);
6+
border-radius: 5px;
7+
padding-left: 10px;
8+
padding-right: 10px;
9+
padding-top: 5px;
10+
margin: 0;
11+
}
12+
13+
.column img {
14+
position: absolute;
15+
width: 145px;
16+
height: 145px;
17+
border-radius: 0px;
18+
transition: all 0.2s ease;
19+
border-radius: 10px;
20+
}
21+
22+
.column p {
23+
width: 145px;
24+
height: 19px;
25+
font-style: normal;
26+
font-weight: 800;
27+
font-size: 18px;
28+
line-height: 19px;
29+
text-align: center;
30+
color: var(--text-primary);
31+
text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
32+
padding-top: 136px;
33+
padding-bottom: 12px;
34+
}
35+
36+
.column:hover {
37+
transform: scale(1.2);
38+
}
39+
40+
.column:hover .label {
41+
transform: translateX(-50%) scale(1.3);
42+
}
43+
44+
.container-apps {
45+
display: flex;
46+
flex-wrap: wrap;
47+
justify-content: center;
48+
gap: 2.3em;
49+
flex-direction: row;
50+
margin-top: 30px;
51+
}
52+
53+
.pinned-apps {
54+
margin-top: 20px;
55+
display: flex;
56+
flex-wrap: wrap;
57+
justify-content: center;
58+
gap: 2.3em;
59+
}
60+
61+
input {
62+
padding: 20px;
63+
width: 550px;
64+
border-radius: 5px;
65+
background: var(--background-column);
66+
text-align: center;
67+
font-size: 24px;
68+
border: none;
69+
outline: none;
70+
color: var(--text-primary);
71+
transition: 0.4s;
72+
}
73+
74+
select {
75+
padding: 20px;
76+
border-radius: 5px;
77+
background: var(--background-column);
78+
color: var(--text-primary);
79+
font-size: 20px;
80+
border: 0px;
81+
outline: none;
82+
cursor: pointer;
83+
}
84+
85+
.input-container {
86+
position: relative;
87+
margin-top: 150px;
88+
display: flex;
89+
flex-wrap: wrap;
90+
justify-content: center;
91+
gap: 0.5em;
92+
}

‎static/assets/css/error.css‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
.error {
2+
color: var(--text-primary);
3+
font-family: "Inter", sans-serif;
4+
font-weight: 900;
5+
top: 15%;
6+
text-align: center;
7+
}
8+
9+
.error h1 {
10+
font-size: 10vw;
11+
margin: 0 auto -2vw auto;
12+
background: linear-gradient(150deg, #746eff 0%, #ff00bb 51%, #746eff 100%);
13+
-webkit-background-clip: text;
14+
-moz-background-clip: text;
15+
background-clip: text;
16+
color: transparent;
17+
}
18+
19+
.error h3 {
20+
font-size: 4vw;
21+
margin-bottom: auto;
22+
margin-top: auto;
23+
font-weight: 600;
24+
}
25+
26+
.error p {
27+
font-size: 2vw;
28+
font-weight: 700;
29+
margin-top: 0.5%;
30+
margin-bottom: 1%;
31+
color: var(--text-dark);
32+
}
33+
34+
.error button {
35+
padding: 15px;
36+
border-radius: 5px;
37+
background: var(--background-buttons);
38+
color: inherit;
39+
font-size: 24px;
40+
border: 2px solid var(--background-buttons);
41+
outline: none;
42+
margin-bottom: 10px;
43+
cursor: pointer;
44+
}
45+
46+
.error .one:hover {
47+
color: #ef6e78;
48+
border: 2px solid #ef6e78;
49+
background: transparent;
50+
}
51+
52+
.error .two:hover {
53+
color: #ef996e;
54+
border: 2px solid #ef996e;
55+
background: transparent;
56+
}
57+
58+
.error .three:hover {
59+
color: #ef6ee4;
60+
border: 2px solid #ef6ee4;
61+
background: transparent;
62+
}
63+
64+
@media (max-width: 768px) {
65+
.error h1 {
66+
font-size: 12vw;
67+
}
68+
69+
.error h3 {
70+
font-size: 5vw;
71+
}
72+
73+
.error p {
74+
font-size: 3vw;
75+
margin-top: 5px;
76+
margin-bottom: 5px;
77+
}
78+
79+
.error button {
80+
font-size: 16px;
81+
}
82+
}

‎static/assets/css/global.css‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap");
2+
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
3+
4+
:root {
5+
/* Background Variables */
6+
--background-image: url("/./assets/media/background/full2.png"); /* Background Image */
7+
--backdrop-filter: blur(10px) brightness(80%); /* Nav Backdrop filter */
8+
--background-nav: rgba(255, 255, 255, 0.02); /* Nav Background */
9+
--background-color: #222; /* Main Background Color */
10+
--background-input: #4545459e; /* Input Field Background Color */
11+
--background-column: #353535; /* Background for Apps Container */
12+
--background-settings: #2a2a2a; /* Settings Card Background */
13+
--background-buttons: #333; /* Button Background Color */
14+
--background-accent: #444; /* Accent Color for Tabs */
15+
--background-slider: #4caf50; /* Active Slider Background Color */
16+
--slider-accent: #ccc; /* Slider Background Color */
17+
/* Text Variables */
18+
--text-primary: #fff; /* Primary Text Color */
19+
--text-dark: #555; /* Dark Text Color for Error Page, Scrollbar, and Particles */
20+
--text-placeholder: #aaa; /* Placeholder Text Color */
21+
/* Other Variables */
22+
--tab-hover: #6c6e79; /* Tab Color on Hover */
23+
}
24+
25+
::-webkit-scrollbar {
26+
width: 6px;
27+
background-color: var(--background-color);
28+
}
29+
30+
::-webkit-scrollbar-track {
31+
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
32+
border-radius: 10px;
33+
background-color: var(--background-color);
34+
}
35+
36+
::-webkit-scrollbar-thumb {
37+
border-radius: 10px;
38+
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
39+
background-color: var(--text-primary);
40+
}
41+
42+
::-webkit-scrollbar-thumb:hover {
43+
background-color: var(--text-dark);
44+
}
45+
46+
body {
47+
font-family: "Inter", sans-serif;
48+
text-decoration: none;
49+
background: var(--background-image);
50+
height: 100%;
51+
background-position: center;
52+
background-repeat: no-repeat;
53+
background-size: cover;
54+
background-attachment: fixed;
55+
}
56+
57+
::placeholder {
58+
color: var(--text-placeholder);
59+
opacity: 1;
60+
}
61+
62+
.main {
63+
letter-spacing: 0px;
64+
font-family: "Inter", sans-serif;
65+
width: 99%;
66+
display: flex;
67+
flex-direction: column;
68+
justify-content: center;
69+
align-items: center;
70+
top: 0%;
71+
position: absolute;
72+
z-index: 99;
73+
}

0 commit comments

Comments
 (0)