ghost
3 years ago
18 changed files with 251 additions and 17 deletions
@ -0,0 +1,6 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
$usersTotal = $_modelUser->getTotal(); |
||||||
|
$blocksTotal = $_modelBlock->getTotal(); |
||||||
|
|
||||||
|
require(PROJECT_DIR . '/application/view/common/footer/guest.phtml'); |
||||||
@ -1,3 +0,0 @@ |
|||||||
<?php |
|
||||||
|
|
||||||
require(PROJECT_DIR . '/application/view/common/header.phtml'); |
|
||||||
@ -0,0 +1,3 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
require(PROJECT_DIR . '/application/view/common/header/guest.phtml'); |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
require(PROJECT_DIR . '/application/view/common/header/user.phtml'); |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
<div class="t-center c-2"> |
||||||
|
<p><small><?php echo sprintf(_('Network status: %s users in %s blocks'), $usersTotal, $blocksTotal) ?></small></p> |
||||||
|
<p class="mt-10"><small><?php echo sprintf(_('version %s'), SERVER_VERSION) ?> <i class="bi bi-suit-heart"></i></small></p> |
||||||
|
</div> |
||||||
|
</body> |
||||||
@ -0,0 +1,29 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8" /> |
||||||
|
<title><?php echo $metaTitle ?></title> |
||||||
|
<meta name="description" content="Twisterarmy Cloud is the open source web interface to interact twister network without node installation." /> |
||||||
|
<link rel="stylesheet" type="text/css" href="css/font.css" /> |
||||||
|
<link rel="stylesheet" type="text/css" href="css/bi.css" /> |
||||||
|
<link rel="stylesheet" type="text/css" href="css/common.css" /> |
||||||
|
<link rel="stylesheet" type="text/css" href="css/mobile.css" /> |
||||||
|
<link rel="stylesheet" type="text/css" href="css/user.css" /> |
||||||
|
<script src="js/jquery.js"></script> |
||||||
|
</head> |
||||||
|
<body class="bg-c-1 bg-img-1 c-0"> |
||||||
|
<div class="bg-c-2 bg-img-2 c-1 of-hidden"> |
||||||
|
<div class="mw-1024 mx-auto"> |
||||||
|
<div class="nav float-left h-48 lh-48"> |
||||||
|
<div class="px-16"> |
||||||
|
<a class="c-1 f-size-18" href="<?php echo PROJECT_HOST ?>">Twisterarmy <i><?php echo _('Cloud') ?></i></a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="nav bg-c-2 bg-img-2 float-right t-right h-48 lh-48"> |
||||||
|
<div class="px-16"> |
||||||
|
<a class="c-1 ml-16" href="https://github.com/twisterarmy/cloud-server" target="_blank"><i class="bi bi-github"></i></a> |
||||||
|
<a class="c-1 ml-16" href="https://github.com/twisterarmy/cloud-server/issues" target="_blank"><i class="bi bi-question-circle"></i></a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,61 @@ |
|||||||
|
<?php include(PROJECT_DIR . '/application/controller/common/header/user.php') ?> |
||||||
|
<div class="container"> |
||||||
|
<div class="main"> |
||||||
|
<div class="menu"> |
||||||
|
<a class="item active" href="<?php echo PROJECT_HOST ?>" title="<?php echo _('Home') ?>"> |
||||||
|
<i class="bi bi-house"></i> |
||||||
|
</a> |
||||||
|
<a class="item" href="following" title="<?php echo _('Following') ?>"> |
||||||
|
<i class="bi bi-person"></i> |
||||||
|
<span>12</span> |
||||||
|
</a> |
||||||
|
<a class="item" href="bookmarks" title="<?php echo _('Bookmarks') ?>"> |
||||||
|
<i class="bi bi-bookmarks"></i> |
||||||
|
<span>4</span> |
||||||
|
</a> |
||||||
|
<a class="item" href="mentions" title="<?php echo _('Mentions') ?>"> |
||||||
|
<i class="bi bi-at"></i> |
||||||
|
</a> |
||||||
|
<a class="item" href="messages" title="<?php echo _('Messages') ?>"> |
||||||
|
<i class="bi bi-envelope"></i> |
||||||
|
</a> |
||||||
|
<a class="item" href="settings" title="<?php echo _('Messages') ?>"> |
||||||
|
<i class="bi bi-gear"></i> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<form action="<?php echo PROJECT_HOST ?>" method="POST" name="post" class="post"> |
||||||
|
<div> |
||||||
|
<textarea name="post" placeholder="<?php echo _('Enter your post...') ?>"></textarea> |
||||||
|
</div> |
||||||
|
<!--<span>220</span>--> |
||||||
|
<button><?php echo _('Send') ?></button> |
||||||
|
</form> |
||||||
|
<div class="content"> |
||||||
|
<div class="item"> |
||||||
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make |
||||||
|
</div> |
||||||
|
<div class="item"> |
||||||
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="footer"> |
||||||
|
<?php include(PROJECT_DIR . '/application/controller/common/footer/user.php') ?> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="side"> |
||||||
|
|
||||||
|
<!-- todo |
||||||
|
<form action="<?php echo PROJECT_HOST ?>" method="POST" name="search" class="search"> |
||||||
|
<input type="text" value="" placeholder="Search..."> |
||||||
|
</form> |
||||||
|
--> |
||||||
|
|
||||||
|
<div class="suggestions"> |
||||||
|
<h4><?php echo _('Who to follow') ?></h4> |
||||||
|
<h4><?php echo _('New users') ?></h4> |
||||||
|
<h4><?php echo _('Last activity') ?></h4> |
||||||
|
<h4><?php echo _('Related posts') ?></h4> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -1,2 +0,0 @@ |
|||||||
<?php include(PROJECT_DIR . '/application/controller/common/header.php') ?> |
|
||||||
<?php include(PROJECT_DIR . '/application/controller/common/footer.php') ?> |
|
||||||
@ -0,0 +1,132 @@ |
|||||||
|
* { |
||||||
|
-moz-transition: all .4s ease-in; |
||||||
|
-o-transition: all .4s ease-in; |
||||||
|
/* issue #2 |
||||||
|
-webkit-transition: all .5s ease-in; |
||||||
|
transition: all .5s ease-in; */ |
||||||
|
} |
||||||
|
|
||||||
|
a, |
||||||
|
a:visited, |
||||||
|
a:active { |
||||||
|
color: #fff |
||||||
|
} |
||||||
|
|
||||||
|
.container { |
||||||
|
max-width: 1024px; |
||||||
|
margin: 16px auto; |
||||||
|
padding: 0 16px; |
||||||
|
overflow: hidden |
||||||
|
} |
||||||
|
|
||||||
|
.container .side { |
||||||
|
float: left; |
||||||
|
width: 30%; |
||||||
|
padding-right: 16px |
||||||
|
} |
||||||
|
|
||||||
|
.container .side form input { |
||||||
|
height: 36px; |
||||||
|
width: 100%; |
||||||
|
padding: 16px 8px; |
||||||
|
border-radius: 3px; |
||||||
|
margin-bottom: 16px; |
||||||
|
font-family: Roboto-Regular, Sans-Serif, Verdana; |
||||||
|
font-size: 14px; |
||||||
|
background: rgb(56, 65, 78); |
||||||
|
color: #dfe8f4; |
||||||
|
outline: none; |
||||||
|
} |
||||||
|
|
||||||
|
.container .side .suggestions { |
||||||
|
padding: 16px 8px; |
||||||
|
} |
||||||
|
|
||||||
|
.container .side .suggestions h4 { |
||||||
|
text-align: center; |
||||||
|
text-transform: uppercase |
||||||
|
} |
||||||
|
|
||||||
|
.container .main { |
||||||
|
float: left; |
||||||
|
width: 70% |
||||||
|
} |
||||||
|
|
||||||
|
.container .main .menu .item { |
||||||
|
display: inline-block; |
||||||
|
/* background: rgba(39, 46, 57, 0.28); */ |
||||||
|
background: rgba(101, 114, 134, 0.28); |
||||||
|
border-radius: 3px; |
||||||
|
cursor: pointer; |
||||||
|
text-align: center; |
||||||
|
padding: 8px 16px |
||||||
|
} |
||||||
|
|
||||||
|
.container .main .menu .item.active, |
||||||
|
.container .main .menu .item:hover { |
||||||
|
background: #272E39; |
||||||
|
} |
||||||
|
|
||||||
|
.container .main .menu .item span { |
||||||
|
font-size: 12px; |
||||||
|
margin: 0 8px |
||||||
|
} |
||||||
|
|
||||||
|
.container .main .post { |
||||||
|
margin: 8px 0; |
||||||
|
padding: 16px; |
||||||
|
background: #272E39; |
||||||
|
border-radius: 3px; |
||||||
|
overflow: hidden |
||||||
|
} |
||||||
|
|
||||||
|
.container .main .post textarea { |
||||||
|
height: 52px; |
||||||
|
width: 100%; |
||||||
|
padding: 16px 8px; |
||||||
|
border-radius: 3px; |
||||||
|
margin-bottom: 16px; |
||||||
|
font-family: Roboto-Regular, Sans-Serif, Verdana; |
||||||
|
font-size: 14px; |
||||||
|
background: rgba(101, 114, 134, 0.28); |
||||||
|
color: #dfe8f4; |
||||||
|
outline: none |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.container .main .post textarea:focus { |
||||||
|
height: 120px; |
||||||
|
/*background: rgb(79, 90, 107);*/ |
||||||
|
} |
||||||
|
|
||||||
|
.container .main .post button { |
||||||
|
float: right; |
||||||
|
padding: 8px 16px; |
||||||
|
border-radius: 3px; |
||||||
|
cursor: pointer; |
||||||
|
background-color: #337ab7; |
||||||
|
color: #fff; |
||||||
|
border: 0 |
||||||
|
} |
||||||
|
|
||||||
|
.container .main .post button:hover { |
||||||
|
background-color: #437baa |
||||||
|
} |
||||||
|
|
||||||
|
.container .main .post .content { |
||||||
|
background: rgb(89,99,116); |
||||||
|
border-radius: 3px; |
||||||
|
padding: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
.container .main .content .item { |
||||||
|
padding: 16px; |
||||||
|
margin-bottom: 8px; |
||||||
|
background: rgba(101, 114, 134, 0.28); |
||||||
|
border-radius: 3px; |
||||||
|
color: #dfe8f4 |
||||||
|
} |
||||||
|
|
||||||
|
.container .main .footer { |
||||||
|
margin: 36px 0 |
||||||
|
} |
||||||
Loading…
Reference in new issue