This commit is contained in:
parent
962af8e94a
commit
de2b9bb45a
GPG key ID:
A82D63DFF8D1317F
4 changed files with 321 additions and 4 deletions
|
|
@ -2,7 +2,7 @@ use actix_web::{get, web, HttpResponse, Responder};
|
||||||
use cached::proc_macro::once;
|
use cached::proc_macro::once;
|
||||||
use ramhorns::Content;
|
use ramhorns::Content;
|
||||||
|
|
||||||
use crate::{config::Config, template::read_md};
|
use crate::{config::Config, template::Infos};
|
||||||
|
|
||||||
#[get("/web3")]
|
#[get("/web3")]
|
||||||
pub async fn page(config: web::Data<Config>) -> impl Responder {
|
pub async fn page(config: web::Data<Config>) -> impl Responder {
|
||||||
|
|
@ -12,7 +12,13 @@ pub async fn page(config: web::Data<Config>) -> impl Responder {
|
||||||
#[derive(Content)]
|
#[derive(Content)]
|
||||||
struct Web3Template {}
|
struct Web3Template {}
|
||||||
|
|
||||||
#[once(time = 60)]
|
pub fn get_page(config: Config) -> String {
|
||||||
pub fn get_page(_config: Config) -> String {
|
config.tmpl.render(
|
||||||
read_md("[WEB3](https://web3isgoinggreat.com/)").content
|
"web3.html",
|
||||||
|
Web3Template {},
|
||||||
|
Infos {
|
||||||
|
page_title: Some("Mylloon".to_string()),
|
||||||
|
page_desc: Some("Coin reculé de l'internet".to_string()),
|
||||||
|
},
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
47
static/css/web3.css
Normal file
47
static/css/web3.css
Normal file
|
|
@ -0,0 +1,47 @@
|
||||||
|
div.scroll-banner {
|
||||||
|
background-color: black;
|
||||||
|
position: absolute;
|
||||||
|
top: 0.2em;
|
||||||
|
left: 0.1%;
|
||||||
|
width: 99.8%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.scroll-text {
|
||||||
|
text-align: right;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
animation: marquee 13s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.scroll-banner > div.scroll-text > * {
|
||||||
|
color: #ff6161;
|
||||||
|
font-size: 150%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes marquee {
|
||||||
|
from {
|
||||||
|
transform: translateX(55%);
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
transform: translateX(-100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 850px) {
|
||||||
|
/* Mobile display */
|
||||||
|
div.info-text {
|
||||||
|
animation: marquee 9s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes marquee {
|
||||||
|
from {
|
||||||
|
transform: translateX(100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
transform: translateX(-210%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
15
static/js/web3.js
Normal file
15
static/js/web3.js
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
window.addEventListener("load", () => main());
|
||||||
|
|
||||||
|
const main = () => {
|
||||||
|
// Handle change of focus
|
||||||
|
const title = document.title;
|
||||||
|
const blurMessage = "Hey.. come back!";
|
||||||
|
|
||||||
|
window.addEventListener("blur", function () {
|
||||||
|
document.title = blurMessage;
|
||||||
|
});
|
||||||
|
|
||||||
|
window.addEventListener("focus", function () {
|
||||||
|
document.title = title;
|
||||||
|
});
|
||||||
|
};
|
||||||
249
templates/web3.html
Normal file
249
templates/web3.html
Normal file
|
|
@ -0,0 +1,249 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="index" lang="fr">
|
||||||
|
<head dir="ltr">
|
||||||
|
<title>{{page_title}}{{#page_title}} - {{/page_title}}{{app_name}}</title>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<link rel="stylesheet" href="css/web3.css" />
|
||||||
|
<meta name="author" content="Mylloon" />
|
||||||
|
<meta name="description" content="{{page_desc}} " />
|
||||||
|
<base target="_blank" />
|
||||||
|
<link
|
||||||
|
rel="apple-touch-icon"
|
||||||
|
sizes="180x180"
|
||||||
|
href="icons/apple-touch-icon.png"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
sizes="32x32"
|
||||||
|
href="icons/favicon-32x32.png"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
sizes="16x16"
|
||||||
|
href="icons/favicon-16x16.png"
|
||||||
|
/>
|
||||||
|
<link rel="manifest" href="icons/site.webmanifest" />
|
||||||
|
<link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#5bbad5" />
|
||||||
|
<link rel="shortcut icon" href="icons/favicon.ico" />
|
||||||
|
<meta name="msapplication-TileColor" content="#ffffff" />
|
||||||
|
<meta name="msapplication-config" content="icons/browserconfig.xml" />
|
||||||
|
<meta name="theme-color" content="#2a2424" />
|
||||||
|
<meta content="{{page_title}} " property="og:title" />
|
||||||
|
<meta content="{{page_desc}} " property="og:description" />
|
||||||
|
<meta content="icons/apple-touch-icon.png" property="og:image" />
|
||||||
|
<meta content="#43B581" data-react-helmet="true" name="theme-color" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
{{#data}}
|
||||||
|
<header>
|
||||||
|
<div id="scroll-banner">
|
||||||
|
<div id="scroll-text"></div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main></main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="badges">
|
||||||
|
<a href="//en.wikipedia.org/wiki/Template:Smile">
|
||||||
|
<img
|
||||||
|
src="./badges/smile.gif"
|
||||||
|
alt="have a smile!"
|
||||||
|
title="yay be happy"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//prismlauncher.org/">
|
||||||
|
<img
|
||||||
|
src="./badges/minecraft.gif"
|
||||||
|
alt="minecraft"
|
||||||
|
title="definitively a good game!"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//p4bl0.net/post/2022/01/NFT-%3A-encore-plus-d%C3%A9bile">
|
||||||
|
<img
|
||||||
|
src="./badges/antinft.gif"
|
||||||
|
alt="anti-nft site"
|
||||||
|
title="fk you nft bros"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//mylloon.fr">
|
||||||
|
<img
|
||||||
|
src="./badges/sucks.gif"
|
||||||
|
alt="this website sucks"
|
||||||
|
title="but i like it"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//anybrowser.org/campaign/anybrowser_fr.html">
|
||||||
|
<img
|
||||||
|
src="./badges/anybrowser.gif"
|
||||||
|
alt="best viewed with any browser"
|
||||||
|
title="but uninstall brave"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//web3isgoinggreat.com/">
|
||||||
|
<img
|
||||||
|
src="./badges/saynotoweb3.gif"
|
||||||
|
alt="keep the web free, say no to web3"
|
||||||
|
title="fuck /web3"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//www.mozilla.org/fr/firefox/">
|
||||||
|
<img
|
||||||
|
src="./badges/firefox.gif"
|
||||||
|
alt="get firefox"
|
||||||
|
title="use firefox"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//cyber.dabamos.de/88x31/">
|
||||||
|
<img
|
||||||
|
src="./badges/88x31.gif"
|
||||||
|
alt="88x31"
|
||||||
|
title="baaaaaaaaaaaaaaaadges"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<img
|
||||||
|
onclick="javascript:alert('xdddddddddd what are you doin')"
|
||||||
|
src="./badges/noclick.gif"
|
||||||
|
alt="don't click here"
|
||||||
|
title="don't do it"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<a href="//archlinux.org/">
|
||||||
|
<img
|
||||||
|
src="./badges/archlinux.gif"
|
||||||
|
alt="arch linux"
|
||||||
|
title="i use arch btw"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- <a href="Link to future app who have all my accounts indexed"> -->
|
||||||
|
<img
|
||||||
|
src="./badges/gamers.jpg"
|
||||||
|
alt="gamers"
|
||||||
|
title="i am a proud gamer"
|
||||||
|
/>
|
||||||
|
<!-- </a> -->
|
||||||
|
|
||||||
|
<iframe
|
||||||
|
src="//incr.easrng.net/badge?key=mylloon"
|
||||||
|
style="background: url(//incr.easrng.net/bg.gif)"
|
||||||
|
title="increment badge"
|
||||||
|
width="88"
|
||||||
|
height="31"
|
||||||
|
frameborder="0"
|
||||||
|
></iframe>
|
||||||
|
|
||||||
|
<a href="//bitwarden.com/">
|
||||||
|
<img
|
||||||
|
src="./badges/bitwarden.gif"
|
||||||
|
alt="bitwarden"
|
||||||
|
title="use a password manager"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<img
|
||||||
|
src="./badges/banporn.gif"
|
||||||
|
alt="ban porn"
|
||||||
|
title="this is bad fr!!"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<img
|
||||||
|
onclick="javascript:alert('jtm <3')"
|
||||||
|
src="./badges/cliquer.gif"
|
||||||
|
alt="cliquer ici"
|
||||||
|
title="do it"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<a href="//www.counter-strike.net/cs2">
|
||||||
|
<img
|
||||||
|
src="./badges/csplayer.gif"
|
||||||
|
alt="counter strike player"
|
||||||
|
title="yes i am"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//www.openmediavault.org/">
|
||||||
|
<img
|
||||||
|
src="./badges/debian-powered.gif"
|
||||||
|
alt="debian powered"
|
||||||
|
title="this website is hosted on debian"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//discord.gg/Z5ePxH4">
|
||||||
|
<img
|
||||||
|
src="./badges/discord.gif"
|
||||||
|
alt="tired of skype? just get discord"
|
||||||
|
title="i have a discord server"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<img
|
||||||
|
src="./badges/enhancedhtml.gif"
|
||||||
|
alt="enhanced html"
|
||||||
|
title="wow this html page is cool"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<a href="//piaille.fr/@mylloon">
|
||||||
|
<img
|
||||||
|
src="./badges/mastodon.gif"
|
||||||
|
alt="mastodon"
|
||||||
|
title="follow my mastodon account"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//open.spotify.com/user/mylloon">
|
||||||
|
<img
|
||||||
|
src="./badges/spotify.gif"
|
||||||
|
alt="spotify"
|
||||||
|
title="i use spotify, sorry"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//www.mylloon.fr/web3">
|
||||||
|
<img
|
||||||
|
src="./badges/sendit.gif"
|
||||||
|
alt="send it to a friend!"
|
||||||
|
title="pls share my website"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//git.mylloon.fr/Anri/csh">
|
||||||
|
<img
|
||||||
|
src="./badges/videogamescheat.gif"
|
||||||
|
alt="video game cheats"
|
||||||
|
title="have wrote only one cheat"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="//twitter.com/Mylloon">
|
||||||
|
<img
|
||||||
|
src="./badges/twitter.gif"
|
||||||
|
alt="twitter"
|
||||||
|
title="fk you elon musk"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
<p>
|
||||||
|
<a href="//fediring.net/previous?host=mylloon.fr/web3">←</a>
|
||||||
|
<a href="//fediring.net/">Fediring</a>
|
||||||
|
<a href="//fediring.net/next?host=mylloon.fr/web3">→</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
<script src="js/web3.js"></script>
|
||||||
|
{{/data}}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue