xevion/v2.xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/v2.xevion.dev.git synced 2025-12-11 04:09:03 -06:00
Code Issues Packages Projects Releases Wiki Activity

Colorize the commit ID text on hover

Browse Source 
It's fun to add little secrets to my website.
This commit is contained in:
Xevion
2022-04-10 22:09:11 -05:00
parent 31db954eaf
commit 7ccb1eb7ab
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
_layouts/default.html
View File

@@ -54,6 +54,20 @@ layout: compress
</style> </style>
<!-- Prevent FireFox from displaying FOUC with fake script tag. --> <!-- Prevent FireFox from displaying FOUC with fake script tag. -->
<script>0</script> <script>0</script>
{% if page.layout == "posts" %}
<script>
window.onload = () => {
let commit = document.querySelector("#commit-id > a");
let colorCode = commit.innerHTML.trim().substring(1, 7);
commit.addEventListener('mouseover', function handler() {
commit.style.color = `#${colorCode}`;
})
commit.addEventListener('mouseout', function handler() {
commit.style.color = '';
})
}
</script>
{% endif %}
</head> </head>
<body> <body>
<header>Ryan Walters</header> <header>Ryan Walters</header>