diff --git a/JetBrainsMono-Bold.ttf b/assets/JetBrainsMono-Bold.ttf
similarity index 100%
rename from JetBrainsMono-Bold.ttf
rename to assets/JetBrainsMono-Bold.ttf
diff --git a/favicon.jpg b/assets/favicon.jpg
similarity index 100%
rename from favicon.jpg
rename to assets/favicon.jpg
diff --git a/styles.css b/assets/styles.css
similarity index 71%
rename from styles.css
rename to assets/styles.css
index fe79933..a09b6a4 100644
--- a/styles.css
+++ b/assets/styles.css
@@ -10,57 +10,45 @@ body {
}
main,
-#webring,
-#hello {
+.webring {
max-width: 1000px;
width: calc(100% - 20px);
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
- /* border: 4px double rgb(180, 180, 180); */
}
a {
text-decoration: none;
}
-/* <-----------------------> */
-
-#webring {
- max-width: 1000px;
- width: calc(100% - 20px);
- margin: 0 auto;
- padding: 20px;
- box-sizing: border-box;
+.webring {
justify-content: center;
align-items: center;
gap: 15px;
background-color: rgba(17, 17, 17, 0.7);
backdrop-filter: blur(10px);
- /* border: 4px double rgb(180, 180, 180); */
}
body,
-#webring {
+.webring {
display: flex;
}
a,
-#webring {
+.webring {
color: rgb(66, 131, 252);
}
-#jccenter {
+.jccenter {
display: flex;
justify-content: center;
}
-#myfriends {
+.myfriends {
margin-left: 50px;
}
-/* <-----------------------> */
-
@media (max-width: 600px) {
body {
gap: 15px;
@@ -80,19 +68,17 @@ a,
margin: 12px 0;
}
- #jccenter {
+ .jccenter {
display: block;
}
- #myfriends {
+ .myfriends {
margin-left: 0px;
}
- #webring {
- width: calc(100% - 20px);
+ .webring {
margin: 10px auto 0;
padding: 8px 12px;
- box-sizing: border-box;
}
}
diff --git a/index.html b/index.html
index 33e3e62..fda76b9 100644
--- a/index.html
+++ b/index.html
@@ -5,15 +5,15 @@
xelframe page
-
-
+
+
xelframe home page QwQ
-
+
Socials:
Discord: xelframe
@@ -23,7 +23,7 @@
-
+
My friends:
@@ -35,10 +35,10 @@
-