You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
paste/views/index.pug

76 lines
2.4 KiB
Plaintext

extends layout
block head
link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:400,300')
style.
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 4rem;
}
body, button, input, optgroup, select, textarea {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
@media (min-width: 1800px) {
.container {
min-width: 1500px;
}
}
@media (min-width: 2400px) {
.container {
min-width: 1800px;
}
}
.display-3 {
font-size: 5.5rem;
}
textarea, textarea:required, textarea:invalid {
font-family: monospace, serif;
line-height: 1.5em;
box-shadow: none;
}
footer {
width: 100%;
height: 2.5rem;
position: absolute;
bottom: 0;
line-height: 2rem;
}
block content
a(href='https://github.com/JoeBiellik/paste', style='position: absolute; top: 0; right: 0; border: 0;')
img(src='https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png', alt='Fork me on GitHub')
main.container.pt-5.mx-6
h1.display-3.mb-5 #{title}
form(action='/?redirect', method='POST', accept-charset='UTF-8')
fieldset.form-group
textarea.form-control(name='paste', rows='10', required, autofocus)
div.row.mt-4
div.col-md-auto.col-sm-12
select#highlight.custom-select.mt-3(name='highlight')
option(value='', selected) Choose syntax highlighting
each val, key in highlights
option(value=key) #{val}
div.col-md-auto.col-sm-12
select#expire.custom-select.mt-3(name='expire')
option(value='', selected) Choose expiry
each val, key in expires
option(value=key) #{val}
div.col.text-md-right
button.btn.btn-primary.btn-lg.mt-3(type='submit') Upload
footer.hidden-sm-down
pre.text-center.text-muted.mb-0.
echo 'Hello World' | curl -F 'paste=<-' #{url}
script(src='https://cdnjs.cloudflare.com/ajax/libs/autosize.js/4.0.2/autosize.min.js' integrity='sha256-dW8u4dvEKDThJpWRwLgGugbARnA3O2wqBcVerlg9LMc=', crossorigin='anonymous')
script(src='https://code.jquery.com/jquery-3.3.1.min.js', integrity='sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=', crossorigin='anonymous')
script(src='/main.js')