fatchan
/
jschan
mirror of https://gitgud.io/fatchan/jschan.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

shorten some names in css and remove unnecessary classes from ~tables

Browse Source
merge-requests/208/head
fatchan 5 years ago
parent 73edb8d51c
commit f3b40dcd75
10 changed files with 132 additions and 111 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 21
      gulp/res/css/style.css
  2. 10
      views/custompages/faq.pug
  3. 12
      views/custompages/rules.pug
  4. 6
      views/includes/footer.pug
  5. 38
      views/includes/postform.pug
  6. 22
      views/pages/changepassword.pug
  7. 18
      views/pages/home.pug
  8. 8
      views/pages/login.pug
  9. 90
      views/pages/manage.pug
  10. 18
      views/pages/register.pug

21
gulp/res/css/style.css
Unescape View File

@ -10,7 +10,6 @@
--highlighted-post-outline-color: #ba9dbf; --highlighted-post-outline-color: #ba9dbf;
--report-color: #fca; --report-color: #fca;
--report-outline-color: #c97; --report-outline-color: #c97;
--table-row-even-color: #eef2ff;
--board-title: #af0a0f; --board-title: #af0a0f;
--hr: lightgray; --hr: lightgray;
--font-color: black; --font-color: black;
@ -273,18 +272,14 @@ a .post-name:hover, a:hover {
margin-top: -10px; margin-top: -10px;
} }
.table-row:nth-child(2n+1) { table {
background: var(--table-row-even-color); background: var(--background-rest);
}
.table-body {
background: var(--post-color);
border: 1px solid var(--box-border-color); border: 1px solid var(--box-border-color);
border-spacing: 0; border-spacing: 0;
width: 600px; width: 600px;
} }
.table-head { th {
background: var(--label-color); background: var(--label-color);
text-align: left; text-align: left;
} }
@ -626,17 +621,17 @@ input[type="file"] {
display: flex; display: flex;
} }
.postform-row, .postform-col { .row, .col {
display: flex; display: flex;
} }
.postform-row { .row {
margin-bottom: 1px; margin-bottom: 1px;
overflow: hidden; overflow: hidden;
max-width: 100%; max-width: 100%;
} }
.postform-col { .col {
flex-direction: column; flex-direction: column;
flex-grow: 1; flex-grow: 1;
} }
@ -657,7 +652,7 @@ input[type="file"] {
object-fit: contain; object-fit: contain;
} }
.postform-label { .label {
padding: 3px; padding: 3px;
border: 1px solid var(--box-border-color); border: 1px solid var(--box-border-color);
min-width: 80px; min-width: 80px;
@ -724,7 +719,7 @@ hr {
width: calc(50% - 2px); width: calc(50% - 2px);
} }
.table-body { table {
width: 100%; width: 100%;
} }

10
views/custompages/faq.pug
Unescape View File

@ -69,3 +69,13 @@ block content
b Hyperlinking b Hyperlinking
div https://example.com → #[a(href='https://example.com') https://example.com] div https://example.com → #[a(href='https://example.com') https://example.com]
br
b Quotes
div >>123 → #[a(class="quote" href="#!") >>123]
br
b Cross Board Quotes
div >>>/b/ → #[a(class="quote" href="#!") >>>/b/]
div >>>/b/123 → #[a(class="quote" href="#!") >>>/b/123]
br

12
views/custompages/rules.pug
Unescape View File

@ -0,0 +1,12 @@
extends ../layout.pug
block head
title Rules
block content
h1.board-title Rules
.table-container.flex-center.mv-10
table.table-body
tr.table-row
td
p No content should be posted or linked to that is illegal in the United States of America.

6
views/includes/footer.pug
Unescape View File

@ -1,4 +1,8 @@
small.footer small.footer
| - | -
a(href='/rules.html') rules
| -
a(href='/faq.html') faq
| -
a(href='https://github.com/fatchan/jschan/') source code a(href='https://github.com/fatchan/jschan/') source code
| - | -

38
views/includes/postform.pug
Unescape View File

@ -3,39 +3,39 @@ section.form-wrapper.flex-center
form.form-post#postform(action=`/forms/board/${board._id}/post`, enctype='multipart/form-data', method='POST') form.form-post#postform(action=`/forms/board/${board._id}/post`, enctype='multipart/form-data', method='POST')
input(type='hidden' name='thread' value=isThread ? thread.postId : null) input(type='hidden' name='thread' value=isThread ? thread.postId : null)
unless board.settings.forceAnon unless board.settings.forceAnon
section.postform-row section.row
.postform-label Name .label Name
input.mr-1(type='text', name='name', placeholder=board.settings.defaultName autocomplete='off' maxlength='50') input.mr-1(type='text', name='name', placeholder=board.settings.defaultName autocomplete='off' maxlength='50')
a.close.postform-style(href='#!') X a.close.postform-style(href='#!') X
section.postform-row section.row
.postform-label Subject .label Subject
if !isThread && board.settings.forceOPSubject if !isThread && board.settings.forceOPSubject
.required * .required *
input(type='text', name='subject', autocomplete='off' maxlength='50' required=!isThread && board.settings.forceOPSubject) input(type='text', name='subject', autocomplete='off' maxlength='50' required=!isThread && board.settings.forceOPSubject)
section.postform-row section.row
.postform-label Email .label Email
input(type='text', name='email', autocomplete='off' maxlength='50') input(type='text', name='email', autocomplete='off' maxlength='50')
else else
section.postform-row section.row
.postform-label Sage .label Sage
label.postform-style.ph-5 label.postform-style.ph-5
input(type='checkbox', name='email', value='sage') input(type='checkbox', name='email', value='sage')
| Sage | Sage
a.close.postform-style(href='#!') X a.close.postform-style(href='#!') X
if !isThread if !isThread
section.postform-row section.row
.postform-label Subject .label Subject
if board.settings.forceOPSubject if board.settings.forceOPSubject
.required * .required *
input(type='text', name='subject', autocomplete='off' maxlength='50' required=board.settings.forceOPSubject) input(type='text', name='subject', autocomplete='off' maxlength='50' required=board.settings.forceOPSubject)
section.postform-row section.row
.postform-label Message .label Message
if !isThread && board.settings.forceOPMessage if !isThread && board.settings.forceOPMessage
.required * .required *
textarea(name='message', rows='5', autocomplete='off' maxlength='4000' required=!isThread && board.settings.forceOPMessage) textarea(name='message', rows='5', autocomplete='off' maxlength='4000' required=!isThread && board.settings.forceOPMessage)
if board.settings.maxFiles > 0 if board.settings.maxFiles > 0
section.postform-row section.row
.postform-label Files .label Files
if !isThread && board.settings.forceOPFile if !isThread && board.settings.forceOPFile
.required * .required *
input(type='file', name='file' multiple required=!isThread && board.settings.forceOPFile) input(type='file', name='file' multiple required=!isThread && board.settings.forceOPFile)
@ -44,14 +44,14 @@ section.form-wrapper.flex-center
input(type='checkbox', name='spoiler', value='true') input(type='checkbox', name='spoiler', value='true')
| Spoiler | Spoiler
if board.settings.userPostSpoiler || board.settings.userPostDelete || board.settings.userPostUnlink if board.settings.userPostSpoiler || board.settings.userPostDelete || board.settings.userPostUnlink
section.postform-row section.row
.postform-label Password .label Password
input(type='password', name='password', autocomplete='off' placeholder='password to delete/spoiler/unlink later' maxlength='50') input(type='password', name='password', autocomplete='off' placeholder='password to delete/spoiler/unlink later' maxlength='50')
if board.settings.captcha if board.settings.captcha
section.postform-row section.row
.postform-label Captcha .label Captcha
.required * .required *
.postform-col .col
iframe.captcha(src='/captcha.html' width=200 height=110 scrolling='no') iframe.captcha(src='/captcha.html' width=200 height=110 scrolling='no')
input(type='text', name='captcha', autocomplete='off' placeholder='captcha text' pattern=".{6}" required title='6 characters') input(type='text', name='captcha', autocomplete='off' placeholder='captcha text' pattern=".{6}" required title='6 characters')
if !isThread && ((board.settings.forceOPFile && board.settings.maxFiles > 0) || board.settings.forceOPMessage || board.settings.forceOPSubject) if !isThread && ((board.settings.forceOPFile && board.settings.maxFiles > 0) || board.settings.forceOPMessage || board.settings.forceOPSubject)

22
views/pages/changepassword.pug
Unescape View File

@ -7,26 +7,26 @@ block content
section.form-wrapper.flex-center.mv-10 section.form-wrapper.flex-center.mv-10
form.form-post(action='/forms/changepassword' method='POST') form.form-post(action='/forms/changepassword' method='POST')
//input(type='hidden' name='_csrf' value=csrf) //input(type='hidden' name='_csrf' value=csrf)
section.postform-row section.row
.postform-label Username .label Username
.required * .required *
input#username(type='text', name='username', maxlength='50' required) input#username(type='text', name='username', maxlength='50' required)
section.postform-row section.row
.postform-label Existing Password .label Existing Password
.required * .required *
input#password(type='password', name='password', maxlength='100' required) input#password(type='password', name='password', maxlength='100' required)
section.postform-row section.row
.postform-label New Password .label New Password
.required * .required *
input#password(type='password', name='newpassword', maxlength='100' required) input#password(type='password', name='newpassword', maxlength='100' required)
section.postform-row section.row
.postform-label Confirm New Password .label Confirm New Password
.required * .required *
input#password(type='password', name='newpasswordconfirm', maxlength='100' required) input#password(type='password', name='newpasswordconfirm', maxlength='100' required)
section.postform-row section.row
.postform-label Captcha .label Captcha
.required * .required *
span.postform-col span.col
iframe.captcha(src='/captcha.html' width=200 height=110 scrolling='no') iframe.captcha(src='/captcha.html' width=200 height=110 scrolling='no')
input#captcha(type='text', name='captcha', autocomplete='off' placeholder='captcha text' pattern=".{6}" required title='6 characters') input#captcha(type='text', name='captcha', autocomplete='off' placeholder='captcha text' pattern=".{6}" required title='6 characters')
input(type='submit', value='Change Password') input(type='submit', value='Change Password')

18
views/pages/home.pug
Unescape View File

@ -6,10 +6,10 @@ block head
block content block content
h1.board-title Fatchan h1.board-title Fatchan
.table-container.flex-center.mv-10 .table-container.flex-center.mv-10
table.table-body table
tr.table-head tr
th Welcome th Welcome
tr.table-row tr
td td
p p
| This is an anonymous imageboard, a type of discussion board where users share images and text about various topics. | This is an anonymous imageboard, a type of discussion board where users share images and text about various topics.
@ -20,25 +20,25 @@ block content
p p
| Choose a board below and join the discussion! | Choose a board below and join the discussion!
.table-container.flex-center.mv-10 .table-container.flex-center.mv-10
table.table-body table
tr.table-head tr
th Board th Board
th Title th Title
th Description th Description
th Posts/h th Posts/h
th Total Posts th Total Posts
each board in boards each board in boards
tr.table-row tr
td: a(href=`/${board._id}/`) /#{board._id}/ td: a(href=`/${board._id}/`) /#{board._id}/
td #{board.settings.name} td #{board.settings.name}
td #{board.settings.description} td #{board.settings.description}
td #{board.pph} td #{board.pph}
td #{board.sequence_value-1} td #{board.sequence_value-1}
.table-container.flex-center.mv-10 .table-container.flex-center.mv-10
table.table-body table
tr.table-head tr
th Source Code th Source Code
tr.table-row tr
td td
p p
| The source code for this site is available | The source code for this site is available

8
views/pages/login.pug
Unescape View File

@ -7,12 +7,12 @@ block content
section.form-wrapper.flex-center.mv-10 section.form-wrapper.flex-center.mv-10
form.form-post(action='/forms/login' method='POST') form.form-post(action='/forms/login' method='POST')
input(type='hidden' name='goto' value=goto) input(type='hidden' name='goto' value=goto)
section.postform-row section.row
.postform-label Username .label Username
.required * .required *
input#username(type='text', name='username', maxlength='50' required) input#username(type='text', name='username', maxlength='50' required)
section.postform-row section.row
.postform-label Password .label Password
.required * .required *
input#password(type='password', name='password', maxlength='100' required) input#password(type='password', name='password', maxlength='100' required)
input(type='submit', value='submit') input(type='submit', value='submit')

90
views/pages/manage.pug
Unescape View File

@ -12,65 +12,65 @@ block content
section.form-wrapper.flexleft.mv-10 section.form-wrapper.flexleft.mv-10
form.form-post(action=`/forms/board/${board._id}/settings` method='POST' enctype='application/x-www-form-urlencoded') form.form-post(action=`/forms/board/${board._id}/settings` method='POST' enctype='application/x-www-form-urlencoded')
input(type='hidden' name='_csrf' value=csrf) input(type='hidden' name='_csrf' value=csrf)
section.postform-row section.row
.postform-label Board name .label Board name
input(type='text' name='name' placeholder=board.settings.name) input(type='text' name='name' placeholder=board.settings.name)
section.postform-row section.row
.postform-label Board Description .label Board Description
input(type='text' name='description' placeholder=board.settings.description) input(type='text' name='description' placeholder=board.settings.description)
section.postform-row section.row
.postform-label IDs .label IDs
label.postform-style.ph-5 label.style.ph-5
input(type='checkbox', name='ids', value='true' checked=board.settings.ids) input(type='checkbox', name='ids', value='true' checked=board.settings.ids)
section.postform-row section.row
.postform-label Force Anon .label Force Anon
label.postform-style.ph-5 label.style.ph-5
input(type='checkbox', name='force_anon', value='true' checked=board.settings.forceAnon) input(type='checkbox', name='force_anon', value='true' checked=board.settings.forceAnon)
section.postform-row section.row
.postform-label Post Captcha .label Post Captcha
label.postform-style.ph-5 label.style.ph-5
input(type='checkbox', name='captcha', value='true' checked=board.settings.captcha) input(type='checkbox', name='captcha', value='true' checked=board.settings.captcha)
section.postform-row section.row
.postform-label Captcha PPH Trigger .label Captcha PPH Trigger
input(type='number' name='captcha_trigger' placeholder=board.settings.captchaTrigger) input(type='number' name='captcha_trigger' placeholder=board.settings.captchaTrigger)
section.postform-row section.row
.postform-label Post Deletion .label Post Deletion
label.postform-style.ph-5 label.style.ph-5
input(type='checkbox', name='user_post_delete', value='true' checked=board.settings.userPostDelete) input(type='checkbox', name='user_post_delete', value='true' checked=board.settings.userPostDelete)
section.postform-row section.row
.postform-label File Spoilers .label File Spoilers
label.postform-style.ph-5 label.style.ph-5
input(type='checkbox', name='user_post_spoiler', value='true' checked=board.settings.userPostSpoiler) input(type='checkbox', name='user_post_spoiler', value='true' checked=board.settings.userPostSpoiler)
section.postform-row section.row
.postform-label File Unlinking .label File Unlinking
label.postform-style.ph-5 label.style.ph-5
input(type='checkbox', name='user_post_unlink', value='true' checked=board.settings.userPostUnlink) input(type='checkbox', name='user_post_unlink', value='true' checked=board.settings.userPostUnlink)
section.postform-row section.row
.postform-label Force OP Message .label Force OP Message
label.postform-style.ph-5 label.style.ph-5
input(type='checkbox', name='force_op_message', value='true' checked=board.settings.forceOPMessage) input(type='checkbox', name='force_op_message', value='true' checked=board.settings.forceOPMessage)
section.postform-row section.row
.postform-label Force OP Subject .label Force OP Subject
label.postform-style.ph-5 label.style.ph-5
input(type='checkbox', name='force_op_subject', value='true' checked=board.settings.forceOPSubject) input(type='checkbox', name='force_op_subject', value='true' checked=board.settings.forceOPSubject)
section.postform-row section.row
.postform-label Force OP File .label Force OP File
label.postform-style.ph-5 label.style.ph-5
input(type='checkbox', name='force_op_file', value='true' checked=board.settings.forceOPFile) input(type='checkbox', name='force_op_file', value='true' checked=board.settings.forceOPFile)
section.postform-row section.row
.postform-label Anon Name .label Anon Name
input(type='text' name='default_name' placeholder=board.settings.defaultName) input(type='text' name='default_name' placeholder=board.settings.defaultName)
section.postform-row section.row
.postform-label Min Message Length .label Min Message Length
input(type='number' name='min_message_length' placeholder=board.settings.minMessageLength) input(type='number' name='min_message_length' placeholder=board.settings.minMessageLength)
section.postform-row section.row
.postform-label Thread Limit .label Thread Limit
input(type='number' name='thread_limit' placeholder=board.settings.threadLimit) input(type='number' name='thread_limit' placeholder=board.settings.threadLimit)
section.postform-row section.row
.postform-label Reply Limit .label Reply Limit
input(type='number' name='reply_limit' placeholder=board.settings.replyLimit) input(type='number' name='reply_limit' placeholder=board.settings.replyLimit)
section.postform-row section.row
.postform-label Max Files .label Max Files
input(type='number' name='max_files' placeholder=board.settings.maxFiles) input(type='number' name='max_files' placeholder=board.settings.maxFiles)
input(type='submit', value='save settings') input(type='submit', value='save settings')
hr(size=1) hr(size=1)
@ -78,8 +78,8 @@ block content
section.form-wrapper.flexleft.mv-10 section.form-wrapper.flexleft.mv-10
form.form-post(action=`/forms/board/${board._id}/addbanners`, enctype='multipart/form-data', method='POST') form.form-post(action=`/forms/board/${board._id}/addbanners`, enctype='multipart/form-data', method='POST')
input(type='hidden' name='_csrf' value=csrf) input(type='hidden' name='_csrf' value=csrf)
section.postform-row section.row
.postform-label Upload .label Upload
.required * .required *
input#file(type='file', name='file' multiple required) input#file(type='file', name='file' multiple required)
input(type='submit', value='submit') input(type='submit', value='submit')

18
views/pages/register.pug
Unescape View File

@ -7,22 +7,22 @@ block content
section.form-wrapper.flex-center.mv-10 section.form-wrapper.flex-center.mv-10
form.form-post(action='/forms/register' method='POST') form.form-post(action='/forms/register' method='POST')
//input(type='hidden' name='_csrf' value=csrf) //input(type='hidden' name='_csrf' value=csrf)
section.postform-row section.row
.postform-label Username .label Username
.required * .required *
input#username(type='text', name='username', maxlength='50' required) input#username(type='text', name='username', maxlength='50' required)
section.postform-row section.row
.postform-label Password .label Password
.required * .required *
input#password(type='password', name='password', maxlength='100' required) input#password(type='password', name='password', maxlength='100' required)
section.postform-row section.row
.postform-label Confirm Password .label Confirm Password
.required * .required *
input#password(type='password', name='passwordconfirm', maxlength='100' required) input#password(type='password', name='passwordconfirm', maxlength='100' required)
section.postform-row section.row
.postform-label Captcha .label Captcha
.required * .required *
span.postform-col span.col
iframe.captcha(src='/captcha.html' width=200 height=110 scrolling='no') iframe.captcha(src='/captcha.html' width=200 height=110 scrolling='no')
input#captcha(type='text', name='captcha', autocomplete='off' placeholder='captcha text' pattern=".{6}" required title='6 characters') input#captcha(type='text', name='captcha', autocomplete='off' placeholder='captcha text' pattern=".{6}" required title='6 characters')
input(type='submit', value='Register') input(type='submit', value='Register')

Write Preview
Loading…
Cancel
Save