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 {
|
.ui.statistics {
|
||||||
justify-content: space-around;
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.ui.statistics::after {
|
.ui.statistics::after {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
|
||||||
|
|
@ -18,96 +18,108 @@ $page->navigation();
|
||||||
<div class="ui container">
|
<div class="ui container">
|
||||||
<h1 class="ui header"><?= $page->title ?></h1>
|
<h1 class="ui header"><?= $page->title ?></h1>
|
||||||
|
|
||||||
<div class="ui segment">
|
<div class="ui doubling stackable grid">
|
||||||
<h2 class="ui header"><?= __('Welcome to wishthis') ?></h2>
|
<div class="twelve wide column">
|
||||||
<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"><?= __('Welcome to wishthis') ?></h2>
|
||||||
|
|
||||||
<div class="ui four column doubling stackable centered grid">
|
<p><?= __('wishthis is a simple, intuitive and modern wishlist platform to create, manage and view your wishes for any kind of occasion.') ?></p>
|
||||||
<?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="ui segment">
|
<div class="ui two column doubling stackable centered grid">
|
||||||
<h2 class="ui header"><?= __('Use case') ?></h2>
|
<?php if ($user->isLoggedIn()) { ?>
|
||||||
<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 class="column">
|
||||||
</div>
|
<a class="ui fluid primary button"
|
||||||
|
href="/?page=wishlists"
|
||||||
<div class="ui segment">
|
title="<?= __('Create a wishlist') ?>"
|
||||||
<h2 class="ui header"><?= __('Why wishthis?') ?></h2>
|
>
|
||||||
<p><?= sprintf(
|
<?= __('Create a wishlist') ?>
|
||||||
__('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>'
|
</a>
|
||||||
) ?></p>
|
</div>
|
||||||
|
<div class="column">
|
||||||
<p><?= __('As a non-commercial project it remains') ?></p>
|
<a class="ui fluid button"
|
||||||
<div class="ui list">
|
href="/?page=wishlists"
|
||||||
<div class="item">
|
title="<?= __('View your wishlists') ?>"
|
||||||
<i class="green check icon"></i>
|
>
|
||||||
<div class="content"><?= __('free of advertisements,') ?></div>
|
<?= __('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>
|
||||||
<div class="item">
|
|
||||||
<i class="green check icon"></i>
|
<div class="ui segment">
|
||||||
<div class="content"><?= __('without tracking, and') ?></div>
|
<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>
|
||||||
<div class="item">
|
|
||||||
<i class="green check icon"></i>
|
<div class="ui segment">
|
||||||
<div class="content"><?= __('open for feedback and suggestions.') ?></div>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h3><?= __('Join the others and get started now!') ?></h3>
|
<div class="four wide column">
|
||||||
<div class="ui stackable statistics">
|
<div class="ui segment">
|
||||||
|
<h2 class="ui header"><?= __('Statistics') ?></h2>
|
||||||
|
|
||||||
<div class="statistic" id="wishes">
|
<p><?= __('Join the others and get started now!') ?></p>
|
||||||
<div class="value"><?= __('N. A.') ?></div>
|
|
||||||
<div class="label"><?= __('Wishes') ?></div>
|
<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>
|
||||||
|
|
||||||
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue