ProjectSegfault/website
4
2
Fork 1
mirror of https://github.com/ProjectSegfault/website.git synced 2025-05-31 14:12:04 +05:30
Code Issues Projects Releases Wiki Activity

Merge branch 'projectsegfault-left' of https://github.com/MutaTechTips/mutaharwebsite into projectsegfault-left

Browse Source
This commit is contained in:
Alexander J
2022-05-14 14:49:23 +02:00
parent af0ea2f341 4c366ea6fe
commit d55d435756
8 changed files with 59 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/animation.css
View File

@@ -241,7 +241,7 @@
}
85% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
text-shadow: 0 0 30px rgba(0, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
}
85.1% {
opacity: 0;
@@ -253,11 +253,11 @@
}
86.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
text-shadow: 0 0 30px rgba(0, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
}
100% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
text-shadow: 0 0 30px rgba(0, 208, 212, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
}
}

9
src/assets/global.css
View File

@@ -25,6 +25,8 @@ a.visited {
.card {
display: flex;
justify-content: space-evenly;
flex-direction: inherit;
flex-wrap: wrap;
}
.card > div {
@@ -39,6 +41,7 @@ a.visited {
.button {
background-color: #00755e; /* Green */
border: none;
font-family: 'Comfortaa', sans-serif;
color: white;
padding: 16px 32px;
text-align: center;
@@ -54,10 +57,14 @@ a.visited {
.button:hover {
background-color: #00d4aa;
color: black;
border-radius: 12px;
transform: translateY(-0.25em);
box-shadow: 0 0.5em 0.5em -0.4em #00755e;
}
.button:active {
transform: translateY(0.10em);
background-color: #4beacb;
box-shadow: 0 0.2em 0.2em -0.2em #00c7a1;
}
.ResponsiveImage {
@@ -86,4 +93,4 @@ a.visited {
.ResponsiveImage {
max-inline-size: 100%;
}
}
}