Home Explore Help
Sign In
da
/
website
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Add css file, update background

JoostSijm 6 years ago
parent
430750ee7f
commit
2ebe0ce346
3 changed files with 19 additions and 7 deletions
Split View Show Diff Stats
  1. 2 2
      app/modules/backend/templates/layout/public.j2
  2. 9 0
      app/static/css/index.css
  3. 8 5
      app/static/js/index.js

+ 2 - 2
app/modules/backend/templates/layout/public.j2
View File 

@@ -5,7 +5,7 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <script src="/static/js/main.js"></script>
 
 </head>
 
-<body class="vh-100" style="background: url('https://cdn.discordapp.com/attachments/542637680626761728/547533790264688641/unknown.png') no-repeat center center fixed; background-size: cover">
 
+<body class="vh-100">
 
     <nav class="navbar row navbar-expand-lg navbar-dark bg-dark">
 
         <div class="container">
 
             <a class="navbar-brand" href="/"><img src="/static/uploads/logo.png" style="height: 27px"></a>
 
@@ -17,7 +17,7 @@
 
             </div>
 
         </div>
 
     </nav>
 
-    <div class="container p-3 bg-white min-h-75">
 
+    <div class="container p-3 bg-white min-vh-75">
 
         {{ page.content() }}
 
     </div>
 
 </body>

+ 9 - 0
app/static/css/index.css
View File 

@@ -0,0 +1,9 @@
 
+.min-vh-75
 
+{
 
+	min-height: 75vh !important;
 
+}
 
+
 
+body
 
+{
 
+	background: url('/static/uploads/background.jpg') no-repeat center center fixed; background-size: cover;
 
+}

+ 8 - 5
app/static/js/index.js
View File 

@@ -1,9 +1,12 @@
 
-// import 'bootstrap';
 
-
 
+// Import Bootstrap
 
 import 'bootstrap'
 
 import 'bootstrap/dist/css/bootstrap.min.css'
 
 
-import SimpleMDE from 'simplemde';
 
-import 'simplemde/dist/simplemde.min.css';
 
+// Import own css
 
+import '../css/index.css'
 
+
 
+// Import SimpleMDE
 
+import SimpleMDE from 'simplemde'
 
+import 'simplemde/dist/simplemde.min.css'
 
 
-new SimpleMDE();
 
+new SimpleMDE()