Lots of style fixes - the kind-specific feeds and the permalink pages now look great

pull/1/head
Danielle McLean 5 years ago
parent 2b6691f8a5
commit 172f0d4753
Signed by: 00dani
GPG Key ID: 5A5D2D1AFF12EEC5
  1. 17
      entries/static/entries/css/h-entry.styl
  2. 8
      entries/templates/entries/entry.html
  3. 6
      entries/templates/entries/index.html
  4. 11
      home/static/home/css/index.styl
  5. 4
      home/templates/home/index.html
  6. 2
      lemoncurry/settings/dev.py
  7. 10
      lemoncurry/static/lemoncurry/css/layout.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

@ -1,4 +1,12 @@
{% extends 'lemoncurry/layout.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 %}

@ -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' %}

@ -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

@ -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">

@ -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'

@ -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

Loading…
Cancel
Save