Skip to content

Commit 86ff1dd

Browse files
BayselonarrendBayselonarrend
committed
Лого rss
1 parent a663b05 commit 86ff1dd

2 files changed

Lines changed: 56 additions & 24 deletions

File tree

‎web/client/css/main.css‎

Lines changed: 36 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2094,36 +2094,56 @@ img {
20942094
color: var(--text-muted);
20952095
}
20962096

2097-
.resource-links {
2097+
/* ===== Resources Card ===== */
2098+
.resources-card {
2099+
background-color: var(--bg-secondary);
2100+
padding: var(--spacing-md);
2101+
border-radius: var(--radius-md);
2102+
border: 1px solid var(--border-color);
2103+
}
2104+
2105+
.resources-card h3 {
2106+
font-size: 0.875rem;
2107+
margin-bottom: var(--spacing-md);
2108+
color: var(--text-primary);
2109+
font-weight: 600;
2110+
text-transform: uppercase;
2111+
letter-spacing: 0.5px;
2112+
}
2113+
2114+
.resources-links {
20982115
display: flex;
2099-
flex-direction: column;
2100-
gap: var(--spacing-xs);
2116+
justify-content: center;
2117+
gap: var(--spacing-md);
21012118
}
21022119

21032120
.resource-link {
21042121
display: flex;
21052122
align-items: center;
2106-
gap: var(--spacing-sm);
2107-
padding: var(--spacing-sm);
2108-
border-radius: var(--radius-sm);
2123+
justify-content: center;
2124+
padding: var(--spacing-md);
2125+
border-radius: var(--radius-md);
21092126
transition: var(--transition);
2110-
color: var(--text-primary);
2111-
}
2112-
2113-
.resource-link:hover {
2127+
color: var(--text-secondary);
21142128
background-color: var(--bg-tertiary);
2129+
border: 1px solid var(--border-color);
21152130
}
21162131

2117-
.resource-link.telegram:hover {
2118-
border-left: 3px solid #0088cc;
2132+
.resource-link:hover {
2133+
background-color: var(--bg-hover);
2134+
border-color: var(--accent-primary);
2135+
color: var(--accent-primary);
2136+
transform: translateY(-2px);
2137+
box-shadow: var(--shadow);
21192138
}
21202139

2121-
.resource-link.boosty:hover {
2122-
border-left: 3px solid #F15F2C;
2140+
.resource-link svg {
2141+
display: block;
2142+
transition: var(--transition);
21232143
}
21242144

2125-
.resource-link.github:hover {
2126-
border-left: 3px solid var(--accent-primary);
2145+
.resource-link:hover svg {
2146+
transform: scale(1.1);
21272147
}
21282148

21292149
.resource-icon {

‎web/client/index.html‎

Lines changed: 20 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,11 @@
4444
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.33 132.14L62.5 143.73L58.59 144.26L49.84 114.11L19.06 104L113.82 67.8799L118.29 67.9799L103.36 149.19L76.33 132.14ZM100.03 83.1399L56.61 109.17L61.61 130.5L62.98 130.19L68.2 113.73L102.9 83.4799L100.03 83.1399Z"/>
4545
</svg>
4646
</a>
47+
<a href="https://openyellow.org/rss.xml" target="_blank" class="nav-link nav-link-icon" title="RSS">
48+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
49+
<path d="M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-3.368c10.58.046 19.152 8.594 19.183 19.188h4.817c-.03-13.231-10.755-23.954-24-24v4.812z"/>
50+
</svg>
51+
</a>
4752
<a href="https://github.com/OpenBSL" target="_blank" class="nav-link nav-link-icon" title="GitHub">
4853
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
4954
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
@@ -93,15 +98,22 @@ <h3>Списки проектов</h3>
9398
</div>
9499
</div>
95100

96-
<!-- Telegram Community -->
97-
<a href="https://t.me/openyellowproject" target="_blank" class="sidebar-card community-card telegram-card">
98-
<div class="community-card-content">
99-
<h3>Telegram канал</h3>
100-
<p>Следите за новостями проекта, обсуждайте новые репозитории и узнавайте о новых релизах проектов в нашем Telegram канале</p>
101-
<span class="community-card-link">Присоединиться →</span>
101+
<!-- Resources -->
102+
<div class="sidebar-card resources-card">
103+
<h3>Ресурсы</h3>
104+
<div class="resources-links">
105+
<a href="https://t.me/openyellowproject" target="_blank" class="resource-link" title="Telegram канал">
106+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="15 60 110 90" fill="currentColor">
107+
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.33 132.14L62.5 143.73L58.59 144.26L49.84 114.11L19.06 104L113.82 67.8799L118.29 67.9799L103.36 149.19L76.33 132.14ZM100.03 83.1399L56.61 109.17L61.61 130.5L62.98 130.19L68.2 113.73L102.9 83.4799L100.03 83.1399Z"/>
108+
</svg>
109+
</a>
110+
<a href="https://openyellow.org/rss.xml" target="_blank" class="resource-link" title="RSS лента">
111+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
112+
<path d="M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-3.368c10.58.046 19.152 8.594 19.183 19.188h4.817c-.03-13.231-10.755-23.954-24-24v4.812z"/>
113+
</svg>
114+
</a>
102115
</div>
103-
<img src="static/tg.png" alt="Telegram" class="community-card-logo">
104-
</a>
116+
</div>
105117

106118
<!-- Boosty Support -->
107119
<a href="https://boosty.to/bayselonarrend" target="_blank" class="sidebar-card community-card boosty-card">

0 commit comments

Comments
 (0)