added background image

merelyigor · Dec 15, 2017 · 373625f · 373625f
1 parent 2aa7a43
commit 373625f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/bdo-background.png b/bdo-background.png
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
 </head>
 <body>
 
-    <div class="wrap">
+    <div class="wrap panel">
         <h1>Black Desert Online Recipe Calculator</h1>
         <h2>Select the recipe, the ingredient that you have the most of, and the amount.</h2>
         <h4>The calculator will tell you how many of the other ingredients you need and how many times you can complete the recipe.</h4>
@@ -46,8 +46,9 @@ <h4>The calculator will tell you how many of the other ingredients you need and
                 </tbody>
             </table>
             <h1 id="completed"></h1>
-        </div>
+        </div>        
     </div>
+    <div style="color: white;"><p>Background Image Credit: <a href="https://www.reddit.com/user/PUSClFER">/u/PUSC1FER</a></p></div>
 
     <!-- JavaScript Files -->
     <script src="app.js"></script>

diff --git a/style.css b/style.css
@@ -1,5 +1,7 @@
 body {
     font-family: 'Spectral SC', serif;
+    background-color: #000;
+    background-image: url("bdo-background.png");
 }
 .wrap {
     min-width: 85%;
@@ -12,4 +14,10 @@ body {
     border: 1px solid #000;
     min-width: 200px;
     text-align: center;
+}
+
+.panel {
+    padding: 2rem;
+    background-color: rgba(255, 255, 255, .90);
+    border-radius: 4px;
 }