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

Compare commits

base: bluepython508:be2e90d182fd2912bb03b848b07804052ce9e363
Branches Tags
bluepython508:main
...
compare: bluepython508:7ed96c21c6342f5bc2db4348dbedb7671969a8db
Branches Tags
bluepython508:main

3 Commits
be2e90d182 ... 7ed96c21c6

Author SHA1 Message Date
Ben Soroos
7ed96c21c6 Further tooling: commit log generation & copy in codio 2024-03-16 21:54:48 +00:00
Ben Soroos
5b5135f134 Initial Visit content 
- Annual Mystery Weekend
 - Whales

 Also add population to home.
 2024-03-16 21:25:06 +00:00
Ben Soroos
8f0a17764f Switch index to home.html, add blank index 
New information on the requirements - a separate index.html is required.
 2024-03-14 15:18:23 +00:00
10 changed files with 94 additions and 21 deletions
Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -1,3 +1,4 @@
/build/ /build/
/.direnv/ /.direnv/
.DS_Store .DS_Store
/latex.out/

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>

3
flake.nix
View File

@@ -18,6 +18,9 @@
simple-http-server simple-http-server
watchexec watchexec
(python3.withPackages (ps: with ps; [jinja2])) (python3.withPackages (ps: with ps; [jinja2]))
latexrun
texlive.combined.scheme-full
ansifilter
]; ];
}; };
}); });

30
justfile
View File

@@ -19,3 +19,33 @@ serve: build
watch: watch:
watchexec --restart -- just serve watchexec --restart -- just serve
log:
#!/usr/bin/env bash
set -exuo pipefail
{
cat <<EOP
\documentclass{article}
\usepackage[utf8]{inputenc}
\usepackage{color}
\usepackage[margin=0.25in]{geometry}
\usepackage{hyperref}
\newcommand{\ws}[1]{\textcolor[rgb]{0,0,0}{#1}}
\DeclareUnicodeCharacter{22EE}{│}
\usepackage{pmboxdraw}
\begin{document}
\ttfamily
\section*{}
EOP
git log -p --format=tformat:'(((RULE)))%h: %s%nBy %aN <%aE> at %ai%n%b%n' -n 5 \
| delta --light -w 110 --plus-style '"#339933" bold' --plus-emph-style '"#339933"' --minus-style 'red bold' --minus-emph-style 'red' --zero-style 'gray dim' --no-gitconfig --line-numbers --syntax-theme none \
| ansifilter --latex -f \
| sed -e '0,/(((RULE)))/s///' -e 's/(((RULE)))/\\hrule\n\\section*{}/g'
echo '\hrule'
echo '\end{document}'
} > build/commits.tex
latexrun -o build/commits.pdf build/commits.tex
codio: build log
cp -r build/* ../

24
pages/home.html Normal file
View File

@@ -0,0 +1,24 @@
{% 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>
<p>As of the 2020 Census, the population was 1147.</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 %}

30
pages/visit.html
View File

@@ -2,5 +2,35 @@
{% block title %}Visit{% endblock %} {% block title %}Visit{% endblock %}
{% block visit_active %}active{% endblock %} {% block visit_active %}active{% endblock %}
{% block main %} {% block main %}
<div class="container-md mt-3">
<div class="row justify-content-around">
<div class="col-md-7 align-self-center">
The annual Mystery Weekend at the end of February is a great way
to explore Langley as many locals take on roles in the mystery and
businesses hand out clues. There are also prizes to be won for guessing
the murderer correctly.
</div>
<div class="col-md-5">
<figure class="figure container">
<img src="static/mysteryposter.jpg" alt="The poster for the 2024 Mystery Weekend" class="figure-img img-fluid visit-img">
<figcaption class="figure-caption">The poster for the 2024 Mystery Weekend.</figcaption>
</figure>
</div>
</div>
<div class="row justify-content-around">
<div class="col-md-5">
<figure class="figure container">
<img src="static/orcas.jpg" alt="Orcas resident near Whidbey Island" class="figure-img img-fluid visit-img">
<figcaption class="figure-caption">Orcas resident near Whidbey Island</figcaption>
</figure>
</div>
<div class="col-md-7 align-self-center">
The annual Welcome the Whales festival in April and the Langley Whale Center
celebrate the cetaceans in the Puget Sound around Whidbey Island. These are
primarily orcas, but there is a small pod of grey whales inhabiting the area,
and humpbacks can sometimes be seen.
</div>
</div>
</div>
{% endblock %} {% endblock %}

BIN
static/mysteryposter.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 215 KiB

BIN
static/orcas.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 MiB

4
static/theme.css
View File

@@ -2,3 +2,7 @@
--bs-dark: #270042; --bs-dark: #270042;
--bs-dark-rgb: 39, 0, 66; --bs-dark-rgb: 39, 0, 66;
} }
.visit-img {
max-height: 300px;
}