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 of the site
|
||||||
description = Test 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
|
design = yuuno
|
||||||
|
|
||||||
; Category to be used for site news
|
; 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>
|
</form>
|
||||||
<div class="registerForm" id="registerWarn" style="display: {% if not haltRegistration %}none{% else %}block{% endif %};">
|
<div class="registerForm" id="registerWarn" style="display: {% if not haltRegistration %}none{% else %}block{% endif %};">
|
||||||
<div class="centreAlign">
|
<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>
|
<h1>Are you {{ haltName }}?</h1>
|
||||||
<p>Making more than one account is not permitted.</p>
|
<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>
|
<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>
|
<button class="comment-submit new" name="session" value="{{ session_id() }}" onclick="commentPost(this.parentNode, '{{ route('comments.category.post', commentsCategory) }}');"></button>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% 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 %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<div class="comments-discussion">
|
<div class="comments-discussion">
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
{% include 'elements/comment.twig' %}
|
{% include 'elements/comment.twig' %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% else %}
|
{% 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 %}
|
{% endif %}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -49,7 +49,7 @@
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
{% else %}
|
{% 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 %}
|
{% endif %}
|
||||||
{% include 'forum/elements/forumBtns.twig' %}
|
{% include 'forum/elements/forumBtns.twig' %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content homepage forum">
|
<div class="content homepage forum">
|
||||||
<div class="content-right content-column">
|
<div class="content__right">
|
||||||
<div id="forumIndexPopularTopics">
|
<div id="forumIndexPopularTopics">
|
||||||
<div class="head">Popular topics</div>
|
<div class="head">Popular topics</div>
|
||||||
<table class="panelTable" style="border-spacing: 0;">
|
<table class="panelTable" style="border-spacing: 0;">
|
||||||
|
|
@ -54,11 +54,11 @@
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
{% else %}
|
{% 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 %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-left content-column">
|
<div class="content__left">
|
||||||
{% include 'forum/elements/forumBase.twig' %}
|
{% include 'forum/elements/forumBase.twig' %}
|
||||||
</div>
|
</div>
|
||||||
<div class="clear"></div>
|
<div class="clear"></div>
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
{% set title = 'Information' %}
|
{% set title = 'Information' %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content standalone">
|
<div class="content content--alt">
|
||||||
<div>
|
<div>
|
||||||
<h1>Information</h1>
|
<h1>Information</h1>
|
||||||
<hr class="default">
|
<hr class="default">
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
{% extends 'master.twig' %}
|
{% extends 'master.twig' %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content standalone bbcode">
|
<div class="content content--alt bbcode">
|
||||||
<div>
|
<div>
|
||||||
{{ block('info') }}
|
{{ block('info') }}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -3,8 +3,8 @@
|
||||||
{% set title = category ~ ' / ' ~ mode %}
|
{% set title = category ~ ' / ' ~ mode %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content settings messages">
|
<div class="content settings messages">
|
||||||
<div class="content-right content-column">
|
<div class="content__right">
|
||||||
<div class="head">
|
<div class="head">
|
||||||
Navigation
|
Navigation
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-left content-column">
|
<div class="content__left">
|
||||||
<div class="head">{{ title }}</div>
|
<div class="head">{{ title }}</div>
|
||||||
<div class="settings-explanation">{{ block('description') }}</div>
|
<div class="settings-explanation">{{ block('description') }}</div>
|
||||||
{{ block('manageContent') }}
|
{{ block('manageContent') }}
|
||||||
|
|
|
||||||
|
|
@ -10,61 +10,69 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{{ block('meta') }}
|
{{ block('meta') }}
|
||||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
|
<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 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||||
<link rel="stylesheet" type="text/css" href="/css/yuuno.css">
|
<link href="/css/yuuno.css" rel="stylesheet" type="text/css">
|
||||||
{{ block('css') }}
|
{{ block('css') }}
|
||||||
<script type="text/javascript" src="/js/sakura.js"></script>
|
<script src="/js/sakura.js" type="text/javascript"></script>
|
||||||
<script type="text/javascript" src="/js/yuuno.js"></script>
|
<script src="/js/yuuno.js" type="text/javascript"></script>
|
||||||
{{ block('js') }}
|
{{ block('js') }}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="container">
|
<div id="container" class="container">
|
||||||
<span id="top"></span>
|
<span id="top"></span>
|
||||||
<div id="busy-window" class="ajax-busy hidden">
|
<div id="busy-window" class="busy hidden">
|
||||||
<div class="ajax-inner">
|
<div class="busy__content">
|
||||||
<h2 id="busy-status"></h2>
|
<h2 id="busy-status" class="busy__text"></h2>
|
||||||
<div class="fa fa-4x fa-refresh fa-spin" id="busy-icon"></div>
|
<div class="fa fa-4x fa-refresh fa-spin" id="busy-icon"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="header" id="header">
|
<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>
|
<a class="header__logo" href="{{ route('main.index') }}">
|
||||||
<div class="menu fa">
|
{% if config('general.logo') %}
|
||||||
<div class="menu-nav" id="navMenuSite">
|
<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. -->
|
<!-- Navigation menu, displayed on left side of the bar. -->
|
||||||
<a class="menu-item fa-home" href="{{ route('main.index') }}" title="Home"></a>
|
<a class="header__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="header__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="header__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="header__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-search" href="{{ route('main.search') }}" title="Search"></a>
|
||||||
{% if user.isActive %}
|
{% if user.isActive %}
|
||||||
<a class="menu-item fa-users" href="{{ route('members.index') }}" title="Members"></a>
|
<a class="header__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-heart" href="{{ route('premium.index') }}" title="Support us"></a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<div class="menu-ucp" id="navMenuUser">
|
<div class="header__menu--right" id="navMenuUser">
|
||||||
<!-- User menu, displayed on right side of the bar. -->
|
<!-- User menu, displayed on right side of the bar. -->
|
||||||
{% if user.isActive %}
|
{% 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="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="menu-item fa-envelope" href="#" title="Messages"></a>
|
<a class="header__menu-item fa-envelope" href="#" title="Messages"></a>
|
||||||
<a class="menu-item fa-bell" href="javascript:;" title="Notifications"></a>
|
<a class="header__menu-item fa-bell" href="javascript:;" title="Notifications"></a>
|
||||||
{% if user.perms.isMod or user.perms.isAdmin %}
|
{% 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 %}
|
{% endif %}
|
||||||
<a class="menu-item fa-cogs" href="{{ route('settings.index') }}" title="Settings"></a>
|
<a class="header__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-sign-out" href="{{ route('auth.logout') }}" title="Logout"></a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a class="menu-item fa-magic" href="{{ route('auth.register') }}" title="Register"></a>
|
<a class="header__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-sign-in" href="{{ route('auth.login') }}" title="Login"></a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="contentwrapper">
|
<div id="contentwrapper" class="container__content">
|
||||||
<div id="notifications" class="alerts"></div>
|
<div id="notifications" class="alerts"></div>
|
||||||
<div id="dialogues" class="dialogues"></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) %}
|
{% 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>
|
<div id="userBackground" style="background-image: url('{{ route('user.background', (profile is defined ? profile : user).id) }}');"></div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if not user.isActive and server['REQUEST_URI'] != route('auth.login') %}
|
{% if not user.isActive and server['REQUEST_URI'] != route('auth.login') %}
|
||||||
<div class="headerLoginContainer">
|
<div class="headerLoginContainer">
|
||||||
<form method="post" action="{{ route('auth.login') }}" id="headerLoginForm">
|
<form method="post" action="{{ route('auth.login') }}" id="headerLoginForm">
|
||||||
|
|
@ -87,6 +95,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if user.restricted %}
|
{% 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;">
|
<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>
|
<h1>Your account is currently in <span style="font-weight: 700 !important;">restricted mode</span>!</h1>
|
||||||
|
|
@ -106,35 +115,35 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% block content %}
|
{% 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 %}
|
{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="ftsections">
|
<div class="footer__sections">
|
||||||
<div class="copycentre">Powered by <a href="https://github.com/flashwave/sakura/">Sakura</a> © 2013-2016 <a href="http://aitemu.moe/">Aitemu</a></div>
|
<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="ftsection">
|
<ul class="footer__section">
|
||||||
<li class="fthead">General</li>
|
<li class="footer_item footer_item--head">General</li>
|
||||||
<li><a href="{{ route('main.index') }}">Home</a></li>
|
<li class="footer_item"><a class="footer_link" href="{{ route('main.index') }}">Home</a></li>
|
||||||
<li><a href="{{ route('news.category') }}">News</a></li>
|
<li class="footer_item"><a class="footer_link" href="{{ route('news.category') }}">News</a></li>
|
||||||
<li><a href="{{ route('main.search') }}">Search</a></li>
|
<li class="footer_item"><a class="footer_link" href="{{ route('main.search') }}">Search</a></li>
|
||||||
<li><a href="{{ route('info.contact') }}">Contact</a></li>
|
<li class="footer_item"><a class="footer_link" href="{{ route('info.contact') }}">Contact</a></li>
|
||||||
<li><a href="https://sakura.flash.moe">Changelog</a></li>
|
<li class="footer_item"><a class="footer_link" href="https://sakura.flash.moe">Changelog</a></li>
|
||||||
<li><a href="{{ route('premium.index') }}">Support us</a></li>
|
<li class="footer_item"><a class="footer_link" href="{{ route('premium.index') }}">Support us</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="ftsection">
|
<ul class="footer__section">
|
||||||
<li class="fthead">Community</li>
|
<li class="footer_item footer_item--head">Community</li>
|
||||||
<li><a href="{{ route('forums.index') }}">Forums</a></li>
|
<li class="footer_item"><a class="footer_link" href="{{ route('forums.index') }}">Forums</a></li>
|
||||||
<li><a href="https://twitter.com/_flashii">Twitter</a></li>
|
<li class="footer_item"><a class="footer_link" href="https://twitter.com/_flashii">Twitter</a></li>
|
||||||
<li><a href="https://youtube.com/user/flashiinet">YouTube</a></li>
|
<li class="footer_item"><a class="footer_link" href="https://youtube.com/user/flashiinet">YouTube</a></li>
|
||||||
<li><a href="https://steamcommunity.com/groups/flashiinet">Steam</a></li>
|
<li class="footer_item"><a class="footer_link" href="https://steamcommunity.com/groups/flashiinet">Steam</a></li>
|
||||||
<li><a href="https://github.com/aitemu">GitHub</a></li>
|
<li class="footer_item"><a class="footer_link" href="https://github.com/aitemu">GitHub</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="ftsection">
|
<ul class="footer__section">
|
||||||
<li class="fthead">Information</li>
|
<li class="footer_item footer_item--head">Information</li>
|
||||||
<li><a href="{{ route('main.faq') }}">FAQ</a></li>
|
<li class="footer_item"><a class="footer_link" href="{{ route('main.faq') }}">FAQ</a></li>
|
||||||
<li><a href="{{ route('info.rules') }}">Rules</a></li>
|
<li class="footer_item"><a class="footer_link" href="{{ route('info.rules') }}">Rules</a></li>
|
||||||
<li><a href="{{ route('status.index') }}">Server Status</a></li>
|
<li class="footer_item"><a class="footer_link" href="{{ route('status.index') }}">Server Status</a></li>
|
||||||
<li><a href="{{ route('info.terms') }}">Terms of Service</a></li>
|
<li class="footer_item"><a class="footer_link" href="{{ route('info.terms') }}">Terms of Service</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-left content-column">
|
<div class="content__left">
|
||||||
{% for question in page.questions %}
|
{% for question in page.questions %}
|
||||||
<div class="head" id="{{ question.faq_shorthand }}">
|
<div class="head" id="{{ question.faq_shorthand }}">
|
||||||
{{ question.faq_question }}
|
{{ question.faq_question }}
|
||||||
|
|
|
||||||
|
|
@ -2,10 +2,10 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content homepage">
|
<div class="content homepage">
|
||||||
<div class="content-right content-column">
|
<div class="content__right">
|
||||||
{% include 'elements/indexPanel.twig' %}
|
{% include 'elements/indexPanel.twig' %}
|
||||||
</div>
|
</div>
|
||||||
<div class="content-left content-column">
|
<div class="content__left">
|
||||||
<div class="head">News</div>
|
<div class="head">News</div>
|
||||||
{% for post in news %}
|
{% for post in news %}
|
||||||
{% include 'elements/newsPost.twig' %}
|
{% include 'elements/newsPost.twig' %}
|
||||||
|
|
|
||||||
|
|
@ -4,10 +4,10 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content settings messages">
|
<div class="content settings messages">
|
||||||
<div class="content-right content-column">
|
<div class="content__right">
|
||||||
{% include 'elements/settingsNav.twig' %}
|
{% include 'elements/settingsNav.twig' %}
|
||||||
</div>
|
</div>
|
||||||
<div class="content-left content-column">
|
<div class="content__left">
|
||||||
<div class="head">
|
<div class="head">
|
||||||
{{ page.category }} / {{ page.mode }}
|
{{ page.category }} / {{ page.mode }}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -3,9 +3,9 @@
|
||||||
{% set title = 'Purchase complete!' %}
|
{% set title = 'Purchase complete!' %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content standalone" style="text-align: center;">
|
<div class="content content--alt" style="text-align: center;">
|
||||||
<h1 class="stylised" style="margin: 1em auto;">Thank you for your contribution!</h1>
|
<h1 style="margin: 1em auto;">Thank you for your contribution!</h1>
|
||||||
<h1 class="fa fa-heart stylised" style="font-size: 20em;"></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>
|
<h3>Your Tenshi will expire on {{ user.isPremium|date(config('general.date_format')) }}.</h3>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -3,9 +3,9 @@
|
||||||
{% set title = 'Something went wrong!' %}
|
{% set title = 'Something went wrong!' %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content standalone" style="text-align: center;">
|
<div class="content content--alt" style="text-align: center;">
|
||||||
<h1 class="stylised" style="margin: 1em auto;">Something went wrong!</h1>
|
<h1 style="margin: 1em auto;">Something went wrong!</h1>
|
||||||
<h1 class="fa fa-exclamation-triangle stylised" style="font-size: 20em;"></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>
|
<h3>Your account shouldn't have been charged yet, if it has contact staff ASAP.</h3>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="checkout" style="line-height: 28px;">
|
<div class="checkout" style="line-height: 28px;">
|
||||||
<div style="float: left;">
|
<div style="float: left;">
|
||||||
<h1 class="stylised">Total: €<span id="totalAmount"></span></h1>
|
<h1>Total: €<span id="totalAmount"></span></h1>
|
||||||
</div>
|
</div>
|
||||||
<div style="float: right;">
|
<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>
|
<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 class="clear"></div>
|
||||||
</div>
|
</div>
|
||||||
{% elseif user.isActive %}
|
{% 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 %}
|
{% 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 %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% if user.isActive and user.verified %}
|
{% if user.isActive and user.verified %}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
{% set comments = profile.profileComments %}
|
{% set comments = profile.profileComments %}
|
||||||
{% set commentsCategory = 'profile-' ~ profile.id %}
|
{% set commentsCategory = 'profile-' ~ profile.id %}
|
||||||
<div class="new-profile-mode-title">
|
<div class="new-profile-mode-title">
|
||||||
<h1 class="stylised">Comments</h1>
|
<h1>Comments</h1>
|
||||||
</div>
|
</div>
|
||||||
{% include 'elements/comments.twig' %}
|
{% include 'elements/comments.twig' %}
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
{% set paginationUrl %}{{ route('user.profile', profile.id) }}{% endset %}
|
{% set paginationUrl %}{{ route('user.profile', profile.id) }}{% endset %}
|
||||||
|
|
||||||
<div class="new-profile-mode-title">
|
<div class="new-profile-mode-title">
|
||||||
<h1 class="stylised">Friends</h1>
|
<h1>Friends</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="profile-friends">
|
<div class="profile-friends">
|
||||||
{% if friends|length > 0 %}
|
{% if friends|length > 0 %}
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<div class="clear"></div>
|
<div class="clear"></div>
|
||||||
{% else %}
|
{% 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 %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% if friends|length > 1 %}
|
{% if friends|length > 1 %}
|
||||||
|
|
|
||||||
|
|
@ -34,6 +34,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% else %}
|
{% 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 %}
|
{% endif %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -35,6 +35,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% else %}
|
{% 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 %}
|
{% endif %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -48,7 +48,7 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content settings messages">
|
<div class="content settings messages">
|
||||||
<div class="content-right content-column">
|
<div class="content__left">
|
||||||
<div class="head">
|
<div class="head">
|
||||||
Navigation
|
Navigation
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -61,7 +61,7 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-left content-column">
|
<div class="content__left">
|
||||||
<div class="head">{{ title }}</div>
|
<div class="head">{{ title }}</div>
|
||||||
<div class="settings-explanation">{{ block('description') }}</div>
|
<div class="settings-explanation">{{ block('description') }}</div>
|
||||||
{{ block('settingsContent') }}
|
{{ block('settingsContent') }}
|
||||||
|
|
|
||||||
|
|
@ -54,6 +54,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% else %}
|
{% 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 %}
|
{% endif %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -28,24 +28,24 @@
|
||||||
<h3>{{ rankDescription }}</h3>
|
<h3>{{ rankDescription }}</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="membersPage" style="min-height: 500px;">
|
<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 style="display: inline-block; margin: 0 auto; font-size: 1.5em; line-height: 1.5em; height: 30px;">
|
||||||
<div class="dropDownInner" style="float: left; color: #FFF;">
|
<div class="dropdown" style="float: left; color: #FFF;">
|
||||||
<a class="dropDownDesc">Rank:</a>
|
<a class="dropdown__title">Rank:</a>
|
||||||
{% for r in ranks %}
|
{% for r in ranks %}
|
||||||
{% if not r.hidden or (r.hidden and rank == r.id) %}
|
{% 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 %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
<div class="dropDownInner" style="float: left;">
|
<div class="dropdown" style="float: left;">
|
||||||
<a class="dropDownDesc">View:</a>
|
<a class="dropdown__title">View:</a>
|
||||||
{% for s in sorts %}
|
{% 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 %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% if not users|length %}
|
{% 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 %}
|
{% elseif not notfound %}
|
||||||
<div class="membersPageList {{ sort }}">
|
<div class="membersPageList {{ sort }}">
|
||||||
{% if sort == sorts[2] %}
|
{% if sort == sorts[2] %}
|
||||||
|
|
|
||||||
|
|
@ -171,7 +171,7 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% if profileHidden %}
|
{% if profileHidden %}
|
||||||
<div class="content standalone">
|
<div class="content content--alt">
|
||||||
<div style="padding: 20px;">
|
<div style="padding: 20px;">
|
||||||
<h1>The requested user does not exist!</h1>
|
<h1>The requested user does not exist!</h1>
|
||||||
There are a few possible reasons for this:
|
There are a few possible reasons for this:
|
||||||
|
|
@ -257,7 +257,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% 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">
|
<div id="profile-mode-userpage" class="hidden">
|
||||||
{% include 'profile/userpage.twig' %}
|
{% include 'profile/userpage.twig' %}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
{% extends 'master.twig' %}
|
{% extends 'master.twig' %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<h1 class="stylised" style="text-align: center; margin: 2em auto;">I'll actually make reporting a thing, someday...</h1>
|
<h1 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>
|
<h3 style="text-align: center; margin: 2em auto;">...but today is not that day.</h3>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
Reference in a new issue