Basic CSS!
This commit is contained in:
parent
f36aeb4d51
commit
2218b808c5
|
@ -0,0 +1,47 @@
|
|||
html {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
--background-color: #2E2A39;
|
||||
--text-color: #E3D096;
|
||||
--accent-color: #53929B;
|
||||
|
||||
background: var(--accent-color);
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0 3%;
|
||||
|
||||
background: var(--background-color);
|
||||
|
||||
height: 100%;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.thought {
|
||||
color: var(--text-color);
|
||||
|
||||
padding: 20px 30px;
|
||||
|
||||
}
|
||||
hr.thought-end {
|
||||
margin: 0 30px;
|
||||
border-color: var(--accent-color);
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 4% 30px 15px;
|
||||
}
|
||||
header .text {
|
||||
color: var(--text-color);
|
||||
font-size: 3em;
|
||||
font-family: Georgia, Libre Baskerville, serif;
|
||||
border-bottom: 4px solid var(--accent-color);
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
|
@ -2,21 +2,23 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Title</title>
|
||||
|
||||
|
||||
{% load static %}
|
||||
<link href="{% static "main/main.css" %}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
Hello, and welcome to the index.
|
||||
<header><span class="text">Thoughts</span></header>
|
||||
|
||||
<section class="main-wrap">
|
||||
{% for thought in thoughts %}
|
||||
<div class="thought">
|
||||
<div class="main-text">{{thought.text}}</div>
|
||||
<div class="extended-text hidden">{{thought.extended_text}}</div>
|
||||
|
||||
</div>
|
||||
{% endfor %}
|
||||
<hr class="thought-end">
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
<footer>Proudly developed with open source technologies.</footer>
|
||||
|
|
|
@ -3,6 +3,10 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Title</title>
|
||||
|
||||
{% load static %}
|
||||
<link href="{% static "main/main.css" %}" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
|
@ -25,7 +25,7 @@ SECRET_KEY = 'qdm4_0b)3^)k$6r($!o^a7&0l#^6)@g2wr!x0r40ii@9otfnwo'
|
|||
# SECURITY WARNING: don't run with debug turned on in production!
|
||||
DEBUG = True
|
||||
|
||||
ALLOWED_HOSTS = []
|
||||
ALLOWED_HOSTS = ["192.168.1.124"]
|
||||
|
||||
|
||||
# Application definition
|
||||
|
|
Loading…
Reference in New Issue