forked from seth/ipv4.army
blah blah
This commit is contained in:
parent
ed89311c3f
commit
56518ea879
10 changed files with 174 additions and 98 deletions
|
@ -1,18 +1,29 @@
|
|||
import Hyperate from "./utilities/sockets/Hyperate";
|
||||
import Lanyard from "./utilities/sockets/Lanyard";
|
||||
|
||||
import { PurgeCSS } from "purgecss";
|
||||
|
||||
const development = process.env.NODE_ENV === "development";
|
||||
|
||||
const build = async () => {
|
||||
return await Bun.build({
|
||||
await Bun.build({
|
||||
entrypoints: ["./src/front/index.html"],
|
||||
outdir: "./dist",
|
||||
minify: true,
|
||||
sourcemap: "linked",
|
||||
splitting: true,
|
||||
env: "inline",
|
||||
sourcemap: "linked",
|
||||
minify: true,
|
||||
publicPath: "/assets/",
|
||||
drop: (development ? [] : ["console", "debugger"]),
|
||||
});
|
||||
|
||||
const result = await new PurgeCSS().purge({
|
||||
content: ["dist/*.html", "dist/*.js"],
|
||||
css: ["dist/*.css"],
|
||||
});
|
||||
|
||||
for (const file of result) {
|
||||
await Bun.write(file.file || "", file.css);
|
||||
}
|
||||
};
|
||||
|
||||
const respOptions = {
|
||||
|
|
27
src/front/components/Hyperate/index.module.css
Normal file
27
src/front/components/Hyperate/index.module.css
Normal 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);
|
||||
}
|
||||
}
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
|
@ -17,7 +17,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<script src="index.tsx" type="module"></script>
|
||||
<script src="./index.tsx" type="module"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -3,10 +3,6 @@ import { file, gc, serve } from "bun";
|
|||
import pkg from "../package.json";
|
||||
import Backend from "./back";
|
||||
|
||||
if (!Backend.development) {
|
||||
process.env.NODE_ENV = "PRODUCTION";
|
||||
}
|
||||
|
||||
let heartrate = 0;
|
||||
let lanyard: LanyardData = {
|
||||
discord_status: "online",
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue