add bg image

This commit is contained in:
Seth Ladygo
2019-03-16 22:15:42 -07:00
parent 6659876dc5
commit 5e45d6ea3d
3 changed files with 10 additions and 1 deletions

9
static/css/main.css Normal file
View File

@ -0,0 +1,9 @@
html {
/* https://css-tricks.com/perfect-full-page-background-image/ */
background: url("/static/img/bg-topo.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Proxima Nova', Georgia, sans-serif;
}

BIN
static/img/bg-topo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 357 KiB

View File

@ -5,10 +5,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
{# <link rel="stylesheet" href="{% static 'main.css' %}"> #}
<title>{{ settings.CUSTOMER_NAME }} ProCatalog: {% block title %}{% endblock %}</title> <title>{{ settings.CUSTOMER_NAME }} ProCatalog: {% block title %}{% endblock %}</title>
<link href="{% static 'img/favicon.ico' %}" rel="shortcut icon" /> <link href="{% static 'img/favicon.ico' %}" rel="shortcut icon" />
<link rel="stylesheet" href="{% static 'css/uikit.min.css' %}" /> <link rel="stylesheet" href="{% static 'css/uikit.min.css' %}" />
<link rel="stylesheet" href="{% static 'css/main.css' %}">
<script src="{% static 'js/uikit.min.js' %}"></script> <script src="{% static 'js/uikit.min.js' %}"></script>
<script src="{% static 'js/uikit-icons.min.js' %}"></script> <script src="{% static 'js/uikit-icons.min.js' %}"></script>
</head> </head>