b12f/mezza.biz
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

money

Browse source
This commit is contained in:
Benjamin Bädorf 2023-02-25 21:10:26 +01:00
parent 81f8252751
commit 06844fb945
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
5 changed files with 57 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
_includes/Head.tsx
View file

@ -8,12 +8,10 @@ export default ({
cacheBust, cacheBust,
}) => <head> }) => <head>
<meta charSet="utf-8" /> <meta charSet="utf-8" />
<title>{ titleFilter(title) }</title> <title>mezza.biz</title>
<link rel="shortcut icon" href="/assets/pub.solar.svg" />
<meta name="theme-color" content="{{ theme.color }}" id="theme-color" /> <meta name="theme-color" content="{{ theme.color }}" id="theme-color" />
<meta name="description" content="You should have control of your data! We host Matrix, Nextcloud, and Mastodon for you to use." /> <meta name="description" content="Invest today" />
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0" /> <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0" />

3
_includes/layouts/homepage.tsx
View file

@ -29,7 +29,7 @@ export default ({
muted="true" muted="true"
></video> ></video>
<div id="charts"></div> <div id="charts"></div>
<div id="mezza">$$$ mezza $$$</div> <div id="mezza">mezza</div>
<marquee <marquee
id="ad" id="ad"
scrolldelay="60" scrolldelay="60"
@ -40,6 +40,7 @@ export default ({
Biggest profits! Biggest profits!
Stay invested! Stay invested!
</marquee> </marquee>
<div class="money"></div>
</body> </body>
</html> </html>
</>; </>;

49
_includes/styles/style.scss
View file

@ -43,7 +43,7 @@ body {
} }
50% { 50% {
text-shadow: 0px 0px 1rem gold; text-shadow: 0px 0px 0.5rem gold;
} }
100% { 100% {
@ -52,13 +52,17 @@ body {
} }
@keyframes scale { @keyframes scale {
from { 0% {
transform: scale(1); transform: scale(1);
} }
to { 50% {
transform: scale(2); transform: scale(2);
} }
100% {
transform: scale(1);
}
} }
#mezza { #mezza {
@ -67,12 +71,12 @@ body {
font-size: 15vh; font-size: 15vh;
display: flex; display: flex;
top: 30vh; top: 30vh;
left: 2vw; left: 10vw;
color: gold; color: gold;
text-shadow: 0px 0px 0.75rem gold; text-shadow: 0px 0px 0.75rem gold;
animation-name: scale; animation-name: scale;
animation-duration: 1s; animation-duration: 1s;
animation-timing-function: linear; animation-timing-function: ease;
animation-iteration-count: infinite; animation-iteration-count: infinite;
} }
@ -83,9 +87,42 @@ body {
right: 0; right: 0;
color: gold; color: gold;
font-size: 5vh; font-size: 5vh;
text-shadow: 0px 0px 0.75rem gold; text-shadow: 0px 0px 0.5rem gold;
animation-name: bling; animation-name: bling;
animation-duration: 1s; animation-duration: 1s;
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
} }
@keyframes rotate {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
}
.money {
position: fixed;
z-index: 1;
color: gold;
font-size: 5vh;
text-shadow: 0px 0px 0.75rem gold;
animation-name: rotate;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
&::before {
display: block;
content: '$';
}
}
@for $i from 1 through 500 {
.money:nth-child(#{$i}) {
font-size: 10vh * $i / 500;
}
}

1
filters.ts
View file

@ -28,4 +28,3 @@ const mdIt = new MarkdownIt({
export const md = (string) => mdIt.render(string); export const md = (string) => mdIt.render(string);
export const title = (value = '') => value + (value ? " | " : "") + "pub.solar";

11
scripts/money.mjs
View file

@ -142,7 +142,7 @@ const initialPoint = {
volume: 21899500, volume: 21899500,
}; };
const baseArray = new Array(50) const baseArray = new Array(200)
.fill(null) .fill(null)
.reduce((list, _, i) => [ .reduce((list, _, i) => [
...list, ...list,
@ -172,6 +172,15 @@ const createChart = () => {
createChart(); createChart();
setInterval(() => { setInterval(() => {
baseArray.shift();
baseArray.push(getNewDataPoint(baseArray[baseArray.length - 1])); baseArray.push(getNewDataPoint(baseArray[baseArray.length - 1]));
createChart(); createChart();
}, 500); }, 500);
const money = document.querySelector('.money');
for(let i = 0; i < 200; i++) {
const newMoney = money.cloneNode();
newMoney.style.top = `${window.innerHeight * Math.random()}px`;
newMoney.style.left = `${window.innerWidth * Math.random()}px`;
document.body.appendChild(newMoney);
}