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,
}) => <head>
<meta charSet="utf-8" />
<title>{ titleFilter(title) }</title>
<link rel="shortcut icon" href="/assets/pub.solar.svg" />
<title>mezza.biz</title>
<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" />

3
_includes/layouts/homepage.tsx
View file

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

49
_includes/styles/style.scss
View file

@ -43,7 +43,7 @@ body {
}
50% {
text-shadow: 0px 0px 1rem gold;
text-shadow: 0px 0px 0.5rem gold;
}
100% {
@ -52,13 +52,17 @@ body {
}
@keyframes scale {
from {
0% {
transform: scale(1);
}
to {
50% {
transform: scale(2);
}
100% {
transform: scale(1);
}
}
#mezza {
@ -67,12 +71,12 @@ body {
font-size: 15vh;
display: flex;
top: 30vh;
left: 2vw;
left: 10vw;
color: gold;
text-shadow: 0px 0px 0.75rem gold;
animation-name: scale;
animation-duration: 1s;
animation-timing-function: linear;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
@ -83,9 +87,42 @@ body {
right: 0;
color: gold;
font-size: 5vh;
text-shadow: 0px 0px 0.75rem gold;
text-shadow: 0px 0px 0.5rem gold;
animation-name: bling;
animation-duration: 1s;
animation-timing-function: linear;
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 title = (value = '') => value + (value ? " | " : "") + "pub.solar";

11
scripts/money.mjs
View file

@ -142,7 +142,7 @@ const initialPoint = {
volume: 21899500,
};
const baseArray = new Array(50)
const baseArray = new Array(200)
.fill(null)
.reduce((list, _, i) => [
...list,
@ -172,6 +172,15 @@ const createChart = () => {
createChart();
setInterval(() => {
baseArray.shift();
baseArray.push(getNewDataPoint(baseArray[baseArray.length - 1]));
createChart();
}, 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);
}