196 lines
8.7 KiB
HTML
196 lines
8.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8"/>
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
|
|
<title>City University Portfolio</title>
|
||
|
|
<link rel="stylesheet" href="{{ .Data.CSSBaseURL }}"/>
|
||
|
|
{{ if .Light }}
|
||
|
|
<link rel="stylesheet" href="{{ .Data.CSSLightURL }}"/>
|
||
|
|
{{ else }}
|
||
|
|
<link rel="stylesheet" href="{{ .Data.CSSDarkURL }}"/>
|
||
|
|
{{ end }}
|
||
|
|
<script src="{{ .Data.JScriptURL }}"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header class="header">
|
||
|
|
{{ if .Light }}
|
||
|
|
<a href="?light" class="home-button no-dec" title="Home" id="logo"><div><img src="{{ .Data.LogoImageLocation }}" width="64px" alt="⌂"></div></a>
|
||
|
|
<a href="?{{ .Parameters }}" class="home-button no-dec" title="Switch to Dark Mode" id="theme"><div><img src="{{ .Data.MoonImageLocation }}" width="64px" alt='{{ "{" }}'></div></a>
|
||
|
|
{{ else }}
|
||
|
|
<a href="?" class="home-button no-dec" title="Home" id="logo"><div><img src="{{ .Data.LogoImageLocation }}" width="64px" alt="⌂"></div></a>
|
||
|
|
{{ if eq .Parameters "" }}
|
||
|
|
<a href="?light" class="home-button no-dec" title="Switch to Light Mode" id="theme"><div><img src="{{ .Data.SunImageLocation }}" width="64px" alt='()'></div></a>
|
||
|
|
{{ else }}
|
||
|
|
<a href="?light&{{ .Parameters }}" class="home-button no-dec" title="Switch to Light Mode" id="theme"><div><img src="{{ .Data.SunImageLocation }}" width="64px" alt='()'></div></a>
|
||
|
|
{{ end }}
|
||
|
|
{{ end }}
|
||
|
|
<input class="sort-menu" type="checkbox" id="sort-menu"/>
|
||
|
|
<label class="sort-button no-dec" for="sort-menu" title="Order and Sort Options"><div><img src="{{ .Data.SortImageLocation }}" width="64px" alt='↓'></div></label>
|
||
|
|
<form class="so-pane" action="?" method="get" id="so-form">
|
||
|
|
{{ if .Light }}
|
||
|
|
<input id="so-theme" type="hidden" name="light" />
|
||
|
|
{{ end }}
|
||
|
|
{{ $sort := 0 }}
|
||
|
|
<label class="no-dec" for="so-order">Order by:</label>
|
||
|
|
<select name="order" id="so-order">
|
||
|
|
{{ if eq .OrderStartDate 0 }}
|
||
|
|
<option value="start">Start Date</option>
|
||
|
|
{{ else }}
|
||
|
|
<option value="start" selected>Start Date</option>
|
||
|
|
{{ $sort = .OrderStartDate }}
|
||
|
|
{{ end }}
|
||
|
|
{{ if eq .OrderEndDate 0 }}
|
||
|
|
<option value="end">End Date</option>
|
||
|
|
{{ else }}
|
||
|
|
<option value="end" selected>End Date</option>
|
||
|
|
{{ $sort = .OrderEndDate }}
|
||
|
|
{{ end }}
|
||
|
|
{{ if eq .OrderName 0 }}
|
||
|
|
<option value="name">Name</option>
|
||
|
|
{{ else }}
|
||
|
|
<option value="name" selected>Name</option>
|
||
|
|
{{ $sort = .OrderName }}
|
||
|
|
{{ end }}
|
||
|
|
{{ if eq .OrderDuration 0 }}
|
||
|
|
<option value="duration">Duration</option>
|
||
|
|
{{ else }}
|
||
|
|
<option value="duration" selected>Duration</option>
|
||
|
|
{{ $sort = .OrderDuration }}
|
||
|
|
{{ end }}
|
||
|
|
</select>
|
||
|
|
<label class="no-dec" for="so-sort">Sort:</label>
|
||
|
|
<select name="sort" id="so-sort">
|
||
|
|
{{ if gt $sort 0 }}
|
||
|
|
<option value="asc" selected>Ascending</option>
|
||
|
|
{{ else }}
|
||
|
|
<option value="asc">Ascending</option>
|
||
|
|
{{ end }}
|
||
|
|
{{ if lt $sort 0 }}
|
||
|
|
<option value="desc" selected>Descending</option>
|
||
|
|
{{ else }}
|
||
|
|
<option value="desc">Descending</option>
|
||
|
|
{{ end }}
|
||
|
|
</select>
|
||
|
|
<input id="so-submit" type="submit" value="Commit">
|
||
|
|
</form>
|
||
|
|
<input class="nav-menu" type="checkbox" id="nav-menu"/>
|
||
|
|
<label class="hmb" for="nav-menu" title="Navigation Links"><span class="hmb-line"></span></label>
|
||
|
|
<nav class="nav" id="nav">
|
||
|
|
<ul class="menu no-lst-style">
|
||
|
|
{{ range .Data.GetHeaderLabels }}
|
||
|
|
<li><b><a href="{{ $.Data.GetHeaderLink . }}" class="no-dec" title="{{ . }}">{{ . }}</a></b></li>
|
||
|
|
{{ end }}
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<main class="main-box">
|
||
|
|
<div>
|
||
|
|
<div class="item-table">
|
||
|
|
<div>
|
||
|
|
<div class="item-table-full">
|
||
|
|
<div class="centered"><h1>{{ .Data.About.Title }}</h1></div>
|
||
|
|
</div>
|
||
|
|
<div class="item-table-360">
|
||
|
|
<div class="centered"><h4>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h4></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="small-only-row">
|
||
|
|
<div class="item-table-full">
|
||
|
|
<div class="centered"><h4>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h4></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div class="item-table-full">
|
||
|
|
<div class="content">{{ .Data.About.GetContent }}</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-table-360">
|
||
|
|
<div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="{{ .Data.About.ImageAltText }}" title="{{ .Data.About.ImageAltText }}" width="360px"></a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="small-only-row">
|
||
|
|
<div class="item-table-full">
|
||
|
|
<div class="centered"><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="{{ .Data.About.ImageAltText }}" title="{{ .Data.About.ImageAltText }}" width="360px"></a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{ range .GetEntries }}
|
||
|
|
<div>
|
||
|
|
<div class="item-table">
|
||
|
|
<div>
|
||
|
|
<div class="item-table-full">
|
||
|
|
<div class="centered"><h1>{{ .Name }}</h1></div>
|
||
|
|
</div>
|
||
|
|
<div class="item-table-360">
|
||
|
|
{{ if eq .GetStartDate .GetEndDate }}
|
||
|
|
<div class="centered"><h4>{{ .GetStartDate }}</h4></div>
|
||
|
|
{{ else }}
|
||
|
|
<div class="centered"><h4>{{ .GetStartDate }} - {{ .GetEndDate }}</h4></div>
|
||
|
|
{{ end }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="small-only-row">
|
||
|
|
<div class="item-table-full">
|
||
|
|
{{ if eq .GetStartDate .GetEndDate }}
|
||
|
|
<div class="centered"><h4>{{ .GetStartDate }}</h4></div>
|
||
|
|
{{ else }}
|
||
|
|
<div class="centered"><h4>{{ .GetStartDate }} - {{ .GetEndDate }}</h4></div>
|
||
|
|
{{ end }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div class="item-table-full">
|
||
|
|
<div class="content">{{ .GetContent }}</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-table-360">
|
||
|
|
<div>
|
||
|
|
{{ if eq .VideoLocation "" }}
|
||
|
|
<img src="{{ $.Data.NoVideoImageLocation }}" alt="No Video" width="360px">
|
||
|
|
{{ else }}
|
||
|
|
<video controls width="360px">
|
||
|
|
<source src="{{ .VideoLocation }}" type="{{ .VideoContentType }}">
|
||
|
|
<a href="{{ .VideoLocation }}">The Video</a>
|
||
|
|
</video>
|
||
|
|
{{ end }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="small-only-row">
|
||
|
|
<div class="item-table-full">
|
||
|
|
<div class="centered">
|
||
|
|
{{ if eq .VideoLocation "" }}
|
||
|
|
<img src="{{ $.Data.NoVideoImageLocation }}" alt="No Video" width="360px">
|
||
|
|
{{ else }}
|
||
|
|
<video controls width="360px">
|
||
|
|
<source src="{{ .VideoLocation }}" type="{{ .VideoContentType }}">
|
||
|
|
<a href="{{ .VideoLocation }}">The Video</a>
|
||
|
|
</video>
|
||
|
|
{{ end }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{ if not (eq .GetImageCount 0) }}
|
||
|
|
<div class="item-table-caption">
|
||
|
|
<div class="image-box">
|
||
|
|
{{ range .GetImages }}
|
||
|
|
<a href="{{ .ImageLocation }}"><img src="{{ .ThumbnailLocation }}" alt="{{ .ImageAltText }}" title="{{ .ImageAltText }}" width="240px"></a>
|
||
|
|
{{ end }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{ end }}
|
||
|
|
</div>
|
||
|
|
<div class="data-hold">{{ .GetInt64Duration }}</div>
|
||
|
|
<div class="data-hold">{{ .GetStartDateHTML }}</div>
|
||
|
|
<div class="data-hold">{{ .GetEndDateHTML }}</div>
|
||
|
|
</div>
|
||
|
|
{{ end }}
|
||
|
|
</main>
|
||
|
|
<footer>
|
||
|
|
<p>
|
||
|
|
Looking for the old static HTML page, here's the <a href="index.html">link</a>.
|
||
|
|
</p>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|