creations/ipv4.army
1
0
Fork 0
forked from seth/ipv4.army
Code Pull requests Activity

blah blah

Browse source
This commit is contained in:
Seth 2025-05-18 23:49:25 -04:00
parent ed89311c3f
commit 56518ea879
10 changed files with 174 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/front/components/Hyperate/index.module.css Normal file
View file

@ -0,0 +1,27 @@
.heartbeat {
display: inline-block;
animation: pulse calc(60s / var(--bpm)) infinite ease-in-out;
transform-origin: center;
}
@keyframes pulse {
0% {
transform: scale(1);
}
25% {
transform: scale(1.1);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}

4
src/front/components/Hyperate/index.tsx
View file

@ -2,6 +2,8 @@ import { createRef } from "tsx-dom";
import socket from "../../utilities/socket";
import style from "./index.module.css";
export default () => {
const paragraph = createRef<HTMLParagraphElement>();
@ -22,7 +24,7 @@ export default () => {
});
return (
<div>
<p class="heartbeat" ref={paragraph}>
<p class={style.heartbeat} ref={paragraph}>
❤️ 0 BPM
</p>
</div>

1
src/front/components/NavigationBar/index.tsx
View file

@ -5,7 +5,6 @@ import "mdui/components/button-icon";
import "@mdui/icons/person--outlined";
import "@mdui/icons/person--rounded";
export default () => {
return (
<mdui-navigation-bar value="about">

31
src/front/index.css
View file

@ -1,4 +1,5 @@
/*@import "../../node_modules/@fontsource/roboto/latin-400.css";
/*
@import "../../node_modules/@fontsource/roboto/latin-400.css";
@import "../../node_modules/@fontsource/roboto-mono/latin-400.css";
*/
@import "../../node_modules/mdui/mdui.css";
@ -52,32 +53,4 @@ body {
.shj-syn-str {
color: #4dacfa;
}
.heartbeat {
display: inline-block;
animation: pulse calc(60s / var(--bpm)) infinite ease-in-out;
transform-origin: center;
}
@keyframes pulse {
0% {
transform: scale(1);
}
25% {
transform: scale(1.1);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}

2
src/front/index.html
View file

@ -17,7 +17,7 @@
</head>
<body>
<script src="index.tsx" type="module"></script>
<script src="./index.tsx" type="module"></script>
</body>
</html>