mirror of
https://github.com/amark/gun.git
synced 2025-05-19 13:26:48 +00:00
087704ec6b
* tmp for hn issue * log top to stats * test for guntest peer * try big messages * parse time? * what bin/node is 11ms? * be normal for hnoon * tolerate 0.5s * try 3s for hnoon? * stop empty gets * tmp for guntest * back to normal * check hash time * back to normal in hear * screen / upload / play / pause * merge latest npm release into manhattan * merge master 0.2020.421 into manhattan manually * WIP * manually merge from master * gatling * Update upload.html * work in progress... * yson panic chat basic * after `.put(` walk * restructure acks * messy but 2 units passing! * put recursive once on map * basics * have NTS use DAM + fix other utils * Rewrote nts * Allow passing test cli args. Before, no CLI args would be passed when running `npm test`. Keeping the `mocha` at the end of the test script allows passing CLI args to Mocha. * put back scan & once tweak * PANIC user paste OK * manhattan sea * stub out nts for now * AXE tweak * tweak for quick first prod testing * tweak for first in-prod testing * tweak * tweak * sketchy in-prod debug attempt * caught it? maybe? now restore * Create download-log.html * stub out yson test prod? * ugh, gotta see what is going on * move dl * gonna stop doing commit messages for in-prod test/tweaks/debugging * a * p * squelch * console stats * stats * stop travis * restore yson * ahhh no file access without sudo * mem * no stub * fix axe * bump * back to in-prod testing, isolate/stub out code * stub all out for 17K ? CPU ? test * stub dup gc * ugh main stub * does this stop url format blocking? * re-add dup * no top :( * will this work? * get ack stats? * a map chain may ask for data not a root soul chain * move proper logic into .get( * how 2019 compat? * a couple more! * more tests passing! :D :) * even more! SO EXCITING :D * Am I alive? * wow I can't believe it works like this * THANK YOU @rogowski !!!!!! * Create trace.html Adding tracing to debuging. * @rogowski is a super star :) :) :) * Update trace.js Change `Gun.logs` to `Gun.traces` and `Gun._log` to `Gun._trace`. * Update trace.html Change `Gun.logs` to `Gun.traces` and `Gun._log` to `Gun._trace`. Overload get,put,on,map * @rogowski approved of these trace changes :) * Update trace.html More decoupled. * Update trace.js More decoupled * 2 steps backwards, 1 step forward? * back where we ( @rogowski ) started :P * YAYAYAYAYAYAYAY past where we started at! * safer to have it here * slight tweak? Let's see how long it lasts. * merge checks we left out during consolidation * ugly common.js for @rogowski * slightly better * amazing map discovery + don't clear on not found if data exists * onto next test... * all caught up!!! Now update tests from graphify to statedisk * Update common.js Tests updated from graphify to statedisk. * easy to debug & fix thanks to @rogowski 's test upgrades & trace! * hmm, IDK if we should support this anymore? * support once chaining? * check if listener order is earlier than write * in-process message passing needs to clean itself of flags for now * ack to chains that can't be reached * call sub chains on clear/empty WIP * call sub chains clear/empty OK! * into unlink. Clean/refactor later. * oh that was nice * self check not needed? * test was poorly constructed? * refactor unlink to cleaner logic * Will you blame me for this? Special case, maybe later move to cleaner place? * use stun's run id instead. * cleaner unlink logic * better map, link, and unlink logic. * unstub relay * refactor unlink * invert * if prev value would have caused unlink, do not unlink again. * w000h00! Best unlink so far. * woops, fix unlinking nested * unsubscribe nested maps (working, tho possible perf regression? check) * put check soul * add default uuid * improved browser peer retry logic, let devices sleep, etc. * Chaining API unit tests passing! * merge new panic tests into here to test * add panic utils * fix long streaming timeout/expiry issue, update examples * yield generating test data * yeah, adapter errors (like out of storage) should not affect sync/networking logic, that was a bad experiment * git glitch? * some mid debugging fixes but maybe scary changes, hopefully safe to revert here except dub * SEA unit tests passing!!! Needed quite a few fixes on async write queue stuff. * optionally make auth async * revise/correct set * Fix reverse boundary check * Add extra tests, catch bad guy, obliterate bug. * chat app with emoji examples * handle empty string keyed objects * starting lex support * tweak for lex * woops! lexical alphabetical oopsies. That was bad. * upload either way * debug * start * fix * fix * clean + feature * update dependencies in package.json (#1086) * rad lex once map once * axe polyfill for now * oops log * oops maybe without this it crashed the peer * what on earth happened to my browser/OS? "unplug & plug it back in" restart seemed to fix it. * oh, don't memory leak req/res asks. :/ duh! * no accidental #soul."" * ugh, still have to sort :(, really should polyfill weakmap then * oops, pluck needs new object to go into * oops, make sure soul is passed * updating deprecated functions * begin AXE. Next: load balance! * Update sea.js * keys are dangerous! * AXE round robin load balance * better ash hash checking * lS reuse in-mem reply chunking * state machine!!! * RAD needs to pass cache misses. * updating deprecated functions (#1088) * update dependencies in package.json * updating deprecated functions * remove where.gundb.io * Bring SEA.certify into manhattan branch (#1092) Co-authored-by: Radu Cioienaru <radu@projectmanager.com> * fix rad, make get() hookable * rad browser tests seem to be passing! * reverse user random side, add err, update styles, + more * fix pack/max, update dom * paste! * of course it'll dedup cause it just called track on hear, fix * 📦 Adding the hub feature to this branch & improvements. (#1102) * 📦 Adding the hub feature to this branch. * 🗑 Removed the container for speed improvement ! * 📝 I added some comments to the code. Co-authored-by: Hector <fairfairytotor@gmail.com> Co-authored-by: Hector <pro.hector.kub@gmail.com> * Update axe.js * 🦅 Wrap everything in a try & catch for error handling… (#1105) * 🦅 Wrap everything in a try & catch for error handling & speed improvement. * 📦 Finally here : opt.file for the hub feature ! * 📦 Finally here : opt.file for the hub feature ! And also : fixed indentation 😋 Co-authored-by: noctisatrae <pro.hector.kub@gmail.com> * probs better this way, safer * moved test/axe tests to test/panic/axe. * New test: axe load balance. * axe test: webrtc data balance(fix paths and file renamed). * test axe: renaming webrtc file. * axe test: separating webrtc test for data_balance. * axe test: test only with the relay(without webrtc). * Update sea.js Same as https://github.com/amark/gun/pull/1062 * Update gun.js var tmp * Update upload.js * merge, update stun * SEA.certify wire logic + unit tests (#1110) * SEA.certify wire logic + unit tests * picking white hair * ack err * axe tests using puppeteer. * change stun system * ~20lines * put use parent soul link if need * handle errors * finally seems fixed * cb not to * relay * nasty bug! Don't crash, tho need to find what causes it * undo local changes/notes to self * deprecation warnings * "old" data to test against * oops, forgot I played with ascii * debug * in-prod check: sites * in-prod isolate * gotta find this, by stubbing out * where? * will this work? * clearly not, lol what's the point then? maybe like this * and again * must we? * USE THIS MANHATTAN VERSION * clean * better panic hints Co-authored-by: Robin Bron <finwo@pm.me> Co-authored-by: Pavel Diatchenko <diatche@users.noreply.github.com> Co-authored-by: rogowski <163828+rogowski@users.noreply.github.com> Co-authored-by: I001962 <i001962@gmail.com> Co-authored-by: Adriano Rogowski <rogowski.adriano@gmail.com> Co-authored-by: Radu <cetatuie@gmail.com> Co-authored-by: Radu Cioienaru <radu@projectmanager.com> Co-authored-by: Hector <46224745+noctisatrae@users.noreply.github.com> Co-authored-by: Hector <fairfairytotor@gmail.com> Co-authored-by: Hector <pro.hector.kub@gmail.com> Co-authored-by: Martti Malmi <sirius@iki.fi> Co-authored-by: mimiza <dev@mimiza.com>
439 lines
13 KiB
HTML
439 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!-- always start with these two lines to set a clean baseline for different devices -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="../style.css">
|
|
<!-- link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/gun/examples/style.css" -->
|
|
<script src="https://cdn.jsdelivr.net/npm/gun/examples/jquery.js"></script>
|
|
|
|
<title>Furball</title>
|
|
</head>
|
|
<body class="black whitet">
|
|
<style>
|
|
/*
|
|
Choose white text on a black background so you can add color in.
|
|
Pick your favorite font and choose a font size.
|
|
*/
|
|
@import url('https://fonts.googleapis.com/css?family=Mali');
|
|
html, body {
|
|
font-family: "Mali", sans-serif;
|
|
}
|
|
|
|
.huef {
|
|
background: #4D79D8;
|
|
-webkit-animation: huef 9s infinite;
|
|
animation: huef 9s infinite;
|
|
} @keyframes huef {
|
|
0% {background-color: #4D79D8;}
|
|
25% {background-color: #33cc33;}
|
|
50% {background-color: #f2b919;}
|
|
75% {background-color: #ea3224;}
|
|
100% {background-color: #4D79D8;}
|
|
} @-webkit-keyframes huef {
|
|
0% {background-color: #4D79D8;}
|
|
25% {background-color: #33cc33;}
|
|
50% {background-color: #f2b919;}
|
|
75% {background-color: #ea3224;}
|
|
100% {background-color: #4D79D8;}
|
|
}
|
|
|
|
button, input {
|
|
padding: 1em;
|
|
background: transparent;
|
|
border: 1px solid white;
|
|
border-radius: 1.5em;
|
|
color: white;
|
|
margin: 0.5em;
|
|
margin-bottom: 0;
|
|
cursor: pointer;
|
|
}
|
|
button:hover, input:hover {
|
|
background: white;
|
|
color: black;
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.air { padding-top: 9%; }
|
|
.yak button { font-size: 80%; }
|
|
|
|
.wag {
|
|
-webkit-animation: wag 3s infinite;
|
|
animation: wag 3s infinite;
|
|
} @keyframes wag {
|
|
0% {transform: rotate(0deg);}
|
|
50% {transform: rotate(-1deg);}
|
|
100% {transform: rotate(0deg);}
|
|
}
|
|
|
|
@keyframes print {
|
|
0% { overflow: hidden; height: 0vh; }
|
|
99% { overflow: hidden; height: 100vh; }
|
|
100% { overflow: visible; height: auto; }
|
|
}
|
|
input {
|
|
outline: none;
|
|
}
|
|
</style>
|
|
</style>
|
|
|
|
<!-- for educational sites, consider starting with a nice full screen welcome message -->
|
|
<div class="home hold full huef center air">
|
|
<div class="focus row">
|
|
<p><i>Neon ERA presents</i></p>
|
|
<p class="shout wag">Furball Forces</p>
|
|
<!-- just like in real life, say who you are and give a concise reason why you add value to someone's life and then make a call to action, if they want to learn more they can always scroll to learn more -->
|
|
<div>
|
|
<!-- a class="unit hold" href="#fullscreen"><button>WATCH TRAILER</button></a -->
|
|
<a class="unit yak" href="#choose"><button>PLAY GAME</button></a>
|
|
</div>
|
|
</div>
|
|
<div class="focus center row leak">
|
|
<!-- just like in real life, looking pretty attracts attention, so show off and look glamorous! -->
|
|
<img class="unit blink" src="file:///Users/mark/Pictures/supercatdog.png" style="min-width: 10em; width: 80%;">
|
|
</div>
|
|
<script>location.hash = ''</script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gun/lib/fun.js"></script>
|
|
<script>;(function(){
|
|
// OPTIONAL MUSIC:
|
|
$('.home button').on('click', function(){
|
|
if(window.screen.height > window.screen.width){ return }
|
|
$('body').append("<div id='audio' onclick='$(this).remove();'><iframe width='0' height='0' src='https://www.youtube-nocookie.com/embed/LLPoZGX0qZk?autoplay=1' frameborder='0'></iframe></div>");
|
|
})
|
|
}());
|
|
</script>
|
|
<style>#audio { padding: 0.5em; position: fixed; bottom: 0; left: 0; } #audio:before { content: '\25BA'; } #audio:hover:before { content: '\25FC'; }</style>
|
|
</div>
|
|
|
|
<div id="choose" class="hold full hue4 center air">
|
|
<div class="focus row">
|
|
<p class="shout wag fur">Choose Team:</p>
|
|
<div>
|
|
<a class="unit yak" href="#automecha"><button style="background: white; color: black;">#AutoMecha</button></a>
|
|
<a class="unit yak" href="#cyberninjas"><button style="background: black; color: white; border-color: black;">#CyberNinjas</button></a>
|
|
</div>
|
|
</div>
|
|
<div class="focus center row leak">
|
|
<img class="unit blink" src="file:///Users/mark/Pictures/supercatdog.png" style="transform: scaleX(-1); filter: invert(1); min-width: 10em; width: 80%;">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="cyberninjas" class="hold full black">
|
|
<style>
|
|
#cyberninjas:target .story {
|
|
animation: print 3s steps(50, end);
|
|
}
|
|
</style>
|
|
<div class="story pad">
|
|
<p class="loud crack">Episode 1: Waking</p>
|
|
<p>"How long until they're online?"</p>
|
|
<p>"We're copying the soul files, almost done."</p>
|
|
<p>"Monsters are on the bridge, we do not have time!"</p>
|
|
<p>"The new body is printing now, it'll be able to outrun them all, just hold on."</p>
|
|
<p>"It won't know where to run! We're risking ruining the whole resistance, I need to talk to it now."</p>
|
|
<p>"95% done." The voice behind the glass turns to the soul in the body, "My cub, can you hear me?"</p>
|
|
<p>...</p>
|
|
<a class="unit yak" href="#cyberninjas2"><button>Reply "Yes, Mom?"</button></a>
|
|
</div>
|
|
<script>
|
|
;(function(){
|
|
$('#cyberninjas a').on('click', function(){
|
|
$('#hud .life').removeClass('down');
|
|
});
|
|
}());
|
|
</script>
|
|
</div>
|
|
|
|
<div id="cyberninjas2" class="hold full red">
|
|
<style>
|
|
#cyberninjas2:target .story {
|
|
animation: print 3s steps(50, end);
|
|
}
|
|
|
|
#hud {
|
|
opacity: 0.4;
|
|
font-family: 'Audiowide', cursive;
|
|
z-index: 999999999999;
|
|
transition: all 3s;
|
|
}
|
|
#hud .life {
|
|
position: fixed;
|
|
left: 50%;
|
|
bottom: 0px;
|
|
padding: 0.25em 1em 0.1em;
|
|
border-radius: 0.5em 0.5em 0 0;
|
|
transform: translateX(-50%);
|
|
background: black;
|
|
text-shadow: 0em -0.125em 0.75em white;
|
|
}
|
|
#hud .score {
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 0px;
|
|
padding: 0.1em 1em 0.25em;
|
|
border-radius: 0 0 0.5em 0.5em;
|
|
transform: translateX(-50%);
|
|
background: black;
|
|
text-shadow: 0em 0.1em 0.75em white;
|
|
}
|
|
#hud .down {
|
|
bottom: -2em !important;
|
|
}
|
|
#hud .up {
|
|
top: -2em !important;
|
|
}
|
|
</style>
|
|
<div id="hud">
|
|
<div class="score shade up">
|
|
SCORE: <span id="hudscore">0</span>%
|
|
</div>
|
|
<div class="life shade down">
|
|
LIFE: <span id="hudlife">50</span>%
|
|
</div>
|
|
</div>
|
|
<div class="story pad">
|
|
<p>A fire explodes in the room behind the glass as an AutoMecha blows the door open.</p>
|
|
<p>The floor shakes and the bed crashes through the wall, flying out of the building.</p>
|
|
<p class="center">"Mom!!!"</p>
|
|
<p>There is a total free fall from 10 levels up, water down below.</p>
|
|
<p>...</p>
|
|
<a class="unit yak" href="#cyberninjas3"><button>Dive or Die</button></a>
|
|
</div>
|
|
<script>
|
|
;(function(){
|
|
$('#cyberninjas2 a').on('click', function(){
|
|
$('#hudlife').text($('#hudlife').data().is = 50);
|
|
});
|
|
}());
|
|
</script>
|
|
</div>
|
|
|
|
<div id="cyberninjas3" class="hold full blue">
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css?family=Audiowide');
|
|
|
|
#cyberninjas3:target .story {
|
|
animation: print 3s steps(50, end);
|
|
}
|
|
</style>
|
|
<div class="story pad">
|
|
<p>The water splashes, swelling and swirling all around.</p>
|
|
<p>...</p>
|
|
<p class="center">Rapidly tap to swim up to air:</p>
|
|
<a class="unit yak"><button>Swim</button></a>
|
|
</div>
|
|
<script>
|
|
;(function(){
|
|
var go, life = $('#hudlife').data();
|
|
$('#cyberninjas3 a').on('click', function(){
|
|
$('#hudlife').text(life.is += 5);
|
|
if(100 <= life.is){
|
|
location.hash = 'cyberninjas4';
|
|
clearInterval(go);
|
|
go = false;
|
|
return;
|
|
}
|
|
if(go){ return }
|
|
go = setInterval(function(){
|
|
if(0 >= life.is){
|
|
location.hash = 'cyberninjas2';
|
|
$('#hudlife').text(life.is = 50);
|
|
clearInterval(go);
|
|
go = false;
|
|
return;
|
|
}
|
|
$('#hudlife').text(life.is -= 5);
|
|
}, 1000); // 1 second
|
|
});
|
|
}());
|
|
</script>
|
|
</div>
|
|
|
|
<div id="cyberninjas4" class="hold full black">
|
|
<style>
|
|
#cyberninjas4:target .story {
|
|
animation: print 3s steps(50, end);
|
|
}
|
|
</style>
|
|
<div class="story pad">
|
|
<p class="loud crack">Episode 2: Who Am I?</p>
|
|
<p>"Grab on!" A voice calls out from the darkness.</p>
|
|
<p>A life vest hits the water and floats within arm's distance.</p>
|
|
<p>The shivering body is pulled up onto the boat.</p>
|
|
<p>"Wow, you're heavier than you look. Are you OK? What's your name?"</p>
|
|
<p>...</p>
|
|
<p class="center">Write your reply & hit enter:</p>
|
|
<form class="center">
|
|
<input class="loud" style="width: 60%;">
|
|
</form>
|
|
</div>
|
|
<script>
|
|
;(function(){
|
|
$('form').on('submit', function(eve){ eve.preventDefault() });
|
|
$('#cyberninjas4').on('submit', function(){
|
|
var name = $(this).find('input').val();
|
|
if(!name.length){ return }
|
|
$('.story-name').text(' '+(window.NAME = name));
|
|
$('#hud .score').removeClass('up');
|
|
location.hash = 'cyberninjas5';
|
|
})
|
|
}());
|
|
</script>
|
|
</div>
|
|
|
|
<div id="cyberninjas5" class="hold full green">
|
|
<style>
|
|
#cyberninjas5:target .story {
|
|
animation: print 3s steps(50, end);
|
|
}
|
|
</style>
|
|
<div class="story pad">
|
|
<p>"Well<span class="story-name"></span>, it's a miracle you did not die in the building explosion or from that fall."</p>
|
|
<p>"What is going on? What happened?"</p>
|
|
<p>"You can't remember? Your brain must be knocked up pretty hard."</p>
|
|
<p>"No, I was mid copy into this body and now my memories are glitching."</p>
|
|
<p>"Woah, you're one of those pro elite AREION revolutionaries? All flesh & blood! Dense, too. I would've assumed they were stealing AutoMecha tech for that instead."</p>
|
|
<p>"I was about to be told vital data for the resistance, but then they blew up the build--"</p>
|
|
<p>...</p>
|
|
<p>"Hey, what's the matter?"</p>
|
|
<p>"My mom. She was in there. I need to go back. Please, help me and tell me everything you know."</p>
|
|
<p>"I'm so sorry. I can only get so close with the boat, you're gonna have to jump over a lot of broken bits. You ready?"</p>
|
|
<p>...</p>
|
|
<a class="unit yak" href="#cyberninjas6"><button>GO!</button></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="cyberninjas6" class="hold full green">
|
|
<style>
|
|
#cyberninjas6:target .story {
|
|
animation: print 3s steps(50, end);
|
|
}
|
|
</style>
|
|
<div class="story pad">
|
|
<p class="center">... to be continued ...</p>
|
|
<div id="player" style="position: fixed; width: 1em; height: 1em; background: white; left: 50%; top: 50%; border-radius: 100%;"></div>
|
|
<!-- jumping game ? like offline dinosaur ? -->
|
|
</div>
|
|
<script src="../../../gun/lib/meta.js"></script>
|
|
<script>
|
|
;(function(){
|
|
var p = $('#player');
|
|
p.x = 50;
|
|
p.y = 50;
|
|
meta.edit({
|
|
name: "Up",
|
|
combo: ["W"],
|
|
on: function(){
|
|
console.log("up");
|
|
this.to = this.to || setInterval(this.on, 100);
|
|
$("html, body").stop().animate({ scrollTop: $(window).scrollTop()-100 }, 100);
|
|
p.css({top: --p.y +'%'});
|
|
},
|
|
use: function(){},
|
|
up: function(){ clearTimeout(this.to); this.to = 0 }
|
|
});
|
|
meta.edit({
|
|
name: "Left",
|
|
combo: ["A"],
|
|
on: function(){
|
|
console.log("left");
|
|
this.to = this.to || setInterval(this.on, 100);
|
|
p.css({left: --p.x +'%'});
|
|
},
|
|
use: function(){},
|
|
up: function(){ clearTimeout(this.to); this.to = 0 }
|
|
});
|
|
meta.edit({
|
|
name: "Down",
|
|
combo: ["S"],
|
|
on: function on(){
|
|
console.log("down");
|
|
this.to = this.to || setInterval(this.on, 100);
|
|
$("html, body").stop().animate({ scrollTop: $(window).scrollTop()+100 }, 100);
|
|
p.css({top: ++p.y +'%'});
|
|
},
|
|
use: function(){},
|
|
up: function(){ clearTimeout(this.to); this.to = 0 }
|
|
});
|
|
meta.edit({
|
|
name: "Right",
|
|
combo: ["D"],
|
|
on: function(){
|
|
console.log("right");
|
|
this.to = this.to || setInterval(this.on, 100);
|
|
p.css({left: ++p.x +'%'});
|
|
},
|
|
use: function(){},
|
|
up: function(){ clearTimeout(this.to); this.to = 0 }
|
|
});
|
|
meta.edit({
|
|
name: "Jump",
|
|
combo: [32],
|
|
on: function(){ console.log("jump") },
|
|
use: function(){},
|
|
up: function(){}
|
|
});
|
|
meta.edit({
|
|
name: "Crouch",
|
|
combo: [16],
|
|
on: function(){ console.log("crouch") },
|
|
use: function(){},
|
|
up: function(){}
|
|
});
|
|
meta.edit({
|
|
name: "Use",
|
|
combo: ["E"],
|
|
on: function(){ console.log("use") },
|
|
use: function(){},
|
|
up: function(){}
|
|
});
|
|
meta.edit({
|
|
name: "Fire",
|
|
combo: ["F"],
|
|
on: function(){ console.log("fire") },
|
|
use: function(){},
|
|
up: function(){}
|
|
});
|
|
meta.edit({
|
|
name: "Switch",
|
|
combo: [9],
|
|
on: function(){ console.log("Switch") },
|
|
use: function(){},
|
|
up: function(){}
|
|
});
|
|
window.requestAnimationFrame = window.requestAnimationFrame || setTimeout;
|
|
window.requestAnimationFrame(function frame(){
|
|
window.requestAnimationFrame(frame, 16);
|
|
|
|
}, 16);
|
|
}());
|
|
</script>
|
|
</div>
|
|
|
|
<div id="automecha" class="hold full white blackt">
|
|
<style>
|
|
#automecha:target .story {
|
|
animation: print 3s steps(50, end);
|
|
}
|
|
</style>
|
|
<div class="story pad">
|
|
<p class="loud crack">Episode 1: Training</p>
|
|
<p>...</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="hold black center">
|
|
<div class="pad">
|
|
<div class="left">
|
|
<p class="loud">For <i>You</i>,</p>
|
|
<p>Crafted with love, <span class="redt">♥</span> by ERA.</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<img src="https://era.eco/media/world.png" class="row">
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |