feat: login page UI
This commit is contained in:
NGPixel
parent
dd73b036d2
commit
52630127cd
BIN
assets/images/bg.jpg
Normal file
BIN
assets/images/bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 297 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 144 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 134 KiB |
@ -1,17 +1,4 @@
|
|||||||
'use strict'
|
'use strict'
|
||||||
|
|
||||||
let logic = document.documentElement.dataset.logic
|
require('./scss/app.scss')
|
||||||
|
require('./js/app.js')
|
||||||
switch (logic) {
|
|
||||||
case 'error':
|
|
||||||
require('./scss/error.scss')
|
|
||||||
break
|
|
||||||
case 'login':
|
|
||||||
require('./scss/login.scss')
|
|
||||||
require('./js/login.js')
|
|
||||||
break
|
|
||||||
default:
|
|
||||||
require('./scss/app.scss')
|
|
||||||
require('./js/app.js')
|
|
||||||
break
|
|
||||||
}
|
|
||||||
|
|||||||
@ -1,28 +1,21 @@
|
|||||||
'use strict'
|
'use strict'
|
||||||
|
|
||||||
/* global $, siteRoot */
|
/* global siteConfig */
|
||||||
/* eslint-disable no-new */
|
/* eslint-disable no-new */
|
||||||
|
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import VueResource from 'vue-resource'
|
import VueResource from 'vue-resource'
|
||||||
import VueClipboards from 'vue-clipboards'
|
import VueClipboards from 'vue-clipboards'
|
||||||
import VueLodash from 'vue-lodash'
|
|
||||||
import store from './store'
|
import store from './store'
|
||||||
import io from 'socket-io-client'
|
|
||||||
import i18next from 'i18next'
|
import i18next from 'i18next'
|
||||||
import i18nextXHR from 'i18next-xhr-backend'
|
import i18nextXHR from 'i18next-xhr-backend'
|
||||||
import VueI18Next from '@panter/vue-i18next'
|
import VueI18Next from '@panter/vue-i18next'
|
||||||
import 'jquery-contextmenu'
|
|
||||||
import 'jquery-simple-upload'
|
|
||||||
import 'jquery-smooth-scroll'
|
|
||||||
import 'jquery-sticky'
|
|
||||||
|
|
||||||
// ====================================
|
// ====================================
|
||||||
// Load Helpers
|
// Load Helpers
|
||||||
// ====================================
|
// ====================================
|
||||||
|
|
||||||
import helpers from './helpers'
|
import helpers from './helpers'
|
||||||
import _ from './helpers/lodash'
|
|
||||||
|
|
||||||
// ====================================
|
// ====================================
|
||||||
// Load Vue Components
|
// Load Vue Components
|
||||||
@ -63,7 +56,6 @@ import sourceViewComponent from './pages/source-view.component.js'
|
|||||||
Vue.use(VueResource)
|
Vue.use(VueResource)
|
||||||
Vue.use(VueClipboards)
|
Vue.use(VueClipboards)
|
||||||
Vue.use(VueI18Next)
|
Vue.use(VueI18Next)
|
||||||
Vue.use(VueLodash, _)
|
|
||||||
Vue.use(helpers)
|
Vue.use(helpers)
|
||||||
|
|
||||||
// ====================================
|
// ====================================
|
||||||
@ -105,39 +97,27 @@ i18next
|
|||||||
.use(i18nextXHR)
|
.use(i18nextXHR)
|
||||||
.init({
|
.init({
|
||||||
backend: {
|
backend: {
|
||||||
loadPath: siteRoot + '/js/i18n/{{lng}}.json'
|
loadPath: siteConfig.path + '/js/i18n/{{lng}}.json'
|
||||||
},
|
},
|
||||||
lng: siteLang,
|
lng: siteConfig.lang,
|
||||||
fallbackLng: siteLang
|
fallbackLng: siteConfig.lang
|
||||||
})
|
})
|
||||||
|
|
||||||
$(() => {
|
document.addEventListener('DOMContentLoaded', ev => {
|
||||||
// ====================================
|
// ====================================
|
||||||
// Notifications
|
// Notifications
|
||||||
// ====================================
|
// ====================================
|
||||||
|
|
||||||
$(window).bind('beforeunload', () => {
|
window.addEventListener('beforeunload', () => {
|
||||||
store.dispatch('startLoading')
|
store.dispatch('startLoading')
|
||||||
})
|
})
|
||||||
$(document).ajaxSend(() => {
|
|
||||||
store.dispatch('startLoading')
|
|
||||||
}).ajaxComplete(() => {
|
|
||||||
store.dispatch('stopLoading')
|
|
||||||
})
|
|
||||||
|
|
||||||
// ====================================
|
|
||||||
// Establish WebSocket connection
|
|
||||||
// ====================================
|
|
||||||
|
|
||||||
let socket = io(window.location.origin)
|
|
||||||
window.socket = socket
|
|
||||||
|
|
||||||
// ====================================
|
// ====================================
|
||||||
// Bootstrap Vue
|
// Bootstrap Vue
|
||||||
// ====================================
|
// ====================================
|
||||||
|
|
||||||
const i18n = new VueI18Next(i18next)
|
const i18n = new VueI18Next(i18next)
|
||||||
window.wikijs = new Vue({
|
window.wiki = new Vue({
|
||||||
mixins: [helpers],
|
mixins: [helpers],
|
||||||
components: {},
|
components: {},
|
||||||
store,
|
store,
|
||||||
@ -151,9 +131,7 @@ $(() => {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
$('a:not(.toc-anchor)').smoothScroll({ speed: 500, offset: -50 })
|
|
||||||
$('#header').sticky({ topSpacing: 0 })
|
|
||||||
$('.sidebar-pagecontents').sticky({ topSpacing: 15, bottomSpacing: 75 })
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|||||||
153
client/js/app.old.js
Normal file
153
client/js/app.old.js
Normal file
@ -0,0 +1,153 @@
|
|||||||
|
'use strict'
|
||||||
|
|
||||||
|
/* global $, siteConfig */
|
||||||
|
/* eslint-disable no-new */
|
||||||
|
|
||||||
|
import Vue from 'vue'
|
||||||
|
import VueResource from 'vue-resource'
|
||||||
|
import VueClipboards from 'vue-clipboards'
|
||||||
|
import VueLodash from 'vue-lodash'
|
||||||
|
import store from './store'
|
||||||
|
import i18next from 'i18next'
|
||||||
|
import i18nextXHR from 'i18next-xhr-backend'
|
||||||
|
import VueI18Next from '@panter/vue-i18next'
|
||||||
|
import 'jquery-contextmenu'
|
||||||
|
import 'jquery-simple-upload'
|
||||||
|
import 'jquery-smooth-scroll'
|
||||||
|
import 'jquery-sticky'
|
||||||
|
|
||||||
|
// ====================================
|
||||||
|
// Load Helpers
|
||||||
|
// ====================================
|
||||||
|
|
||||||
|
import helpers from './helpers'
|
||||||
|
import _ from './helpers/lodash'
|
||||||
|
|
||||||
|
// ====================================
|
||||||
|
// Load Vue Components
|
||||||
|
// ====================================
|
||||||
|
|
||||||
|
import alertComponent from './components/alert.vue'
|
||||||
|
import anchorComponent from './components/anchor.vue'
|
||||||
|
import colorPickerComponent from './components/color-picker.vue'
|
||||||
|
import editorCodeblockComponent from './components/editor-codeblock.vue'
|
||||||
|
import editorFileComponent from './components/editor-file.vue'
|
||||||
|
import editorVideoComponent from './components/editor-video.vue'
|
||||||
|
import historyComponent from './components/history.vue'
|
||||||
|
import loadingSpinnerComponent from './components/loading-spinner.vue'
|
||||||
|
import modalCreatePageComponent from './components/modal-create-page.vue'
|
||||||
|
import modalCreateUserComponent from './components/modal-create-user.vue'
|
||||||
|
import modalDeleteUserComponent from './components/modal-delete-user.vue'
|
||||||
|
import modalDiscardPageComponent from './components/modal-discard-page.vue'
|
||||||
|
import modalMovePageComponent from './components/modal-move-page.vue'
|
||||||
|
import modalProfile2faComponent from './components/modal-profile-2fa.vue'
|
||||||
|
import modalUpgradeSystemComponent from './components/modal-upgrade-system.vue'
|
||||||
|
import pageLoaderComponent from './components/page-loader.vue'
|
||||||
|
import searchComponent from './components/search.vue'
|
||||||
|
import toggleComponent from './components/toggle.vue'
|
||||||
|
import treeComponent from './components/tree.vue'
|
||||||
|
|
||||||
|
import adminEditUserComponent from './pages/admin-edit-user.component.js'
|
||||||
|
import adminProfileComponent from './pages/admin-profile.component.js'
|
||||||
|
import adminSettingsComponent from './pages/admin-settings.component.js'
|
||||||
|
import adminThemeComponent from './pages/admin-theme.component.js'
|
||||||
|
import contentViewComponent from './pages/content-view.component.js'
|
||||||
|
import editorComponent from './components/editor.component.js'
|
||||||
|
import sourceViewComponent from './pages/source-view.component.js'
|
||||||
|
|
||||||
|
// ====================================
|
||||||
|
// Initialize Vue Modules
|
||||||
|
// ====================================
|
||||||
|
|
||||||
|
Vue.use(VueResource)
|
||||||
|
Vue.use(VueClipboards)
|
||||||
|
Vue.use(VueI18Next)
|
||||||
|
Vue.use(VueLodash, _)
|
||||||
|
Vue.use(helpers)
|
||||||
|
|
||||||
|
// ====================================
|
||||||
|
// Register Vue Components
|
||||||
|
// ====================================
|
||||||
|
|
||||||
|
Vue.component('alert', alertComponent)
|
||||||
|
Vue.component('adminEditUser', adminEditUserComponent)
|
||||||
|
Vue.component('adminProfile', adminProfileComponent)
|
||||||
|
Vue.component('adminSettings', adminSettingsComponent)
|
||||||
|
Vue.component('adminTheme', adminThemeComponent)
|
||||||
|
Vue.component('anchor', anchorComponent)
|
||||||
|
Vue.component('colorPicker', colorPickerComponent)
|
||||||
|
Vue.component('contentView', contentViewComponent)
|
||||||
|
Vue.component('editor', editorComponent)
|
||||||
|
Vue.component('editorCodeblock', editorCodeblockComponent)
|
||||||
|
Vue.component('editorFile', editorFileComponent)
|
||||||
|
Vue.component('editorVideo', editorVideoComponent)
|
||||||
|
Vue.component('history', historyComponent)
|
||||||
|
Vue.component('loadingSpinner', loadingSpinnerComponent)
|
||||||
|
Vue.component('modalCreatePage', modalCreatePageComponent)
|
||||||
|
Vue.component('modalCreateUser', modalCreateUserComponent)
|
||||||
|
Vue.component('modalDeleteUser', modalDeleteUserComponent)
|
||||||
|
Vue.component('modalDiscardPage', modalDiscardPageComponent)
|
||||||
|
Vue.component('modalMovePage', modalMovePageComponent)
|
||||||
|
Vue.component('modalProfile2fa', modalProfile2faComponent)
|
||||||
|
Vue.component('modalUpgradeSystem', modalUpgradeSystemComponent)
|
||||||
|
Vue.component('pageLoader', pageLoaderComponent)
|
||||||
|
Vue.component('search', searchComponent)
|
||||||
|
Vue.component('sourceView', sourceViewComponent)
|
||||||
|
Vue.component('toggle', toggleComponent)
|
||||||
|
Vue.component('tree', treeComponent)
|
||||||
|
|
||||||
|
// ====================================
|
||||||
|
// Load Localization strings
|
||||||
|
// ====================================
|
||||||
|
|
||||||
|
i18next
|
||||||
|
.use(i18nextXHR)
|
||||||
|
.init({
|
||||||
|
backend: {
|
||||||
|
loadPath: siteConfig.path + '/js/i18n/{{lng}}.json'
|
||||||
|
},
|
||||||
|
lng: siteConfig.lang,
|
||||||
|
fallbackLng: siteConfig.lang
|
||||||
|
})
|
||||||
|
|
||||||
|
$(() => {
|
||||||
|
// ====================================
|
||||||
|
// Notifications
|
||||||
|
// ====================================
|
||||||
|
|
||||||
|
$(window).bind('beforeunload', () => {
|
||||||
|
store.dispatch('startLoading')
|
||||||
|
})
|
||||||
|
$(document).ajaxSend(() => {
|
||||||
|
store.dispatch('startLoading')
|
||||||
|
}).ajaxComplete(() => {
|
||||||
|
store.dispatch('stopLoading')
|
||||||
|
})
|
||||||
|
|
||||||
|
// ====================================
|
||||||
|
// Bootstrap Vue
|
||||||
|
// ====================================
|
||||||
|
|
||||||
|
const i18n = new VueI18Next(i18next)
|
||||||
|
if (document.querySelector('#root')) {
|
||||||
|
window.wikijs = new Vue({
|
||||||
|
mixins: [helpers],
|
||||||
|
components: {},
|
||||||
|
store,
|
||||||
|
i18n,
|
||||||
|
el: '#root',
|
||||||
|
methods: {
|
||||||
|
changeTheme(opts) {
|
||||||
|
this.$el.className = `has-stickynav is-primary-${opts.primary} is-alternate-${opts.alt}`
|
||||||
|
this.$refs.header.className = `nav is-${opts.primary}`
|
||||||
|
this.$refs.footer.className = `footer is-${opts.footer}`
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
$('a:not(.toc-anchor)').smoothScroll({ speed: 500, offset: -50 })
|
||||||
|
$('#header').sticky({ topSpacing: 0 })
|
||||||
|
$('.sidebar-pagecontents').sticky({ topSpacing: 15, bottomSpacing: 75 })
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -1,6 +1,7 @@
|
|||||||
'use strict'
|
'use strict'
|
||||||
|
|
||||||
const helpers = {
|
const helpers = {
|
||||||
|
_: require('./lodash'),
|
||||||
common: require('./common'),
|
common: require('./common'),
|
||||||
form: require('./form'),
|
form: require('./form'),
|
||||||
pages: require('./pages')
|
pages: require('./pages')
|
||||||
|
|||||||
@ -1,7 +0,0 @@
|
|||||||
'use strict'
|
|
||||||
|
|
||||||
/* global $ */
|
|
||||||
|
|
||||||
$(() => {
|
|
||||||
$('#login-user').focus()
|
|
||||||
})
|
|
||||||
@ -42,6 +42,7 @@ $primary: 'indigo';
|
|||||||
@import 'layout/_header';
|
@import 'layout/_header';
|
||||||
@import 'layout/_loader';
|
@import 'layout/_loader';
|
||||||
|
|
||||||
@import 'pages/_welcome';
|
@import 'pages/login';
|
||||||
|
@import 'pages/welcome';
|
||||||
|
|
||||||
@import 'base/print';
|
@import 'base/print';
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
border: 1px solid mc('orange','700');
|
border: 1px solid mc('orange','700');
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
height: 30px;
|
height: 40px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
@ -74,7 +74,13 @@
|
|||||||
|
|
||||||
&.is-featured {
|
&.is-featured {
|
||||||
animation: btnInvertedPulse .6s ease alternate infinite;
|
animation: btnInvertedPulse .6s ease alternate infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.is-fullwidth {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
&.is-disabled, &:disabled {
|
&.is-disabled, &:disabled {
|
||||||
background-color: mc('grey', '300');
|
background-color: mc('grey', '300');
|
||||||
|
|||||||
@ -1,306 +1,161 @@
|
|||||||
|
.login {
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center center;
|
||||||
|
background-image: url('../images/bg.jpg');
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
body {
|
&-container {
|
||||||
padding: 0;
|
display: flex;
|
||||||
margin: 0;
|
width: 650px;
|
||||||
font-family: $core-font-standard;
|
align-items: stretch;
|
||||||
font-size: 14px;
|
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
&-providers {
|
||||||
color: #FFF;
|
display: flex;
|
||||||
transition: color 0.4s ease;
|
flex-direction: column;
|
||||||
text-decoration: none;
|
width: 200px;
|
||||||
|
border: 1px solid #FFF;
|
||||||
&:hover {
|
background-color: mc('grey', '900');
|
||||||
color: mc('orange','600');
|
z-index: 1;
|
||||||
text-decoration: underline;
|
|
||||||
}
|
button {
|
||||||
|
flex: 1 1;
|
||||||
}
|
padding: 0 15px;
|
||||||
|
border: none;
|
||||||
#bg {
|
color: #FFF;
|
||||||
position: fixed;
|
background-color: mc('grey', '800');
|
||||||
top: 0;
|
border-top: 1px solid mc('grey', '900');
|
||||||
left: 0;
|
font-family: $core-font-standard;
|
||||||
width: 100%;
|
font-weight: 600;
|
||||||
height: 100%;
|
text-align: left;
|
||||||
z-index: 1;
|
min-height: 40px;
|
||||||
background-color: #000;
|
|
||||||
|
&:first-child {
|
||||||
> div {
|
border-top: none;
|
||||||
background-size: cover;
|
}
|
||||||
background-position: center center;
|
|
||||||
width: 100%;
|
&.is-active {
|
||||||
height: 100%;
|
background-color: mc('grey', '100');
|
||||||
position: absolute;
|
background-image: radial-gradient(circle at top left, rgba(mc('grey', '200'),1) 0%,rgba(255,255,255,1) 100%);
|
||||||
top: 0;
|
color: mc('grey', '700');
|
||||||
left: 0;
|
}
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
i {
|
||||||
transition: opacity 3s ease, visibility 3s;
|
margin-right: 10px;
|
||||||
animation: bg 30s linear infinite;
|
font-size: 16px;
|
||||||
|
}
|
||||||
&:nth-child(1) {
|
|
||||||
animation-delay: 10s;
|
span {
|
||||||
}
|
font-weight: 600;
|
||||||
|
}
|
||||||
&:nth-child(2) {
|
}
|
||||||
animation-delay: 20s;
|
}
|
||||||
}
|
|
||||||
|
&-frame {
|
||||||
}
|
background-image: radial-gradient(circle at top left, rgba(255,255,255,1) 0%,rgba(240,240,240,.6) 100%);
|
||||||
|
border: 1px solid #FFF;
|
||||||
}
|
width: 450px;
|
||||||
|
padding: 1rem;
|
||||||
#root {
|
color: mc('grey', '700');
|
||||||
position: fixed;
|
display: flex;
|
||||||
top: 15vh;
|
justify-content: center;
|
||||||
left: 10vw;
|
flex-direction: column;
|
||||||
z-index: 2;
|
text-align: center;
|
||||||
color: #FFF;
|
|
||||||
display: flex;
|
h1 {
|
||||||
flex-direction: column;
|
font-size: 2rem;
|
||||||
|
font-weight: 600;
|
||||||
h1 {
|
color: mc('grey', '700');
|
||||||
font-size: 4rem;
|
padding: 0;
|
||||||
font-weight: bold;
|
margin: 0;
|
||||||
color: #FFF;
|
}
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
h2 {
|
||||||
animation: headerIntro 3s ease;
|
font-size: 1.5rem;
|
||||||
}
|
font-weight: 300;
|
||||||
|
color: mc('grey', '700');
|
||||||
h2 {
|
padding: 0;
|
||||||
font-size: 1.5rem;
|
margin: 0 0 25px 0;
|
||||||
font-weight: normal;
|
}
|
||||||
color: rgba(255,255,255,0.7);
|
|
||||||
padding: 0;
|
h3 {
|
||||||
margin: 0 0 25px 0;
|
font-size: 1.25rem;
|
||||||
animation: headerIntro 3s ease;
|
font-weight: normal;
|
||||||
}
|
color: #FB8C00;
|
||||||
|
padding: 0;
|
||||||
h3 {
|
margin: 0;
|
||||||
font-size: 1.25rem;
|
animation: shake 1s ease;
|
||||||
font-weight: normal;
|
|
||||||
color: #FB8C00;
|
> .fa {
|
||||||
padding: 0;
|
margin-right: 7px;
|
||||||
margin: 0;
|
}
|
||||||
animation: shake 1s ease;
|
|
||||||
|
}
|
||||||
> .fa {
|
|
||||||
margin-right: 7px;
|
h4 {
|
||||||
}
|
font-size: .8rem;
|
||||||
|
font-weight: normal;
|
||||||
}
|
color: rgba(255,255,255,0.7);
|
||||||
|
padding: 0;
|
||||||
h4 {
|
margin: 0 0 15px 0;
|
||||||
font-size: 0.8rem;
|
animation: fadeIn 3s ease;
|
||||||
font-weight: normal;
|
}
|
||||||
color: rgba(255,255,255,0.7);
|
|
||||||
padding: 0;
|
form {
|
||||||
margin: 0 0 15px 0;
|
display: flex;
|
||||||
animation: fadeIn 3s ease;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
form {
|
input[type=text], input[type=password] {
|
||||||
display: flex;
|
width: 100%;
|
||||||
flex-direction: column;
|
border: 1px solid #FFF;
|
||||||
}
|
border-radius: 3px;
|
||||||
|
background-color: rgba(255,255,255,.7);
|
||||||
input[type=text], input[type=password] {
|
padding: 0 15px;
|
||||||
width: 350px;
|
height: 40px;
|
||||||
max-width: 80vw;
|
margin: 0 0 10px 0;
|
||||||
border: 1px solid rgba(255,255,255,0.3);
|
color: mc('grey', '700');
|
||||||
border-radius: 3px;
|
font-weight: 600;
|
||||||
background-color: rgba(0,0,0,0.2);
|
font-size: .8rem;
|
||||||
padding: 0 15px;
|
transition: all 0.4s ease;
|
||||||
height: 40px;
|
text-align: center;
|
||||||
margin: 0 0 10px 0;
|
|
||||||
color: #FFF;
|
&:focus {
|
||||||
font-weight: bold;
|
outline: none;
|
||||||
font-size: 14px;
|
border-color: mc('grey','400');
|
||||||
transition: all 0.4s ease;
|
}
|
||||||
|
|
||||||
&:focus {
|
}
|
||||||
outline: none;
|
|
||||||
border-color: mc('orange','600');
|
}
|
||||||
}
|
|
||||||
|
&-copyright {
|
||||||
}
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
button {
|
justify-content: center;
|
||||||
background-color: mc('orange','600');
|
position: absolute;
|
||||||
color: #FFF;
|
left: 0;
|
||||||
border: 1px solid lighten(mc('orange','600'), 10%);
|
bottom: 10vh;
|
||||||
border-radius: 3px;
|
width: 100%;
|
||||||
height: 40px;
|
z-index: 2;
|
||||||
width: 125px;
|
color: #FFF;
|
||||||
padding: 0;
|
font-weight: 400;
|
||||||
font-weight: bold;
|
text-shadow: 1px 1px 0 #000;
|
||||||
margin: 15px 0 0 0;
|
|
||||||
transition: all 0.4s ease;
|
.icon {
|
||||||
cursor: pointer;
|
font-size: 1.2rem;
|
||||||
|
margin: 0 8px;
|
||||||
span {
|
}
|
||||||
font-weight: bold;
|
|
||||||
}
|
a {
|
||||||
|
font-weight: 600;
|
||||||
&:focus {
|
color: #FFF;
|
||||||
outline: none;
|
}
|
||||||
border-color: #FFF;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: darken(mc('orange','600'), 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#social {
|
|
||||||
margin-top: 25px;
|
|
||||||
|
|
||||||
> span {
|
|
||||||
display: block;
|
|
||||||
font-weight: bold;
|
|
||||||
color: rgba(255,255,255,0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
margin-right: 5px;
|
|
||||||
width: auto;
|
|
||||||
padding: 0 15px;
|
|
||||||
|
|
||||||
> i {
|
|
||||||
margin-right: 10px;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ms {
|
|
||||||
background-color: mc('blue','600');
|
|
||||||
border-color: lighten(mc('blue','600'), 10%);
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
border-color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: darken(mc('blue','600'), 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
&.google {
|
|
||||||
background-color: mc('light-blue','600');
|
|
||||||
border-color: lighten(mc('light-blue','600'), 10%);
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
border-color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: darken(mc('light-blue','600'), 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
&.facebook {
|
|
||||||
background-color: mc('indigo','600');
|
|
||||||
border-color: lighten(mc('indigo','600'), 10%);
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
border-color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: darken(mc('indigo','600'), 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
&.github {
|
|
||||||
background-color: mc('blue-grey','700');
|
|
||||||
border-color: lighten(mc('blue-grey','700'), 10%);
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
border-color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: darken(mc('blue-grey','700'), 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.slack {
|
|
||||||
background-color: mc('purple','700');
|
|
||||||
border-color: lighten(mc('purple','700'), 10%);
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
border-color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: darken(mc('purple','700'), 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#copyright {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-start;
|
|
||||||
position: absolute;
|
|
||||||
left: 10vw;
|
|
||||||
bottom: 10vh;
|
|
||||||
z-index: 2;
|
|
||||||
color: rgba(255,255,255,0.5);
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
margin: 0 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
opacity: 0.75;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@include keyframes(bg) {
|
|
||||||
0% {
|
|
||||||
@include prefix(transform, scale(1,1));
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 0;
|
|
||||||
},
|
|
||||||
5% {
|
|
||||||
opacity: 0.5;
|
|
||||||
},
|
|
||||||
33% {
|
|
||||||
opacity: 0.5;
|
|
||||||
},
|
|
||||||
38% {
|
|
||||||
@include prefix(transform, scale(1.2, 1.2));
|
|
||||||
opacity: 0;
|
|
||||||
},
|
|
||||||
39% {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include keyframes(headerIntro) {
|
|
||||||
0% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
30
package.json
30
package.json
@ -42,8 +42,8 @@
|
|||||||
"axios": "0.16.2",
|
"axios": "0.16.2",
|
||||||
"bcryptjs-then": "1.0.1",
|
"bcryptjs-then": "1.0.1",
|
||||||
"bluebird": "3.5.0",
|
"bluebird": "3.5.0",
|
||||||
"body-parser": "1.17.2",
|
"body-parser": "1.18.0",
|
||||||
"bull": "3.0.0",
|
"bull": "3.1.0",
|
||||||
"bunyan": "1.8.12",
|
"bunyan": "1.8.12",
|
||||||
"cheerio": "1.0.0-rc.2",
|
"cheerio": "1.0.0-rc.2",
|
||||||
"child-process-promise": "2.2.1",
|
"child-process-promise": "2.2.1",
|
||||||
@ -63,7 +63,7 @@
|
|||||||
"follow-redirects": "1.2.4",
|
"follow-redirects": "1.2.4",
|
||||||
"fs-extra": "4.0.1",
|
"fs-extra": "4.0.1",
|
||||||
"git-wrapper2-promise": "0.2.9",
|
"git-wrapper2-promise": "0.2.9",
|
||||||
"graphql": "0.11.2",
|
"graphql": "0.11.3",
|
||||||
"graphql-tools": "1.2.2",
|
"graphql-tools": "1.2.2",
|
||||||
"highlight.js": "9.12.0",
|
"highlight.js": "9.12.0",
|
||||||
"i18next": "9.0.0",
|
"i18next": "9.0.0",
|
||||||
@ -73,7 +73,7 @@
|
|||||||
"ioredis": "3.1.4",
|
"ioredis": "3.1.4",
|
||||||
"jimp": "0.2.28",
|
"jimp": "0.2.28",
|
||||||
"js-yaml": "3.9.1",
|
"js-yaml": "3.9.1",
|
||||||
"jsonwebtoken": "7.4.3",
|
"jsonwebtoken": "8.0.0",
|
||||||
"klaw": "2.1.0",
|
"klaw": "2.1.0",
|
||||||
"levelup": "1.3.9",
|
"levelup": "1.3.9",
|
||||||
"lodash": "4.17.4",
|
"lodash": "4.17.4",
|
||||||
@ -88,7 +88,7 @@
|
|||||||
"markdown-it-mathjax": "2.0.0",
|
"markdown-it-mathjax": "2.0.0",
|
||||||
"markdown-it-task-lists": "2.0.1",
|
"markdown-it-task-lists": "2.0.1",
|
||||||
"mathjax-node": "1.2.0",
|
"mathjax-node": "1.2.0",
|
||||||
"memdown": "1.2.4",
|
"memdown": "1.2.7",
|
||||||
"mime-types": "2.1.17",
|
"mime-types": "2.1.17",
|
||||||
"moment": "2.18.1",
|
"moment": "2.18.1",
|
||||||
"moment-timezone": "0.5.13",
|
"moment-timezone": "0.5.13",
|
||||||
@ -108,24 +108,24 @@
|
|||||||
"passport.socketio": "3.7.0",
|
"passport.socketio": "3.7.0",
|
||||||
"pg": "7.3.0",
|
"pg": "7.3.0",
|
||||||
"pg-hstore": "2.3.2",
|
"pg-hstore": "2.3.2",
|
||||||
"pg-promise": "6.5.1",
|
"pg-promise": "6.5.2",
|
||||||
"pm2": "2.6.1",
|
"pm2": "2.6.1",
|
||||||
"pug": "2.0.0-rc.3",
|
"pug": "2.0.0-rc.4",
|
||||||
"read-chunk": "2.1.0",
|
"read-chunk": "2.1.0",
|
||||||
"remove-markdown": "0.2.2",
|
"remove-markdown": "0.2.2",
|
||||||
"request": "2.81.0",
|
"request": "2.81.0",
|
||||||
"search-index-adder": "0.3.9",
|
"search-index-adder": "0.3.9",
|
||||||
"search-index-searcher": "0.2.10",
|
"search-index-searcher": "0.2.10",
|
||||||
"semver": "5.4.1",
|
"semver": "5.4.1",
|
||||||
"sequelize": "4.8.0",
|
"sequelize": "4.8.2",
|
||||||
"serve-favicon": "2.4.3",
|
"serve-favicon": "2.4.3",
|
||||||
"simplemde": "1.11.2",
|
"simplemde": "1.11.2",
|
||||||
"socket.io": "2.0.3",
|
"socket.io": "2.0.3",
|
||||||
"stopword": "0.1.6",
|
"stopword": "0.1.7",
|
||||||
"stream-to-promise": "2.2.0",
|
"stream-to-promise": "2.2.0",
|
||||||
"tar": "4.0.1",
|
"tar": "4.0.1",
|
||||||
"through2": "2.0.3",
|
"through2": "2.0.3",
|
||||||
"validator": "8.1.0",
|
"validator": "8.2.0",
|
||||||
"validator-as-promised": "1.0.2",
|
"validator-as-promised": "1.0.2",
|
||||||
"winston": "2.3.1",
|
"winston": "2.3.1",
|
||||||
"yargs": "8.0.2"
|
"yargs": "8.0.2"
|
||||||
@ -134,7 +134,7 @@
|
|||||||
"@glimpse/glimpse": "0.22.15",
|
"@glimpse/glimpse": "0.22.15",
|
||||||
"@panter/vue-i18next": "0.5.1",
|
"@panter/vue-i18next": "0.5.1",
|
||||||
"babel-cli": "6.26.0",
|
"babel-cli": "6.26.0",
|
||||||
"babel-jest": "21.0.0",
|
"babel-jest": "21.0.2",
|
||||||
"babel-plugin-transform-object-assign": "6.22.0",
|
"babel-plugin-transform-object-assign": "6.22.0",
|
||||||
"babel-preset-es2015": "6.24.1",
|
"babel-preset-es2015": "6.24.1",
|
||||||
"brace": "0.10.0",
|
"brace": "0.10.0",
|
||||||
@ -146,18 +146,18 @@
|
|||||||
"eslint-plugin-node": "5.1.1",
|
"eslint-plugin-node": "5.1.1",
|
||||||
"eslint-plugin-promise": "3.5.0",
|
"eslint-plugin-promise": "3.5.0",
|
||||||
"eslint-plugin-standard": "3.0.1",
|
"eslint-plugin-standard": "3.0.1",
|
||||||
"fuse-box": "2.2.3",
|
"fuse-box": "^2.2.31",
|
||||||
"i18next-xhr-backend": "1.4.2",
|
"i18next-xhr-backend": "1.4.2",
|
||||||
"jest": "21.0.0",
|
"jest": "21.0.2",
|
||||||
"jquery": "3.2.1",
|
"jquery": "3.2.1",
|
||||||
"jquery-contextmenu": "2.5.0",
|
"jquery-contextmenu": "2.6.2",
|
||||||
"jquery-simple-upload": "1.0.0",
|
"jquery-simple-upload": "1.0.0",
|
||||||
"jquery-smooth-scroll": "2.2.0",
|
"jquery-smooth-scroll": "2.2.0",
|
||||||
"jquery-sticky": "1.0.4",
|
"jquery-sticky": "1.0.4",
|
||||||
"lodash-cli": "4.17.4",
|
"lodash-cli": "4.17.4",
|
||||||
"lodash-es": "4.17.4",
|
"lodash-es": "4.17.4",
|
||||||
"node-sass": "4.5.3",
|
"node-sass": "4.5.3",
|
||||||
"nodemon": "1.11.0",
|
"nodemon": "1.12.0",
|
||||||
"pug-lint": "2.5.0",
|
"pug-lint": "2.5.0",
|
||||||
"twemoji-awesome": "1.0.6",
|
"twemoji-awesome": "1.0.6",
|
||||||
"typescript": "2.5.2",
|
"typescript": "2.5.2",
|
||||||
|
|||||||
@ -136,10 +136,10 @@ module.exports = Promise.join(
|
|||||||
// ----------------------------------------
|
// ----------------------------------------
|
||||||
|
|
||||||
app.locals._ = require('lodash')
|
app.locals._ = require('lodash')
|
||||||
app.locals.t = wiki.lang.t.bind(wiki.config.site.lang)
|
app.locals.t = wiki.lang.t.bind(wiki.lang)
|
||||||
app.locals.moment = require('moment')
|
app.locals.moment = require('moment')
|
||||||
app.locals.moment.locale(wiki.config.site.lang)
|
app.locals.moment.locale(wiki.config.site.lang)
|
||||||
app.locals.appconfig = wiki.config
|
app.locals.config = wiki.config
|
||||||
app.use(mw.flash)
|
app.use(mw.flash)
|
||||||
|
|
||||||
// ----------------------------------------
|
// ----------------------------------------
|
||||||
|
|||||||
@ -47,11 +47,11 @@ module.exports = {
|
|||||||
appconfig.port = process.env.PORT || 80
|
appconfig.port = process.env.PORT || 80
|
||||||
}
|
}
|
||||||
|
|
||||||
// Convert booleans
|
// Convert booleans
|
||||||
|
|
||||||
appconfig.public = (appconfig.public === true || _.toLower(appconfig.public) === 'true')
|
appconfig.public = (appconfig.public === true || _.toLower(appconfig.public) === 'true')
|
||||||
|
|
||||||
// List authentication strategies
|
// List authentication strategies
|
||||||
wiki.config = appconfig
|
wiki.config = appconfig
|
||||||
wiki.data = appdata
|
wiki.data = appdata
|
||||||
},
|
},
|
||||||
|
|||||||
@ -1,75 +1,54 @@
|
|||||||
doctype html
|
extends ../master.pug
|
||||||
html(data-logic='login')
|
|
||||||
head
|
|
||||||
meta(http-equiv='X-UA-Compatible', content='IE=edge')
|
|
||||||
meta(charset='UTF-8')
|
|
||||||
meta(name='viewport', content='width=device-width, initial-scale=1')
|
|
||||||
meta(name='theme-color', content='#009688')
|
|
||||||
meta(name='msapplication-TileColor', content='#009688')
|
|
||||||
meta(name='msapplication-TileImage', content='/favicons/ms-icon-144x144.png')
|
|
||||||
title= appconfig.title
|
|
||||||
|
|
||||||
// Favicon
|
|
||||||
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180]
|
|
||||||
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href='/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
|
|
||||||
link(rel='icon', type='image/png', sizes='192x192', href='/favicons/android-icon-192x192.png')
|
|
||||||
each favsize in [32, 96, 16]
|
|
||||||
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href='/favicons/favicon-' + favsize + 'x' + favsize + '.png')
|
|
||||||
link(rel='manifest', href='/manifest.json')
|
|
||||||
|
|
||||||
// JS / CSS
|
|
||||||
script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
|
|
||||||
script(type='text/javascript', src=appconfig.host + '/js/app.js')
|
|
||||||
|
|
||||||
|
block body
|
||||||
body
|
body
|
||||||
#bg
|
.login#root
|
||||||
each bg in _.sampleSize([1, 2, 3],3)
|
.login-container
|
||||||
div(style='background-image:url(/images/bg_' + bg + '.jpg);')
|
if config.authStrategies.socialEnabled
|
||||||
#root
|
.login-providers
|
||||||
h1= appconfig.title
|
button.is-active(onclick='window.location.assign("/login/ms")')
|
||||||
h2= t('auth:loginrequired')
|
i.nc-icon-outline.ui-1_database
|
||||||
if appflash.length > 0
|
span= t('auth:providers.local')
|
||||||
h3
|
if config.auth.microsoft && config.auth.microsoft.enabled
|
||||||
i.icon-warning-outline
|
button(onclick='window.location.assign("/login/ms")')
|
||||||
= appflash[0].title
|
i.icon-windows2
|
||||||
h4= appflash[0].message
|
span= t('auth:providers.windowslive')
|
||||||
if appconfig.auth.local.enabled
|
if config.auth.azure && config.auth.azure.enabled
|
||||||
form(method='post', action='/login')
|
button(onclick='window.location.assign("/login/azure")')
|
||||||
input#login-user(type='text', name='email', placeholder=t('auth:fields.emailuser'))
|
i.icon-windows2
|
||||||
input#login-pass(type='password', name='password', placeholder=t('auth:fields.password'))
|
span= t('auth:providers.azure')
|
||||||
button(type='submit')= t('auth:actions.login')
|
if config.auth.google && config.auth.google.enabled
|
||||||
if appconfig.authStrategies.socialEnabled
|
button(onclick='window.location.assign("/login/google")')
|
||||||
#social
|
i.icon-google
|
||||||
if appconfig.auth.local.enabled
|
span= t('auth:providers.google')
|
||||||
span= t('auth:loginusingalt')
|
if config.auth.facebook && config.auth.facebook.enabled
|
||||||
else
|
button(onclick='window.location.assign("/login/facebook")')
|
||||||
span= t('auth:loginusing')
|
i.icon-facebook
|
||||||
if appconfig.auth.microsoft && appconfig.auth.microsoft.enabled
|
span= t('auth:providers.facebook')
|
||||||
button.ms(onclick='window.location.assign("/login/ms")')
|
if config.auth.github && config.auth.github.enabled
|
||||||
i.icon-windows2
|
button(onclick='window.location.assign("/login/github")')
|
||||||
span= t('auth:providers.windowslive')
|
i.icon-github
|
||||||
if appconfig.auth.azure && appconfig.auth.azure.enabled
|
span= t('auth:providers.github')
|
||||||
button.ms(onclick='window.location.assign("/login/azure")')
|
if config.auth.slack && config.auth.slack.enabled
|
||||||
i.icon-windows2
|
button(onclick='window.location.assign("/login/slack")')
|
||||||
span= t('auth:providers.azure')
|
i.icon-slack
|
||||||
if appconfig.auth.google && appconfig.auth.google.enabled
|
span= t('auth:providers.slack')
|
||||||
button.google(onclick='window.location.assign("/login/google")')
|
.login-frame
|
||||||
i.icon-google
|
h1= config.site.title
|
||||||
span= t('auth:providers.google')
|
h2= t('auth:loginrequired')
|
||||||
if appconfig.auth.facebook && appconfig.auth.facebook.enabled
|
if appflash.length > 0
|
||||||
button.facebook(onclick='window.location.assign("/login/facebook")')
|
h3
|
||||||
i.icon-facebook
|
i.icon-warning-outline
|
||||||
span= t('auth:providers.facebook')
|
= appflash[0].title
|
||||||
if appconfig.auth.github && appconfig.auth.github.enabled
|
h4= appflash[0].message
|
||||||
button.github(onclick='window.location.assign("/login/github")')
|
if config.auth.local.enabled
|
||||||
i.icon-github
|
form(method='post', action='/login')
|
||||||
span= t('auth:providers.github')
|
input#login-user(type='text', name='email', placeholder=t('auth:fields.emailuser'))
|
||||||
if appconfig.auth.slack && appconfig.auth.slack.enabled
|
input#login-pass(type='password', name='password', placeholder=t('auth:fields.password'))
|
||||||
button.slack(onclick='window.location.assign("/login/slack")')
|
button.button.is-light-green.is-fullwidth(type='submit')
|
||||||
i.icon-slack
|
span= t('auth:actions.login')
|
||||||
span= t('auth:providers.slack')
|
.login-copyright
|
||||||
#copyright
|
= t('footer.poweredby') + ' '
|
||||||
= t('footer.poweredby') + ' '
|
a.icon(href='https://github.com/Requarks/wiki')
|
||||||
a.icon(href='https://github.com/Requarks/wiki')
|
i.icon-github
|
||||||
i.icon-github
|
a(href='https://wiki.requarks.io/') Wiki.js
|
||||||
a(href='https://wiki.requarks.io/') Wiki.js
|
|
||||||
|
|||||||
@ -1,32 +1,12 @@
|
|||||||
doctype html
|
extends ./master.pug
|
||||||
html(data-logic='error')
|
|
||||||
head
|
|
||||||
meta(http-equiv='X-UA-Compatible', content='IE=edge')
|
|
||||||
meta(charset='UTF-8')
|
|
||||||
meta(name='viewport', content='width=device-width, initial-scale=1')
|
|
||||||
meta(name='theme-color', content='#009688')
|
|
||||||
meta(name='msapplication-TileColor', content='#009688')
|
|
||||||
meta(name='msapplication-TileImage', content=appconfig.host + '/favicons/ms-icon-144x144.png')
|
|
||||||
title= appconfig.title
|
|
||||||
|
|
||||||
// Favicon
|
|
||||||
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180]
|
|
||||||
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
|
|
||||||
link(rel='icon', type='image/png', sizes='192x192', href=appconfig.host + '/favicons/android-icon-192x192.png')
|
|
||||||
each favsize in [32, 96, 16]
|
|
||||||
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
|
|
||||||
link(rel='manifest', href=appconfig.host + '/manifest.json')
|
|
||||||
|
|
||||||
// JS / CSS
|
|
||||||
script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
|
|
||||||
script(type='text/javascript', src=appconfig.host + '/js/app.js')
|
|
||||||
|
|
||||||
|
block body
|
||||||
body(class='is-error')
|
body(class='is-error')
|
||||||
.container
|
.container
|
||||||
a(href='/'): img(src=appconfig.host + '/images/logo.png')
|
a(href='/'): img(src=config.site.path + '/images/logo.png')
|
||||||
h1= message
|
h1= message
|
||||||
h2= t('errors:generic')
|
h2= t('errors:generic')
|
||||||
a.button.is-amber.is-inverted.is-featured(href=appconfig.host + '/')= t('errors:actions.gohome')
|
a.button.is-amber.is-inverted.is-featured(href=config.site.path+ '/')= t('errors:actions.gohome')
|
||||||
|
|
||||||
if error.stack
|
if error.stack
|
||||||
h3= t('errors:debugmsg')
|
h3= t('errors:debugmsg')
|
||||||
|
|||||||
@ -1,33 +1,6 @@
|
|||||||
doctype html
|
extends ./master.pug
|
||||||
html
|
|
||||||
head
|
|
||||||
meta(http-equiv='X-UA-Compatible', content='IE=edge')
|
|
||||||
meta(charset='UTF-8')
|
|
||||||
meta(name='viewport', content='width=device-width, initial-scale=1')
|
|
||||||
meta(name='theme-color', content='#009688')
|
|
||||||
meta(name='msapplication-TileColor', content='#009688')
|
|
||||||
meta(name='msapplication-TileImage', content=appconfig.host + '/favicons/ms-icon-144x144.png')
|
|
||||||
title= appconfig.title
|
|
||||||
|
|
||||||
//- Favicon
|
|
||||||
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180]
|
|
||||||
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
|
|
||||||
link(rel='icon', type='image/png', sizes='192x192', href=appconfig.host + '/favicons/android-icon-192x192.png')
|
|
||||||
each favsize in [32, 96, 16]
|
|
||||||
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href=appconfig.host + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
|
|
||||||
link(rel='manifest', href=appconfig.host + '/manifest.json')
|
|
||||||
|
|
||||||
//- Site Lang
|
|
||||||
script.
|
|
||||||
var siteLang = '!{appconfig.lang}';
|
|
||||||
var siteRoot = '!{appconfig.host}';
|
|
||||||
|
|
||||||
//- JS / CSS
|
|
||||||
script(type='text/javascript', src=appconfig.host + '/js/vendor.js')
|
|
||||||
script(type='text/javascript', src=appconfig.host + '/js/app.js')
|
|
||||||
|
|
||||||
block head
|
|
||||||
|
|
||||||
|
block body
|
||||||
body
|
body
|
||||||
#root.has-stickynav(class=['is-primary-' + appconfig.theme.primary, 'is-alternate-' + appconfig.theme.alt])
|
#root.has-stickynav(class=['is-primary-' + appconfig.theme.primary, 'is-alternate-' + appconfig.theme.alt])
|
||||||
include ./common/header.pug
|
include ./common/header.pug
|
||||||
|
|||||||
30
server/views/master.pug
Normal file
30
server/views/master.pug
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
doctype html
|
||||||
|
html
|
||||||
|
head
|
||||||
|
meta(http-equiv='X-UA-Compatible', content='IE=edge')
|
||||||
|
meta(charset='UTF-8')
|
||||||
|
meta(name='viewport', content='width=device-width, initial-scale=1')
|
||||||
|
meta(name='theme-color', content='#009688')
|
||||||
|
meta(name='msapplication-TileColor', content='#009688')
|
||||||
|
meta(name='msapplication-TileImage', content=config.site.path + '/favicons/ms-icon-144x144.png')
|
||||||
|
title= config.title
|
||||||
|
|
||||||
|
//- Favicon
|
||||||
|
each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180]
|
||||||
|
link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href=config.site.path + '/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
|
||||||
|
link(rel='icon', type='image/png', sizes='192x192', href=config.site.path + '/favicons/android-icon-192x192.png')
|
||||||
|
each favsize in [32, 96, 16]
|
||||||
|
link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href=config.site.path + '/favicons/favicon-' + favsize + 'x' + favsize + '.png')
|
||||||
|
link(rel='manifest', href=config.site.path + '/manifest.json')
|
||||||
|
|
||||||
|
//- Site Lang
|
||||||
|
script.
|
||||||
|
var siteConfig = !{JSON.stringify(config.site)}
|
||||||
|
|
||||||
|
//- JS / CSS
|
||||||
|
script(type='text/javascript', src=config.site.path + '/js/vendor.js')
|
||||||
|
script(type='text/javascript', src=config.site.path + '/js/app.js')
|
||||||
|
|
||||||
|
block head
|
||||||
|
|
||||||
|
block body
|
||||||
@ -126,7 +126,8 @@ globalTasks.then(() => {
|
|||||||
|
|
||||||
switch (mode) {
|
switch (mode) {
|
||||||
case 'dev':
|
case 'dev':
|
||||||
bundleApp.watch()
|
bundleApp.hmr().watch()
|
||||||
|
fuse.dev({ httpServer: false })
|
||||||
break
|
break
|
||||||
case 'dev-configure':
|
case 'dev-configure':
|
||||||
bundleSetup.watch()
|
bundleSetup.watch()
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user