commit 61898b4b8106a90d5373f04f90e04865bc9bc32e Author: RomkaZVO Date: Fri Nov 21 18:49:41 2025 +0800 first commit diff --git a/img/avatar.png b/img/avatar.png new file mode 100644 index 0000000..6ba9881 Binary files /dev/null and b/img/avatar.png differ diff --git a/img/background.png b/img/background.png new file mode 100644 index 0000000..5245563 Binary files /dev/null and b/img/background.png differ diff --git a/img/boosty.png b/img/boosty.png new file mode 100644 index 0000000..ce23c6f Binary files /dev/null and b/img/boosty.png differ diff --git a/img/discord.svg b/img/discord.svg new file mode 100644 index 0000000..c03e8e1 --- /dev/null +++ b/img/discord.svg @@ -0,0 +1,8 @@ + + + \ No newline at end of file diff --git a/img/icon.png b/img/icon.png new file mode 100644 index 0000000..476ec9c Binary files /dev/null and b/img/icon.png differ diff --git a/img/steam.png b/img/steam.png new file mode 100644 index 0000000..7d4e6eb Binary files /dev/null and b/img/steam.png differ diff --git a/img/tg.png b/img/tg.png new file mode 100644 index 0000000..16c408b Binary files /dev/null and b/img/tg.png differ diff --git a/img/vrc.png b/img/vrc.png new file mode 100644 index 0000000..722611c Binary files /dev/null and b/img/vrc.png differ diff --git a/img/yt.png b/img/yt.png new file mode 100644 index 0000000..a37389d Binary files /dev/null and b/img/yt.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..eccadab --- /dev/null +++ b/index.html @@ -0,0 +1,80 @@ + + + + + + RomkaZVO + + + + + + + + + + + + + + +

+ +

RomkaZVO

Radio DJ, Garage maker

+ +

+ + +

+ Telegram + + + + +

+ Mashup Radio + + + + +

+ Boosty + + + + +

+ Steam + + + + +

+ Discord + + + + +

+ VRChat + +

+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..dccd22a --- /dev/null +++ b/style.css @@ -0,0 +1,131 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; +} + +body { + background: url('img/background.png') center/cover no-repeat fixed; + color: white; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 2rem 1rem; +} + +.container { + max-width: 400px; + width: 100%; + background: rgba(30, 30, 30, 0.3); + border-radius: 25px; + padding: 2.5rem 2rem; + box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); + text-align: center; + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.1); + min-height: auto; +} + +.avatar { + width: 120px; + height: 120px; + border-radius: 50%; + margin: 0 auto 1.5rem; + overflow: hidden; + background-color: transparent; +} + +.avatar img { + width: 100%; + height: 100%; + object-fit: cover; +} + +h1 { + font-size: 1.8rem; + margin-bottom: 0.5rem; + color: #ffffff; + font-weight: 700; +} + +.tagline { + font-size: 1rem; + margin-bottom: 2rem; + color: #cccccc; + font-weight: 500; + font-style: italic; /* Добавил курсив */ +} + +.links { + display: flex; + flex-direction: column; + gap: 1rem; + margin: 2rem 0; + width: 100%; +} + +.link-item { + background: rgba(255, 255, 255, 0.1); + border-radius: 16px; + padding: 1.2rem 1.5rem; + transition: all 0.3s ease; + display: flex; + align-items: center; + gap: 15px; + text-decoration: none; + color: #ffffff; + border: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); + font-weight: 600; + width: 100%; +} + +.link-item:hover { + background: rgba(255, 255, 255, 0.15); + transform: translateY(-3px); + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.3); +} + +.icon { + width: 24px; + height: 24px; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; +} + +.icon img { + width: 100%; + height: 100%; + object-fit: contain; +} + +/* Адаптивность для мобильных устройств */ +@media (max-width: 480px) { + .container { + padding: 2rem 1.5rem; + max-width: 350px; + } + + h1 { + font-size: 1.6rem; + } + + .tagline { + font-size: 0.9rem; + } + + .avatar { + width: 100px; + height: 100px; + } + + .link-item { + padding: 1rem 1.2rem; + } +} \ No newline at end of file