templates: add templ components for static pages and teacher login

Bring in templ component equivalents of the HTML templates for: home,
info, authors, rules, register, faq, archive, navbar partial, footer
partial, base layout, and teacher login page.

Update internal/archive.go to remove duplicate type definitions
(Link, WinningTeam, CompetitionResult, YearInfo now live in the
templates package). Add archiveInfo package variable and update
GetArchiveTemplate to convert to the struct types expected by the
html/template renderer.

Add internal/contextkeys/keys.go with context key constants shared by
both the HTTP handlers and the templ components.

The runtime application.go is unchanged and continues to use
html/template; the templ components are not yet wired up.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: sumnerevans

internal/archive.go

@@ -0,0 +1,10 @@
+package contextkeys
+
+type contextKey int
+
+const (
+	ContextKeyLoggedInTeacher contextKey = iota
+	ContextKeyPageName
+	ContextKeyRegistrationEnabled
+	ContextKeyHostedByHTML
+)

internal/contextkeys/keys.go

@@ -0,0 +1,145 @@
+package templates
+
+import "strconv"
+
+type Link struct {
+	URL   templ.SafeURL
+	Title string
+}
+
+type WinningTeam struct {
+	Place    string
+	Name     string
+	School   string
+	Location string
+}
+
+type CompetitionResult struct {
+	Name      string
+	Shortname string
+	Teams     []WinningTeam
+}
+
+type YearInfo struct {
+	Year            int
+	RecapParagraphs []string
+	Links           []Link
+	Results         []CompetitionResult
+}
+
+func accordionHeadingID(year int, shortname string) string {
+	return "heading" + strconv.Itoa(year) + shortname
+}
+
+func accordionCollapseCSSID(year int, shortname string) string {
+	return "#" + accordionCollapseID(year, shortname)
+}
+
+func accordionCollapseID(year int, shortname string) string {
+	return "winners" + strconv.Itoa(year) + shortname
+}
+
+func trophyColor(place int) string {
+	switch place + 1 {
+	case 1:
+		return "#FFD700"
+	case 2:
+		return "#C0C0C0"
+	default:
+		return "#CD7F32"
+	}
+}
+
+templ Archive(years []YearInfo) {
+	<div class="container">
+		<div class="row page-header">
+			<div class="col">
+				<h1>Archive</h1>
+				<p class="header-paragraph">
+					Since 2018, the CS@Mines High School Programming
+					Competition has provided high school students an opportunity to
+					demonstrate their programming and problem solving skills in a
+					competitive environment. For more information on all of our competitions
+					and past problems, view
+					<a href="https://sumnerevans.com/tags/high-school-programming-competition/" target="_blank">
+						competition summaries
+					</a>.
+				</p>
+			</div>
+		</div>
+	</div>
+	<div class="container page-content archive pb-5">
+		for _, y := range years {
+			@year(y)
+			@yearLinks(y)
+		}
+	</div>
+}
+
+templ year(y YearInfo) {
+	<div class="row mb-4">
+		<div class="col-lg-5 mt-4 mx-4">
+			<h2>{ strconv.Itoa(y.Year) }</h2>
+			for _, p := range y.RecapParagraphs {
+				<p>{ p }</p>
+			}
+		</div>
+		<div class="col mt-5">
+			<div class="accordion">
+				for _, r := range y.Results {
+					<div class="accordion-item">
+						<h2 class="accordion-header" id={ accordionHeadingID(y.Year, r.Shortname) }>
+							<button
+								class="accordion-button collapsed"
+								type="button"
+								data-bs-toggle="collapse"
+								data-bs-target={ accordionCollapseCSSID(y.Year, r.Shortname) }
+								aria-expanded="true"
+								aria-controls={ accordionCollapseID(y.Year, r.Shortname) }
+							>
+								<strong>{ r.Name } Competition Winners</strong>
+							</button>
+						</h2>
+						<div
+							id={ accordionCollapseID(y.Year, r.Shortname) }
+							class="accordion-collapse collapse"
+							aria-labelledby={ accordionHeadingID(y.Year, r.Shortname) }
+						>
+							<div class="accordion-body">
+								for i, t := range r.Teams {
+									@winningTeam(i, t)
+								}
+							</div>
+						</div>
+					</div>
+				}
+			</div>
+		</div>
+	</div>
+}
+
+templ yearLinks(y YearInfo) {
+	<div class="row">
+		<div class="col mx-4">
+			for i, link := range y.Links {
+				if i > 0 {
+					&nbsp;&bull;
+				}
+				<a href={ link.URL } target="_blank">{ link.Title }</a>
+			}
+		</div>
+	</div>
+}
+
+templ winningTeam(i int, team WinningTeam) {
+	<li class="list-group-item">
+		<span class="badge bg-primary rounded-pill">
+			<i class="fa fa-trophy" { templ.Attributes{"style": "color: " + trophyColor(i) + ";"}... } role="img" aria-label="Trophy"></i>
+			{ team.Place }
+		</span>
+		<strong>{ team.Name }</strong>
+		<p class="mb-1 text-secondary">
+			{ team.School } &bull; { team.Location }
+		</p>
+	</li>
+}