Import Nova assets from Sakura
This commit is contained in:
parent
0ff25b62ed
commit
886de03762
24 changed files with 778 additions and 8 deletions
27
.gitignore
vendored
27
.gitignore
vendored
|
|
@ -1 +1,26 @@
|
||||||
vendor/
|
# Libraries
|
||||||
|
/vendor
|
||||||
|
/node_modules
|
||||||
|
/npm-debug.log
|
||||||
|
/yarn-error.log
|
||||||
|
|
||||||
|
# Configuration
|
||||||
|
/config/config.ini
|
||||||
|
|
||||||
|
# Storage
|
||||||
|
/store/*
|
||||||
|
!/store/.gitkeep
|
||||||
|
|
||||||
|
# OS specific
|
||||||
|
[Tt]humbs.db
|
||||||
|
[Dd]esktop.ini
|
||||||
|
|
||||||
|
# IDE specific
|
||||||
|
.vscode/
|
||||||
|
.vs/
|
||||||
|
.idea/
|
||||||
|
|
||||||
|
# Compiled/copied assets
|
||||||
|
/public/js
|
||||||
|
/public/css
|
||||||
|
/assets/typescript/*.d.ts
|
||||||
|
|
|
||||||
24
assets/less/nova/base.less
Normal file
24
assets/less/nova/base.less
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
* {
|
||||||
|
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
Normal file
10
assets/less/nova/bem/auth.less
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
.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
Normal file
25
assets/less/nova/bem/banner.less
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
.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
Normal file
21
assets/less/nova/bem/button.less
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
.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
Normal file
35
assets/less/nova/bem/container.less
Normal file
|
|
@ -0,0 +1,35 @@
|
||||||
|
.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
Normal file
52
assets/less/nova/bem/form.less
Normal file
|
|
@ -0,0 +1,52 @@
|
||||||
|
.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
Normal file
47
assets/less/nova/bem/header.less
Normal file
|
|
@ -0,0 +1,47 @@
|
||||||
|
.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
Normal file
44
assets/less/nova/bem/landing.less
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
.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
Normal file
11
assets/less/nova/bem/platform.less
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
.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
Normal file
130
assets/less/nova/bem/profile.less
Normal file
|
|
@ -0,0 +1,130 @@
|
||||||
|
.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
Normal file
140
assets/less/nova/bem/status.less
Normal file
|
|
@ -0,0 +1,140 @@
|
||||||
|
.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
Normal file
24
assets/less/nova/colours.less
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
@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
Normal file
15
assets/less/nova/main.less
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
@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
Normal file
30
assets/less/nova/variables.less
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
@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;
|
||||||
1
assets/typescript/.gitkeep
Normal file
1
assets/typescript/.gitkeep
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
|
||||||
83
build.sh
Normal file
83
build.sh
Normal file
|
|
@ -0,0 +1,83 @@
|
||||||
|
#!/bin/sh
|
||||||
|
|
||||||
|
ASSETS_PATH='./assets'
|
||||||
|
ASSETS_LESS="$ASSETS_PATH/less"
|
||||||
|
ASSETS_TS="$ASSETS_PATH/typescript"
|
||||||
|
|
||||||
|
LESS_ENTRY_FILE='main.less'
|
||||||
|
|
||||||
|
PUBLIC_DIR='./public'
|
||||||
|
PUBLIC_CSS="$PUBLIC_DIR/css"
|
||||||
|
PUBLIC_JS="$PUBLIC_DIR/js"
|
||||||
|
|
||||||
|
NODE_PATH='./node_modules'
|
||||||
|
|
||||||
|
NODE_DEST_JS="$PUBLIC_JS/libs.js"
|
||||||
|
NODE_IMPORT_JS=(
|
||||||
|
#'turbolinks/dist/turbolinks.js'
|
||||||
|
#'highlightjs/highlight.pack.min.js'
|
||||||
|
)
|
||||||
|
|
||||||
|
NODE_DEST_CSS="$PUBLIC_CSS/libs.css"
|
||||||
|
NODE_IMPORT_CSS=(
|
||||||
|
#'highlightjs/styles/default.css'
|
||||||
|
)
|
||||||
|
|
||||||
|
# delete old files, using find to avoid errors
|
||||||
|
echo "=> Cleanup"
|
||||||
|
find $ASSETS_TS -type f -name "*.d.ts" -delete -print
|
||||||
|
find $PUBLIC_CSS -type f -name "*.css" -delete -print
|
||||||
|
find $PUBLIC_JS -type f -name "*.js" -delete -print
|
||||||
|
echo
|
||||||
|
|
||||||
|
# styles
|
||||||
|
echo
|
||||||
|
echo "=> LESS"
|
||||||
|
for STYLE_DIR in $ASSETS_LESS/*/; do
|
||||||
|
STYLE_NAME=`basename $STYLE_DIR | tr '[A-Z]' '[a-z]'`
|
||||||
|
echo "==> $STYLE_NAME"
|
||||||
|
lessc --verbose $STYLE_DIR/$LESS_ENTRY_FILE $PUBLIC_CSS/$STYLE_NAME.css
|
||||||
|
echo
|
||||||
|
done
|
||||||
|
|
||||||
|
# scripts
|
||||||
|
echo
|
||||||
|
echo "=> TypeScript"
|
||||||
|
for SCRIPT_DIR in $ASSETS_TS/*/; do
|
||||||
|
SCRIPT_NAME=`basename $SCRIPT_DIR`
|
||||||
|
SCRIPT_NAME_LOWER=`echo $SCRIPT_NAME | tr '[A-Z]' '[a-z]'`
|
||||||
|
echo "==> $SCRIPT_NAME"
|
||||||
|
find $SCRIPT_DIR -name "*.ts" | xargs tsc \
|
||||||
|
-d \
|
||||||
|
-t es5 \
|
||||||
|
--listFiles \
|
||||||
|
--listEmittedFiles \
|
||||||
|
--noImplicitAny \
|
||||||
|
--removeComments \
|
||||||
|
--outFile $PUBLIC_JS/$SCRIPT_NAME_LOWER.js
|
||||||
|
mv -v $PUBLIC_JS/$SCRIPT_NAME_LOWER.d.ts $ASSETS_TS/$SCRIPT_NAME.d.ts
|
||||||
|
echo
|
||||||
|
done
|
||||||
|
|
||||||
|
# node imports
|
||||||
|
echo
|
||||||
|
echo "=> NPM imports"
|
||||||
|
|
||||||
|
echo "==> JavaScript"
|
||||||
|
echo "Creating $NODE_DEST_JS"
|
||||||
|
touch $NODE_DEST_JS
|
||||||
|
for FILE in "${NODE_IMPORT_JS[@]}"; do
|
||||||
|
echo "===> $FILE"
|
||||||
|
cat "$NODE_PATH/$FILE" >> $NODE_DEST_JS
|
||||||
|
done
|
||||||
|
echo
|
||||||
|
|
||||||
|
echo "==> CSS"
|
||||||
|
echo "Creating $NODE_DEST_CSS"
|
||||||
|
touch $NODE_DEST_CSS
|
||||||
|
for FILE in "${NODE_IMPORT_CSS[@]}"; do
|
||||||
|
echo "===> $FILE"
|
||||||
|
cat "$NODE_PATH/$FILE" >> $NODE_DEST_CSS
|
||||||
|
done
|
||||||
|
|
||||||
|
|
||||||
1
config/config.example.ini
Normal file
1
config/config.example.ini
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
|
||||||
1
database/.gitkeep
Normal file
1
database/.gitkeep
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
|
||||||
|
|
@ -66,19 +66,19 @@ class Application
|
||||||
$this->addModule('templating', new TemplateEngine);
|
$this->addModule('templating', new TemplateEngine);
|
||||||
$this->addModule('config', new ConfigManager($config));
|
$this->addModule('config', new ConfigManager($config));
|
||||||
|
|
||||||
|
$this->debug(true);
|
||||||
|
|
||||||
$this->templating->addFilter('json_decode');
|
$this->templating->addFilter('json_decode');
|
||||||
$this->templating->addFilter('byte_symbol');
|
$this->templating->addFilter('byte_symbol');
|
||||||
$this->templating->addFunction('byte_symbol');
|
$this->templating->addFunction('byte_symbol');
|
||||||
$this->templating->addFunction('session_id');
|
$this->templating->addFunction('session_id');
|
||||||
$this->templating->addFunction('config', [$this->config, 'get']);
|
$this->templating->addFunction('config', [$this->config, 'get']);
|
||||||
$this->templating->addFunction('route', [$this->router, 'url']);
|
$this->templating->addFunction('route', [$this->router, 'url']);
|
||||||
|
$this->templating->addFunction('git_hash', [Application::class, 'gitCommitHash']);
|
||||||
|
$this->templating->addFunction('git_branch', [Application::class, 'gitBranch']);
|
||||||
|
$this->templating->addPath('nova', __DIR__ . '/../views/nova');
|
||||||
|
|
||||||
echo sprintf(
|
echo $this->templating->render('home.landing');
|
||||||
'Running on commit <a href="https://github.com/flashwave/misuzu/commit/%s">%s</a> on branch <a href="https://github.com/flashwave/misuzu/tree/%3$s">%3$s</a>!',
|
|
||||||
self::gitCommitHash(true),
|
|
||||||
self::gitCommitHash(),
|
|
||||||
self::gitBranch()
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
public function __destruct()
|
public function __destruct()
|
||||||
|
|
|
||||||
|
|
@ -122,7 +122,7 @@ class TemplateEngine
|
||||||
private function fixPath(string $path): string
|
private function fixPath(string $path): string
|
||||||
{
|
{
|
||||||
// if the .twig extension if already present just assume that the path is already correct
|
// if the .twig extension if already present just assume that the path is already correct
|
||||||
if (ends_width($path, self::FILE_EXTENSION)) {
|
if (ends_with($path, self::FILE_EXTENSION)) {
|
||||||
return $path;
|
return $path;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
1
store/.gitkeep
Normal file
1
store/.gitkeep
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
|
||||||
5
views/nova/home/landing.twig
Normal file
5
views/nova/home/landing.twig
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
{% extends '@nova/master.twig' %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
test
|
||||||
|
{% endblock %}
|
||||||
45
views/nova/master.twig
Normal file
45
views/nova/master.twig
Normal file
|
|
@ -0,0 +1,45 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||||
|
<title>Flashii</title>
|
||||||
|
<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>
|
||||||
|
</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">
|
||||||
|
flash.moe 2013-{{ ''|date('Y') }} |
|
||||||
|
<a href="https://github.com/flashwave/misuzu/tree/{{ git_branch() }}" class="container__footer-link">{{ git_branch() }}</a>#<a href="https://github.com/flashwave/misuzu/commit/{{ git_hash(true) }}" class="container__footer-link">{{ git_hash() }}</a>
|
||||||
|
</div>
|
||||||
|
<div class="container__footer-links">
|
||||||
|
<a href="#" class="container__footer-link">Terms of Service</a>
|
||||||
|
<a href="#" class="container__footer-link">Rules</a>
|
||||||
|
<a href="#" class="container__footer-link">Contact</a>
|
||||||
|
<a href="#" class="container__footer-link">Status</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Add table
Reference in a new issue