Skip to content

M
members
Commit 7524973f authored by Roman Alifanov's avatar Roman Alifanov
Browse files
Options

Member pages: Ximper, VanoMJ

parents
Hide whitespace changes
Inline Side-by-side
Showing with 533 additions and 0 deletions
vanomj.html 0 → 100644
View file @ 7524973f
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VanoMJ — музыкант, контрибутер</title>
<meta name="description" content="Музыкант, разработчик.">
<meta name="author" content="VanoMJ">
<meta property="og:type" content="website">
<meta property="og:title" content="VanoMJ — музыкант, контрибутер">
<meta property="og:description" content="Музыкант, разработчик.">
<meta property="og:image" content="https://vanomj.members.geasspassword.ru/avatar.jpg">
<meta property="og:url" content="https://vanomj.members.geasspassword.ru">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="VanoMJ — музыкант, контрибутер">
<meta name="twitter:description" content="Музыкант, разработчик.">
<meta name="twitter:image" content="https://vanomj.members.geasspassword.ru/avatar.jpg">
<link rel="icon" type="image/svg+xml" href="gp-logo.svg">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, 'Inter', 'Segoe UI', sans-serif;
background: #0a0a0f;
color: #e0e0e0;
min-height: 100vh;
overflow-x: hidden;
}
.bg-glow {
position: fixed;
top: -40%;
left: -20%;
width: 70%;
height: 70%;
background: radial-gradient(ellipse, rgba(56, 189, 248, 0.08) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
.bg-glow-2 {
position: fixed;
bottom: -40%;
right: -20%;
width: 70%;
height: 70%;
background: radial-gradient(ellipse, rgba(244, 114, 182, 0.06) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
.container {
max-width: 720px;
margin: 0 auto;
padding: 60px 24px;
position: relative;
z-index: 1;
}
.header {
text-align: center;
margin-bottom: 48px;
}
.avatar {
width: 120px;
height: 120px;
border-radius: 50%;
margin: 0 auto 20px;
box-shadow: 0 0 40px rgba(56, 189, 248, 0.3);
overflow: hidden;
}
.avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
h1 {
font-size: 2rem;
font-weight: 700;
color: #fff;
margin-bottom: 8px;
}
.subtitle {
font-size: 1.1rem;
color: #888;
line-height: 1.5;
}
.section {
margin-bottom: 36px;
}
.section-title {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 2px;
color: #555;
margin-bottom: 16px;
font-weight: 600;
}
.card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 12px;
padding: 20px;
margin-bottom: 12px;
transition: border-color 0.2s, background 0.2s;
text-decoration: none;
color: inherit;
display: block;
}
a.card:hover {
border-color: rgba(56, 189, 248, 0.3);
background: rgba(255, 255, 255, 0.06);
}
.card-title {
font-size: 1.05rem;
font-weight: 600;
color: #fff;
margin-bottom: 6px;
}
.card-desc {
font-size: 0.9rem;
color: #888;
line-height: 1.5;
}
.card-meta {
margin-top: 10px;
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.tag {
font-size: 0.75rem;
padding: 4px 10px;
border-radius: 6px;
background: rgba(56, 189, 248, 0.15);
color: #7dd3fc;
font-weight: 500;
}
.links {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.link-card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 12px;
padding: 16px 20px;
text-decoration: none;
color: #fff;
font-weight: 500;
font-size: 0.95rem;
transition: border-color 0.2s, background 0.2s;
display: flex;
align-items: center;
gap: 10px;
}
.link-card:hover {
border-color: rgba(56, 189, 248, 0.3);
background: rgba(255, 255, 255, 0.06);
}
.link-icon {
font-size: 1.2rem;
width: 24px;
text-align: center;
}
footer {
text-align: center;
margin-top: 60px;
padding: 20px;
color: #333;
font-size: 0.8rem;
}
@media (max-width: 500px) {
.links { grid-template-columns: 1fr; }
.container { padding: 40px 16px; }
h1 { font-size: 1.6rem; }
}
</style>
</head>
<body>
<div class="bg-glow"></div>
<div class="bg-glow-2"></div>
<div class="container">
<div class="header">
<div class="avatar"><img src="avatar.jpg" alt="VanoMJ"></div>
<h1>VanoMJ</h1>
<p class="subtitle">
Музыкант, разработчик
</p>
</div>
<div class="section">
<div class="section-title">Поддерживаемые проекты</div>
<a class="card" href="https://github.com/Etersoft/eepm" target="_blank">
<div class="card-title">eepm</div>
<div class="card-desc">Единый менеджер пакетов для Linux. Установка программ одной командой на любом дистрибутиве.</div>
<div class="card-meta">
<span class="tag">Shell</span>
<span class="tag">Linux</span>
<span class="tag">Packaging</span>
</div>
</a>
</div>
<div class="section">
<div class="section-title">Ссылки</div>
<div class="links">
<a class="link-card" href="https://github.com/VanoMajukin" target="_blank">
<span class="link-icon">GH</span> GitHub
</a>
<a class="link-card" href="https://t.me/VanoMJ" target="_blank">
<span class="link-icon">TG</span> Telegram
</a>
</div>
</div>
<footer>geasspassword.ru</footer>
</div>
</body>
</html>
ximper.html 0 → 100644
View file @ 7524973f
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ximper — разработчик</title>
<meta name="description" content="Разработчик Ximper Linux @ Etersoft. Go, Shell, GTK4, Linux.">
<meta name="author" content="Ximper">
<meta property="og:type" content="website">
<meta property="og:title" content="Ximper — разработчик">
<meta property="og:description" content="Разработчик Ximper Linux @ Etersoft. Go, Shell, GTK4, Linux.">
<meta property="og:image" content="https://geasspassword.ru/avatar.jpg">
<meta property="og:url" content="https://geasspassword.ru">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Ximper — разработчик">
<meta name="twitter:description" content="Разработчик Ximper Linux @ Etersoft. Go, Shell, GTK4, Linux.">
<meta name="twitter:image" content="https://geasspassword.ru/avatar.jpg">
<link rel="icon" type="image/svg+xml" href="gp-logo.svg">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, 'Inter', 'Segoe UI', sans-serif;
background: #0a0a0f;
color: #e0e0e0;
min-height: 100vh;
overflow-x: hidden;
}
.bg-glow {
position: fixed;
top: -40%;
left: -20%;
width: 70%;
height: 70%;
background: radial-gradient(ellipse, rgba(88, 101, 242, 0.08) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
.bg-glow-2 {
position: fixed;
bottom: -40%;
right: -20%;
width: 70%;
height: 70%;
background: radial-gradient(ellipse, rgba(139, 92, 246, 0.06) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
.container {
max-width: 720px;
margin: 0 auto;
padding: 60px 24px;
position: relative;
z-index: 1;
}
.header {
text-align: center;
margin-bottom: 48px;
}
.avatar {
width: 120px;
height: 120px;
border-radius: 50%;
margin: 0 auto 20px;
box-shadow: 0 0 40px rgba(88, 101, 242, 0.3);
overflow: hidden;
}
.avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
h1 {
font-size: 2rem;
font-weight: 700;
color: #fff;
margin-bottom: 8px;
}
.subtitle {
font-size: 1.1rem;
color: #888;
line-height: 1.5;
}
.subtitle a {
color: #8b5cf6;
text-decoration: none;
}
.subtitle a:hover {
text-decoration: underline;
}
.section {
margin-bottom: 36px;
}
.section-title {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 2px;
color: #555;
margin-bottom: 16px;
font-weight: 600;
}
.card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 12px;
padding: 20px;
margin-bottom: 12px;
transition: border-color 0.2s, background 0.2s;
text-decoration: none;
color: inherit;
display: block;
}
a.card:hover {
border-color: rgba(88, 101, 242, 0.3);
background: rgba(255, 255, 255, 0.06);
}
.card-title {
font-size: 1.05rem;
font-weight: 600;
color: #fff;
margin-bottom: 6px;
}
.card-desc {
font-size: 0.9rem;
color: #888;
line-height: 1.5;
}
.card-meta {
margin-top: 10px;
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.tag {
font-size: 0.75rem;
padding: 4px 10px;
border-radius: 6px;
background: rgba(88, 101, 242, 0.15);
color: #8b9cf2;
font-weight: 500;
}
.links {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.link-card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 12px;
padding: 16px 20px;
text-decoration: none;
color: #fff;
font-weight: 500;
font-size: 0.95rem;
transition: border-color 0.2s, background 0.2s;
display: flex;
align-items: center;
gap: 10px;
}
.link-card:hover {
border-color: rgba(88, 101, 242, 0.3);
background: rgba(255, 255, 255, 0.06);
}
.link-icon {
font-size: 1.2rem;
width: 24px;
text-align: center;
}
footer {
text-align: center;
margin-top: 60px;
padding: 20px;
color: #333;
font-size: 0.8rem;
}
@media (max-width: 500px) {
.links { grid-template-columns: 1fr; }
.services-grid { grid-template-columns: 1fr 1fr; }
.container { padding: 40px 16px; }
h1 { font-size: 1.6rem; }
}
</style>
</head>
<body>
<div class="bg-glow"></div>
<div class="bg-glow-2"></div>
<div class="container">
<div class="header">
<div class="avatar"><img src="avatar.jpg" alt="Ximper"></div>
<h1>Ximper</h1>
<p class="subtitle">
Разработчик <a href="https://ximperlinux.ru" target="_blank">Ximper Linux</a> @ Etersoft<br>
Go, Shell, GTK4, Linux
</p>
</div>
<div class="section">
<div class="section-title">Проекты</div>
<a class="card" href="https://ximperlinux.ru" target="_blank">
<div class="card-title">Ximper Linux</div>
<div class="card-desc">Дистрибутив на базе ALT Sisyphus. GNOME и Hyprland, PortProton для игр, EPM пакетный менеджер.</div>
<div class="card-meta">
<span class="tag">ALT Linux</span>
<span class="tag">GNOME</span>
<span class="tag">Hyprland</span>
<span class="tag">PortProton</span>
</div>
</a>
<a class="card" href="https://github.com/X1mper/Herbarium" target="_blank">
<div class="card-title">Herbarium</div>
<div class="card-desc">Менеджер модов для Бесконечного лета на Linux. CLI + GUI на GTK4/LibAdwaita, написан на Go.</div>
<div class="card-meta">
<span class="tag">Go</span>
<span class="tag">GTK4</span>
<span class="tag">LibAdwaita</span>
</div>
</a>
<a class="card" href="https://poems.geasspassword.ru/">
<div class="card-title">Стихи</div>
<div class="card-desc">Анонимная площадка для публикации стихов. Реакции, комментарии, рекомендации.</div>
<div class="card-meta">
<span class="tag">Python</span>
<span class="tag">FastAPI</span>
<span class="tag">Preact</span>
</div>
</a>
</div>
<div class="section">
<div class="section-title">Ссылки</div>
<div class="links">
<a class="link-card" href="https://github.com/X1mper" target="_blank">
<span class="link-icon">GH</span> GitHub
</a>
<a class="link-card" href="https://t.me/ximper" target="_blank">
<span class="link-icon">TG</span> Telegram
</a>
<a class="link-card" href="https://ximperlinux.ru" target="_blank">
<span class="link-icon">XL</span> Ximper Linux
</a>
<a class="link-card" href="https://github.com/Etersoft" target="_blank">
<span class="link-icon">ET</span> Etersoft
</a>
<a class="link-card" href="https://poems.geasspassword.ru/">
<span class="link-icon">&#9998;</span> Стихи
</a>
<a class="link-card" href="mailto:ximper@etersoft.ru">
<span class="link-icon">@</span> Почта
</a>
</div>
</div>
<footer>geasspassword.ru</footer>
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment