flashii/misuzu
flashii/misuzu
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Removed old Nova assets.

Browse source
This commit is contained in:
flash 2018-08-15 01:39:52 +02:00
parent c777d57373
commit d82277ebdd
21 changed files with 0 additions and 791 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
assets/less/nova/base.less
View file

@ -1,24 +0,0 @@
* {
margin: 0;
position: relative;
box-sizing: border-box;
}
html,
body {
height: 100%;
font: @base-font-size "Exo 2", sans-serif;
}
.fa {
font-family: inherit;
&:before {
font-family: FontAwesome;
}
}
// .turbolinks-progress-bar {
// height: 5px;
// background-color: green;
// }

10
assets/less/nova/bem/auth.less
View file

@ -1,10 +0,0 @@
.auth {
&__avatar {
height: 100px;
width: 100px;
background: no-repeat center center / cover @grey-f;
border-radius: 100%;
box-shadow: 0 @global-shadow-distance @global-shadow-size fade(@grey-1, @global-shadow-opacity);
margin: 6px auto 10px;
}
}

25
assets/less/nova/bem/banner.less
View file

@ -1,25 +0,0 @@
.banner {
height: 150px;
margin-top: @general-spacing;
background: no-repeat center center / cover @grey-2;
box-shadow: 0 @global-shadow-distance @global-shadow-size fade(@grey-1, @global-shadow-opacity);
display: flex;
flex-flow: column-reverse;
&--large {
height: 250px;
}
&--insane {
height: 400px;
}
&__bottom {
height: 60px;
background: fade(@grey-0, 80%);
display: inline-flex;
flex-flow: row;
align-items: center;
line-height: 1;
}
}

21
assets/less/nova/bem/button.less
View file

@ -1,21 +0,0 @@
.button {
color: @grey-f;
text-decoration: none;
border: 0;
border-radius: 2px;
font-size: 1.5em;
font-family: inherit;
width: 100%;
background: darken(@purple, 20%);
padding: @general-spacing;
margin-bottom: 8px;
box-shadow: 0 8px 2px darken(@purple, 22%);
cursor: pointer;
transition: margin-bottom .2s, margin-top .2s, box-shadow .2s;
&:active {
margin-bottom: 2px;
margin-top: 6px;
box-shadow: 0 2px 2px darken(@purple, 22%);
}
}

35
assets/less/nova/bem/container.less
View file

@ -1,35 +0,0 @@
.container {
min-height: 100%;
color: @grey-f;
background: url(@grid) @purple;
// no-repeat center center / cover
text-align: center;
&__wrapper {
margin: 0 auto;
padding: @general-spacing;
max-width: @container-max-width;
padding-bottom: 59px; // oddly specific number but it works
}
&__footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: .7em;
height: 60px;
padding-top: 20px;
background: linear-gradient(0deg, fade(@grey-0, 60%) 70%, fade(@grey-0, 70%) 80%, fade(@grey-0, 40%) 80%, transparent 90%) transparent;
&-link {
color: inherit;
text-decoration: none;
margin: 0 @general-spacing;
&:hover {
text-decoration: underline;
}
}
}
}

52
assets/less/nova/bem/form.less
View file

@ -1,52 +0,0 @@
.form {
&__text {
background: fade(@grey-0, 50%);
border: 0;
border-radius: 2px;
font-size: 1.5em;
margin-bottom: @general-spacing;
box-shadow: inset 0 @global-shadow-distance @global-inner-shadow-size fade(@grey-0, @global-shadow-opacity);
padding: @general-spacing;
color: @grey-f;
font-family: inherit;
width: 100%;
}
&__status {
background: @grey-3;
margin: -@general-spacing;
margin-bottom: @general-spacing;
height: 40px;
display: flex;
align-items: center;
&-icon {
width: 40px;
height: 40px;
background: fade(@grey-0, 50%);
font-family: FontAwesome;
display: inline-flex;
align-items: center;
justify-content: center;
&:before {
content: "\f054";
}
}
&-text {
flex-grow: 1;
text-align: left;
padding: 0 (@general-spacing * 4);
font-size: .8em;
}
&--fail {
background: @red;
.form__status-icon:before {
content: "\f071";
}
}
}
}

47
assets/less/nova/bem/header.less
View file

@ -1,47 +0,0 @@
.header {
width: 100%;
background: @grey-2;
box-shadow: 0 @global-shadow-distance @global-shadow-size fade(@grey-1, @global-shadow-opacity);
height: @header-height;
line-height: @header-height - 6px;
font-size: @header-font-size;
text-shadow: 0 @text-shadow-distance @text-shadow-size fade(@grey-0, @text-shadow-opacity);
padding: 2px;
&__inner {
max-width: @container-max-width;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
&__entry {
padding-left: 12px;
text-decoration: none;
color: inherit;
&:before {
font-family: FontAwesome;
padding-right: 5px;
}
}
&__user {
display: inline-flex;
text-decoration: none;
color: inherit;
}
&__username {
padding: 0 15px;
}
&__avatar {
height: 46px;
width: 46px;
background: no-repeat center center / cover @grey-f;
border-radius: 1px;
box-shadow: 0 @global-shadow-distance @global-shadow-size fade(@grey-1, @global-shadow-opacity);
}
}

44
assets/less/nova/bem/landing.less
View file

@ -1,44 +0,0 @@
.landing {
text-shadow: 0 @text-shadow-distance @text-shadow-size fade(@grey-0, @text-shadow-opacity);
&__banner,
&__inner {
display: flex;
flex-flow: row-reverse;
}
&__text {
max-width: 300px;
}
&__buttons {
max-width: 200px;
display: inline-flex;
flex-flow: column;
justify-content: center;
}
&__inner,
&__buttons {
background: fade(@grey-0, 80%);
align-items: center;
height: 100%;
}
&__text,
&__button {
padding: 0 (@general-spacing * 4);
}
&__button {
color: inherit;
text-decoration: none;
cursor: pointer;
flex-grow: 1;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 2em;
width: 100%;
}
}

11
assets/less/nova/bem/platform.less
View file

@ -1,11 +0,0 @@
.platform {
margin: @platform-margin;
background: no-repeat center center / cover @grey-2;
box-shadow: 0 @global-shadow-distance @global-shadow-size fade(@grey-1, @global-shadow-opacity);
padding: @general-spacing;
&--thin {
margin: @platform-thin-margin;
display: inline-block;
}
}

130
assets/less/nova/bem/profile.less
View file

@ -1,130 +0,0 @@
.profile {
text-shadow: 0 @text-shadow-distance @text-shadow-size fade(@grey-0, @text-shadow-opacity);
&__header {
padding-left: @avatar-big + (@general-spacing * 4);
padding-right: @general-spacing * 2;
}
&__names {
flex-grow: 1;
text-align: left;
font-weight: 200;
}
&__username {
font-size: @font-size--profile-username;
}
&__title {
font-size: @font-size--profile-title;
}
&__dates {
font-weight: 300;
text-align: right;
font-size: @font-size--profile-dates;
line-height: 1.3em;
}
&__content {
display: flex;
flex-flow: row;
margin: 0 (@general-spacing * 2);
}
&__container {
flex-grow: 1;
&--left {
max-width: @avatar-big;
margin-right: @general-spacing;
top: -(@avatar-big - (@general-spacing * 2));
}
}
&__platform {
text-align: left;
margin: @general-spacing auto 0;
&:empty {
display: none;
}
}
&__avatar {
height: @avatar-big;
width: @avatar-big;
background: no-repeat center center / cover @grey-f;
border-radius: 1px;
box-shadow: 0 @global-shadow-distance @global-shadow-size fade(@grey-1, @global-shadow-opacity);
}
&__hierarchies {
font-size: 1.8em;
font-style: italic;
font-weight: 200;
}
&__hierarchy {
display: inline-flex;
align-items: center;
&-icon {
font-family: FontAwesome;
font-style: normal;
padding-right: 5px;
color: @grey-f;
text-align: center;
width: 1.2em;
}
&--founder {
color: #6c3082;
}
&--staff {
color: #fa3703;
}
&--developer {
color: #6eac0a;
}
&--contributor {
color: #ff69b4;
}
&--premium {
color: #ee9400;
}
&--banned {
color: #888;
}
}
&__accounts {
font-size: .9em;
}
&__account {
display: flex;
line-height: 1.3em;
color: inherit;
text-decoration: none;
&-text {
text-align: right;
flex-grow: 1;
font-style: italic;
font-weight: 200;
color: inherit;
}
&-icon {
text-align: center;
font-family: FontAwesome;
}
}
}

140
assets/less/nova/bem/status.less
View file

@ -1,140 +0,0 @@
.status {
&__overall {
font-size: @font-size--status-overall;
font-weight: 100;
flex-grow: 1;
flex-shrink: 0;
text-align: left;
margin-left: @general-spacing * 4;
&-icon {
font-family: FontAwesome;
}
&-text {
font-style: italic;
}
&--good {
.status__overall-icon:before {
content: "\f05d";
}
}
}
&__last-update {
align-self: flex-end;
margin: @general-spacing * 2;
font-size: @font-size--status-last-update;
}
&__response {
display: flex;
}
&__services {
display: flex;
flex-flow: column;
border-right: 1px solid @grey-1;
}
&__service {
display: inline-flex;
padding: @general-spacing;
align-items: center;
line-height: 1;
&-icon {
width: 40px;
height: 20px;
border-radius: 4px;
transform: skewX(-10deg);
background: #333;
margin-left: @general-spacing / 2;
box-shadow: 0 @global-shadow-distance @global-shadow-size fade(@grey-1, @global-shadow-opacity);
}
&-name {
font-size: 24px;
text-align: right;
flex-grow: 1;
padding-left: @general-spacing * 10;
}
&--selected {
background: @grey-1;
}
&--good {
.status__service-icon {
background: @green;
}
}
&--bad {
.status__service-icon {
background: @red;
}
}
}
&__incident {
display: flex;
&:not(:last-child) {
border-bottom: 1px solid @grey-1;
margin-bottom: @general-spacing;
padding-bottom: @general-spacing;
}
&-date {
border-right: 1px solid @grey-1;
margin-right: @general-spacing;
padding: @general-spacing;
padding-left: 0;
font-size: @font-size--status-incident-date;
font-style: italic;
font-weight: 300;
min-width: 150px;
}
}
&__update {
display: flex;
&:not(:last-child) {
margin-bottom: @general-spacing;
}
&-meta {
text-align: left;
font-style: italic;
border-right: 1px solid @grey-1;
padding: @general-spacing;
margin-right: @general-spacing;
min-width: 150px;
}
&-text {
padding: @general-spacing;
}
&--good {
.status__update-meta {
border-color: @green;
}
}
&--busy {
.status__update-meta {
border-color: @orange;
}
}
&--bad {
.status__update-meta {
border-color: @red;
}
}
}
}

24
assets/less/nova/colours.less
View file

@ -1,24 +0,0 @@
@purple: #5e3e71;
@red: #b01116;
@green: #007c36;
@orange: #cf7618;
@grey-0: #000;
@grey-1: #111;
@grey-2: #222;
@grey-3: #333;
@grey-4: #444;
@grey-5: #555;
@grey-6: #666;
@grey-7: #777;
@grey-8: #888;
@grey-9: #999;
@grey-a: #aaa;
@grey-b: #bbb;
@grey-c: #ccc;
@grey-d: #ddd;
@grey-e: #eee;
@grey-f: #fff;

15
assets/less/nova/main.less
View file

@ -1,15 +0,0 @@
@import "base";
@import "bem/auth";
@import "bem/banner";
@import "bem/button";
@import "bem/container";
@import "bem/form";
@import "bem/header";
@import "bem/landing";
@import "bem/platform";
@import "bem/profile";
@import "bem/status";
@import "colours";
@import "variables";

30
assets/less/nova/variables.less
View file

@ -1,30 +0,0 @@
@grid: "https://static.flash.moe/images/grid.png";
@container-max-width: 1366px;
@general-spacing: 4px;
@platform-margin: @general-spacing (@general-spacing * 2) 0;
@platform-thin-margin: @general-spacing auto 0;
@avatar-big: 200px;
@global-shadow-opacity: 80%;
@global-shadow-size: 5px;
@global-inner-shadow-size: 2px;
@global-shadow-distance: 1px;
@text-shadow-opacity: 80%;
@text-shadow-size: 1px;
@text-shadow-distance: 1px;
@base-font-size: 16px;
@header-font-size: 1.5em;
@header-height: 50px;
@font-size--status-overall: 36px;
@font-size--status-last-update: 12px;
@font-size--status-incident-date: 24px;
@font-size--profile-username: 24px;
@font-size--profile-title: 14px;
@font-size--profile-dates: 12px;

21
views/nova/_layout/meta.twig
View file

@ -1,21 +0,0 @@
{% set title = title|default('Flashii') %}
{% set description = description|default("Where the carrot doesn't fall far from the floor.") %}
<title>{{ title }}</title>
<meta name="twitter:title" content="{{ title }}">
<meta property="og:title" content="{{ title }}">
<meta name="description" content="{{ description }}">
<meta name="twitter:description" content="{{ description }}">
<meta property="og:description" content="{{ description }}">
<meta name="twitter:card" content="summary">
<meta property="og:type" content="object">
<meta property="og:site_name" content="Flashii">
{% if icon is defined %}
<meta name="twitter:image:src" content="{{ icon }}">
<meta property="og:image" content="{{ icon }}">
{% endif %}

22
views/nova/home/landing.twig
View file

@ -1,22 +0,0 @@
{% extends '@nova/home/master.twig' %}
{% set banner_classes = 'banner--insane landing__banner' %}
{% block banner_content %}
<div class="landing__inner">
{% if app.session is null %}
<div class="landing__buttons">
<a href="/auth.php?m=register" class="landing__button">register</a>
<a href="/auth.php?m=login" class="landing__button">login</a>
</div>
<div class="landing__text">
<p>Keep an eye on <a href="https://twitter.com/flashiinet" class="container__footer-link" target="_blank" rel="noreferrer noopener">Twitter</a>!</p>
</div>
{% else %}
<div class="landing__text">
<p>Welcome, {{ app.session.user.username }}!</p>
<p>We're getting there, slowly but surely. Keep an eye on <a href="https://twitter.com/flashiinet" class="container__footer-link" target="_blank" rel="noreferrer noopener">Twitter</a> for any updates (or the chat as well, when that goes up), things are coming and they will be good.</p>
</div>
{% endif %}
</div>
{% endblock %}

1
views/nova/home/master.twig
View file

@ -1 +0,0 @@
{% extends '@nova/master.twig' %}

5
views/nova/macros.twig
View file

@ -1,5 +0,0 @@
{% macro link(url, content, class) %}
{% spaceless %}
<a href="{{ url }}" {% if '://' in url %} target="_blank" rel="noreferrer noopener"{% endif %} {% if class is defined %}class="{{ class }}"{% endif %}>{{ content|raw }}</a>
{% endspaceless %}
{% endmacro %}

59
views/nova/master.twig
View file

@ -1,59 +0,0 @@
{% from '@nova/macros.twig' import link %}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% include '@nova/_layout/meta.twig' %}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Exo+2:200,200italic,300,300italic,400,400italic" rel="stylesheet" type="text/css">
<link href="/css/libraries.css" rel="stylesheet" type="text/css" data-turbolinks-track>
<link href="/css/nova.css" rel="stylesheet" type="text/css" data-turbolinks-track>
</head>
<body>
<div class="container">
<nav class="header">
<div class="header__inner">
<div class="header__navigation">
<a class="header__entry fa-home" href="/">home</a>
<a class="header__entry fa-comments" href="https://chat.flashii.net">chat</a>
{% if app.session is not null %}
<a class="header__entry fa-sign-out" href="/auth.php?m=logout">logout</a>
{% endif %}
</div>
<a class="header__user" href="{{ app.session is not null ? '/profile.php?u=' ~ app.session.user_id : '/auth.php?m=login' }}">
<div class="header__username">{{ app.session is not null ? app.session.user.username : 'login' }}</div>
<div class="header__avatar" style="background-image: url('https://static.flash.moe/images/{{ app.session is not null ? 'discord-logo' : 'nova-none' }}.png')"></div>
</a>
</div>
</nav>
<div class="container__wrapper {{ wrapper_classes|default('') }}">
<noscript>
<div class="banner" style="background-image: url('https://static.flash.moe/images/enable-javascript.png')"></div>
</noscript>
<div class="banner {{ banner_large is defined and banner_large ? 'banner--large' : '' }} {{ banner_classes|default('') }}" style="background-image: url('{{ banner|default('https://static.flash.moe/images/default-banner.png') }}')">
{{ block('banner_content') is defined ? block('banner_content') : '' }}
</div>
{{ block('content') is defined ? block('content') : '' }}
</div>
<div class="container__footer">
<div class="container__footer-copyright">
{{ link('https://flash.moe', 'flash.moe 2013-' ~ ''|date('Y'), 'container__footer-link') }} |
{{ link('https://github.com/flashwave/misuzu/tree/' ~ git_branch(), git_branch(), 'container__footer-link') }}#{{ link('https://github.com/flashwave/misuzu/commit/' ~ git_hash(true), git_hash(), 'container__footer-link') }}
</div>
<div class="container__footer-links">
{{ link('#', 'Terms of Service', 'container__footer-link') }}
{{ link('#', 'Rules', 'container__footer-link') }}
{{ link('#', 'Contact', 'container__footer-link') }}
{{ link('#', 'Status', 'container__footer-link') }}
{{ link('https://twitter.com/flashiinet', '@flashiinet', 'container__footer-link') }}
</div>
</div>
</div>
</body>
</html>

1
views/nova/user/master.twig
View file

@ -1 +0,0 @@
{% extends '@nova/master.twig' %}

74
views/nova/user/view.twig
View file

@ -1,74 +0,0 @@
{% extends '@nova/user/master.twig' %}
{% set title = 'profile / ' ~ profile.username %}
{% set banner_large = true %}
{% set wrapper_classes = 'profile' %}
{% set banner_classes = 'profile__banner' %}
{% set hierarchies = {
'founder': {
'display': profile.user_id == 1,
'icon': 'fa-cog',
'text': 'Founder',
},
'staff': {
'display': false,
'icon': 'fa-gavel',
'text': 'Staff',
},
'developer': {
'display': false,
'icon': 'fa-code',
'text': 'Developer',
},
'contributor': {
'display': false,
'icon': 'fa-heart',
'text': 'Contributor',
},
'premium': {
'display': app.session is not null and app.session.user_id == profile.user_id,
'icon': 'fa-user',
'text': 'You!',
},
'banned': {
'display': false,
'icon': 'fa-trash',
'text': 'Banned',
},
} %}
{% block banner_content %}
{% spaceless %}
<div class="banner__bottom profile__header">
<div class="profile__header-sub profile__names">
<div class="profile__username">{{ profile.username }}</div>
</div>
<div class="profile__header-sub profile__dates">
<div class="profile__date--joined">Joined {{ profile.created_at|date('r') }}</div>
</div>
</div>
{% endspaceless %}
{% endblock %}
{% block content %}
<div class="profile__content">
{% spaceless %}
<div class="profile__container profile__container--left">
<div class="profile__avatar" style="background-image: url('/profile.php?u={{ profile.user_id }}&amp;m=avatar');"></div>
<div class="platform profile__platform profile__hierarchies">
{% for id, data in hierarchies %}
{% if data.display %}
<div class="profile__hierarchy profile__hierarchy--{{ id }}">
<div class="profile__hierarchy-icon {{ data.icon }}"></div>
<div class="profile__hierarchy-text">{{ data.text }}</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endspaceless %}
<div class="profile__container profile__container--right">
</div>
</div>
{% endblock %}