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" /> <meta name="theme-color" content="#000000" />
<link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" /> <link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" />
<title>Anatoly Kopyl</title> <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> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

16
src/components/LanguageSelector.tsx
View File

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

3
src/components/Links.tsx
View File

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

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

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

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

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

21
src/index.css
View File

@@ -69,24 +69,3 @@ textarea:focus, input:focus{
input::placeholder, textarea::placeholder { input::placeholder, textarea::placeholder {
color: var(--clr-text-secondary); 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%;
}
}