byceps/byceps

View on GitHub
byceps/blueprints/site/homepage/templates/site/homepage/index.html

Summary

Maintainability
Test Coverage
{% extends 'layout/base.html' %}
{% set current_page = 'homepage' %}
{% set page_title = _('Home') %}

{% block head %}
<style>
.items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.homepage-block--news .items {
  display: grid;
  gap: 1rem 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.items li + li {
  margin-top: 0.75rem;
}

.homepage-block--news .items li + li {
  margin-top: 0;
}

.item-link:not(:hover) {
  text-decoration: none;
}

.item-meta {
  color: var(--dimmed-color);
  font-size: 0.6875rem; /* 11px / 16px */
  margin-top: 0.5rem;
}

.continuative-link {
  text-align: right;
}
</style>
{%- endblock %}

{% block body %}

{{ render_snippet('homepage', ignore_if_unknown=True)|safe }}

{%- if news_teasers is not none %}
  <div class="homepage-block homepage-block--news">
{% include 'site/homepage/_news.html' %}
  </div>
{%- endif %}

{%- endblock %}