anatolykopyl/kopyl.dev
1
0
Fork 0
Code Issues Pull Requests Actions Wiki Activity

Compare commits

base: anatolykopyl:b65ee0efd74854293ebcbda767989aa319562d2e
Branches Tags
anatolykopyl:master
...
compare: anatolykopyl:6176c1c15a1c611220a7b26d591bd34c292699d2
Branches Tags
anatolykopyl:master

2 Commits
b65ee0efd7 ... 6176c1c15a

Author SHA1 Message Date
anatolykopyl
6176c1c15a Save locale
All checks were successful
continuous-integration/drone/push Build is passing
Details
2022-05-26 01:51:24 +03:00
anatolykopyl
9d88c3e353 Добавил яндекс метрику 2022-05-26 01:45:59 +03:00
6 changed files with 27 additions and 31 deletions
Expand all files Collapse all files

16
index.html
View File

@@ -6,6 +6,22 @@
<meta name="theme-color" content="#000000" />
<link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" />
<title>Anatoly Kopyl</title>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(88895893, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/88895893" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>

6
src/components/LanguageSelector.tsx
View File

@@ -7,6 +7,10 @@ export default () => {
const [t, { locale }] = useI18n();
const avaliableLocales = ['en', 'ru'];
const savedLocale = localStorage.getItem('locale');
if (savedLocale) {
locale(savedLocale);
} else {
const preferredLocales = navigator.languages.map((lang) => lang.substring(0, 2));
for (const lang of preferredLocales) {
if (avaliableLocales.includes(lang)) {
@@ -14,6 +18,7 @@ export default () => {
break;
}
}
}
return (
<div
@@ -26,6 +31,7 @@ export default () => {
locale('ru')
break;
}
localStorage.setItem('locale', locale());
}}
class={styles.LanguageSelector}
>

3
src/components/Links.tsx
View File

@@ -6,21 +6,18 @@ export default () => {
<a
href='https://github.com/anatolykopyl'
target='_blank'
class='hover-grad'
>
github
</a>
<a
href='https://www.linkedin.com/in/akopyl/'
target='_blank'
class='hover-grad'
>
linkedin
</a>
<a
href='https://t.me/avkopyl'
target='_blank'
class='hover-grad'
>
telegram
</a>

1
src/components/Projects/Project.tsx
View File

@@ -18,7 +18,6 @@ export default (props: {project: Project}) => {
<a
href={props.project.link}
target="_blank"
class='hover-grad'
>
<h2>{props.project.name}</h2>
</a>

1
src/components/Projects/Projects.tsx
View File

@@ -18,7 +18,6 @@ export default () => {
<div
use:observer={(event) => {
if (event.isIntersecting) {
console.log(chapterName);
if (!state.scrolling()) {
setters.setVisibleChapter(chapterName);
} else if (state.visibleChapter() === chapterName) {

21
src/index.css
View File

@@ -69,24 +69,3 @@ textarea:focus, input:focus{
input::placeholder, textarea::placeholder {
color: var(--clr-text-secondary);
}
.hover-grad {
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab, var(--clr-text), var(--clr-text), var(--clr-text));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% auto;
}
.hover-grad:hover {
animation: gradient 1s ease forwards;
animation-iteration-count: 1;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}