From 41cc13d2e56a5b4dde2f6318885dea38bb23264b Mon Sep 17 00:00:00 2001
From: lb01545 <lb01545@surrey.ac.uk>
Date: Mon, 5 Dec 2022 18:31:21 +0000
Subject: [PATCH] Added basic scss
---
music/__pycache__/settings.cpython-310.pyc | Bin 2350 -> 2601 bytes
music/settings.py | 10 ++++++++++
static/css/base.css | 14 ++++++++++++++
static/css/base.css.map | 9 +++++++++
static/css/base.scss | 15 +++++++++++++++
templates/base.html | 6 +++---
6 files changed, 51 insertions(+), 3 deletions(-)
create mode 100644 static/css/base.css
create mode 100644 static/css/base.css.map
create mode 100644 static/css/base.scss
diff --git a/music/__pycache__/settings.cpython-310.pyc b/music/__pycache__/settings.cpython-310.pyc
index 44ef89515fe8fa6c495e1c87ba1fe63df0f89df6..ba468e10c0ac50ae5816ee96e61e5e0eb6fd67a9 100644
GIT binary patch
delta 373
zcmZ1{v{HmGpO=@50SMfpx{@FAPUMqeJTOsvwNxrwinKIClz6Imltem1ip(O$D9IGr
zU<OUOjdz+D8964$Gsy_t;ww%pE{-oK%1=%$F3vC7T+P(S%*F#Wt;%Ea1!j@S@7P2(
zo3n{C*56_)E=erOOx9$sGET`#%uCPLOU}<LDauUJgGi)h=A;(urDf)&q!tzHxdC~>
zmBl5gxo%*QDsv(<ITjSSWEQ0+m*f{^rWQjrDu7)m2X`Xe3g=>|5<g9;&4KJ<j1ITB
zgF_rcJe}i%{QX022?sj{2ge5l`8&G?2m1%X1i>oYJbhe)<J~;{TwH^KS27f70DWAf
qF}Z-FKqLUjWMSap5nyIvXJKYx;$Y?Ap8SQwf`f&XgNcQahY0|%*mO1k
delta 131
zcmZ1}vQCIEpO=@50SMefyOK}wOyrYcTr*L7HCu{wFoUMd#t%)5vg}n-8Tq-Xi3J6E
zKwPZn0pU33=cQ$)Z=TQ8$IQsRS&z+yk=ajEd^10X7$fIOh9YI4nMKNzQ#lJnynsv=
Z1|A*(W)^l9W)>z6Rt~PoFF7rM3;<#UAIty%
diff --git a/music/settings.py b/music/settings.py
index 0c803b4..b0a970b 100644
--- a/music/settings.py
+++ b/music/settings.py
@@ -32,6 +32,7 @@ ALLOWED_HOSTS = []
INSTALLED_APPS = [
'homeapp.apps.HomeappConfig',
+ 'sass_processor',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
@@ -122,3 +123,12 @@ STATIC_URL = 'static/'
# https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
+
+STATIC_ROOT = BASE_DIR / 'static'
+SASS_PROCESSOR_ROOT = STATIC_ROOT
+
+STATICFILES_FINDERS = [
+ 'django.contrib.staticfiles.finders.FileSystemFinder',
+ 'django.contrib.staticfiles.finders.AppDirectoriesFinder',
+ 'sass_processor.finders.CssFinder',
+]
\ No newline at end of file
diff --git a/static/css/base.css b/static/css/base.css
new file mode 100644
index 0000000..4324552
--- /dev/null
+++ b/static/css/base.css
@@ -0,0 +1,14 @@
+body {
+ font-family: "Lucida Grande", monospace;
+ background-color: #191414;
+ margin: 10px;
+ padding: 10px; }
+
+h1 {
+ text-transform: uppercase;
+ color: white; }
+
+p {
+ color: white; }
+
+/*# sourceMappingURL=base.css.map */
\ No newline at end of file
diff --git a/static/css/base.css.map b/static/css/base.css.map
new file mode 100644
index 0000000..c620a1e
--- /dev/null
+++ b/static/css/base.css.map
@@ -0,0 +1,9 @@
+{
+ "version": 3,
+ "file": "base.css",
+ "sources": [
+ "base.scss"
+ ],
+ "names": [],
+ "mappings": "AAEA,AAAA,IAAI,CAAC;EACJ,WAAW,EAHL,eAAe,EAAE,SAAS;EAIhC,gBAAgB,EAHT,OAAO;EAId,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI,GACb;;AACD,AAAA,EAAE,CAAC;EACF,cAAc,EAAE,SAAS;EACzB,KAAK,EAAE,KAAK,GACZ;;AACD,AAAA,CAAC,CAAC;EACE,KAAK,EAAE,KAAK,GACf"
+}
\ No newline at end of file
diff --git a/static/css/base.scss b/static/css/base.scss
new file mode 100644
index 0000000..02b8312
--- /dev/null
+++ b/static/css/base.scss
@@ -0,0 +1,15 @@
+$font: 'Lucida Grande', monospace;
+$color: #191414;
+body {
+ font-family: $font;
+ background-color: $color;
+ margin: 10px;
+ padding: 10px;
+}
+h1 {
+ text-transform: uppercase;
+ color: white;
+}
+p {
+ color: white;
+}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index a5b5d2e..81181c2 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,4 +1,5 @@
{% load static %}
+{% load sass_tags %}
<!DOCTYPE html>
@@ -13,15 +14,14 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
-
+ <link rel="stylesheet" type="text/css" href={% sass_src 'css/base.scss' %}/>
</head>
-
<body>
{% block header %}
<p>Header</p>
{% endblock header %}
-
+
{% block content %}
{% endblock content %}
--
GitLab