diff --git a/views/index.jade b/views/index.jade index aa7b71d..3e5c711 100644 --- a/views/index.jade +++ b/views/index.jade @@ -2,7 +2,6 @@ extends layout block head link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:400,300') - link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha/css/bootstrap.min.css') style. html { position: relative; @@ -12,6 +11,19 @@ block head font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 60px; } + @media (min-width: 1800px) { + .container { + max-width: 1500px; + } + } + @media (min-width: 2400px) { + .container { + max-width: 1800px; + } + } + .display-3 { + font-size: 5.5rem; + } textarea, textarea:required, textarea:invalid { font-family: monospace, serif; box-shadow: none; @@ -24,32 +36,32 @@ block head line-height: 35px; } block content - main.container.m-t-lg - h1.display-3.m-b-lg #{title} + main.container.m-t-3.m-x-6 + h1.display-3.m-b-3 #{title} a(href='https://github.com/JoeBiellik/paste') img(style='position: absolute; top: 0; right: 0; border: 0;', src='https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png', alt='Fork me on GitHub') form(action='/?redirect', method='POST', accept-charset='UTF-8') fieldset.form-group - textarea.form-control(name='paste', rows='5', required, autofocus) + textarea.form-control(name='paste', rows='10', required, autofocus) - select#highlight.c-select.select-lg.m-t-md.m-r-md(name='highlight') + select#highlight.c-select.select-lg.m-t-2.m-r-2(name='highlight') option(value='', selected) Choose syntax highlighting each val, key in highlights option(value='#{key}') #{val} - select#expire.c-select.select-lg.m-t-md(name='expire') + select#expire.c-select.select-lg.m-t-2(name='expire') option(value='', selected) Choose expiry each val, key in expires option(value='#{key}') #{val} - button.btn.btn-primary.btn-lg.m-t-md.m-l-md.pull-right(type='submit') Upload + button.btn.btn-primary.btn-lg.m-t-2.m-l-2.pull-md-right(type='submit') Upload footer.hidden-sm-down - pre.text-center.text-muted.m-b-0. + pre.text-md-center.text-muted.m-b-0. echo 'Hello World' | curl -F 'paste=<-' #{url} - script(src='https://cdnjs.cloudflare.com/ajax/libs/autosize.js/3.0.13/autosize.min.js') - script(src='https://code.jquery.com/jquery-2.1.4.min.js') + script(src='https://cdnjs.cloudflare.com/ajax/libs/autosize.js/3.0.15/autosize.min.js') + script(src='https://code.jquery.com/jquery-2.2.2.min.js') script(src='/main.js') diff --git a/views/layout.jade b/views/layout.jade index f49c653..a6726f4 100644 --- a/views/layout.jade +++ b/views/layout.jade @@ -4,6 +4,7 @@ html(lang='en') meta(charset='utf-8') meta(name='viewport', content='width=device-width, initial-scale=1') title #{title} + link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css') block head body