ghost
3 years ago
15 changed files with 288 additions and 578 deletions
@ -1,7 +1,6 @@
@@ -1,7 +1,6 @@
|
||||
<div class="t-center c-2"> |
||||
<p><small><?php echo sprintf(_('Twisterarmy Cloud is the <a class="c-0" href="%s">Open Source</a> web interface to interact <a class="c-0" href="%s">Twister Network</a> remotely.'), 'https://github.com/twisterarmy/cloud-server', 'http://twister.net.co') ?></small></p> |
||||
<div class="footer"> |
||||
<p><small><?php echo sprintf(_('Twisterarmy Cloud is the <a href="%s">Open Source</a> web interface to interact <a href="%s">Twister Network</a> remotely.'), 'https://github.com/twisterarmy/cloud-server', 'http://twister.net.co') ?></small></p> |
||||
<p><small><?php echo _('* software under development. Import existing wallets on your own risk.') ?></small></p> |
||||
<p class="mt-20"><small><?php echo sprintf(_('version %s'), SERVER_VERSION) ?> <i class="bi bi-suit-heart"></i></small></p> |
||||
<p class="mt-10 f-size-16"></p> |
||||
<p><small><?php echo sprintf(_('version %s'), SERVER_VERSION) ?> <i class="bi bi-suit-heart"></i></small></p> |
||||
</div> |
||||
</body> |
||||
@ -1,4 +1,4 @@
@@ -1,4 +1,4 @@
|
||||
<div class="t-center c-2"> |
||||
<p class="mt-10"><small><?php echo sprintf(_('version %s'), SERVER_VERSION) ?> <i class="bi bi-suit-heart"></i></small></p> |
||||
<div class="footer"> |
||||
<p ><small><?php echo sprintf(_('version %s'), SERVER_VERSION) ?> <i class="bi bi-suit-heart"></i></small></p> |
||||
</div> |
||||
</body> |
||||
@ -1,12 +1,10 @@
@@ -1,12 +1,10 @@
|
||||
<?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?> |
||||
<div class="mw-1024 mx-auto of-hidden"> |
||||
<div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24"> |
||||
<h1 class="f-size-20 f-normal mb-20"><?php echo _('Register') ?></h1> |
||||
<div class="mb-22"> |
||||
<?php echo _('New users registration temporarily disabled.') ?> |
||||
</div> |
||||
<div class="mt-4"> |
||||
<a class="btn btn-1 d-inline-block" href="login"><?php echo _('Login') ?></a> |
||||
<div class="container"> |
||||
<div class="register"> |
||||
<h1><?php echo _('Register') ?></h1> |
||||
<p><?php echo _('New users registration temporarily disabled.') ?><p> |
||||
<div class="actions"> |
||||
<a class="button" href="login"><?php echo _('Login') ?></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
@ -1,12 +1,10 @@
@@ -1,12 +1,10 @@
|
||||
<?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?> |
||||
<div class="mw-1024 mx-auto of-hidden"> |
||||
<div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24"> |
||||
<h1 class="f-size-20 f-normal mb-20"><?php echo _('Register') ?></h1> |
||||
<div class="mb-22"> |
||||
<?php echo sprintf(_('New user can be registered %s.'), $nextUserRegistrationTime) ?> |
||||
</div> |
||||
<div class="mt-4"> |
||||
<a class="btn btn-1 d-inline-block" href="login"><?php echo _('Login') ?></a> |
||||
<div class="container"> |
||||
<div class="register"> |
||||
<h1><?php echo _('Register') ?></h1> |
||||
<p><?php echo sprintf(_('New user can be registered %s.'), $nextUserRegistrationTime) ?></p> |
||||
<div class="actions"> |
||||
<a class="button" href="login"><?php echo _('Login') ?></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
@ -1,20 +1,12 @@
@@ -1,20 +1,12 @@
|
||||
<?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?> |
||||
<div class="mw-1024 mx-auto of-hidden"> |
||||
<div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24"> |
||||
<h1 class="f-size-20 f-normal mb-20"><?php echo _('Welcome') ?></h1> |
||||
<div> |
||||
<div class="mb-20"> |
||||
<?php echo sprintf(_('Account <strong class="c-7">@%s</strong> in registration!'), $userName); ?> |
||||
</div> |
||||
<div class="mb-20"> |
||||
<?php echo sprintf(_('Please, wait for block %s to enter the twister and keep the secret key in safety place:'), $blockEstimated); ?> |
||||
</div> |
||||
<div class="mb-30"> |
||||
<pre class="f-size-9 c-4 px-8 py-16 b-r-3 b-c-5 b-2 t-center d-block"><?php echo $userPrivateKey; ?></pre> |
||||
</div> |
||||
</div> |
||||
<div class="mt-4"> |
||||
<a class="btn btn-1 d-inline-block" href="login"><?php echo _('Login') ?></a> |
||||
<div class="container"> |
||||
<div class="register"> |
||||
<h1><?php echo _('Welcome') ?></h1> |
||||
<p><?php echo sprintf(_('Account <strong class="username">@%s</strong> in registration!'), $userName); ?></p> |
||||
<p><?php echo sprintf(_('Please, wait for block %s to enter the twister and keep the secret key in safety place:'), $blockEstimated); ?></p> |
||||
<pre class="key"><?php echo $userPrivateKey; ?></pre> |
||||
<div class="actions"> |
||||
<a class="button" href="login"><?php echo _('Login') ?></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
@ -1,486 +0,0 @@
@@ -1,486 +0,0 @@
|
||||
/* common */ |
||||
|
||||
* { |
||||
padding: 0; |
||||
margin: 0; |
||||
position: relative; |
||||
box-sizing: border-box |
||||
} |
||||
|
||||
body { |
||||
font-family: Roboto-Regular, Sans-Serif, Verdana; |
||||
font-size: 14px |
||||
} |
||||
|
||||
a, a:hover { |
||||
text-decoration: none |
||||
} |
||||
|
||||
table { |
||||
border-spacing: 0 |
||||
} |
||||
|
||||
input, |
||||
select, |
||||
textarea { |
||||
border-width: 0; |
||||
border: 0; |
||||
} |
||||
|
||||
samp { |
||||
background: #777; |
||||
padding: 2px 4px; |
||||
color: #fff; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
/* backgrounds */ |
||||
.bg-logo-1 { |
||||
background-image: url('/css/template/default/image/logo-1.png'); |
||||
background-repeat: no-repeat; |
||||
background-position: left 2px; |
||||
background-size: 24px |
||||
} |
||||
|
||||
.bg-logo-1:hover { |
||||
background-image: url('/css/template/default/image/logo-0.png'); |
||||
} |
||||
|
||||
.bg-c-0 { |
||||
background-color: #FFF |
||||
} |
||||
|
||||
.bg-c-1 { |
||||
background-color: #4A5466 |
||||
} |
||||
|
||||
.bg-c-2 { |
||||
background-color: #111 |
||||
} |
||||
|
||||
.bg-c-3 { |
||||
background-color: #596374 |
||||
} |
||||
|
||||
.bg-c-4 { |
||||
background-color: #272E39 |
||||
} |
||||
|
||||
.bg-c-101 { |
||||
background-color: #596a74 /* branding namespace reserved from 100-199 */ |
||||
} |
||||
|
||||
.bg-c-102 { |
||||
background-color: #5e5974 /* branding namespace reserved from 100-199 */ |
||||
} |
||||
|
||||
.bg-img-1 { |
||||
background-image: url('/css/template/default/image/bg-1.png') |
||||
} |
||||
|
||||
.bg-img-2 { |
||||
background-image: url('/css/template/default/image/bg-2.png') |
||||
} |
||||
|
||||
/* fonts */ |
||||
.t-center { |
||||
text-align: center |
||||
} |
||||
|
||||
.t-right { |
||||
text-align: right |
||||
} |
||||
|
||||
.t-left { |
||||
text-align: left |
||||
} |
||||
|
||||
.f-size-9 { |
||||
font-size: 9px |
||||
} |
||||
|
||||
.f-size-10 { |
||||
font-size: 10px |
||||
} |
||||
|
||||
.f-size-14 { |
||||
font-size: 14px |
||||
} |
||||
|
||||
.f-size-16 { |
||||
font-size: 16px |
||||
} |
||||
|
||||
.f-size-18 { |
||||
font-size: 18px |
||||
} |
||||
|
||||
.f-size-20 { |
||||
font-size: 20px |
||||
} |
||||
|
||||
.f-size-26 { |
||||
font-size: 26px |
||||
} |
||||
|
||||
.f-size-65 { |
||||
font-size: 65px |
||||
} |
||||
|
||||
.f-normal { |
||||
font-weight: normal |
||||
} |
||||
|
||||
.lh-48 { |
||||
line-height: 48px |
||||
} |
||||
|
||||
/* links */ |
||||
.c-0, |
||||
a.c-0:active, |
||||
a.c-0:visited, |
||||
a.c-0:hover { |
||||
color: #fff |
||||
} |
||||
|
||||
.c-1, |
||||
a.c-1:active, |
||||
a.c-1:visited { |
||||
color: #96a0b4 |
||||
} |
||||
|
||||
a.c-1:hover { |
||||
color: #fff |
||||
} |
||||
|
||||
.c-2, |
||||
a.c-2:active, |
||||
a.c-2:visited { |
||||
color: #9ba5af |
||||
} |
||||
|
||||
a.c-2:hover { |
||||
color: #fff |
||||
} |
||||
|
||||
.c-3, |
||||
a.c-3:active, |
||||
a.c-3:visited { |
||||
color: #becae0 |
||||
} |
||||
|
||||
a.c-3:hover { |
||||
color: #fff |
||||
} |
||||
|
||||
.c-4, |
||||
a.c-4:active, |
||||
a.c-4:visited { |
||||
color: #fdebd7 |
||||
} |
||||
|
||||
a.c-4:hover { |
||||
color: #fff |
||||
} |
||||
|
||||
.c-5 { |
||||
color: #e86060 |
||||
} |
||||
|
||||
.c-6 { |
||||
color: #ddab22 |
||||
} |
||||
|
||||
.c-7 { |
||||
color: #44c508 |
||||
} |
||||
|
||||
/* dimensions */ |
||||
.w-100-100 { |
||||
width: 100% |
||||
} |
||||
|
||||
.w-33-100 { |
||||
width: 33% |
||||
} |
||||
|
||||
.w-50-100 { |
||||
width: 50% |
||||
} |
||||
|
||||
.h-28 { |
||||
height: 28px |
||||
} |
||||
|
||||
.h-48 { |
||||
height: 48px |
||||
} |
||||
|
||||
.h-100 { |
||||
height: 100px |
||||
} |
||||
|
||||
/* paddings */ |
||||
|
||||
.mw-360 { |
||||
max-width: 360px |
||||
} |
||||
|
||||
.mw-680 { |
||||
max-width: 680px |
||||
} |
||||
|
||||
.mw-1024 { |
||||
max-width: 1024px |
||||
} |
||||
|
||||
.mx-auto { |
||||
margin-left: auto; |
||||
margin-right: auto |
||||
} |
||||
|
||||
.mx-16 { |
||||
margin-left: 16px; |
||||
margin-right: 16px |
||||
} |
||||
|
||||
.my-8 { |
||||
margin-top: 8px; |
||||
margin-bottom: 8px |
||||
} |
||||
|
||||
.my-16 { |
||||
margin-top: 16px; |
||||
margin-bottom: 16px |
||||
} |
||||
|
||||
.my-36 { |
||||
margin-top: 36px; |
||||
margin-bottom: 36px |
||||
} |
||||
|
||||
.my-48 { |
||||
margin-top: 48px; |
||||
margin-bottom: 48px |
||||
} |
||||
|
||||
.my-100 { |
||||
margin-top: 100px; |
||||
margin-bottom: 100px |
||||
} |
||||
|
||||
.mt-100 { |
||||
margin-top: 100px |
||||
} |
||||
|
||||
.mt-4 { |
||||
margin-top: 4px |
||||
} |
||||
|
||||
.mt-10 { |
||||
margin-top: 10px |
||||
} |
||||
|
||||
.mt-20 { |
||||
margin-top: 20px |
||||
} |
||||
|
||||
.mt-24 { |
||||
margin-top: 24px |
||||
} |
||||
|
||||
.mt-48 { |
||||
margin-top: 48px |
||||
} |
||||
|
||||
.mr-6 { |
||||
margin-right: 6px |
||||
} |
||||
|
||||
.ml-16 { |
||||
margin-left: 16px |
||||
} |
||||
|
||||
.mb-16 { |
||||
margin-bottom: 16px |
||||
} |
||||
|
||||
.mb-20 { |
||||
margin-bottom: 20px |
||||
} |
||||
|
||||
.mb-22 { |
||||
margin-bottom: 22px |
||||
} |
||||
|
||||
.mb-30 { |
||||
margin-bottom: 30px |
||||
} |
||||
|
||||
.mb-48 { |
||||
margin-bottom: 48px |
||||
} |
||||
|
||||
.px-8 { |
||||
padding-left: 8px; |
||||
padding-right: 8px |
||||
} |
||||
|
||||
.px-24 { |
||||
padding-left: 24px; |
||||
padding-right: 24px |
||||
} |
||||
|
||||
.py-16 { |
||||
padding-top: 16px; |
||||
padding-bottom: 16px |
||||
} |
||||
|
||||
.py-28 { |
||||
padding-top: 28px; |
||||
padding-bottom: 28px |
||||
} |
||||
|
||||
.p-8 { |
||||
padding: 8px |
||||
} |
||||
|
||||
.p-16 { |
||||
padding: 16px |
||||
} |
||||
|
||||
.p-24 { |
||||
padding: 24px |
||||
} |
||||
|
||||
.pt-16 { |
||||
padding-top: 16px |
||||
} |
||||
|
||||
.pb-10 { |
||||
padding-bottom: 10px |
||||
} |
||||
|
||||
.pb-20 { |
||||
padding-bottom: 20px |
||||
} |
||||
|
||||
.pb-36 { |
||||
padding-bottom: 36px |
||||
} |
||||
|
||||
.px-16 { |
||||
padding-left: 16px; |
||||
padding-right: 16px |
||||
} |
||||
|
||||
/* positioning */ |
||||
.o-h { |
||||
overflow: hidden |
||||
} |
||||
|
||||
.d-inline-block { |
||||
display: inline-block |
||||
} |
||||
|
||||
.d-block { |
||||
display: block |
||||
} |
||||
|
||||
.float-left { |
||||
float: left |
||||
} |
||||
|
||||
.float-right { |
||||
float: right |
||||
} |
||||
|
||||
.of-hidden { |
||||
overflow: hidden |
||||
} |
||||
|
||||
/* buttons */ |
||||
.btn { |
||||
font-family: Roboto-Regular; |
||||
padding: 8px 16px; |
||||
border-radius: 4px; |
||||
cursor: pointer |
||||
} |
||||
|
||||
.btn-1 { |
||||
color: #fff; |
||||
border: 1px #2e6da4 solid; |
||||
background-color: #337ab7 |
||||
} |
||||
|
||||
.btn-1:hover { |
||||
background-color: #286090; |
||||
border-color: #204d74 |
||||
} |
||||
|
||||
/* forms */ |
||||
.input-text { |
||||
width: 100%; |
||||
padding: 11px 16px; |
||||
border-radius: 3px; |
||||
} |
||||
|
||||
|
||||
/* borders */ |
||||
.b-r-3 { |
||||
border-radius: 3px |
||||
} |
||||
|
||||
.b-1 { |
||||
border-width: 1px; |
||||
border-style: solid |
||||
} |
||||
|
||||
.b-2 { |
||||
border-width: 1px; |
||||
border-style: dashed |
||||
} |
||||
|
||||
.bb-1 { |
||||
border-bottom-width: 1px; |
||||
border-bottom-style: solid |
||||
} |
||||
|
||||
|
||||
.bb-1-2 { |
||||
border-bottom-width: 1px; |
||||
border-bottom-style: dashed |
||||
} |
||||
|
||||
.bb-2 { |
||||
border-bottom-width: 2px; |
||||
border-bottom-style: solid |
||||
} |
||||
|
||||
.b-c-0 { |
||||
border-color: #fff |
||||
} |
||||
|
||||
.b-c-4 { |
||||
border-color: #ccc |
||||
} |
||||
|
||||
.b-c-5 { |
||||
border-color: #b9aa96 |
||||
} |
||||
|
||||
.b-c-6 { |
||||
border-color: #4A5466 |
||||
} |
||||
|
||||
.b-c-101 { /* branding namespace reserved from 100-199 */ |
||||
border-color: #c7ffe9 |
||||
} |
||||
|
||||
.b-c-102 { /* branding namespace reserved from 100-199 */ |
||||
border-color: #dd92e4; |
||||
} |
||||
|
||||
.b-c-103 { /* branding namespace reserved from 100-199 */ |
||||
border-color: #9bb6da; |
||||
} |
||||
@ -0,0 +1,49 @@
@@ -0,0 +1,49 @@
|
||||
.login { |
||||
border-radius: 3px; |
||||
padding: 28px 24px; |
||||
margin: 100px auto; |
||||
background-color: #272E39; |
||||
width: 360px; |
||||
} |
||||
|
||||
.login h1 { |
||||
margin-bottom: 20px; |
||||
font-weight: normal; |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.login input { |
||||
margin-bottom: 22px; |
||||
} |
||||
|
||||
.login .error { |
||||
margin-bottom: 22px; |
||||
color: #e86060; |
||||
} |
||||
|
||||
.login .actions a, |
||||
.login .actions a:active, |
||||
.login .actions a:visited { |
||||
color: #96a0b4; |
||||
margin-left: 16px; |
||||
} |
||||
|
||||
.login .actions a:hover { |
||||
color: #fff; |
||||
} |
||||
|
||||
.login .actions .button { |
||||
height: 32px; |
||||
line-height: 32px; |
||||
padding: 0 16px; |
||||
font-size: 13px; |
||||
border-radius: 3px; |
||||
cursor: pointer; |
||||
background-color: #337ab7; |
||||
color: #fff; |
||||
border: 0; |
||||
} |
||||
|
||||
.login .actions .button:hover { |
||||
background-color: #437baa; |
||||
} |
||||
@ -0,0 +1,73 @@
@@ -0,0 +1,73 @@
|
||||
.register { |
||||
border-radius: 3px; |
||||
padding: 28px 24px; |
||||
margin: 100px auto; |
||||
background-color: #272E39; |
||||
width: 360px; |
||||
} |
||||
|
||||
.register h1 { |
||||
margin-bottom: 20px; |
||||
font-weight: normal; |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.register input { |
||||
margin-bottom: 22px; |
||||
} |
||||
|
||||
.register p { |
||||
margin-bottom: 16px; |
||||
display: block; |
||||
position: relative; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.register .error { |
||||
margin-bottom: 22px; |
||||
color: #e86060; |
||||
} |
||||
|
||||
.register .actions a, |
||||
.register .actions a:active, |
||||
.register .actions a:visited { |
||||
color: #96a0b4; |
||||
margin-left: 16px; |
||||
} |
||||
|
||||
.register .actions a:hover { |
||||
color: #fff; |
||||
} |
||||
|
||||
.register .username { |
||||
color: #44c508; |
||||
} |
||||
|
||||
.register .key { |
||||
color: #44c508; |
||||
font-size: 9px; |
||||
text-align: center; |
||||
height: 36px; |
||||
line-height: 36px; |
||||
display: block; |
||||
overflow: auto; |
||||
margin-bottom: 22px; |
||||
} |
||||
|
||||
.register .actions .button { |
||||
height: 32px; |
||||
line-height: 32px; |
||||
padding: 0 16px; |
||||
font-size: 13px; |
||||
border-radius: 3px; |
||||
cursor: pointer; |
||||
background-color: #337ab7; |
||||
color: #fff!important; |
||||
margin: 0; |
||||
display: inline-block |
||||
} |
||||
|
||||
.register .actions .button:hover { |
||||
background-color: #437baa; |
||||
margin: 0; |
||||
} |
||||
Loading…
Reference in new issue