kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-29 02:07:39 +02:00
Code Issues Projects Releases Wiki Activity

Adjust accessibility

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-09-25 15:55:11 +02:00
parent ffc7c9e291
commit 70f50b78bb
6 changed files with 42 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/_mixins.scss
View file

@ -45,13 +45,18 @@
display: flex;
padding: 10px;
text-align: center;
background: $accentColor;
background: $accentColorDarker;
color: white;
text-decoration: none;
box-shadow: 0 0 33px -10px rgba($accentColor, 0.5);
transition: box-shadow 0.25s;
align-items: center;
justify-content: center;
text-shadow: 0 0 10px black;
@media(prefers-color-scheme: light) {
background-color: $accentColor;
}
svg {
margin-left: 10px;

1
src/_variables.scss
View file

@ -1,5 +1,6 @@
$layoutWidth: 1200px;
$accentColor: #e52b3e;
$accentColorDarker: darken($accentColor, 5);
$background: #070707;
$lightBackground: #fff;
$textColor: white;

2
src/components/languageSwitcher.js
View file

@ -7,7 +7,7 @@ export default function LanguageSwitcher() {
const { languages, originalPath } = useI18next();
return (
<div className={styles.languageModal} id="languageChooser">
<div className={styles.languageModal} id="languageChooser" role="dialog">
<div className={styles.languageModalInner}>
<h2>
Languages (

3
src/layouts/default.scss
View file

@ -68,9 +68,6 @@ section > article,
}
article {
p {
text-align: justify;
}
a {
color: $accentColor;

2
src/pages/index.js
View file

@ -113,7 +113,7 @@ const IndexPage = (props) => {
return (
<Layout title="Kevin Kandlbinder" transparentTopbar={true} description={t("siteDescription")}
image={meta.siteUrl + "/owner.jpg"}
image={"/owner.jpg"}
speakable={{
"@type": "SpeakableSpecification",
"xPath": [

35
src/pages/index.module.scss
View file

@ -241,20 +241,45 @@
color: #e52b3e;
}
&.skill_language {
color: #6848da;
}
&.skill_platform {
color: #e5752b;
}
&.skill_program {
color: #18bb20;
}
&.skill_os {
color: #6d94e9;
}
&.skill_language {
color: #886af5;
}
@media(prefers-color-scheme: light) {
&.skill_os {
color: #2b66e5;
}
&.skill_language {
color: #6848da;
}
&.skill_framework {
color: #db1e31;
}
&.skill_platform {
color: #aa4f12;
}
&.skill_program {
color: #18bb20;
color: #17681b;
}
}
}
}