flash/sakura
flash/sakura
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

moving yuuno to bem part 1

Browse source
This commit is contained in:
flash 2016-11-08 20:56:37 +01:00
parent 612d579069
commit 9c3a5ebfc9
38 changed files with 2361 additions and 2510 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
config/config.example.ini
View file

@ -40,7 +40,7 @@ logo =
; Description of the site
description = Test site
; Design used by the site, must be a folder in templates/
; Design used by the site, must be a folder in resources/views/
design = yuuno
; Category to be used for site news

61
resources/assets/less/yuuno/base.less Normal file
View file

@ -0,0 +1,61 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
}
html,
body {
width: 100%;
height: 100%;
}
body {
font: 12px/20px Verdana, sans-serif;
background: linear-gradient(180deg, #C2AFFE, #FBEEFF) no-repeat scroll left top #FBEEFF;
background-size: cover;
color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Open Sans", sans-serif;
font-weight: 100;
margin: 5px 0;
}
h1 {
text-shadow: 0 0 5px #8364A1;
color: #614390;
}
hr {
border: 0;
height: 1px;
color: #9475B2;
background: #9475B2;
}
img {
max-width: 100%;
max-height: 100%;
&.emoticon {
vertical-align: middle;
}
}
.clear {
clear: both !important;
float: none !important;
}
.hidden {
display: none !important;
visibility: hidden !important;
}

0
resources/assets/less/yuuno/alert.less → resources/assets/less/yuuno/bem/alert.less
View file

0
resources/assets/less/yuuno/bbcode.less → resources/assets/less/yuuno/bem/bbcode.less
View file

27
resources/assets/less/yuuno/bem/busy.less Normal file
View file

@ -0,0 +1,27 @@
.busy {
background: #222;
background: linear-gradient(0deg, rgba(0, 0, 0, .4), transparent) rgba(0, 0, 0, .8);
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 5;
text-align: center;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
&__content {
line-height: 2em;
color: #FFF;
display: inline-block;
padding: 10px 20px 15px;
border-radius: 10px;
}
&__text {
line-height: 2em;
}
}

12
resources/assets/less/yuuno/bem/container.less Normal file
View file

@ -0,0 +1,12 @@
.container {
min-height: 100%;
width: 100%;
&__content {
padding-bottom: 220px;
@media (min-width: 1024px) {
padding: 0;
}
}
}

24
resources/assets/less/yuuno/bem/content.less Normal file
View file

@ -0,0 +1,24 @@
.content {
margin: 10px auto;
padding: 2px 3px;
width: 1024px;
border: 1px solid #9475B2;
box-shadow: 0 0 3px #9475B2;
border-radius: 3px;
background: #D3BFFF;
&__left {
float: left;
width: 688px;
}
&__right {
float: right;
width: 334px;
}
&--alt {
background: #C2AEEE;
margin: 5px 10px;
}
}

0
resources/assets/less/yuuno/dialogue.less → resources/assets/less/yuuno/bem/dialogue.less
View file

74
resources/assets/less/yuuno/bem/dropdown.less Normal file
View file

@ -0,0 +1,74 @@
.dropdown {
display: inline-block;
background: fade(#0c0c0c, 70%);
color: #fff;
min-width: 200px;
border: 2px solid #9475B2;
font-family: "Open Sans", sans-serif;
text-align: left;
z-index: 999;
margin: 0 2px;
transition: background .5s;
&__option {
padding: 0 1px 0 4px;
display: none;
color: #FFF;
text-decoration: none;
clear: both;
transition: background .2s;
&:hover {
background: fade(#151515, 50%);
}
&:active {
background: fade(#151515, 70%);
}
&--selected {
display: inline-block;
}
}
&__title {
display: inline-block;
padding-left: 4px;
}
&:hover {
background: fade(#151515, 80%);
.dropdown__option {
display: block;
float: none;
}
.dropdown__title {
display: none;
}
}
@media (max-width: 1024px) {
float: none !important;
margin-bottom: 5px;
text-align: center;
&__title,
&__option {
display: block !important;
padding: 3px 6px;
float: none !important;
}
&__title {
border-bottom: 2px solid #9475B2;
}
&__option {
&:not(:last-child) {
border-bottom: 2px solid #9475B2;
}
}
}
}

55
resources/assets/less/yuuno/bem/footer.less Normal file
View file

@ -0,0 +1,55 @@
.footer {
box-shadow: 0 0 1em #9475B2;
font-size: small;
width: 100%;
padding-top: 10px;
padding-bottom: 30px;
background: linear-gradient(180deg, #9475B2 0%, #FBEEFF 20%, #C2AFFE 100%) #C2AFFE;
position: absolute;
bottom: 0;
&__copyright {
text-align: center;
width: 100%;
font-size: .9em;
line-height: 1.8em;
}
&__sections {
margin: auto;
text-align: center;
width: 95%;
min-height: 150px;
}
&__section {
vertical-align: top;
text-align: left;
display: inline-block;
width: 200px;
list-style: square;
}
&__item {
margin: 2px 2px 2px 16px;
&--head {
margin: 2px 2px 5px;
font-weight: 700;
list-style: none;
}
}
&__link {
color: inherit;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
@media (max-width: 1024px) {
position: inherit;
}
}

114
resources/assets/less/yuuno/bem/header.less Normal file
View file

@ -0,0 +1,114 @@
.header {
text-align: center;
background: linear-gradient(180deg, #C2AFFE, #CCBAFE);
box-shadow: 0 0 5px #8364A1;
&__logo {
background: none;
height: auto;
width: auto;
display: inline-block;
text-decoration: none;
font: 100 70px/80px "Open Sans", sans-serif;
color: #B06AC4;
transition: color .2s, text-shadow .2s;
&:hover {
color: #C17BD5;
text-shadow: 0 0 .1em #C17BD5;
}
&:active {
color: #A059B3;
text-shadow: 0 0 .1em #A059B3;
}
@media (max-width: 768px) {
font-size: 50px;
line-height: 60px;
}
}
&__menu {
border-bottom: 2px solid #9475B2;
display: block;
&--left {
float: left;
}
&--right {
float: right;
}
&:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}
&-item {
margin: 0 7px -2px 6px;
display: inline-block;
border-bottom: 2px solid #8364A1;
text-decoration: none;
text-align: center;
transition: background .3s, border-color .3s;
height: 30px;
width: 30px;
line-height: 30px;
vertical-align: middle;
font-size: 1.6em;
color: #75569B;
background: linear-gradient(180deg, transparent 0%, transparent 50%, #8364A1 100%);
background-size: 100% 200%;
&:hover {
background-position: 0 50%;
}
&:active {
background-position: 0 100%;
}
&--avatar {
padding-left: 30px;
background: url('/images/pixel.png') no-repeat scroll left center / contain transparent;
}
}
}
}
@media (max-width: 1024px) {
.header__menu {
border: 0;
padding: 10px 0 5px;
margin: 0 auto;
width: auto;
text-align: center;
&-item {
border: 0;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 2em;
display: inline-block;
&:hover {
background: transparent;
}
&:active {
background: #75569B;
color: #9575B2;
}
&--avatar {
padding-left: 50px;
}
}
}
}

0
resources/assets/less/yuuno/uploader.less → resources/assets/less/yuuno/bem/uploader.less
View file

82
resources/assets/less/yuuno/dropdown.less
View file

@ -1,82 +0,0 @@
.dropDown {
display: inline-block;
position: relative;
}
.dropDown .dropDownInner {
display: inline-block;
background: rgba(12, 12, 12, .7);
min-width: 200px;
border: 2px solid #9475B2;
float: left;
font-family: "Open Sans", sans-serif;
text-align: left;
margin: 0 2px;
transition: background .5s;
}
.dropDown .dropDownInner:hover {
background: rgba(21, 21, 21, .8);
}
.dropDown .dropDownInner a {
padding: 0 1px 0 4px;
display: none;
color: #FFF;
text-decoration: none;
clear: both;
transition: background .2s;
}
.dropDown .dropDownInner a:hover {
background: rgba(21, 21, 21, .5);
}
.dropDown .dropDownInner a:active {
background: rgba(21, 21, 21, .7);
}
.dropDown .dropDownInner a.dropDownSelected {
display: inline-block;
}
.dropDown .dropDownInner:hover a {
display: block;
float: none;
}
.dropDown .dropDownInner a.dropDownDesc {
display: inline-block;
}
.dropDown .dropDownInner:hover a.dropDownDesc {
display: none;
}
@media (max-width: 1024px) {
.dropDown {
position: static;
}
.dropDown .dropDownInner {
float: none !important;
margin-bottom: 5px;
text-align: center;
}
.dropDown .dropDownInner a {
padding: 3px 6px;
float: none !important;
display: block !important;
}
.dropDown .dropDownInner a:not(:last-child) {
border-bottom: 2px solid #9475B2;
}
.membersPageList {
padding-top: 10px;
}
}

1873
resources/assets/less/yuuno/legacy.less Normal file
View file

File diff suppressed because it is too large Load diff

2342
resources/assets/less/yuuno/main.less
View file

File diff suppressed because it is too large Load diff

2
resources/views/yuuno/auth/register.twig
View file

@ -48,7 +48,7 @@
</form>
<div class="registerForm" id="registerWarn" style="display: {% if not haltRegistration %}none{% else %}block{% endif %};">
<div class="centreAlign">
<h1 class="fa fa-warning fa-5x stylised" style="display: block; margin: 10px 0 0;"></h1>
<h1 class="fa fa-warning fa-5x" style="display: block; margin: 10px 0 0;"></h1>
<h1>Are you {{ haltName }}?</h1>
<p>Making more than one account is not permitted.</p>
<p>If you lost your password please use the reset password form but if you don't already have an account you can go ahead and click the link below to show the registration form this check is based on your IP so in some cases someone may have registered/used the site on this IP already.</p>

4
resources/views/yuuno/elements/comments.twig
View file

@ -8,7 +8,7 @@
<button class="comment-submit new" name="session" value="{{ session_id() }}" onclick="commentPost(this.parentNode, '{{ route('comments.category.post', commentsCategory) }}');">&#xf1d8;</button>
</div>
{% else %}
<h1 class="stylised" style="text-align: center; padding: 10px 0">Log in to comment!</h1>
<h1 style="text-align: center; padding: 10px 0">Log in to comment!</h1>
{% endif %}
</div>
<div class="comments-discussion">
@ -18,7 +18,7 @@
{% include 'elements/comment.twig' %}
{% endfor %}
{% else %}
<h1 class="stylised" style="text-align: center; padding: 10px 0">There are no comments yet!</h1>
<h1 style="text-align: center; padding: 10px 0">There are no comments yet!</h1>
{% endif %}
</ul>
</div>

2
resources/views/yuuno/forum/elements/forumBase.twig
View file

@ -49,7 +49,7 @@
</tbody>
</table>
{% else %}
<h1 class="stylised" style="margin: 2em auto; text-align: center;">There are no posts in this forum!</h1>
<h1 style="margin: 2em auto; text-align: center;">There are no posts in this forum!</h1>
{% endif %}
{% include 'forum/elements/forumBtns.twig' %}
{% endif %}

6
resources/views/yuuno/forum/index.twig
View file

@ -4,7 +4,7 @@
{% block content %}
<div class="content homepage forum">
<div class="content-right content-column">
<div class="content__right">
<div id="forumIndexPopularTopics">
<div class="head">Popular topics</div>
<table class="panelTable" style="border-spacing: 0;">
@ -54,11 +54,11 @@
</div>
</a>
{% else %}
<h1 class="stylised" style="margin: 1em 0; text-align: center;">No one yet!</h1>
<h1 style="margin: 1em 0; text-align: center;">No one yet!</h1>
{% endif %}
</div>
</div>
<div class="content-left content-column">
<div class="content__left">
{% include 'forum/elements/forumBase.twig' %}
</div>
<div class="clear"></div>

2
resources/views/yuuno/global/information.twig
View file

@ -3,7 +3,7 @@
{% set title = 'Information' %}
{% block content %}
<div class="content standalone">
<div class="content content--alt">
<div>
<h1>Information</h1>
<hr class="default">

2
resources/views/yuuno/info/master.twig
View file

@ -1,7 +1,7 @@
{% extends 'master.twig' %}
{% block content %}
<div class="content standalone bbcode">
<div class="content content--alt bbcode">
<div>
{{ block('info') }}
</div>

6
resources/views/yuuno/manage/master.twig
View file

@ -3,8 +3,8 @@
{% set title = category ~ ' / ' ~ mode %}
{% block content %}
<div class="content settings messages">
<div class="content-right content-column">
<div class="content settings messages">
<div class="content__right">
<div class="head">
Navigation
</div>
@ -17,7 +17,7 @@
{% endfor %}
</div>
</div>
<div class="content-left content-column">
<div class="content__left">
<div class="head">{{ title }}</div>
<div class="settings-explanation">{{ block('description') }}</div>
{{ block('manageContent') }}

113
resources/views/yuuno/master.twig
View file

@ -10,61 +10,69 @@
{% endif %}
{{ block('meta') }}
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="/css/yuuno.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="/css/yuuno.css" rel="stylesheet" type="text/css">
{{ block('css') }}
<script type="text/javascript" src="/js/sakura.js"></script>
<script type="text/javascript" src="/js/yuuno.js"></script>
<script src="/js/sakura.js" type="text/javascript"></script>
<script src="/js/yuuno.js" type="text/javascript"></script>
{{ block('js') }}
</head>
<body>
<div id="container">
<div id="container" class="container">
<span id="top"></span>
<div id="busy-window" class="ajax-busy hidden">
<div class="ajax-inner">
<h2 id="busy-status"></h2>
<div id="busy-window" class="busy hidden">
<div class="busy__content">
<h2 id="busy-status" class="busy__text"></h2>
<div class="fa fa-4x fa-refresh fa-spin" id="busy-icon"></div>
</div>
</div>
<div class="header" id="header">
<a class="logo" href="{{ route('main.index') }}">{% if config('general.logo') %}<img src="{{ config('general.logo') }}" alt="{{ config('general.name') }}">{% else %}{{ config('general.name') }}{% endif %}</a>
<div class="menu fa">
<div class="menu-nav" id="navMenuSite">
<a class="header__logo" href="{{ route('main.index') }}">
{% if config('general.logo') %}
<img src="{{ config('general.logo') }}" alt="{{ config('general.name') }}">
{% else %}
{{ config('general.name') }}
{% endif %}
</a>
<div class="header__menu">
<div class="header__menu--left" id="navMenuSite">
<!-- Navigation menu, displayed on left side of the bar. -->
<a class="menu-item fa-home" href="{{ route('main.index') }}" title="Home"></a>
<a class="menu-item fa-newspaper-o" href="{{ route('news.category') }}" title="News"></a>
<a class="menu-item fa-commenting" href="{{ route('chat.redirect') }}" title="Chat"></a>
<a class="menu-item fa-list" href="{{ route('forums.index') }}" title="Forums"></a>
<a class="menu-item fa-search" href="{{ route('main.search') }}" title="Search"></a>
<a class="header__menu-item fa-home" href="{{ route('main.index') }}" title="Home"></a>
<a class="header__menu-item fa-newspaper-o" href="{{ route('news.category') }}" title="News"></a>
<a class="header__menu-item fa-commenting" href="{{ route('chat.redirect') }}" title="Chat"></a>
<a class="header__menu-item fa-list" href="{{ route('forums.index') }}" title="Forums"></a>
<a class="header__menu-item fa-search" href="{{ route('main.search') }}" title="Search"></a>
{% if user.isActive %}
<a class="menu-item fa-users" href="{{ route('members.index') }}" title="Members"></a>
<a class="menu-item fa-heart" href="{{ route('premium.index') }}" title="Support us"></a>
<a class="header__menu-item fa-users" href="{{ route('members.index') }}" title="Members"></a>
<a class="header__menu-item fa-heart" href="{{ route('premium.index') }}" title="Support us"></a>
{% endif %}
</div>
<div class="menu-ucp" id="navMenuUser">
<div class="header__menu--right" id="navMenuUser">
<!-- User menu, displayed on right side of the bar. -->
{% if user.isActive %}
<a class="menu-item avatar" href="{{ route('user.profile', user.id) }}" title="Logged in as {{ user.username }}" style="background-image: url('{{ route('user.avatar', user.id) }}'); width: auto; color: {{ user.colour }}; border-color: {{ user.colour }}; font-weight: 700;"></a>
<a class="menu-item fa-envelope" href="#" title="Messages"></a>
<a class="menu-item fa-bell" href="javascript:;" title="Notifications"></a>
<a class="header__menu-item header__menu-item--avatar" href="{{ route('user.profile', user.id) }}" title="Logged in as {{ user.username }}" style="background-image: url('{{ route('user.avatar', user.id) }}'); width: auto; color: {{ user.colour }}; border-color: {{ user.colour }}; font-weight: 700;"></a>
<a class="header__menu-item fa-envelope" href="#" title="Messages"></a>
<a class="header__menu-item fa-bell" href="javascript:;" title="Notifications"></a>
{% if user.perms.isMod or user.perms.isAdmin %}
<a class="menu-item fa-gavel" href="{{ route('manage.index') }}" title="Manage"></a>
<a class="header__menu-item fa-gavel" href="{{ route('manage.index') }}" title="Manage"></a>
{% endif %}
<a class="menu-item fa-cogs" href="{{ route('settings.index') }}" title="Settings"></a>
<a class="menu-item fa-sign-out" href="{{ route('auth.logout') }}" title="Logout"></a>
<a class="header__menu-item fa-cogs" href="{{ route('settings.index') }}" title="Settings"></a>
<a class="header__menu-item fa-sign-out" href="{{ route('auth.logout') }}" title="Logout"></a>
{% else %}
<a class="menu-item fa-magic" href="{{ route('auth.register') }}" title="Register"></a>
<a class="menu-item fa-sign-in" href="{{ route('auth.login') }}" title="Login"></a>
<a class="header__menu-item fa-magic" href="{{ route('auth.register') }}" title="Register"></a>
<a class="header__menu-item fa-sign-in" href="{{ route('auth.login') }}" title="Login"></a>
{% endif %}
</div>
</div>
</div>
<div id="contentwrapper">
<div id="contentwrapper" class="container__content">
<div id="notifications" class="alerts"></div>
<div id="dialogues" class="dialogues"></div>
{% if profile is defined ? profile.background : (user.perms.changeBackground and (user.backgroundSitewide or showBG|default(false)) and user.background) %}
<div id="userBackground" style="background-image: url('{{ route('user.background', (profile is defined ? profile : user).id) }}');"></div>
{% endif %}
{% if not user.isActive and server['REQUEST_URI'] != route('auth.login') %}
<div class="headerLoginContainer">
<form method="post" action="{{ route('auth.login') }}" id="headerLoginForm">
@ -87,6 +95,7 @@
</form>
</div>
{% endif %}
{% if user.restricted %}
<div class="headerNotify" style="background: repeating-linear-gradient(-45deg, #B33, #B33 10px, #B00 10px, #B00 20px); color: #FFF; border: 1px solid #C00; box-shadow: 0 0 3px #C00;">
<h1>Your account is currently in <span style="font-weight: 700 !important;">restricted mode</span>!</h1>
@ -106,35 +115,35 @@
{% endif %}
{% block content %}
<h1 class="stylised" style="text-align: center; margin: 2em auto;">There is nothing here!</h1>
<h1 style="text-align: center; margin: 2em auto;">There is nothing here!</h1>
{% endblock %}
</div>
<div class="footer">
<div class="ftsections">
<div class="copycentre">Powered by <a href="https://github.com/flashwave/sakura/">Sakura</a> &copy; 2013-2016 <a href="http://aitemu.moe/">Aitemu</a></div>
<ul class="ftsection">
<li class="fthead">General</li>
<li><a href="{{ route('main.index') }}">Home</a></li>
<li><a href="{{ route('news.category') }}">News</a></li>
<li><a href="{{ route('main.search') }}">Search</a></li>
<li><a href="{{ route('info.contact') }}">Contact</a></li>
<li><a href="https://sakura.flash.moe">Changelog</a></li>
<li><a href="{{ route('premium.index') }}">Support us</a></li>
<div class="footer__sections">
<div class="footer__copyright">Powered by <a href="https://github.com/flashwave/sakura/">Sakura</a> &copy; 2013-2016 <a href="http://aitemu.moe/">Aitemu</a></div>
<ul class="footer__section">
<li class="footer_item footer_item--head">General</li>
<li class="footer_item"><a class="footer_link" href="{{ route('main.index') }}">Home</a></li>
<li class="footer_item"><a class="footer_link" href="{{ route('news.category') }}">News</a></li>
<li class="footer_item"><a class="footer_link" href="{{ route('main.search') }}">Search</a></li>
<li class="footer_item"><a class="footer_link" href="{{ route('info.contact') }}">Contact</a></li>
<li class="footer_item"><a class="footer_link" href="https://sakura.flash.moe">Changelog</a></li>
<li class="footer_item"><a class="footer_link" href="{{ route('premium.index') }}">Support us</a></li>
</ul>
<ul class="ftsection">
<li class="fthead">Community</li>
<li><a href="{{ route('forums.index') }}">Forums</a></li>
<li><a href="https://twitter.com/_flashii">Twitter</a></li>
<li><a href="https://youtube.com/user/flashiinet">YouTube</a></li>
<li><a href="https://steamcommunity.com/groups/flashiinet">Steam</a></li>
<li><a href="https://github.com/aitemu">GitHub</a></li>
<ul class="footer__section">
<li class="footer_item footer_item--head">Community</li>
<li class="footer_item"><a class="footer_link" href="{{ route('forums.index') }}">Forums</a></li>
<li class="footer_item"><a class="footer_link" href="https://twitter.com/_flashii">Twitter</a></li>
<li class="footer_item"><a class="footer_link" href="https://youtube.com/user/flashiinet">YouTube</a></li>
<li class="footer_item"><a class="footer_link" href="https://steamcommunity.com/groups/flashiinet">Steam</a></li>
<li class="footer_item"><a class="footer_link" href="https://github.com/aitemu">GitHub</a></li>
</ul>
<ul class="ftsection">
<li class="fthead">Information</li>
<li><a href="{{ route('main.faq') }}">FAQ</a></li>
<li><a href="{{ route('info.rules') }}">Rules</a></li>
<li><a href="{{ route('status.index') }}">Server Status</a></li>
<li><a href="{{ route('info.terms') }}">Terms of Service</a></li>
<ul class="footer__section">
<li class="footer_item footer_item--head">Information</li>
<li class="footer_item"><a class="footer_link" href="{{ route('main.faq') }}">FAQ</a></li>
<li class="footer_item"><a class="footer_link" href="{{ route('info.rules') }}">Rules</a></li>
<li class="footer_item"><a class="footer_link" href="{{ route('status.index') }}">Server Status</a></li>
<li class="footer_item"><a class="footer_link" href="{{ route('info.terms') }}">Terms of Service</a></li>
</ul>
</div>
</div>

2
resources/views/yuuno/meta/faq.twig
View file

@ -14,7 +14,7 @@
{% endfor %}
</div>
</div>
<div class="content-left content-column">
<div class="content__left">
{% for question in page.questions %}
<div class="head" id="{{ question.faq_shorthand }}">
{{ question.faq_question }}

4
resources/views/yuuno/meta/index.twig
View file

@ -2,10 +2,10 @@
{% block content %}
<div class="content homepage">
<div class="content-right content-column">
<div class="content__right">
{% include 'elements/indexPanel.twig' %}
</div>
<div class="content-left content-column">
<div class="content__left">
<div class="head">News</div>
{% for post in news %}
{% include 'elements/newsPost.twig' %}

4
resources/views/yuuno/meta/settings.twig
View file

@ -4,10 +4,10 @@
{% block content %}
<div class="content settings messages">
<div class="content-right content-column">
<div class="content__right">
{% include 'elements/settingsNav.twig' %}
</div>
<div class="content-left content-column">
<div class="content__left">
<div class="head">
{{ page.category }} / {{ page.mode }}
</div>

6
resources/views/yuuno/premium/complete.twig
View file

@ -3,9 +3,9 @@
{% set title = 'Purchase complete!' %}
{% block content %}
<div class="content standalone" style="text-align: center;">
<h1 class="stylised" style="margin: 1em auto;">Thank you for your contribution!</h1>
<h1 class="fa fa-heart stylised" style="font-size: 20em;"></h1>
<div class="content content--alt" style="text-align: center;">
<h1 style="margin: 1em auto;">Thank you for your contribution!</h1>
<h1 class="fa fa-heart" style="font-size: 20em;"></h1>
<h3>Your Tenshi will expire on {{ user.isPremium|date(config('general.date_format')) }}.</h3>
</div>
{% endblock %}

6
resources/views/yuuno/premium/error.twig
View file

@ -3,9 +3,9 @@
{% set title = 'Something went wrong!' %}
{% block content %}
<div class="content standalone" style="text-align: center;">
<h1 class="stylised" style="margin: 1em auto;">Something went wrong!</h1>
<h1 class="fa fa-exclamation-triangle stylised" style="font-size: 20em;"></h1>
<div class="content content--alt" style="text-align: center;">
<h1 style="margin: 1em auto;">Something went wrong!</h1>
<h1 class="fa fa-exclamation-triangle" style="font-size: 20em;"></h1>
<h3>Your account shouldn't have been charged yet, if it has contact staff ASAP.</h3>
</div>
{% endblock %}

6
resources/views/yuuno/premium/index.twig
View file

@ -64,7 +64,7 @@
</div>
<div class="checkout" style="line-height: 28px;">
<div style="float: left;">
<h1 class="stylised">Total: &#8364;<span id="totalAmount"></span></h1>
<h1>Total: &#8364;<span id="totalAmount"></span></h1>
</div>
<div style="float: right;">
<button class="inputStyling" onclick="Yuuno.Busy.Show(Yuuno.BusyMode.BUSY, 'Please wait...');document.getElementById('purchaseForm').submit();">Get <span id="monthNoBtn">1</span> month<span id="monthsTrailingS"></span> of Tenshi</button>
@ -72,9 +72,9 @@
<div class="clear"></div>
</div>
{% elseif user.isActive %}
<h1 style="text-align: center; margin: 1em auto;" class="stylised">You can't get Tenshi at the current moment!</h1>
<h1 style="text-align: center; margin: 1em auto;">You can't get Tenshi at the current moment!</h1>
{% else %}
<h1 style="text-align: center; margin: 1em auto;" class="stylised">You need to be logged in to get Tenshi!</h1>
<h1 style="text-align: center; margin: 1em auto;">You need to be logged in to get Tenshi!</h1>
{% endif %}
</div>
{% if user.isActive and user.verified %}

2
resources/views/yuuno/profile/comments.twig
View file

@ -1,6 +1,6 @@
{% set comments = profile.profileComments %}
{% set commentsCategory = 'profile-' ~ profile.id %}
<div class="new-profile-mode-title">
<h1 class="stylised">Comments</h1>
<h1>Comments</h1>
</div>
{% include 'elements/comments.twig' %}

4
resources/views/yuuno/profile/friends.twig
View file

@ -4,7 +4,7 @@
{% set paginationUrl %}{{ route('user.profile', profile.id) }}{% endset %}
<div class="new-profile-mode-title">
<h1 class="stylised">Friends</h1>
<h1>Friends</h1>
</div>
<div class="profile-friends">
{% if friends|length > 0 %}
@ -18,7 +18,7 @@
{% endfor %}
<div class="clear"></div>
{% else %}
<h1 class="stylised" style="text-align: center; margin: 2em auto;">This user has no friends :(</h1>
<h1 style="text-align: center; margin: 2em auto;">This user has no friends :(</h1>
{% endif %}
</div>
{% if friends|length > 1 %}

2
resources/views/yuuno/settings/friends/listing.twig
View file

@ -34,6 +34,6 @@
</div>
{% endif %}
{% else %}
<h1 class="stylised" style="margin: 2em auto; text-align: center;">You don't have any friends yet!</h1>
<h1 style="margin: 2em auto; text-align: center;">You don't have any friends yet!</h1>
{% endif %}
{% endblock %}

2
resources/views/yuuno/settings/friends/requests.twig
View file

@ -35,6 +35,6 @@
</div>
{% endif %}
{% else %}
<h1 class="stylised" style="margin: 2em auto; text-align: center;">You don't have any pending requests!</h1>
<h1 style="margin: 2em auto; text-align: center;">You don't have any pending requests!</h1>
{% endif %}
{% endblock %}

4
resources/views/yuuno/settings/master.twig
View file

@ -48,7 +48,7 @@
{% block content %}
<div class="content settings messages">
<div class="content-right content-column">
<div class="content__left">
<div class="head">
Navigation
</div>
@ -61,7 +61,7 @@
{% endfor %}
</div>
</div>
<div class="content-left content-column">
<div class="content__left">
<div class="head">{{ title }}</div>
<div class="settings-explanation">{{ block('description') }}</div>
{{ block('settingsContent') }}

2
resources/views/yuuno/settings/notifications/history.twig
View file

@ -54,6 +54,6 @@
</div>
{% endif %}
{% else %}
<h1 class="stylised" style="margin: 2em auto; text-align: center;">You don't have any notifications in your history!</h1>
<h1 style="margin: 2em auto; text-align: center;">You don't have any notifications in your history!</h1>
{% endif %}
{% endblock %}

16
resources/views/yuuno/user/members.twig
View file

@ -28,24 +28,24 @@
<h3>{{ rankDescription }}</h3>
</div>
<div class="membersPage" style="min-height: 500px;">
<div class="dropDown" style="margin: 0 auto; font-size: 1.5em; line-height: 1.5em; height: 30px;">
<div class="dropDownInner" style="float: left; color: #FFF;">
<a class="dropDownDesc">Rank:</a>
<div style="display: inline-block; margin: 0 auto; font-size: 1.5em; line-height: 1.5em; height: 30px;">
<div class="dropdown" style="float: left; color: #FFF;">
<a class="dropdown__title">Rank:</a>
{% for r in ranks %}
{% if not r.hidden or (r.hidden and rank == r.id) %}
<a href="{{ route('members.rank', r.id) }}{{ server['QUERY_STRING'] is defined ? '?' : '' }}{{ server['QUERY_STRING']|default('') }}" style="color: {{ r.colour }};"{% if rank == r.id %} class="dropDownSelected"{% endif %}>{{ r.id == 0 ? 'Not found' : r.name(true) }}</a>
<a class="dropdown__option{% if rank == r.id %} dropdown__option--selected{% endif %}" href="{{ route('members.rank', r.id) }}{{ server['QUERY_STRING'] is defined ? '?' : '' }}{{ server['QUERY_STRING']|default('') }}" style="color: {{ r.colour }};">{{ r.id == 0 ? 'Not found' : r.name(true) }}</a>
{% endif %}
{% endfor %}
</div>
<div class="dropDownInner" style="float: left;">
<a class="dropDownDesc">View:</a>
<div class="dropdown" style="float: left;">
<a class="dropdown__title">View:</a>
{% for s in sorts %}
<a href="?{{ server['QUERY_STRING']|default('') }}{{ server['QUERY_STRING']|default('') ? '&' : '' }}sort={{ s }}"{% if s == sort %} class="dropDownSelected"{% endif %}>{{ s|capitalize }}</a>
<a class="dropdown__option {% if s == sort %} dropdown__option--selected{% endif %}" href="?{{ server['QUERY_STRING']|default('') }}{{ server['QUERY_STRING']|default('') ? '&' : '' }}sort={{ s }}">{{ s|capitalize }}</a>
{% endfor %}
</div>
</div>
{% if not users|length %}
<h1 class="stylised" style="margin: 2em 0;">This rank has no members!</h1>
<h1 style="margin: 2em 0;">This rank has no members!</h1>
{% elseif not notfound %}
<div class="membersPageList {{ sort }}">
{% if sort == sorts[2] %}

4
resources/views/yuuno/user/profile.twig
View file

@ -171,7 +171,7 @@
{% block content %}
{% if profileHidden %}
<div class="content standalone">
<div class="content content--alt">
<div style="padding: 20px;">
<h1>The requested user does not exist!</h1>
There are a few possible reasons for this:
@ -257,7 +257,7 @@
</div>
</div>
{% endif %}
<noscript><h1 class="stylised" style="text-align: center;">Please enable Javascript!</h1></noscript>
<noscript><h1 style="text-align: center;">Please enable Javascript!</h1></noscript>
<div id="profile-mode-userpage" class="hidden">
{% include 'profile/userpage.twig' %}
</div>

4
resources/views/yuuno/user/report.twig
View file

@ -1,6 +1,6 @@
{% extends 'master.twig' %}
{% block content %}
<h1 class="stylised" style="text-align: center; margin: 2em auto;">I'll actually make reporting a thing, someday...</h1>
<h3 class="stylised" style="text-align: center; margin: 2em auto;">...but today is not that day.</h3>
<h1 style="text-align: center; margin: 2em auto;">I'll actually make reporting a thing, someday...</h1>
<h3 style="text-align: center; margin: 2em auto;">...but today is not that day.</h3>
{% endblock %}