diff --git a/assets/avatar.jpg b/assets/avatar.jpg
index 0f1b1f5..1e16967 100644
Binary files a/assets/avatar.jpg and b/assets/avatar.jpg differ
diff --git a/assets/background.jpg b/assets/background.jpg
index 3456709..00696f5 100644
Binary files a/assets/background.jpg and b/assets/background.jpg differ
diff --git a/assets/cat.jpg b/assets/cat.jpg
deleted file mode 100644
index 1e16967..0000000
Binary files a/assets/cat.jpg and /dev/null differ
diff --git a/assets/images/firefox.gif b/assets/images/firefox2.gif
similarity index 100%
rename from assets/images/firefox.gif
rename to assets/images/firefox2.gif
diff --git a/assets/lastplayed.js b/assets/lastplayed.js
index c29990b..02f4294 100644
--- a/assets/lastplayed.js
+++ b/assets/lastplayed.js
@@ -1,7 +1,7 @@
document.addEventListener("DOMContentLoaded", () => {
const lastPlayedBlock = document.getElementById('last-played');
- fetch("https://cat.fs.tlpteam.ru:5011/?user=xelframe")
+ fetch("https://cat.fs.tlpteam.ru:5011/?user=catmpeg")
.then(response => response.json())
.then(data => {
if (data && data.name) {
@@ -12,4 +12,4 @@ document.addEventListener("DOMContentLoaded", () => {
}
})
.catch(err => console.error(err));
-});
\ No newline at end of file
+});
diff --git a/assets/styles.css b/assets/styles.css
index a66c683..5b3cb2f 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -21,32 +21,23 @@ body {
}
main {
- display: flex;
- flex-direction: column;
- min-height: 100vh;
- width: 100%;
+ margin-top: 20px;
+ border-radius: 15px;
background-color: rgba(0, 0, 0, 0.5);
- backdrop-filter: blur(2px);
+ backdrop-filter: blur(5px);
+ padding: 20px;
+ width: 800px;
+ max-width: 100%;
box-sizing: border-box;
}
-main > a {
- align-self: center;
-}
-
-h2 {
- margin: 15px 0 10px;
-}
-h3 {
- margin: 5px 0;
-}
-label {
- margin-bottom: 8px;
-}
-
.down {
- margin-top: auto;
- width: 100%;
+ margin-top: 20px;
+ border-radius: 15px;
+ padding: 10px;
+ margin-bottom: 20px;
+ background-color: rgba(0, 0, 0, 0.5);
+ backdrop-filter: blur(5px);
}
a {
@@ -75,6 +66,15 @@ a {
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
+.info {
+ display: flex;
+ justify-content: center;
+}
+
+.info > div {
+ margin: 0 20px;
+}
+
.h1-404 {
font-size: 6em;
font-weight: 400;
@@ -91,7 +91,7 @@ label {
#mybutton {
height: 50px;
- width: 500px;
+ width: 40%;
resize: none;
color: #ddd;
background-color: rgba(0, 0, 0, 0.1);
@@ -99,13 +99,13 @@ label {
border-radius: 5px;
padding: 5px;
overflow: hidden;
- display: block;
- margin: 0 auto;
}
@media (max-width: 800px) {
+ body { gap: 15px; padding: 0 10px; }
+ main { padding: 15px; }
h1 { font-size: 1.5rem; }
h2, h3, label { font-size: 1.1rem; margin: 12px 0; }
- #mybutton { width: 200px; }
- main { padding: 2%;}
+ .info { display: block; }
+ .info > div { margin: 0; }
}
\ No newline at end of file
diff --git a/index.html b/index.html
index fc63c86..32ba68c 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,9 @@
- 
xelframe home page
+
+ xelframe home page
+
About me:
hello, my online name is xelframe.
@@ -40,36 +42,35 @@
-
+
Latest played song:
~~~~ - ~~~~
-
-
+
- 
