bluepython508/CS1534CA3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Switch index to home.html, add blank index

Browse Source 
New information on the requirements - a separate index.html is required.
This commit is contained in:
Ben Soroos
2024-03-14 15:18:23 +00:00
parent be2e90d182
commit 8f0a17764f
3 changed files with 25 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
base.html
View File

@@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-md bg-dark navbar-dark"> <nav class="navbar navbar-expand-md bg-dark navbar-dark">
<a class="navbar-brand ms-2" href="/"> <a class="navbar-brand ms-2" href="/home.html">
<img src="/static/logo.png" alt="Langley Logo" height="34"> <img src="/static/logo.png" alt="Langley Logo" height="34">
Langley Langley
</a> </a>
@@ -18,7 +18,7 @@
</button> </button>
<div class="collapse navbar-collapse" id="nav-collapse"> <div class="collapse navbar-collapse" id="nav-collapse">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item ms-2"><a class="nav-link {% block home_active %}{% endblock %}" href="/">Home</a></li> <li class="nav-item ms-2"><a class="nav-link {% block home_active %}{% endblock %}" href="/home.html">Home</a></li>
<li class="nav-item ms-2"><a class="nav-link {% block history_active %}{% endblock %}" href="/history.html">History</a></li> <li class="nav-item ms-2"><a class="nav-link {% block history_active %}{% endblock %}" href="/history.html">History</a></li>
<li class="nav-item ms-2"><a class="nav-link {% block visit_active %}{% endblock %}" href="/visit.html">Visit</a></li> <li class="nav-item ms-2"><a class="nav-link {% block visit_active %}{% endblock %}" href="/visit.html">Visit</a></li>
</ul> </ul>

23
pages/home.html Normal file
View File

@@ -0,0 +1,23 @@
{% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block home_active %}active{% endblock %}
{% block main %}
<div class="container-fluid bg-dark text-light text-center">
<hr class="my-0">
<div class="pt-4 pb-2">
<h1 class="display-1">Langley</h1>
<span class="fst-italic">The Village by The Sea</span>
<p>Founded in 1891</p>
</div>
</div>
<main class="pt-2 container">
<p>Langley is a small town on Whidbey Island in Washington, USA.</p>
</main>
<div class="container-md mt-2 text-end">
<iframe
src="https://www.openstreetmap.org/export/embed.html?bbox=-127.02392578125001%2C46.32796494040748%2C-117.79541015625001%2C49.688954878870305&amp;layer=mapnik&amp;marker=48.035855735787315%2C-122.40966796875"
style="height: 50vh; width: 100%;"
></iframe>
<a href="https://www.openstreetmap.org/?mlat=48.036&amp;mlon=-122.410#map=8/48.036/-122.410"><small>View Larger Map</small></a>
</div>
{% endblock %}

19
pages/index.html
View File

@@ -1,20 +1 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block home_active %}active{% endblock %}
{% block main %}
<div class="container-fluid bg-dark text-light text-center">
<hr class="my-0">
<div class="pt-4 pb-2">
<h1 class="display-1">Langley</h1>
<span class="fst-italic">The Village by The Sea</span>
<p>Founded in 1891</p>
</div>
</div>
<div class="container-md mt-2 text-end">
<iframe
src="https://www.openstreetmap.org/export/embed.html?bbox=-127.02392578125001%2C46.32796494040748%2C-117.79541015625001%2C49.688954878870305&amp;layer=mapnik&amp;marker=48.035855735787315%2C-122.40966796875"
style="height: 50vh; width: 100%;"
></iframe>
<a href="https://www.openstreetmap.org/?mlat=48.036&amp;mlon=-122.410#map=8/48.036/-122.410"><small>View Larger Map</small></a>
</div>
{% endblock %}