dive news into boxes

This commit is contained in:
cuom1999 2020-06-12 10:48:44 -05:00
parent 19949c8b2b
commit 3e0af2dd75
3 changed files with 21 additions and 8 deletions

View file

@ -7,12 +7,15 @@
margin-right: 0; margin-right: 0;
.post { .post {
border-bottom: 2px solid $border_gray; border: 1px dotted grey;
padding-top: 0.5em; border-radius: 1em;
border-top: 0.125rem solid #9b9b9b;
padding: 1.25rem 1.25rem 1.563rem;
margin-bottom: 2em;
.title { .title {
font-weight: 600; font-weight: 600;
font-size: 1.7em; font-size: 1.875em;
a { a {
color: Maroon !important; color: Maroon !important;
@ -24,7 +27,7 @@
} }
&:last-child { &:last-child {
border-bottom: none; // border-bottom: none;
} }
} }
} }

View file

@ -195,7 +195,7 @@
width: 100%; width: 100%;
&.split-common-content { &.split-common-content {
max-width: 86%; width: 70%;
} }
.content-description { .content-description {

View file

@ -14,6 +14,9 @@
.post { .post {
margin: 0 1.4em; margin: 0 1.4em;
} }
.time {
margin-left: 0;
}
.post:first-child { .post:first-child {
margin-top: 0.6em; margin-top: 0.6em;
@ -48,6 +51,10 @@
font-style: italic; font-style: italic;
text-align: center; text-align: center;
} }
h3 a {
color: lightcyan;
}
</style> </style>
{% endblock %} {% endblock %}
@ -93,9 +100,7 @@
<div class="sidebox-content"> <div class="sidebox-content">
{% for post in posts %} {% for post in posts %}
<section class="{% if post.sticky %}sticky {% endif %}post"> <section class="{% if post.sticky %}sticky {% endif %}post">
<h2 class="title"> <span style="float:right;">
<a href="{{ url('blog_post', post.id, post.slug) }}">{{ post.title }}</a>
</h2>
<span class="time"> <span class="time">
{%- if post.sticky %}<i title="Sticky" class="fa fa-star fa-fw"></i>{% endif -%} {%- if post.sticky %}<i title="Sticky" class="fa fa-star fa-fw"></i>{% endif -%}
{% with authors=post.authors.all() %} {% with authors=post.authors.all() %}
@ -111,6 +116,11 @@
</span> </span>
</a> </a>
</span> </span>
</span>
<h2 class="title">
<a href="{{ url('blog_post', post.id, post.slug) }}">{{ post.title }}</a>
</h2>
<div class="summary content-description"> <div class="summary content-description">
{% cache 86400 'post_summary' post.id %} {% cache 86400 'post_summary' post.id %}
{{ post.summary|default(post.content, true)|markdown('blog', 'svg', lazy_load=True)|reference|str|safe }} {{ post.summary|default(post.content, true)|markdown('blog', 'svg', lazy_load=True)|reference|str|safe }}