Ben Sturmfels
35d1e568fa
Use of ::before was possibly a little complicated. I've added an explicit element for the image and displayed using flexbox.
50 lines
1.3 KiB
HTML
50 lines
1.3 KiB
HTML
{% extends "base_conservancy.html" %}
|
|
{% load cache %}
|
|
{% load humanize %}
|
|
{% load static %}
|
|
{% block category %}Vizio{% endblock %}
|
|
{% block head %}
|
|
<link href="{% static 'css/forms.css' %}" rel="stylesheet" type="text/css"/>
|
|
{% block on-page-css %}{% endblock %}
|
|
|
|
{% endblock %}
|
|
|
|
{% block outercontent %}
|
|
|
|
<section class="case-header">
|
|
<div class="case-info flex">
|
|
<div class="case-info w-50-l" style="padding: 100px">
|
|
<h4>Court Case</h4>
|
|
{% block case-info %}{% endblock %}
|
|
</div>
|
|
<div class="case-image w-50-ns dn db-l"></div>
|
|
</div>
|
|
<div class="case-bar"></div>
|
|
</section>
|
|
|
|
|
|
<section class="case-content">
|
|
<div class="case-content-left">
|
|
<div class="about-case">
|
|
<h2>About the case</h2>
|
|
{% block about-case %}{% endblock %}
|
|
</div>
|
|
<div class="news-coverage-link">{% block news-coverage-link %}{% endblock %}</div>
|
|
</div>
|
|
<div class="case-content-right">
|
|
<div class="why-case-matters">
|
|
<h2>Why this case matters</h2>
|
|
{% block why-case-matters %}{% endblock %}
|
|
</div>
|
|
<div class="legal-documents">
|
|
<h2>About the case</h2>
|
|
<p>Below are legal documents from the docket(s) in this case, provided in approximate chronological order:</p>
|
|
{% block legal-docs %}{% endblock %}
|
|
</div>
|
|
<div class="resources">
|
|
<h2>Resources</h2>
|
|
{% block resources %}{% endblock %}
|
|
</div>
|
|
</section>
|
|
|
|
{% endblock %}
|