Changed all existing pages to use a dark bg

7 years ago · df9547293f
4 changed files with 14 additions and 3 deletions
--- a/spotifyvis/static/spotifyvis/css/dark_bg.css
+++ b/spotifyvis/static/spotifyvis/css/dark_bg.css
@ -0,0 +1,8 @@
+body {
+background-color: #1e1e1e;
+}
+
+h1,p {
+color: grey;
+}
+
--- a/spotifyvis/templates/spotifyvis/index.html
+++ b/spotifyvis/templates/spotifyvis/index.html
@ -4,6 +4,7 @@
  <head>
    <title>User Login</title>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
+    <link rel="stylesheet" href="{% static 'spotifyvis/css/dark_bg.css' %}">
    <style type="text/css">
      .text-overflow {
        overflow: hidden;
@ -18,10 +19,9 @@
  <body>
    <div class="container">
      <div id="login">
-        <h1>This is an example of the Authorization Code flow</h1>
-        <a href="/login" class="btn btn-primary">Log In (Original)</a>
+        <h1>spotify-lib-vis</h1>
+        <a href="/login" class="btn btn-primary">Scan Library</a>
 		<a href="/test_db" class="btn btn-primary">Test DB</a>
-        <button id="login-btn">Log In</button>
      </div>

      <div id="data-container">
--- a/spotifyvis/templates/spotifyvis/test_db.html
+++ b/spotifyvis/templates/spotifyvis/test_db.html
@ -5,6 +5,7 @@
 <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
 	<!--[if gt IE 8]><!--> 
+{% load static %}
 <html class="no-js"> <!--<![endif]-->
 <head>
 	<meta charset="utf-8">
@ -12,6 +13,7 @@
 	<title>Test DB Page</title>
 	<meta name="description" content="">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="{% static 'spotifyvis/css/dark_bg.css' %}">
 </head>

 <!-- }}} header -->
--- a/spotifyvis/templates/spotifyvis/user_data.html
+++ b/spotifyvis/templates/spotifyvis/user_data.html
@ -10,6 +10,7 @@
        <title>User Spotify Data</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
+		<link rel="stylesheet" href="{% static 'spotifyvis/css/dark_bg.css' %}">
    </head>
    <body>
        <!--[if lt IE 7]>