Update dependencies and make form scale larger

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')

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