Didi/Website
1
0
Fork 0
mirror of https://github.com/DidiDidi129/Website.git synced 2026-04-05 12:04:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4 from DidiDidi129/copilot/set-favicon-to-pfp

Browse Source 
Speed up background fade-in animation
This commit is contained in:
Didi
2026-03-30 11:14:05 +10:30
committed by GitHub
parent 617cd45ec9 d5c87d60f4
commit 85049846aa
6 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
404.html
View File

@@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="images/PFP.png" type="image/png">
<title>Redirecting...</title> <title>Redirecting...</title>
<script> <script>
// Get the current path, remove leading slash // Get the current path, remove leading slash

16
assets/css/main.css
View File

@@ -1256,14 +1256,14 @@ input, select, textarea {
} }
#bg:before { #bg:before {
-moz-transition: background-color 2.5s ease-in-out; -moz-transition: background-color 1.0s ease-in-out;
-webkit-transition: background-color 2.5s ease-in-out; -webkit-transition: background-color 1.0s ease-in-out;
-ms-transition: background-color 2.5s ease-in-out; -ms-transition: background-color 1.0s ease-in-out;
transition: background-color 2.5s ease-in-out; transition: background-color 1.0s ease-in-out;
-moz-transition-delay: 0.75s; -moz-transition-delay: 0.25s;
-webkit-transition-delay: 0.75s; -webkit-transition-delay: 0.25s;
-ms-transition-delay: 0.75s; -ms-transition-delay: 0.25s;
transition-delay: 0.75s; transition-delay: 0.25s;
background-image: linear-gradient(to top, rgba(19, 21, 25, 0.5), rgba(19, 21, 25, 0.5)), url("../../images/overlay.png"); background-image: linear-gradient(to top, rgba(19, 21, 25, 0.5), rgba(19, 21, 25, 0.5)), url("../../images/overlay.png");
background-size: auto, background-size: auto,
256px 256px; 256px 256px;

4
assets/sass/libs/_vars.scss
View File

@@ -6,8 +6,8 @@
// Duration. // Duration.
$duration: ( $duration: (
transition: 0.2s, transition: 0.2s,
bg: 2.5s, bg: 1.0s,
intro: 0.75s, intro: 0.25s,
article: 0.325s article: 0.325s
); );

1
index.html
View File

@@ -10,6 +10,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="Didi's website. (I am not affiliated with Diddy, the name is merely coincidental)"> <meta name="description" content="Didi's website. (I am not affiliated with Diddy, the name is merely coincidental)">
<link rel="icon" href="images/PFP.png" type="image/png" />
<link rel="stylesheet" href="assets/css/main.css" /> <link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>

1
japanese.html
View File

@@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="images/PFP.png" type="image/png" />
<title>Hiragana/Katakana Duel Quiz - Jordi & Damola</title> <title>Hiragana/Katakana Duel Quiz - Jordi & Damola</title>
<style> <style>
html, body {margin:0; padding:0; height:100%; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color:#121212; color:#e0e0e0; overflow-y:auto; display:flex; flex-direction:column; align-items:center; scroll-behavior:smooth; user-select:none;} html, body {margin:0; padding:0; height:100%; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color:#121212; color:#e0e0e0; overflow-y:auto; display:flex; flex-direction:column; align-items:center; scroll-behavior:smooth; user-select:none;}

1
pitest.html
View File

@@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/PFP.png" type="image/png">
<title>Learn Pi</title> <title>Learn Pi</title>
<style> <style>
body { body {