2022-07-28 01:56:00 +01:00
<!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" / >
2022-07-30 16:19:45 +01:00
< meta name = "description" content = "Captain ALM's City University Portfolio" >
2023-09-16 16:16:29 +01:00
< meta name = "keywords" content = "CaptainALM Captain_ALM Captain ALM portfolio Alfred Manville projects programming hacking cracking city uni cityuni cuol City University of London mycityuni" >
2022-07-28 01:56:00 +01:00
< title > City University Portfolio< / title >
< link rel = "stylesheet" href = "{{ .Data.CSSBaseURL }}" / >
{{ if .Light }}
2022-07-29 22:34:12 +01:00
< link id = "style-theme" rel = "stylesheet" href = "{{ .Data.CSSLightURL }}" / >
2022-07-28 01:56:00 +01:00
{{ else }}
2022-07-29 22:34:12 +01:00
< link id = "style-theme" rel = "stylesheet" href = "{{ .Data.CSSDarkURL }}" / >
2022-07-28 01:56:00 +01:00
{{ end }}
2022-07-30 15:07:10 +01:00
< script type = "application/javascript" >
2022-07-30 16:49:44 +01:00
var TheParameters = "{{ .Parameters }}"
2022-07-30 21:03:47 +01:00
var CssLightURL = "{{ .Data.CSSLightURL }}"
var CssDarkURL = "{{ .Data.CSSDarkURL }}"
var SunImageURL = "{{ .Data.SunImageLocation }}"
var MoonImageURL = "{{ .Data.MoonImageLocation }}"
2022-07-30 15:07:10 +01:00
< / script >
< script type = "application/javascript" src = "{{ .Data.JScriptURL }}" > < / script >
2022-07-28 01:56:00 +01:00
< / 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 >
2022-07-30 16:19:45 +01:00
< a href = "?{{ .Parameters }}" class = "home-button no-dec" title = "Switch to Dark Mode" id = "theme" > < div > < img id = "theme-img" src = "{{ .Data.MoonImageLocation }}" width = "64px" alt = '{{ "{" }}' > < / div > < / a >
2022-07-28 01:56:00 +01:00
{{ 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 "" }}
2022-07-30 16:19:45 +01:00
< a href = "?light" class = "home-button no-dec" title = "Switch to Light Mode" id = "theme" > < div > < img id = "theme-img" src = "{{ .Data.SunImageLocation }}" width = "64px" alt = '()' > < / div > < / a >
2022-07-28 01:56:00 +01:00
{{ else }}
2022-07-30 16:19:45 +01:00
< a href = "?light&{{ .Parameters }}" class = "home-button no-dec" title = "Switch to Light Mode" id = "theme" > < div > < img id = "theme-img" src = "{{ .Data.SunImageLocation }}" width = "64px" alt = '()' > < / div > < / a >
2022-07-28 01:56:00 +01:00
{{ end }}
{{ end }}
< input class = "sort-menu" type = "checkbox" id = "sort-menu" / >
2022-07-30 18:05:11 +01:00
< label class = "sort-button no-dec" for = "sort-menu" id = "sort-menu-button" title = "Order and Sort Options" > < div > < img src = "{{ .Data.SortImageLocation }}" width = "64px" alt = '↓' > < / div > < / label >
2022-07-29 22:34:12 +01:00
< div class = "so-pane" id = "so-pane" >
< form action = "?" method = "get" id = "so-form" >
2022-07-28 01:56:00 +01:00
{{ if .Light }}
< input id = "so-theme" type = "hidden" name = "light" / >
{{ end }}
2022-07-29 22:34:12 +01:00
< div >
2022-07-28 01:56:00 +01:00
{{ $sort := 0 }}
2022-07-29 22:34:12 +01:00
< div > < label class = "no-dec" for = "so-order" > Order by:< / label > < / div >
< div > < select name = "order" id = "so-order" >
2022-07-28 01:56:00 +01:00
{{ 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 }}
2022-07-29 22:34:12 +01:00
< / select > < / div >
< / div >
< div >
< div > < label class = "no-dec" for = "so-sort" > Sort:< / label > < / div >
< div > < select name = "sort" id = "so-sort" >
2022-07-28 01:56:00 +01:00
{{ 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 }}
2022-07-29 22:34:12 +01:00
< / select > < / div >
< / div >
< div class = "so-pane-full" >
< span > < input id = "so-submit" type = "submit" value = "Commit" > < / span >
< / div >
2022-07-28 01:56:00 +01:00
< / form >
2022-07-29 22:34:12 +01:00
< / div >
2022-07-28 01:56:00 +01:00
< input class = "nav-menu" type = "checkbox" id = "nav-menu" / >
< label class = "hmb" for = "nav-menu" title = "Navigation Links" > < span class = "hmb-line" > < / span > < / label >
2022-08-17 23:09:13 +01:00
< nav class = "vnav" id = "vnav" >
< ul class = "vmenu no-lst-style" id = "vmenu" >
< / ul >
< / nav >
2022-07-28 01:56:00 +01:00
< nav class = "nav" id = "nav" >
2022-08-17 23:09:13 +01:00
< ul class = "menu no-lst-style" id = "menu" >
2022-07-28 01:56:00 +01:00
{{ range .Data.GetHeaderLabels }}
2022-08-17 23:09:13 +01:00
< li > < a href = "{{ $.Data.GetHeaderLink . }}" class = "no-dec" title = "{{ . }}" > {{ . }}< / a > < / li >
2022-07-28 01:56:00 +01:00
{{ end }}
< / ul >
< / nav >
< / header >
2022-07-29 22:34:12 +01:00
< main class = "main-box flex-col" >
2022-07-30 15:07:10 +01:00
< div id = "about" >
2022-07-29 22:34:12 +01:00
< div class = "item-table flex-col" >
< div class = "item-heading" >
2022-07-28 01:56:00 +01:00
< 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 >
< 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 >
< / div >
2022-07-30 15:07:10 +01:00
{{ $c := 0 }}
2022-07-28 01:56:00 +01:00
{{ range .GetEntries }}
2022-07-30 15:07:10 +01:00
{{ $c = $.CounterPlusPlus }}
< div id = "entry-{{ $c }}" >
< script type = "application/javascript" >
2022-07-30 16:19:45 +01:00
CreateEntry({{ $c }}, "{{ .Name }}", "{{ .VideoLocation }}", "{{ .VideoContentType }}", "{{ .GetStartDateHTML }}", "{{ .GetEndDateHTML }}", {{ .GetInt64Duration }})
2022-07-30 15:07:10 +01:00
< / script >
2022-07-29 22:34:12 +01:00
< div class = "item-table flex-col" >
< div class = "item-heading" >
2022-07-28 01:56:00 +01:00
< 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 >
< div class = "item-table-full" >
< div class = "content" > {{ .GetContent }}< / div >
< / div >
< div class = "item-table-360" >
2022-07-30 15:07:10 +01:00
< div id = "video-{{ $c }}" >
2022-07-28 01:56:00 +01:00
{{ if eq .VideoLocation "" }}
2023-09-19 23:01:46 +01:00
< img src = "{{ .GetVideoThumbnail $.Data.NoVideoImageLocation }}" alt = "No Video" width = "360px" >
2022-07-28 01:56:00 +01:00
{{ else }}
2023-09-16 16:16:29 +01:00
{{ if .IsVideoLink }}
< a href = "{{ .VideoLocation }}" >
< img src = "{{ .GetVideoThumbnail $.Data.PlayVideoImageLocation }}" alt = "Play Video" title = "Play" width = "360px" >
< / a >
{{ else }}
2022-07-30 15:07:10 +01:00
< script type = "application/javascript" >
2023-09-19 23:01:46 +01:00
CreateVideoPlaceholder({{ $c }}, "{{ .GetVideoThumbnail $.Data.PlayVideoImageLocation }}")
2022-07-30 15:07:10 +01:00
< / script >
< noscript >
< video controls width = "360px" >
< source src = "{{ .VideoLocation }}" type = "{{ .VideoContentType }}" >
< a href = "{{ .VideoLocation }}" > The Video< / a >
< / video >
< / noscript >
2023-09-16 16:16:29 +01:00
{{ end }}
2022-07-28 01:56:00 +01:00
{{ end }}
< / div >
< / div >
< / div >
{{ if not (eq .GetImageCount 0) }}
< div class = "item-table-caption" >
2022-07-29 22:34:12 +01:00
< div class = "image-box flex-row" >
2022-07-28 01:56:00 +01:00
{{ range .GetImages }}
< a href = "{{ .ImageLocation }}" > < img src = "{{ .ThumbnailLocation }}" alt = "{{ .ImageAltText }}" title = "{{ .ImageAltText }}" width = "240px" > < / a >
{{ end }}
< / div >
< / div >
{{ end }}
< / div >
< / div >
{{ end }}
< / main >
2022-07-30 16:23:00 +01:00
< script type = "application/javascript" >
SetupJS()
< / script >
2022-07-28 01:56:00 +01:00
< footer >
< p >
Looking for the old static HTML page, here's the < a href = "index.html" > link< / a > .
< / p >
2022-08-01 01:39:11 +01:00
< p >
This page's content is licensed under Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International < a href = "https://creativecommons.org/licenses/by-nc-nd/4.0/" >
2022-08-17 23:09:13 +01:00
< img src = "https://mirrors.creativecommons.org/presskit/buttons/80x15/png/by-nc-nd.png" alt = "License" title = "License" height = "16" > < / a > .
2022-08-01 01:39:11 +01:00
< / p >
2022-07-28 01:56:00 +01:00
< / footer >
2022-08-17 23:09:13 +01:00
< div id = "st" > < / div >
2022-07-28 01:56:00 +01:00
< / body >
< / html >
