Add NCommander Win98 submission

This commit is contained in:
Ben Visness 2023-06-19 14:20:44 -05:00
parent 5bc118d9e0
commit 8aa18901b2
6 changed files with 73 additions and 16 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 MiB

View File

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

View File

@ -3,17 +3,25 @@
<div> <div>
<div class="pa3 flex flex-column g3"> <div class="pa3 flex flex-column g3">
<div class="flex flex-column flex-row-ns g3"> <div class="flex flex-column flex-row-ns g3">
<div class="flex-shrink-0 relative"> <div class="flex-shrink-0 flex justify-center">
<img <div
class="pixelated inset" class="relative"
src="{{ static .Thumbnail }}" style="
alt="Video Thumbnail" width: {{ .Thumbnail.Width }}px;
/> height: {{ .Thumbnail.Height }}px;
<a href="{{ .Url }}" target="_blank"> "
<div class="absolute absolute--fill bg-black-30 flex justify-center items-center"> >
<img class="pixelated" alt="Play Video" src="{{ dataimg "timemachine/win95-play.png" }}"> <img
</div> class="pixelated inset"
</a> src="{{ static .Thumbnail.Filepath }}"
alt="Video Thumbnail"
/>
<a href="{{ .Url }}" target="_blank">
<div class="absolute absolute--fill bg-black-30 flex justify-center items-center">
<img class="pixelated" alt="Play Video" src="{{ dataimg "timemachine/win95-play.png" }}">
</div>
</a>
</div>
</div> </div>
<div class="flex flex-column g1"> <div class="flex flex-column g1">
{{ range .Details }} {{ range .Details }}
@ -25,6 +33,11 @@
<div class="post-content"> <div class="post-content">
{{ .Description }} {{ .Description }}
</div> </div>
{{ with .AllSubmissionsUrl }}
<div class="flex justify-end g3">
<a href="{{ . }}"><div class="win95-btn">See&nbsp;<u>M</u>ore</div></a>
</div>
{{ end }}
</div> </div>
</div> </div>
</div> </div>

View File

@ -161,6 +161,11 @@
align-items: center; align-items: center;
font-weight: normal; font-weight: normal;
padding: 0 1rem !important; padding: 0 1rem !important;
color: black;
}
a.win95-btn {
color: black;
} }
.win95-btn:active { .win95-btn:active {

View File

@ -27,6 +27,7 @@ func TimeMachine(c *RequestContext) ResponseData {
featured := tmSubmissions[0] featured := tmSubmissions[0]
featured.Title = "Latest Submission" featured.Title = "Latest Submission"
featured.AllSubmissionsUrl = hmnurl.BuildTimeMachineSubmissions()
type TemplateData struct { type TemplateData struct {
templates.BaseData templates.BaseData
@ -173,10 +174,17 @@ type TimeMachineSubmission struct {
Date time.Time Date time.Time
Title string Title string
Url string Url string
Thumbnail string Thumbnail TimeMachineThumbnail
Permalink string // generated for feed Permalink string // generated for feed
Details []TimeMachineSubmissionDetail Details []TimeMachineSubmissionDetail
Description template.HTML Description template.HTML
AllSubmissionsUrl string
}
type TimeMachineThumbnail struct {
Filepath string
Width, Height float32
} }
type TimeMachineSubmissionDetail struct { type TimeMachineSubmissionDetail struct {
@ -186,10 +194,41 @@ type TimeMachineSubmissionDetail struct {
var tmSubmissions = []TimeMachineSubmission{ var tmSubmissions = []TimeMachineSubmission{
{ {
Date: time.Date(2023, 6, 6, 0, 0, 0, 0, time.UTC), Date: time.Date(2023, 6, 16, 0, 0, 0, 0, time.UTC),
Title: "2009 iPod Touch", Title: "1992 Intel Professional Workstation",
Url: "https://youtu.be/2eBFk1yV6mE", Url: "https://www.youtube.com/watch?v=0uaINJAktLA&t=142s",
Thumbnail: "timemachine/ipodtouch-dither.gif", Thumbnail: TimeMachineThumbnail{
Filepath: "timemachine/thumbnails/2023-06-16-thumb.png",
Width: 300,
Height: 169,
},
Details: []TimeMachineSubmissionDetail{
{"Device", "Intel Professional Workstation"},
{"Submitted by", `<a href="https://www.youtube.com/@NCommander" target="_blank">NCommander</a>`},
{"Release year", "~1992"},
{"Procesor", "33Mhz 486DX"},
{"Memory", "Originally 8MiB"},
{"Architecture", "EISA"},
{"Operating system", "Shipped with Windows 3.x, OS/2, NetWare, or SCO UNIX"},
},
Description: `
<p>
This machine was originally used as a workstation at Rutgers University, where it was connected to a NetWare network and used as a fax server at some point. It's hard drive was replaced from one of the stock Maxtor drives to a DEC harddrive that appears to have been pulled out of a VAX.
</p>
<p>
It then made its way to an observatory out on Long Island, and was then used to process radio telemetry data as well as light web surfing throughout the 90s before being retired. It was powered on in 2004 and 2005. I did a multipart series on this machine on YT starting here: <a href="https://www.youtube.com/watch?v=fK7QMAX0BmQ" target="_blank">https://www.youtube.com/watch?v=fK7QMAX0BmQ</a>
</p>
`,
},
{
Date: time.Date(2023, 6, 6, 0, 0, 0, 0, time.UTC),
Title: "2009 iPod Touch",
Url: "https://youtu.be/2eBFk1yV6mE",
Thumbnail: TimeMachineThumbnail{
Filepath: "timemachine/thumbnails/2023-06-06-thumb.gif",
Width: 298,
Height: 166,
},
Details: []TimeMachineSubmissionDetail{ Details: []TimeMachineSubmissionDetail{
{"Device", "iPod Touch 3rd gen, model MC008LL"}, {"Device", "iPod Touch 3rd gen, model MC008LL"},
{"Submitted by", "Ben Visness"}, {"Submitted by", "Ben Visness"},