feat: legacy login
This commit is contained in:
NGPixel
21
server/views/legacy/login.pug
Normal file
21
server/views/legacy/login.pug
Normal file
@@ -0,0 +1,21 @@
|
||||
extends master.pug
|
||||
|
||||
block body
|
||||
#root
|
||||
.login-deprecated Your browser is outdated. Upgrade to a #[a(href='https://bestvpn.org/outdatedbrowser/en', rel='nofollow') modern browser].
|
||||
.login
|
||||
.login-dialog
|
||||
form(method='post', action='/login')
|
||||
h1= config.title
|
||||
select(name='strategy')
|
||||
each str in formStrategies
|
||||
option(value=str.key, selected)= str.title
|
||||
input(type='text', name='user', placeholder='Username / Email')
|
||||
input(type='password', name='pass', placeholder='Password')
|
||||
button(type='submit') Login
|
||||
if socialStrategies.length
|
||||
.login-social
|
||||
h2 or login using...
|
||||
each str in socialStrategies
|
||||
a.login-social-icon(href='/login/' + str.key, class=str.color)
|
||||
!= str.icon
|
||||
82
server/views/legacy/master.pug
Normal file
82
server/views/legacy/master.pug
Normal file
@@ -0,0 +1,82 @@
|
||||
doctype html
|
||||
html
|
||||
head
|
||||
meta(http-equiv='X-UA-Compatible', content='IE=edge')
|
||||
meta(charset='UTF-8')
|
||||
meta(name='viewport', content='user-scalable=yes, width=device-width, initial-scale=1, maximum-scale=5')
|
||||
meta(name='theme-color', content='#333333')
|
||||
meta(name='msapplication-TileColor', content='#333333')
|
||||
meta(name='msapplication-TileImage', content='/favicons/ms-icon-144x144.png')
|
||||
|
||||
title= pageMeta.title + ' | ' + config.title
|
||||
|
||||
//- SEO / OpenGraph
|
||||
meta(name='description', content=pageMeta.description)
|
||||
meta(property='og:title', content=pageMeta.title)
|
||||
meta(property='og:type', content='website')
|
||||
meta(property='og:description', content=pageMeta.description)
|
||||
meta(property='og:image', content=pageMeta.image)
|
||||
meta(property='og:url', content=pageMeta.url)
|
||||
meta(property='og:site_name', content=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='/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')
|
||||
|
||||
//- Icon Set
|
||||
if config.theming.iconset === 'mdi'
|
||||
link(
|
||||
type='text/css'
|
||||
rel='stylesheet'
|
||||
href='https://cdn.materialdesignicons.com/3.7.95/css/materialdesignicons.min.css'
|
||||
)
|
||||
else if config.theming.iconset === 'fa'
|
||||
link(
|
||||
type='text/css'
|
||||
rel='stylesheet'
|
||||
href='https://use.fontawesome.com/releases/v5.0.13/css/all.css'
|
||||
)
|
||||
else if config.theming.iconset === 'fa4'
|
||||
link(
|
||||
type='text/css'
|
||||
rel='stylesheet'
|
||||
href='https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css'
|
||||
)
|
||||
|
||||
//- CSS
|
||||
|
||||
|
||||
script(
|
||||
crossorigin='anonymous'
|
||||
src='https://polyfill.io/v3/polyfill.min.js?features=EventSource'
|
||||
)
|
||||
|
||||
//- JS
|
||||
|
||||
|
||||
script(
|
||||
type='text/javascript'
|
||||
src='/js/runtime.js'
|
||||
)
|
||||
|
||||
|
||||
|
||||
script(
|
||||
type='text/javascript'
|
||||
src='/js/legacy.js'
|
||||
)
|
||||
|
||||
|
||||
|
||||
!= analyticsCode.head
|
||||
|
||||
block head
|
||||
|
||||
body
|
||||
!= analyticsCode.bodyStart
|
||||
block body
|
||||
!= analyticsCode.bodyEnd
|
||||
56
server/views/legacy/page.pug
Normal file
56
server/views/legacy/page.pug
Normal file
@@ -0,0 +1,56 @@
|
||||
extends master.pug
|
||||
|
||||
block head
|
||||
if injectCode.css
|
||||
style(type='text/css')!= injectCode.css
|
||||
if injectCode.head
|
||||
!= injectCode.head
|
||||
|
||||
block body
|
||||
#root
|
||||
.header
|
||||
span.header-title= siteConfig.title
|
||||
span.header-deprecated Your browser is outdated. Upgrade to a #[a(href='https://bestvpn.org/outdatedbrowser/en', rel='nofollow') modern browser].
|
||||
span.header-login
|
||||
a(href='/login')
|
||||
i.material-icons account_circle
|
||||
.main
|
||||
.sidebar
|
||||
each navItem in sidebar
|
||||
if navItem.kind === 'link'
|
||||
a.sidebar-link(href=navItem.target)
|
||||
i.material-icons= navItem.icon
|
||||
span= navItem.label
|
||||
else if navItem.kind === 'divider'
|
||||
.sidebar-divider
|
||||
else if navItem.kind === 'header'
|
||||
.sidebar-title= navItem.label
|
||||
.main-container
|
||||
.page-header
|
||||
.page-header-left
|
||||
h1= page.title
|
||||
h2= page.description
|
||||
.page-header-right
|
||||
.page-header-right-title Last edited by
|
||||
.page-header-right-author= page.authorName
|
||||
.page-header-right-updated= page.updatedAt
|
||||
.page-contents
|
||||
.contents
|
||||
div!= page.render
|
||||
if page.toc.length
|
||||
.toc
|
||||
.toc-title Table of Contents
|
||||
each tocItem, tocIdx in page.toc
|
||||
a.toc-tile(href='#' + tocItem.anchor)
|
||||
i.material-icons arrow_right
|
||||
span= tocItem.title
|
||||
if tocIdx < page.toc.length - 1 || tocItem.children.length
|
||||
.toc-divider
|
||||
each tocSubItem in tocItem.children
|
||||
a.toc-tile.inset(href='#' + tocSubItem.anchor)
|
||||
i.material-icons arrow_right
|
||||
span= tocSubItem.title
|
||||
if tocIdx < page.toc.length - 1
|
||||
.toc-divider.inset
|
||||
if injectCode.body
|
||||
!= injectCode.body
|
||||
@@ -31,6 +31,26 @@ html
|
||||
script.
|
||||
var siteConfig = !{JSON.stringify(siteConfig)}; var siteLangs = !{JSON.stringify(langs)}
|
||||
|
||||
//- Icon Set
|
||||
if config.theming.iconset === 'mdi'
|
||||
link(
|
||||
type='text/css'
|
||||
rel='stylesheet'
|
||||
href='https://cdn.materialdesignicons.com/3.7.95/css/materialdesignicons.min.css'
|
||||
)
|
||||
else if config.theming.iconset === 'fa'
|
||||
link(
|
||||
type='text/css'
|
||||
rel='stylesheet'
|
||||
href='https://use.fontawesome.com/releases/v5.0.13/css/all.css'
|
||||
)
|
||||
else if config.theming.iconset === 'fa4'
|
||||
link(
|
||||
type='text/css'
|
||||
rel='stylesheet'
|
||||
href='https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css'
|
||||
)
|
||||
|
||||
//- CSS
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user