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>
<meta charset="utf-8">
<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">
</head>
<body>
@ -13,7 +23,7 @@
</header>
{% block base %}
{% 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>
</footer>
</body>

87
templates/park_detail.html
View File

@ -2,28 +2,85 @@
{% block base %}
<div class="card fluid">
<h2 class="section">{{ park.title }}</h2>
<div class="page-title">
<h2 class="section">{{ park.title }}</h2>
</div>
<div class="section">
<dl>
<dt>Address</dt>
<dd id="address">
{% autoescape false %}
{{ park.address|replace("\n","<br>") }}
{% endautoescape %}
</dd>
<dt>About</dt>
<dd id="children">
<div class="location-header">
{% 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 %}
{{ park.address|replace("\n","<br>") }}
{% endautoescape %}
</p>
</span>
<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 %}
{{ park.description|replace("\n","<br>") }}
{% endautoescape %}
</dd>
<dt>History</dt>
<dd id="hired">
</div>
</div>
{# 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 %}
{{ park.history|replace("\n","<br>") }}
{% endautoescape %}
</dd>
</dl>
</div>
</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>
{% endblock %}