Social links update

57350bd651fce709e3acaf08fd01937d4e4122cb
This commit is contained in:
4eb0da
2024-06-03 20:38:06 +03:00
parent 68a2558bcd
commit 4d22ef4f75
6 changed files with 62 additions and 7 deletions
+2
View File
@@ -16141,11 +16141,13 @@
"site/client/src/assets/dot.svg":"divkit/public/site/client/src/assets/dot.svg",
"site/client/src/assets/dropdown.svg":"divkit/public/site/client/src/assets/dropdown.svg",
"site/client/src/assets/errors.svg":"divkit/public/site/client/src/assets/errors.svg",
"site/client/src/assets/github.svg":"divkit/public/site/client/src/assets/github.svg",
"site/client/src/assets/load.svg":"divkit/public/site/client/src/assets/load.svg",
"site/client/src/assets/load2.svg":"divkit/public/site/client/src/assets/load2.svg",
"site/client/src/assets/logo.svg":"divkit/public/site/client/src/assets/logo.svg",
"site/client/src/assets/run.svg":"divkit/public/site/client/src/assets/run.svg",
"site/client/src/assets/selectElement.svg":"divkit/public/site/client/src/assets/selectElement.svg",
"site/client/src/assets/telegram.svg":"divkit/public/site/client/src/assets/telegram.svg",
"site/client/src/assets/warnings.svg":"divkit/public/site/client/src/assets/warnings.svg",
"site/client/src/auto/lang.json":"divkit/public/site/client/src/auto/lang.json",
"site/client/src/components/App.svelte":"divkit/public/site/client/src/components/App.svelte",
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>

After

Width:  |  Height:  |  Size: 790 B

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><linearGradient id="a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#38AEEB"/><stop offset="100%" stop-color="#279AD1"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><circle cx="8" cy="8" r="8" fill="url(#a)"/><path fill="#FFF" d="M3.17 7.836a437.18 437.18 0 0 1 5.236-2.163c2.493-.994 2.84-1.139 3.177-1.144a.666.666 0 0 1 .397.147c.141.12.184.196.196.263.011.067.01.276-.002.395-.135 1.361-.648 4.504-.945 6.03-.126.645-.374.861-.614.882-.521.046-.917-.33-1.422-.648-.79-.497-1.054-.68-1.82-1.165-.887-.56-.522-.755-.017-1.258.132-.131 2.322-2.13 2.355-2.312.028-.16.038-.181-.034-.253-.073-.072-.16-.063-.216-.051-.08.017-1.286.78-3.62 2.29-.358.237-.682.352-.973.346-.32-.007-.937-.174-1.395-.317-.563-.176-1.01-.268-.97-.566.02-.155.242-.314.667-.476Z"/></g></svg>

After

Width:  |  Height:  |  Size: 870 B

+6 -2
View File
@@ -37,7 +37,9 @@
"designComponents": "Компоненты",
"designPalette": "Палитра",
"designVariables": "Переменные",
"description": "DivKit — Кроссплатформенный фреймворк для Server-driven UI с открытым кодом"
"description": "DivKit — Кроссплатформенный фреймворк для Server-driven UI с открытым кодом",
"telegram": "Есть вопросы?",
"telegramError": "Что-то не работает или у вас есть предложения?"
},
"en": {
"name": "Eng",
@@ -77,6 +79,8 @@
"designComponents": "Components",
"designPalette": "Palette",
"designVariables": "Variables",
"description": "Open-source cross-platform Server-Driven UI framework"
"description": "Open-source cross-platform Server-Driven UI framework",
"telegram": "Have a question?",
"telegramError": "Is something not working or do you have any suggestions?"
}
}
+28 -1
View File
@@ -4,7 +4,7 @@
import { getContext } from 'svelte';
import { LANGUAGE_CTX, LanguageContext } from '../data/languageContext';
const {l10n} = getContext<LanguageContext>(LANGUAGE_CTX);
const {l10n, lang} = getContext<LanguageContext>(LANGUAGE_CTX);
export let errors: ViewerError[];
</script>
@@ -37,6 +37,11 @@
{$l10n('noErrors')}
</div>
{/if}
<a class="errors-view__telegram" href={$lang === 'ru' ? 'https://t.me/divkit_community_ru' : 'https://t.me/divkit_community_en'} target="_blank" rel="noopener noreferrer">
<div class="errors-view__telegram-icon"></div>
{$l10n('telegramError')}
</a>
</div>
<style>
@@ -87,4 +92,26 @@
.error-view__empty {
padding: 12px 20px;
}
.errors-view__telegram {
display: inline-block;
padding: 20px 12px;
text-decoration: none;
color: inherit;
}
.errors-view__telegram:hover {
color: red;
}
.errors-view__telegram-icon {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 4px;
vertical-align: -32%;
background: no-repeat 50% 50%;
background-image: url(../assets/telegram.svg);
background-size: contain;
}
</style>
+24 -4
View File
@@ -32,13 +32,15 @@
<div class="header__right">
<ul class="header__links">
<li class="header__item">
<a class="header__link" href="https://github.com/divkit/divkit">
Github
<a class="header__link" href="https://github.com/divkit/divkit" target="_blank" rel="noopener noreferrer">
<div class="header__icon header__icon_github"></div>
GitHub
</a>
</li>
<li class="header__item">
<a class="header__link" href={$lang === 'ru' ? 'https://t.me/divkit_community_ru' : 'https://t.me/divkit_community_en'}>
Telegram
<a class="header__link" href={$lang === 'ru' ? 'https://t.me/divkit_community_ru' : 'https://t.me/divkit_community_en'} target="_blank" rel="noopener noreferrer">
<div class="header__icon header__icon_telegram"></div>
{$l10n('telegram')}
</a>
</li>
</ul>
@@ -126,6 +128,24 @@
color: red;
}
.header__icon {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 4px;
vertical-align: -4px;
background: no-repeat 50% 50%;
background-size: contain;
}
.header__icon_github {
background-image: url(../assets/github.svg);
}
.header__icon_telegram {
background-image: url(../assets/telegram.svg);
}
.header__subnav {
position: relative;
display: flex;