#4: add stylesheets and basic color scheme
This commit is contained in:
parent
fc21c309cc
commit
d102795256
|
|
@ -0,0 +1,52 @@
|
||||||
|
:root {
|
||||||
|
--main-bg-color: #121212;
|
||||||
|
--main-text-color-normal: #cccccc;
|
||||||
|
--main-text-color-light: #eeeeee;
|
||||||
|
|
||||||
|
/* Generated by Paletton.com */
|
||||||
|
/* http://paletton.com/#uid=54W0u0kiCFn8GVde7NVmtwSqXtg */
|
||||||
|
--primary-color-0: #C351C3;
|
||||||
|
--primary-color-1: #EFAEEF;
|
||||||
|
--primary-color-2: #DB7ADB;
|
||||||
|
--primary-color-3: #A832A8;
|
||||||
|
--primary-color-4: #981898;
|
||||||
|
|
||||||
|
--secondary-color-1-0: #8B5DC8;
|
||||||
|
--secondary-color-1-1: #CEB5F0;
|
||||||
|
--secondary-color-1-2: #AA84DD;
|
||||||
|
--secondary-color-1-3: #6F3FAF;
|
||||||
|
--secondary-color-1-4: #59249E;
|
||||||
|
|
||||||
|
--secondary-color-2-0: #ED638D;
|
||||||
|
--secondary-color-2-1: #FAB6CB;
|
||||||
|
--secondary-color-2-2: #F488A9;
|
||||||
|
--secondary-color-2-3: #E54475;
|
||||||
|
--secondary-color-2-4: #D02156;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--main-bg-color);
|
||||||
|
color: var(--main-text-color-normal);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
color: var(--main-text-color-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--primary-color-2);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: var(--primary-color-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:focus {
|
||||||
|
color: var(--primary-color-1);
|
||||||
|
}
|
||||||
|
|
@ -1,12 +1,18 @@
|
||||||
|
{% load static %}
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>{% block title %}Tofu{% endblock %} - Tofu</title>
|
<title>{% block title %}Tofu{% endblock %} - Tofu</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="{% static "css/style.css" %}">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1>Tofu</h1>
|
<h1>Tofu</h1>
|
||||||
|
|
||||||
|
<main>
|
||||||
{% block content %}No content.{% endblock %}
|
{% block content %}No content.{% endblock %}
|
||||||
|
</main>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -123,6 +123,10 @@ USE_TZ = True
|
||||||
|
|
||||||
STATIC_URL = '/static/'
|
STATIC_URL = '/static/'
|
||||||
|
|
||||||
|
STATICFILES_DIRS = [
|
||||||
|
os.path.join(BASE_DIR, "static"),
|
||||||
|
]
|
||||||
|
|
||||||
|
|
||||||
# Other settings
|
# Other settings
|
||||||
|
|
||||||
|
|
|
||||||
Reference in New Issue