Add background img for setup & wells

cydrobolt · Jan 18, 2016 · ee5a14d · ee5a14d
1 parent 091ef08
commit ee5a14d
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 13 deletions.
diff --git a/public/css/setup.css b/public/css/setup.css
@@ -11,25 +11,31 @@
 
 .setup-logo {
     height: 70px;
-    margin-top: 60px;
     margin-bottom: 40px;
 }
 
+body {
+    background-size: 100%;
+    background-attachment: fixed;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-image: url(/img/2.0.0-alpha-setup.jpg);
+}
+
 .setup-center {
     text-align: center;
 }
 
 .setup-form {
-    margin:0 auto;
-    width: 650px;
+    margin: 0 auto;
 }
 
 .setup-item {
     width: 650px;
 }
 
 .setup-body {
-    margin-top: 5%;
+    margin-top: 100px;
 }
 
 .setup-form-buttons {
@@ -46,6 +52,14 @@
     text-align: center;
 }
 
+.footer-link {
+    color: grey;
+}
+
+.footer-link:hover {
+    color: grey;
+}
+
 h4, p {
     margin-top: 20px;
 }
diff --git a/public/img/2.0.0-alpha-setup.jpg b/public/img/2.0.0-alpha-setup.jpg
diff --git a/resources/views/setup.blade.php b/resources/views/setup.blade.php
@@ -11,12 +11,13 @@
 
 @section('content')
 <div class="navbar navbar-default navbar-fixed-top">
-    <a class="navbar-brand" href="/">Polr 2</a>
+    <a class="navbar-brand" href="/">Polr</a>
 </div>
 
 <div class='row'>
     <div class='col-md-3'></div>
-    <div class='col-md-6 setup-body'>
+
+    <div class='col-md-6 setup-body well'>
         <div class='setup-center'>
             <img class='setup-logo' src='/img/logo.png'>
         </div>
@@ -42,8 +43,7 @@
             <p>Application Name:</p>
             <input type='text' class='form-control' name='app:name' value='Polr'>
 
-            <p>Application URL (path to Polr, no http://, www., or trailing slash):</p>
-
+            <p>Application URL (path to Polr, no http://, or trailing slash):</p>
             <input type='text' class='form-control' name='app:external_url' value='yoursite.com'>
 
             <p>Shortening Permissions:</p>
@@ -107,7 +107,6 @@
             </select>
 
             <p>Password Recovery:</p>
-
             <select name='setting:password_recovery' class='form-control'>
                 <option value='false'>No (default)</option>
                 <option value='true'>Yes</option>
@@ -119,7 +118,7 @@
             <p>Path relative to root (leave blank if /, if http://site.com/polr, then write /polr/):</p>
             <input type='text' class='form-control' name='path' placeholder='/polr/' value=''>
 
-            <br />Theme (click <a href='https://github.com/Cydrobolt/polr/wiki/Themes-Screenshots'>here</a> for screenshots:
+            Theme (click <a href='https://github.com/Cydrobolt/polr/wiki/Themes-Screenshots'>here</a> for screenshots:
             <select name='t' class='form-control'>
                 <option value=''>Modern (default)</option>
                 <option value='//maxcdn.bootstrapcdn.com/bootswatch/3.3.4/cyborg/bootstrap.min.css'>Midnight Black</option>
@@ -154,10 +153,10 @@
         Polr Version {{env('VERSION')}} released {{env('VERSION_RELMONTH')}} {{env('VERSION_RELDAY')}}, {{env('VERSION_RELYEAR')}} -
         <a href='//github.com/cydrobolt/polr'>Github</a></div></div><br />
 
-        <span>
+        <span style='font-weight:bold;'>
             &copy; Copyright {{env('VERSION_RELYEAR')}}
-            <a href='//cydrobolt.com'>Chaoyi Zha</a> &
-            <a href='//github.com/Cydrobolt/polr/graphs/contributors'>Other Polr Contributors</a>
+            <a class='footer-link' href='//cydrobolt.com'>Chaoyi Zha</a> &
+            <a class='footer-link' href='//github.com/Cydrobolt/polr/graphs/contributors'>Other Polr Contributors</a>
         </span>
     </div>
 </div>