From 172f0d4753c70a2abcefa547cb472b94e6ac2645 Mon Sep 17 00:00:00 2001
From: Danielle McLean <dani@00dani.me>
Date: Wed, 25 Oct 2017 12:46:04 +1100
Subject: [PATCH] Lots of style fixes - the kind-specific feeds and the
 permalink pages now look great

---
 entries/static/entries/css/h-entry.styl      | 17 +++++++++++++++++
 entries/templates/entries/entry.html         | 12 ++++++++++--
 entries/templates/entries/index.html         |  6 +++++-
 home/static/home/css/index.styl              | 11 +++++++++++
 home/templates/home/index.html               |  4 ++++
 lemoncurry/settings/dev.py                   |  2 --
 lemoncurry/static/lemoncurry/css/layout.styl | 10 ----------
 7 files changed, 47 insertions(+), 15 deletions(-)
 create mode 100644 entries/static/entries/css/h-entry.styl
 create mode 100644 home/static/home/css/index.styl

diff --git a/entries/static/entries/css/h-entry.styl b/entries/static/entries/css/h-entry.styl
new file mode 100644
index 0000000..190ac6c
--- /dev/null
+++ b/entries/static/entries/css/h-entry.styl
@@ -0,0 +1,17 @@
+main > .container
+	display flex
+	flex-direction column
+	justify-content center
+	> li
+		margin-bottom 1rem
+		&:last-child
+			margin-bottom 0
+
+.card.h-entry
+	.card-footer
+		display flex
+		justify-content space-evenly
+		flex-wrap wrap
+		.h-card > img
+			height 1em
+			vertical-align baseline
diff --git a/entries/templates/entries/entry.html b/entries/templates/entries/entry.html
index 38a094a..a007efd 100644
--- a/entries/templates/entries/entry.html
+++ b/entries/templates/entries/entry.html
@@ -1,4 +1,12 @@
 {% extends 'lemoncurry/layout.html' %}
-{% block main %}
-{% include 'entries/h-entry.html' %}
+{% load static %}
+
+{% block styles %}
+<link rel="stylesheet" type="text/stylus" href="{% static 'entries/css/h-entry.styl' %}" />
+{% endblock %}
+
+{% block main %}
+<div class="container">
+{% include 'entries/h-entry.html' %}
+</div>
 {% endblock %}
diff --git a/entries/templates/entries/index.html b/entries/templates/entries/index.html
index 8ce5c44..c05af0b 100644
--- a/entries/templates/entries/index.html
+++ b/entries/templates/entries/index.html
@@ -1,7 +1,11 @@
 {% extends 'lemoncurry/layout.html' %}
+{% load static %}
 {% block html_class %}h-feed{% endblock %}
+{% block styles %}
+<link rel="stylesheet" type="text/stylus" href="{% static 'entries/css/h-entry.styl' %}" />
+{% endblock %}
 {% block main %}
-<ol class="list-unstyled">
+<ol class="container list-unstyled">
 	{% for entry in entries %}
 	<li>
 		{% include 'entries/h-entry.html' %}
diff --git a/home/static/home/css/index.styl b/home/static/home/css/index.styl
new file mode 100644
index 0000000..37bce22
--- /dev/null
+++ b/home/static/home/css/index.styl
@@ -0,0 +1,11 @@
+$sm =  576px
+$md =  768px
+$lg =  992px
+$xl = 1200px
+
+main
+	flex-direction column
+	align-items center
+	@media (min-width $md)
+		flex-direction row-reverse
+		align-items unset
diff --git a/home/templates/home/index.html b/home/templates/home/index.html
index 22caba7..b8672c1 100644
--- a/home/templates/home/index.html
+++ b/home/templates/home/index.html
@@ -1,4 +1,8 @@
 {% extends 'lemoncurry/layout.html' %}
+{% load static %}
+{% block styles %}
+<link rel="stylesheet" type="text/stylus" href="{% static 'home/css/index.styl' %}" />
+{% endblock %}
 {% block main %}
 <aside class="author">
 	<article class="h-card card p-author">
diff --git a/lemoncurry/settings/dev.py b/lemoncurry/settings/dev.py
index b5857fe..1731f08 100644
--- a/lemoncurry/settings/dev.py
+++ b/lemoncurry/settings/dev.py
@@ -1,7 +1,5 @@
 from .base import *
 
 ALLOWED_HOSTS = ['*']
-STATIC_URL = 'https://static.00dani.dev/'
-MEDIA_URL = STATIC_URL + 'media/'
 META_SITE_DOMAIN = '00dani.dev'
 META_FB_APPID = '142105433189339'
diff --git a/lemoncurry/static/lemoncurry/css/layout.styl b/lemoncurry/static/lemoncurry/css/layout.styl
index ca620d1..492ef74 100644
--- a/lemoncurry/static/lemoncurry/css/layout.styl
+++ b/lemoncurry/static/lemoncurry/css/layout.styl
@@ -1,10 +1,5 @@
 @import 'base16-material-darker'
 
-$sm =  576px
-$md =  768px
-$lg =  992px
-$xl = 1200px
-
 html
 	background-color $base01
 
@@ -46,11 +41,6 @@ body
 		margin 2rem
 		flex 1
 		display flex
-		flex-direction column
-		align-items center
-		@media (min-width $md)
-			flex-direction row-reverse
-			align-items unset
 
 	> footer
 		display flex