[-] Remove background for now

2020-01-23 20:35:16 -05:00
parent 4d0c48619d
commit 9d8a797c54
2 changed files with 26 additions and 2 deletions
@@ -1,8 +1,8 @@
 <template>
    <div id="info">
        <div id="top">
-            <span id="title">Veracross Analyzer for SJP</span>
-            <span id="subtitle">Know your grades better.</span>
+            <div id="title">Veracross Analyzer for SJP</div>
+            <div id="subtitle">Know your grades better.</div>
        </div>
    </div>
 </template>
@@ -18,5 +18,29 @@
 </script>

 <style lang="scss" scoped>
+    #top
+    {
+        padding: 40vh 0;
+        background-image: url("../assets/info/background-min.jpg");

+        // Center and scale the image nicely
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+
+        text-align: right;
+
+        #title
+        {
+            font-size: 30px;
+            margin-right: 10vw;
+            color: white;
+        }
+
+        #subtitle
+        {
+            margin-right: 10vw;
+            color: white;
+        }
+    }
 </style>