File tree Expand file tree Collapse file tree 4 files changed +51
-4
lines changed
Expand file tree Collapse file tree 4 files changed +51
-4
lines changed Original file line number Diff line number Diff line change 11/// <reference types="astro/client" />
2- /// <reference path="content.d.ts" />
32/// <reference path="env.d.ts" />
Original file line number Diff line number Diff line change 76627662 ]
76637663 }
76647664 ],
7665- "TimeStamp" : 1738935526976
7665+ "TimeStamp" : 1738941109493
76667666 }
76677667}
Original file line number Diff line number Diff line change 11---
2+ import " @Function/Commit/Stylesheet.css" ;
23import " datatables.net-dt/css/dataTables.dataTables.css" ;
34
45const { user, repo } = Astro .props ;
@@ -101,11 +102,11 @@ const UUID = (await import("@Function/UUID/Fn.js")).default();
101102 Data,
102103 _Type,
103104 Row,
104- ) => `<a class="font-medium text-amber-950 hover:underline " \
105+ ) => `<a class="font-medium text-amber-950 Pulse " \
105106 href="${Data}" \
106107 rel="noopener noreferrer" \
107108 target="_blank" \
108- >@COMMIT_<span class="tabular-nums uppercase font-Hack">${Row.SHA}</span></a>`,
109+ >@COMMIT_<span class="tabular-nums uppercase font-Hack ">${Row.SHA}</span></a>`,
109110 data: "HREF",
110111 },
111112 {
Original file line number Diff line number Diff line change 1+ .Pulse : hover {
2+ position : relative;
3+ display : inline-block;
4+ color : orange;
5+ animation : TextGlow 2s infinite alternate ease-out;
6+ }
7+
8+ .Pulse : hover ::after {
9+ content : "" ;
10+ position : absolute;
11+ left : 0 ;
12+ bottom : -2px ;
13+ width : 100% ;
14+ height : 2px ;
15+ background : orange;
16+ animation : PulseGlow 2s infinite alternate ease-out;
17+ }
18+
19+ @keyframes PulseGlow {
20+ 0% {
21+ background : orange;
22+ box-shadow : 0 0 5px orange;
23+ }
24+ 50% {
25+ background : yellow;
26+ box-shadow : 0 0 10px yellow;
27+ }
28+ 100% {
29+ background : orange;
30+ box-shadow : 0 0 5px orange;
31+ }
32+ }
33+
34+ @keyframes TextGlow {
35+ 0% {
36+ color : orange;
37+ text-shadow : 0 0 5px orange;
38+ }
39+ 50% {
40+ color : yellow;
41+ text-shadow : 0 0 10px yellow;
42+ }
43+ 100% {
44+ color : orange;
45+ text-shadow : 0 0 5px orange;
46+ }
47+ }
You can’t perform that action at this time.
0 commit comments