mirror of
https://github.com/amark/gun.git
synced 2026-03-07 01:21:48 +00:00
Merge branch 'master' into feature-multicast
This commit is contained in:
Martti Malmi
@@ -8,6 +8,8 @@
|
||||
# an installer that will automatically do it for you.
|
||||
|
||||
#debian/ubuntu
|
||||
su -
|
||||
apt-get install sudo -y
|
||||
sudo apt-get update -y
|
||||
sudo apt-get install curl git git-core -y
|
||||
#fedora/openSUSE
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<title>Party by Neon ERA</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="./style.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:300italic" rel="stylesheet" type="text/css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Raleway:100" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
|
||||
<style>
|
||||
.write {
|
||||
@@ -69,13 +69,30 @@
|
||||
#hi .faces img {
|
||||
w-idth: 5%;
|
||||
width: 3em;
|
||||
width: 7vh;
|
||||
}
|
||||
#hi .ton {
|
||||
border-radius: 1em;
|
||||
font-size: 150%;
|
||||
font-size: 2.25vmax;
|
||||
margin: 0 0.5em 0 0.5em;
|
||||
background: transparent;
|
||||
border: 1px solid white;
|
||||
color: white;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
}
|
||||
#hi .ton:hover {
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
<div class="loud write shout rim">Party by NEON ERA.</div>
|
||||
<div class="loud write shout rim">Join the Private Party!</div>
|
||||
<div id="faces" class="flush faces">
|
||||
<div class="right" style="max-width: 20em;">
|
||||
<input id="halias" class="write jot sap" placeholder="username">
|
||||
<input id="hpass" type="password" class="write jot sap" placeholder="passphrase">
|
||||
<div class="right" style="max-width: 30em;">
|
||||
<a href="chrome://extensions" target="_blank"><button class="ton">Install Now</button></a>
|
||||
<a href="#"><button class="ton">How It Works</button></a>
|
||||
<!-- input id="halias" class="write jot sap" placeholder="username">
|
||||
<input id="hpass" type="password" class="write jot sap" placeholder="passphrase" -->
|
||||
<script>
|
||||
$.as.route.page('hi', () => {
|
||||
$('#hpass').on('focus', () => {
|
||||
@@ -136,6 +153,14 @@
|
||||
return faces;
|
||||
});
|
||||
</script>
|
||||
<div class="pad ditch">
|
||||
<p class="loud"><i>Your friend has invited you to add a privacy extension to your browser:</i></p>
|
||||
<p> - Decrypts your friends' messages across any site!</p>
|
||||
<p> - Stops tech monopolies from selling your private data to advertisers.</p>
|
||||
<p> - Gives you ownership and control over all your data online.</p>
|
||||
<p> - Creates a searchable history of your posts, friends, and more!</p>
|
||||
</div>
|
||||
<div id="faces2" class="flush faces"></div>
|
||||
<div class="pad ditch">
|
||||
<p class="loud"><i>Express your thoughts & connect with the world around you!</i></p>
|
||||
<p> - Discover new relationships.</p>
|
||||
@@ -143,12 +168,10 @@
|
||||
<p> - Watch fun videos and photos from people who share.</p>
|
||||
<p> - But this time, you own it: fully decentralized.</p>
|
||||
</div>
|
||||
<div id="faces2" class="flush faces">
|
||||
</div>
|
||||
<div class="pad ditch" style="margin-top: 1em;">
|
||||
<p><span class="loud write shout">Welcome</span><span class="write loud">, you are currently connected to <b id="peers" class="huet4">2</b> peers. <b>Why not try to sign up or log in?</b></span></p>
|
||||
<p><span class="loud write shout">Welcome,</span><!-- span class="write loud">, you are currently connected to <b id="peers" class="huet4">2</b> peers. <b>Why not try to sign up or log in?</b></span --></p>
|
||||
<p> - Your identity is created here, by you. Not on a server.</p>
|
||||
<p> - It uses secure <a href="https://gun.eco/explainers/data/security.html">cryptographic</a> methods to protect you.</p>
|
||||
<p> - It uses secure <a href="https://gun.eco/docs/Cartoon-Cryptography">cryptographic</a> methods to protect you.</p>
|
||||
<p> - Only you have access to it, meaning even we cannot reset your password!</p>
|
||||
<p> - For added security, you can freely <a href="https://github.com/amark/gun">download</a> and run it on your own computer.</p>
|
||||
</div>
|
||||
@@ -718,7 +741,7 @@
|
||||
if(e.err){ return }
|
||||
var m = $($("#d"+e.id)[0] || $('#d0').clone(true,true).attr('id', 'd'+e.id).css('backgroundImage', '').appendTo('#draft')).addClass('pulse');
|
||||
if(up){ return up.shrink(e, resize, 1000) }
|
||||
console.log(e.id, e.base64);
|
||||
//console.log(e.id, e.base64);
|
||||
m.removeClass('pulse').css({
|
||||
backgroundImage: 'url(' + e.base64 + ')',
|
||||
backgroundRepeat: 'no-repeat',
|
||||
@@ -727,7 +750,7 @@
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- script async src="../../gun/lib/fun.js"></script -->
|
||||
<script async src="../../gun/lib/fun.js"></script>
|
||||
<script async src="../../gun/lib/normalize.js"></script>
|
||||
<script async src="../../gun/lib/monotype.js"></script>
|
||||
<script async src="../../gun/lib/meta.js"></script>
|
||||
|
||||
@@ -1,38 +1,26 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Oxygen);
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Oxygen', 'Trebuchet MS', arial;
|
||||
position: relative;
|
||||
background: black;
|
||||
color: white;
|
||||
line-height: 1.5;
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
div, ul, ol, li, p, span, form, button, input, textarea {
|
||||
div, ul, ol, li, p, span, form, button, input, textarea, img {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
font-size: 1em;
|
||||
line-height: 1.5em;
|
||||
vertical-align: inherit;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button, input, textarea {
|
||||
background: white;
|
||||
border: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
a, button, input, textarea {
|
||||
background: inherit;
|
||||
border: inherit;
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
@@ -43,6 +31,10 @@ ul, li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
[contenteditable=true]:empty:before {
|
||||
content: attr(placeholder);
|
||||
}
|
||||
|
||||
.model, .none { display: none }
|
||||
.hide {
|
||||
opacity: 0;
|
||||
@@ -50,48 +42,75 @@ ul, li {
|
||||
transition: all 2s;
|
||||
}
|
||||
|
||||
.page {
|
||||
.full, .page {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.max {
|
||||
max-width: 48em;
|
||||
}
|
||||
.min {
|
||||
min-width: 12em;
|
||||
}
|
||||
.pad {
|
||||
margin: 5% auto;
|
||||
min-width: 250px;
|
||||
width: 95%;
|
||||
max-width: 50em;
|
||||
margin: 5% auto;
|
||||
max-width: 48em;
|
||||
min-width: 12em;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.left {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.center {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.mid {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.flush {
|
||||
line-height: 0em;
|
||||
}
|
||||
|
||||
.rim {
|
||||
margin: 2%;
|
||||
}
|
||||
.gap {
|
||||
padding: 3%;
|
||||
}
|
||||
.gully {
|
||||
margin-bottom: 1%;
|
||||
.top {
|
||||
vertical-align: top;
|
||||
}
|
||||
.low {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.rim { margin: 2%; }
|
||||
.gap { padding: 3%; }
|
||||
.stack { line-height: 0; }
|
||||
.crack { margin-bottom: 1%; }
|
||||
.sit { margin-bottom: 0; }
|
||||
|
||||
.row { width: 100%; }
|
||||
.col { max-width: 33em; }
|
||||
.col {
|
||||
max-width: 24em;
|
||||
min-width: 12em;
|
||||
}
|
||||
|
||||
.focus {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
float: none;
|
||||
clear: both;
|
||||
}
|
||||
.unit, .symbol {
|
||||
display: inline-block;
|
||||
vertical-align: inherit;
|
||||
}
|
||||
|
||||
.leak { overflow: visible; }
|
||||
.hold { overflow: hidden; }
|
||||
|
||||
.act {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
@@ -100,73 +119,41 @@ ul, li {
|
||||
transition: all 0.3s;
|
||||
cursor: pointer;
|
||||
}
|
||||
.symbol {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sap { border-radius: 0.1em; }
|
||||
.jot { border-bottom: 1px dashed #95B2CA; }
|
||||
|
||||
.loud {
|
||||
font-size: 150%;
|
||||
}
|
||||
.jot {
|
||||
border-bottom: 1px dashed #95B2CA;
|
||||
}
|
||||
.sap {
|
||||
border-radius: 0.1em;
|
||||
.shout {
|
||||
font-size: 36pt;
|
||||
font-size: 6.5vmax;
|
||||
}
|
||||
|
||||
|
||||
.red {
|
||||
background: #ea3224;
|
||||
}
|
||||
.green {
|
||||
background: #33cc33;
|
||||
}
|
||||
.blue {
|
||||
background: #4D79D8;
|
||||
}
|
||||
.yellow {
|
||||
background: #f2b919;
|
||||
}
|
||||
.black {
|
||||
background: black;
|
||||
}
|
||||
.white {
|
||||
background: white;
|
||||
}
|
||||
.red { background: #ea3224; }
|
||||
.green { background: #33cc33; }
|
||||
.blue { background: #4D79D8; }
|
||||
.yellow { background: #f2b919; }
|
||||
.black { background: black; }
|
||||
.white { background: white; }
|
||||
|
||||
.shade {
|
||||
background: rgba(0%, 0%, 0%, 0.1);
|
||||
}
|
||||
.tint {
|
||||
background: rgba(100%, 100%, 100%, 0.1);
|
||||
}
|
||||
.shade { background: rgba(0%, 0%, 0%, 0.1); }
|
||||
.tint { background: rgba(100%, 100%, 100%, 0.1); }
|
||||
|
||||
.redt {
|
||||
color: #ea3224;
|
||||
}
|
||||
.greent {
|
||||
color: #33cc33;
|
||||
}
|
||||
.bluet {
|
||||
color: #4D79D8;
|
||||
}
|
||||
.yellowt {
|
||||
color: #f2b919;
|
||||
}
|
||||
.blackt {
|
||||
color: black;
|
||||
}
|
||||
.whitet {
|
||||
color: white;
|
||||
}
|
||||
.redt { color: #ea3224; }
|
||||
.greent { color: #33cc33; }
|
||||
.bluet { color: #4D79D8; }
|
||||
.yellowt { color: #f2b919; }
|
||||
.blackt { color: black; }
|
||||
.whitet { color: white; }
|
||||
|
||||
.hue {
|
||||
background: #4D79D8;
|
||||
-webkit-animation: hue 900s infinite;
|
||||
animation: hue 900s infinite;
|
||||
}
|
||||
|
||||
@keyframes hue {
|
||||
} @keyframes hue {
|
||||
0% {background-color: #4D79D8;}
|
||||
25% {background-color: #33cc33;}
|
||||
50% {background-color: #f2b919;}
|
||||
@@ -181,12 +168,10 @@ ul, li {
|
||||
}
|
||||
|
||||
.huet {
|
||||
color: #4D79D8;
|
||||
color: #4D79D8;
|
||||
-webkit-animation: huet 900s infinite;
|
||||
animation: huet 900s infinite;
|
||||
}
|
||||
|
||||
@keyframes huet {
|
||||
} @keyframes huet {
|
||||
0% {color: #4D79D8;}
|
||||
25% {color: #33cc33;}
|
||||
50% {color: #f2b919;}
|
||||
@@ -204,9 +189,7 @@ ul, li {
|
||||
background: #ea3224;
|
||||
-webkit-animation: hue2 900s infinite;
|
||||
animation: hue2 900s infinite;
|
||||
}
|
||||
|
||||
@keyframes hue2 {
|
||||
} @keyframes hue2 {
|
||||
0% {background-color: #ea3224;}
|
||||
25% {background-color: #4D79D8;}
|
||||
50% {background-color: #33cc33;}
|
||||
@@ -224,9 +207,7 @@ ul, li {
|
||||
color: #ea3224;
|
||||
-webkit-animation: huet2 900s infinite;
|
||||
animation: huet2 900s infinite;
|
||||
}
|
||||
|
||||
@keyframes huet2 {
|
||||
} @keyframes huet2 {
|
||||
0% {color: #ea3224;}
|
||||
25% {color: #4D79D8;}
|
||||
50% {color: #33cc33;}
|
||||
@@ -244,9 +225,7 @@ ul, li {
|
||||
background: #33cc33;
|
||||
-webkit-animation: hue3 900s infinite;
|
||||
animation: hue3 900s infinite;
|
||||
}
|
||||
|
||||
@keyframes hue3 {
|
||||
} @keyframes hue3 {
|
||||
0% {background-color: #33cc33;}
|
||||
25% {background-color: #f2b919;}
|
||||
50% {background-color: #ea3224;}
|
||||
@@ -264,9 +243,7 @@ ul, li {
|
||||
color: #33cc33;
|
||||
-webkit-animation: huet3 900s infinite;
|
||||
animation: huet3 900s infinite;
|
||||
}
|
||||
|
||||
@keyframes huet3 {
|
||||
} @keyframes huet3 {
|
||||
0% {color: #33cc33;}
|
||||
25% {color: #f2b919;}
|
||||
50% {color: #ea3224;}
|
||||
@@ -284,9 +261,7 @@ ul, li {
|
||||
background: #f2b919;
|
||||
-webkit-animation: hue4 900s infinite;
|
||||
animation: hue4 900s infinite;
|
||||
}
|
||||
|
||||
@keyframes hue4 {
|
||||
} @keyframes hue4 {
|
||||
0% {background-color: #f2b919;}
|
||||
25% {background-color: #ea3224;}
|
||||
50% {background-color: #4D79D8;}
|
||||
@@ -304,9 +279,7 @@ ul, li {
|
||||
color: #f2b919;
|
||||
-webkit-animation: huet4 900s infinite;
|
||||
animation: huet4 900s infinite;
|
||||
}
|
||||
|
||||
@keyframes huet4 {
|
||||
} @keyframes huet4 {
|
||||
0% {color: #f2b919;}
|
||||
25% {color: #ea3224;}
|
||||
50% {color: #4D79D8;}
|
||||
@@ -322,16 +295,12 @@ ul, li {
|
||||
|
||||
.pulse {
|
||||
animation: pulse 2s infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse
|
||||
{
|
||||
} @keyframes pulse {
|
||||
0% {opacity: 1;}
|
||||
50% {opacity: 0.5;}
|
||||
100% {opacity: 1;}
|
||||
}
|
||||
|
||||
|
||||
.joy {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
@@ -341,12 +310,7 @@ ul, li {
|
||||
pointer-events: none;
|
||||
z-index: 999999999;
|
||||
animation: joy 1s steps(28);
|
||||
}
|
||||
@keyframes joy {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: -2800px 0;
|
||||
}
|
||||
} @keyframes joy {
|
||||
0% {background-position: 0 0;}
|
||||
100% {background-position: -2800px 0;}
|
||||
}
|
||||
Reference in New Issue
Block a user