moving yuuno to bem part 1
This commit is contained in:
parent
612d579069
commit
9c3a5ebfc9
38 changed files with 2361 additions and 2510 deletions
|
@ -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
61
resources/assets/less/yuuno/base.less
Normal 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;
|
||||
}
|
27
resources/assets/less/yuuno/bem/busy.less
Normal file
27
resources/assets/less/yuuno/bem/busy.less
Normal 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
12
resources/assets/less/yuuno/bem/container.less
Normal 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
24
resources/assets/less/yuuno/bem/content.less
Normal 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;
|
||||
}
|
||||
}
|
74
resources/assets/less/yuuno/bem/dropdown.less
Normal file
74
resources/assets/less/yuuno/bem/dropdown.less
Normal 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
55
resources/assets/less/yuuno/bem/footer.less
Normal 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
114
resources/assets/less/yuuno/bem/header.less
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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
1873
resources/assets/less/yuuno/legacy.less
Normal file
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
@ -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>
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<button class="comment-submit new" name="session" value="{{ session_id() }}" onclick="commentPost(this.parentNode, '{{ route('comments.category.post', commentsCategory) }}');"></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>
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
{% extends 'master.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="content standalone bbcode">
|
||||
<div class="content content--alt bbcode">
|
||||
<div>
|
||||
{{ block('info') }}
|
||||
</div>
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
{% block content %}
|
||||
<div class="content settings messages">
|
||||
<div class="content-right content-column">
|
||||
<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') }}
|
||||
|
|
|
@ -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> © 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> © 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>
|
||||
|
|
|
@ -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 }}
|
||||
|
|
|
@ -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,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>
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -64,7 +64,7 @@
|
|||
</div>
|
||||
<div class="checkout" style="line-height: 28px;">
|
||||
<div style="float: left;">
|
||||
<h1 class="stylised">Total: €<span id="totalAmount"></span></h1>
|
||||
<h1>Total: €<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 %}
|
||||
|
|
|
@ -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,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 %}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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') }}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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] %}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 %}
|
||||
|
|
Reference in a new issue