diff --git a/assets/avatar.jpg b/assets/avatar.jpg index 0f1b1f5..58b37eb 100644 Binary files a/assets/avatar.jpg and b/assets/avatar.jpg differ diff --git a/assets/background.jpg b/assets/background.jpg new file mode 100644 index 0000000..0f5552c Binary files /dev/null and b/assets/background.jpg differ diff --git a/assets/background.png b/assets/background.png deleted file mode 100644 index aba95c6..0000000 Binary files a/assets/background.png and /dev/null differ diff --git a/assets/styles.css b/assets/styles.css index 59c60b7..dc22a37 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -9,104 +9,102 @@ body { margin: 0; min-height: 100vh; display: flex; - flex-direction: column; - justify-content: space-between; + justify-content: center; + align-items: center; + /* background: #2b2b2b; */ + background: url('/assets/background.jpg') center/cover no-repeat; font: 14px 'ConsolasBold'; - color: #fff; - background: #222222; + color: #ddd; } -main { +.window { + width: 900px; + background: #252525; + border: 1px solid #555; + box-shadow: inset 0 1px #666, 0 10px 30px rgba(0,0,0,0.6); display: flex; flex-direction: column; - flex: 1; - width: 100%; - box-sizing: border-box; - padding-left: 20%; - padding-right: 20%; } -main > a { - display: inline-block; - width: fit-content; +.titlebar { + display: flex; + align-items: center; + gap: 12px; + padding: 10px; + background: #313131; + border-bottom: 1px solid #555; } -h2 { - margin: 15px 0 10px; -} -h3 { - margin: 5px 0; -} - -.down { - margin-top: 20px; - width: 100%; - justify-content: center; - text-align: center; -} - -a { - color: #ffffff; - text-decoration: underline; -} -a:hover { - opacity: 0.7; +.avatar { + width: 48px; + height: 48px; } .title { - display: flex; - gap: 15px; - justify-content: center; - text-align: center; -} - -.blocks { - display: flex; - flex-wrap: wrap; - gap: 10px; -} - -.block { - padding: 10px 15px; - background-color: rgba(0, 0, 0, 0.3); - border-radius: 5px; - box-shadow: 0 2px 5px rgba(0,0,0,0.3); -} - -.h1-404 { - font-size: 6em; - font-weight: 400; - margin: 0 auto; -} - -li { - font-size: 1.1em; -} - -label { - display: block; - font-size: 1.5em; - margin-bottom: 8px; - font-weight: bold; + font-size: 16px; color: #fff; } -#mybutton { - height: 50px; - width: 500px; - resize: none; - color: #ddd; - background-color: rgba(0, 0, 0, 0.3); - border: none; - border-radius: 5px; - padding: 5px; - overflow: hidden; - display: block; +.subtitle { + font-size: 12px; + color: #aaa; } -@media (max-width: 800px) { - h1 { font-size: 1.5rem; } - h2, h3, label { font-size: 1.1rem; margin: 5px 0; } - #mybutton { width: 200px; } - main { padding: 2%;} +.content { + padding: 12px; + display: flex; + flex-direction: column; + gap: 10px; } + +.panel { + background: #2f2f2f; + border: 1px solid #555; + box-shadow: inset 0 1px #5a5a5a; + padding: 10px; +} + +h2 { + margin: 0 0 8px; + font-size: 14px; + color: #fff; +} + +a { + color: #9ecbff; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.footer { + display: flex; + flex-direction: column; + gap: 10px; + align-items: center; +} + +.webring, .links { + display: flex; + gap: 10px; +} + +.x8831 img { + image-rendering: pixelated; + height: 31px; + width: 88px; +} + +.hidden { + display: none; +} + +@media (max-width: 900px) { + .window { + width: 100%; + height: 100%; + border: none; + } +} \ No newline at end of file diff --git a/index.html b/index.html index ec21c35..b09c4e0 100644 --- a/index.html +++ b/index.html @@ -10,68 +10,70 @@ -

- avatar xd xelframe home page -
(bhzrd_, semkapc, catmpeg) -

-
-
-

About me:

- - -

Socials:

- - -

My friends:

-
-
+ + +
+
+

About me

+
hello, my online name is xelframe.
+
i enjoy playing various games and listening to music.
+
i use linux only, no windows.
+
i enjoy minimalism.
+
some of my favorite games are garry's mod, half-life 1 & 2, ddnet, minecraft.
+
=^.^=
+ +
+ +
+

Socials

+
Discord: xelframe
+
Telegram: xelframe
+
Github: xelframe
+
Steam: xelframe
+
YouTube: xelframe
+
Last.fm: xelframe
+
+ +
+

My friends

+
Cat.: cat8753.ru
+
ShadowCj: shadowcj.site
+
HonakAC: honakac.r2squad.ru
+
Tolya Gosuslugi: tolya1337.ru
+
OctoBanon: octobanon.com
+
+ + + +
+
+ prev + webring + next +
+ +
+ + + + + + +
+
+
+ + + - + \ No newline at end of file