Lots of style fixes - the kind-specific feeds and the permalink pages now look great
This commit is contained in:
parent
2b6691f8a5
commit
172f0d4753
7 changed files with 47 additions and 15 deletions
17
entries/static/entries/css/h-entry.styl
Normal file
17
entries/static/entries/css/h-entry.styl
Normal file
|
@ -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' %}
|
{% extends 'lemoncurry/layout.html' %}
|
||||||
{% block main %}
|
{% load static %}
|
||||||
{% include 'entries/h-entry.html' %}
|
|
||||||
|
{% 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 %}
|
{% endblock %}
|
||||||
|
|
|
@ -1,7 +1,11 @@
|
||||||
{% extends 'lemoncurry/layout.html' %}
|
{% extends 'lemoncurry/layout.html' %}
|
||||||
|
{% load static %}
|
||||||
{% block html_class %}h-feed{% endblock %}
|
{% block html_class %}h-feed{% endblock %}
|
||||||
|
{% block styles %}
|
||||||
|
<link rel="stylesheet" type="text/stylus" href="{% static 'entries/css/h-entry.styl' %}" />
|
||||||
|
{% endblock %}
|
||||||
{% block main %}
|
{% block main %}
|
||||||
<ol class="list-unstyled">
|
<ol class="container list-unstyled">
|
||||||
{% for entry in entries %}
|
{% for entry in entries %}
|
||||||
<li>
|
<li>
|
||||||
{% include 'entries/h-entry.html' %}
|
{% include 'entries/h-entry.html' %}
|
||||||
|
|
11
home/static/home/css/index.styl
Normal file
11
home/static/home/css/index.styl
Normal file
|
@ -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' %}
|
{% extends 'lemoncurry/layout.html' %}
|
||||||
|
{% load static %}
|
||||||
|
{% block styles %}
|
||||||
|
<link rel="stylesheet" type="text/stylus" href="{% static 'home/css/index.styl' %}" />
|
||||||
|
{% endblock %}
|
||||||
{% block main %}
|
{% block main %}
|
||||||
<aside class="author">
|
<aside class="author">
|
||||||
<article class="h-card card p-author">
|
<article class="h-card card p-author">
|
||||||
|
|
|
@ -1,7 +1,5 @@
|
||||||
from .base import *
|
from .base import *
|
||||||
|
|
||||||
ALLOWED_HOSTS = ['*']
|
ALLOWED_HOSTS = ['*']
|
||||||
STATIC_URL = 'https://static.00dani.dev/'
|
|
||||||
MEDIA_URL = STATIC_URL + 'media/'
|
|
||||||
META_SITE_DOMAIN = '00dani.dev'
|
META_SITE_DOMAIN = '00dani.dev'
|
||||||
META_FB_APPID = '142105433189339'
|
META_FB_APPID = '142105433189339'
|
||||||
|
|
|
@ -1,10 +1,5 @@
|
||||||
@import 'base16-material-darker'
|
@import 'base16-material-darker'
|
||||||
|
|
||||||
$sm = 576px
|
|
||||||
$md = 768px
|
|
||||||
$lg = 992px
|
|
||||||
$xl = 1200px
|
|
||||||
|
|
||||||
html
|
html
|
||||||
background-color $base01
|
background-color $base01
|
||||||
|
|
||||||
|
@ -46,11 +41,6 @@ body
|
||||||
margin 2rem
|
margin 2rem
|
||||||
flex 1
|
flex 1
|
||||||
display flex
|
display flex
|
||||||
flex-direction column
|
|
||||||
align-items center
|
|
||||||
@media (min-width $md)
|
|
||||||
flex-direction row-reverse
|
|
||||||
align-items unset
|
|
||||||
|
|
||||||
> footer
|
> footer
|
||||||
display flex
|
display flex
|
||||||
|
|
Loading…
Reference in a new issue