Update Website

**General**

- Fixed Favicons
- Changed Pulse animation for buttons & Button Color
This commit is contained in:
Pengu 2024-05-30 01:50:56 -05:00
parent 1a5474873a
commit f3bb81f392
11 changed files with 128 additions and 14 deletions

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LE | About Us</title> <title>LE | About Us</title>
<link rel="icon" type="image/png" href="media/logo.png"> <link rel="icon" type="image/png" href="media/Logo.png">
<link rel="stylesheet" href="media/style.css"> <link rel="stylesheet" href="media/style.css">
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

View File

@ -20,7 +20,7 @@
<body> <body>
<div class="content"> <div class="content">
<img class="image" src="media/Logo.png"> <img class="image" src="media/Logo.png">
<h1>3k+ Downloads</h1> <h1>5k+ Downloads</h1>
<div class="links"> <div class="links">
<a href="https://www.nexusmods.com/contentwarning/mods/13/"><img alt="nexus" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/available/nexusmods_vector.svg"></a> <a href="https://www.nexusmods.com/contentwarning/mods/13/"><img alt="nexus" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/available/nexusmods_vector.svg"></a>
<a href="https://thunderstore.io/c/content-warning/p/PenguCC/Content_Expansion/"><img alt="thunderstore" src="https://cdn.galactiq.net/lethalextended/website/icons/thunderstore-compact_vector.svg"></a> <a href="https://thunderstore.io/c/content-warning/p/PenguCC/Content_Expansion/"><img alt="thunderstore" src="https://cdn.galactiq.net/lethalextended/website/icons/thunderstore-compact_vector.svg"></a>

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CE | Credits</title> <title>CE | Credits</title>
<link rel="icon" type="image/png" href="media/logo.png"> <link rel="icon" type="image/png" href="media/Logo.png">
<link rel="stylesheet" href="media/style.css"> <link rel="stylesheet" href="media/style.css">
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Content Expansion</title> <title>Content Expansion</title>
<link rel="icon" type="image/png" href="media/logo.png"> <link rel="icon" type="image/png" href="media/Logo.png">
<link rel="stylesheet" href="media/style.css"> <link rel="stylesheet" href="media/style.css">
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CE | Projects</title> <title>CE | Projects</title>
<link rel="icon" type="image/png" href="media/logo.png"> <link rel="icon" type="image/png" href="media/Logo.png">
<link rel="stylesheet" href="media/style.css"> <link rel="stylesheet" href="media/style.css">
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

View File

@ -70,9 +70,47 @@ body {
} }
.link:hover { .link:hover {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
animation: pulse 2s infinite;
} }
.pulse {
margin:100px;
display: block;
width: 22px;
height: 22px;
border-radius: 50%;
background: #f7690a;
box-shadow: 0 0 0 #f7690a;
animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #f7690a;
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 #f7690a;
box-shadow: 0 0 0 0 #f7690a;
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
.github { .github {
background-color: #353535; background-color: #353535;
} }
@ -90,7 +128,7 @@ body {
} }
.stable { .stable {
background-color: #53c213; background-color: #db5b04;
} }
.torrents { .torrents {

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EH | About Us</title> <title>EH | About Us</title>
<link rel="icon" type="image/png" href="media/logo.png"> <link rel="icon" type="image/png" href="media/Logo.png">
<link rel="stylesheet" href="media/style.css"> <link rel="stylesheet" href="media/style.css">
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Enchanted Harvest</title> <title>Enchanted Harvest</title>
<link rel="icon" type="image/png" href="media/logo.png"> <link rel="icon" type="image/png" href="media/Logo.png">
<link rel="stylesheet" href="media/style.css"> <link rel="stylesheet" href="media/style.css">
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CE | Projects</title> <title>CE | Projects</title>
<link rel="icon" type="image/png" href="media/logo.png"> <link rel="icon" type="image/png" href="media/Logo.png">
<link rel="stylesheet" href="media/style.css"> <link rel="stylesheet" href="media/style.css">
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

View File

@ -70,9 +70,47 @@ body {
} }
.link:hover { .link:hover {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
animation: pulse 2s infinite;
} }
.pulse {
margin:100px;
display: block;
width: 22px;
height: 22px;
border-radius: 50%;
background: #744ac7;
box-shadow: 0 0 0 #744ac7;
animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #744ac7;
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 #744ac7;
box-shadow: 0 0 0 0 #744ac7;
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
.github { .github {
background-color: #353535; background-color: #353535;
} }
@ -90,7 +128,7 @@ body {
} }
.stable { .stable {
background-color: #53c213; background-color: #543592;
} }
.torrents { .torrents {

View File

@ -70,9 +70,47 @@ body {
} }
.link:hover { .link:hover {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
animation: pulse 2s infinite;
} }
.pulse {
margin:100px;
display: block;
width: 22px;
height: 22px;
border-radius: 50%;
background: #f00505;
box-shadow: 0 0 0 #f00505;
animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #f00505;
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 #f00505;
box-shadow: 0 0 0 0 #f00505;
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
.github { .github {
background-color: #353535; background-color: #353535;
} }
@ -90,7 +128,7 @@ body {
} }
.stable { .stable {
background-color: #53c213; background-color: #c20100;
} }
.torrents { .torrents {