syrell/homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
syrell
2023-06-18 20:03:08 +02:00
parent 93878a91c1
commit f8d4f03cf8
12 changed files with 444 additions and 479 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
css/brands.css
View File

@ -357,6 +357,16 @@ button:hover,
filter: brightness(90%);
}
/* Gitea */
.button.button-gitea {
color: #ffffff;
background-color: #87ab63;
}
.button.button-gitea:hover,
.button.button-gitea:focus {
filter: brightness(90%);
}
/* GitHub */
.button.button-github {
color: #ffffff;
@ -443,6 +453,16 @@ button:hover,
filter: brightness(90%);
}
/* GPG */
.button.button-gpg {
color: #ffffff;
background-color: #29aff1;
}
.button.button-gpg:hover,
.button.button-gpg:focus {
filter: brightness(90%);
}
/* Guilded */
.button.button-guilded {
color: #000000;
@ -464,6 +484,16 @@ button:hover,
filter: brightness(90%);
}
/* Hedgedoc */
.button.button-hedgedoc {
color: #ffffff;
background-color: #eebc7a;
}
.button.button-hedgedoc:hover,
.button.button-hedgedoc:focus {
filter: brightness(90%);
}
/* Instagram */
.button.button-instagram {
color: #ffffff;
@ -568,6 +598,20 @@ button:hover,
filter: brightness(90%);
}
/* Mealie */
.button.button-mealie {
color: #ffffff;
background-color: #e58325;
}
.button.button-mealie:hover,
.button.button-mealie:focus {
filter: brightness(90%);
}
.icon.icon-mealie {
filter: brightness(0) invert(1);
}
/* Medium */
.button.button-medium {
color: #ffffff;

46
css/skeleton-auto.css
View File

@ -276,4 +276,50 @@ hr {
url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
label {
width:70px;
height:35px;
position: relative;
display: block;
top: -40px;
left: 265px;
background: #ebebeb;
border-radius: 20px;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4), inset 0px 0px 10px rgba(255,255,255,0.4);
cursor: pointer;
}
label:after {
content: "";
width:28px;
height: 28px;
position: absolute;
top:4px;
left:2px;
background: linear-gradient(180deg,#ffcc89,#d8860b);
border-radius: 60px;
box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}
input {
width: 0;
height: 0;
visibility: hidden;
}
input:checked + label {
background: #242424;
}
input:checked + label:after {
left:68px;
transform: translateX(-100%);
background: linear-gradient(180deg,#777,#3a3a3a);
}
label, label:after {
transition: 0.3s
}
label:active:after{
width: 40px;
}