Add sidebar
This commit is contained in:
Jay Trees
parent
4fab364632
commit
db26c69ecd
2 changed files with 94 additions and 81 deletions
|
|
@ -1,5 +1,6 @@
|
|||
.ui.statistics {
|
||||
justify-content: space-around;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.ui.statistics::after {
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -18,96 +18,108 @@ $page->navigation();
|
|||
<div class="ui container">
|
||||
<h1 class="ui header"><?= $page->title ?></h1>
|
||||
|
||||
<div class="ui segment">
|
||||
<h2 class="ui header"><?= __('Welcome to wishthis') ?></h2>
|
||||
<p><?= __('wishthis is a simple, intuitive and modern wishlist platform to create, manage and view your wishes for any kind of occasion.') ?></p>
|
||||
<div class="ui doubling stackable grid">
|
||||
<div class="twelve wide column">
|
||||
<div class="ui segment">
|
||||
<h2 class="ui header"><?= __('Welcome to wishthis') ?></h2>
|
||||
|
||||
<div class="ui four column doubling stackable centered grid">
|
||||
<?php if ($user->isLoggedIn()) { ?>
|
||||
<div class="column">
|
||||
<a class="ui fluid primary button"
|
||||
href="/?page=wishlists"
|
||||
title="<?= __('Create a wishlist') ?>"
|
||||
>
|
||||
<?= __('Create a wishlist') ?>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a class="ui fluid button"
|
||||
href="/?page=wishlists"
|
||||
title="<?= __('View your wishlists') ?>"
|
||||
>
|
||||
<?= __('View your wishlists') ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } else { ?>
|
||||
<div class="column">
|
||||
<a class="ui fluid primary button"
|
||||
href="/?page=register"
|
||||
title="<?= __('Register now') ?>"
|
||||
>
|
||||
<?= __('Register now') ?>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a class="ui fluid button"
|
||||
href="/?page=login"
|
||||
title="<?= __('Login') ?>"
|
||||
>
|
||||
<?= __('Login') ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
<p><?= __('wishthis is a simple, intuitive and modern wishlist platform to create, manage and view your wishes for any kind of occasion.') ?></p>
|
||||
|
||||
<div class="ui segment">
|
||||
<h2 class="ui header"><?= __('Use case') ?></h2>
|
||||
<p><?= __('Your birthday is coming up and you just created a wishlist with all the cool stuff you want. Your friends and family want to make sure you get something you are happy with so you send them your wishlist link and if anybody decides to fulfil one of your wishes, it will disappear for everybody else.') ?></p>
|
||||
</div>
|
||||
|
||||
<div class="ui segment">
|
||||
<h2 class="ui header"><?= __('Why wishthis?') ?></h2>
|
||||
<p><?= sprintf(
|
||||
__('wishthis is free and open source software. With free I don\'t just mean, you don\'t have to pay money to use it, but you are also not paying with your personal information and behaviour. Not only can anybody %sview and verify its code%s, I also encourage you to do so.'), '<a href="https://github.com/grandeljay/wishthis" title="wishthis source code" target="_blank">', '</a>'
|
||||
) ?></p>
|
||||
|
||||
<p><?= __('As a non-commercial project it remains') ?></p>
|
||||
<div class="ui list">
|
||||
<div class="item">
|
||||
<i class="green check icon"></i>
|
||||
<div class="content"><?= __('free of advertisements,') ?></div>
|
||||
<div class="ui two column doubling stackable centered grid">
|
||||
<?php if ($user->isLoggedIn()) { ?>
|
||||
<div class="column">
|
||||
<a class="ui fluid primary button"
|
||||
href="/?page=wishlists"
|
||||
title="<?= __('Create a wishlist') ?>"
|
||||
>
|
||||
<?= __('Create a wishlist') ?>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a class="ui fluid button"
|
||||
href="/?page=wishlists"
|
||||
title="<?= __('View your wishlists') ?>"
|
||||
>
|
||||
<?= __('View your wishlists') ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } else { ?>
|
||||
<div class="column">
|
||||
<a class="ui fluid primary button"
|
||||
href="/?page=register"
|
||||
title="<?= __('Register now') ?>"
|
||||
>
|
||||
<?= __('Register now') ?>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a class="ui fluid button"
|
||||
href="/?page=login"
|
||||
title="<?= __('Login') ?>"
|
||||
>
|
||||
<?= __('Login') ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<i class="green check icon"></i>
|
||||
<div class="content"><?= __('without tracking, and') ?></div>
|
||||
|
||||
<div class="ui segment">
|
||||
<h2 class="ui header"><?= __('Use case') ?></h2>
|
||||
|
||||
<p><?= __('Your birthday is coming up and you just created a wishlist with all the cool stuff you want. Your friends and family want to make sure you get something you are happy with so you send them your wishlist link and if anybody decides to fulfil one of your wishes, it will disappear for everybody else.') ?></p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<i class="green check icon"></i>
|
||||
<div class="content"><?= __('open for feedback and suggestions.') ?></div>
|
||||
|
||||
<div class="ui segment">
|
||||
<h2 class="ui header"><?= __('Why wishthis?') ?></h2>
|
||||
|
||||
<p><?= sprintf(
|
||||
__('wishthis is free and open source software. With free I don\'t just mean, you don\'t have to pay money to use it, but you are also not paying with your personal information and behaviour. Not only can anybody %sview and verify its code%s, I also encourage you to do so.'), '<a href="https://github.com/grandeljay/wishthis" title="wishthis source code" target="_blank">', '</a>'
|
||||
) ?></p>
|
||||
|
||||
<p><?= __('As a non-commercial project it remains') ?></p>
|
||||
<div class="ui list">
|
||||
<div class="item">
|
||||
<i class="green check icon"></i>
|
||||
<div class="content"><?= __('free of advertisements,') ?></div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<i class="green check icon"></i>
|
||||
<div class="content"><?= __('without tracking, and') ?></div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<i class="green check icon"></i>
|
||||
<div class="content"><?= __('open for feedback and suggestions.') ?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3><?= __('Join the others and get started now!') ?></h3>
|
||||
<div class="ui stackable statistics">
|
||||
<div class="four wide column">
|
||||
<div class="ui segment">
|
||||
<h2 class="ui header"><?= __('Statistics') ?></h2>
|
||||
|
||||
<div class="statistic" id="wishes">
|
||||
<div class="value"><?= __('N. A.') ?></div>
|
||||
<div class="label"><?= __('Wishes') ?></div>
|
||||
<p><?= __('Join the others and get started now!') ?></p>
|
||||
|
||||
<div class="ui stackable statistics">
|
||||
|
||||
<div class="statistic" id="wishes">
|
||||
<div class="value"><?= __('N. A.') ?></div>
|
||||
<div class="label"><?= __('Wishes') ?></div>
|
||||
</div>
|
||||
|
||||
<div class="statistic" id="wishlists">
|
||||
<div class="value"><?= __('N. A.') ?></div>
|
||||
<div class="label"><?= __('Wishlists') ?></div>
|
||||
</div>
|
||||
|
||||
<div class="statistic" id="users">
|
||||
<div class="value"><?= __('N. A.') ?></div>
|
||||
<div class="label"><?= __('Registered users') ?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="statistic" id="wishlists">
|
||||
<div class="value"><?= __('N. A.') ?></div>
|
||||
<div class="label"><?= __('Wishlists') ?></div>
|
||||
</div>
|
||||
|
||||
<div class="statistic" id="users">
|
||||
<div class="value"><?= __('N. A.') ?></div>
|
||||
<div class="label"><?= __('Registered users') ?></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
|
|
|||
Loading…
Reference in a new issue