jpt/scrapple
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

update HTML

Browse Source
This commit is contained in:
James Turk 2022-12-07 18:03:46 -06:00
parent c0a68c5068
commit 56674d118f
2 changed files with 83 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
templates/base.html
View File

@ -2,6 +2,16 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css">
<style type="text/css">
header { background: #476930; color: #ddd; }
header a.logo { color: #ddd; }
a.button { background: #476930; color: #ddd; }
footer { background: #476930; color: #ddd; }
.location-header { border: 1px solid #476930; border-radius: 3px; padding: 1em; }
.location-header-label { font-weight: bold; clear: both; }
.location-header-value { clear: both; }
.block-text { font-size: 120%; padding: 0 2em; }
</style>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>
@ -13,7 +23,7 @@
</header> </header>
{% block base %} {% block base %}
{% endblock %} {% endblock %}
<footer style="background: #666; color: #ddd;"> <footer>
<p>This site is created for the express purpose of <a href="/about" style="color: #fff;">demonstrating scraping techniques</a>. No information contained on this site is meant to be taken as useful in any way.</p> <p>This site is created for the express purpose of <a href="/about" style="color: #fff;">demonstrating scraping techniques</a>. No information contained on this site is meant to be taken as useful in any way.</p>
</footer> </footer>
</body> </body>

79
templates/park_detail.html
View File

@ -2,28 +2,85 @@
{% block base %} {% block base %}
<div class="card fluid"> <div class="card fluid">
<div class="page-title">
<h2 class="section">{{ park.title }}</h2> <h2 class="section">{{ park.title }}</h2>
</div>
<div class="section"> <div class="section">
<dl>
<dt>Address</dt> <div class="location-header">
<dd id="address"> {% if park.id % 7 == 0 %}
<span class="location-header-label">Phone</span>
<span class="location-header-value">
<p class="phone">(not available)</p>
</span>
{% endif %}
<span class="location-header-label">Address</span>
<span class="location-header-value">
<p class="address">
{% autoescape false %} {% autoescape false %}
{{ park.address|replace("\n","<br>") }} {{ park.address|replace("\n","<br>") }}
{% endautoescape %} {% endautoescape %}
</dd> </p>
<dt>About</dt> </span>
<dd id="children"> <span class="location-header-label">Jurisdiction</span>
<span class="location-header-value">
<p>Chicago Parks</p>
</span>
</div>
{# sometimes add another block in, we'll use the id to decide #}
{% if park.id % 17 == 0 %}
<div class="view-content">
<h3><span id="Other"></span></h3>
<h3 class="block-title"> Reserved </h3>
<div class="block-text">
This section is reserved for future use.
</div>
</div>
{% endif %}
<div class="view-content">
<h3><span id="Description"></span></h3>
<h3 class="block-title"> Description </h3>
<div class="block-text">
{% autoescape false %} {% autoescape false %}
{{ park.description|replace("\n","<br>") }} {{ park.description|replace("\n","<br>") }}
{% endautoescape %} {% endautoescape %}
</dd> </div>
<dt>History</dt> </div>
<dd id="hired">
{# sometimes add another block in, we'll use the id to decide #}
{% if park.id % 5 == 0 %}
<div class="view-content">
<h3><span id="Other"></span></h3>
<h3 class="block-title"> Other </h3>
<div class="block-text">
This section is reserved for future use.
</div>
</div>
{% endif %}
<div class="view-content">
<h3><span id="History"></span></h3>
<h3 class="block-title"> History </h3>
<div class="block-text">
{% autoescape false %} {% autoescape false %}
{{ park.history|replace("\n","<br>") }} {{ park.history|replace("\n","<br>") }}
{% endautoescape %} {% endautoescape %}
</dd> </div>
</dl> </div>
{# sometimes add another block in, we'll use the id to decide #}
{% if park.id % 11 == 0 %}
<div class="view-content">
<h3><span id="Other"></span></h3>
<h3 class="block-title"> Other </h3>
<div class="block-text">
This section is reserved for future use.
</div>
</div>
{% endif %}
</div> </div>
</div> </div>
{% endblock %} {% endblock %}