FreyaMode won't affect other message processing steps

.gitignore

@@ -16,6 +16,7 @@ local/backups
 /tmp
 *.exe
 .DS_Store
+__debug_bin*
 
 # vim session saves
 Session.vim

public/learningjam2024/books.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 236 253" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="books" x="0" y="0" width="235.74" height="252.97" style="fill:none;"/><path d="M77.61,252.704l0,-230.569l80.52,-0l-0,230.569l-80.52,0Zm59.686,-188.853l0,-20.883l-38.853,-0l0,20.883l38.853,0Zm0,128.926l0,-108.092l-38.853,-0l0,108.092l38.853,-0Zm-38.853,20.833l0,18.261l38.853,-0l0,-18.261l-38.853,0Zm-98.032,39.094l-0,-252.438l70.429,-0l-0,252.438l-70.429,0Zm49.596,-206.372l-0,-25.233l-28.763,-0l0,25.233l28.763,0Zm-0,142.369l-0,-121.536l-28.763,0l0,121.536l28.763,-0Zm-28.763,20.833l0,22.337c0,-0 28.763,-0 28.763,-0l-0,-22.337l-28.763,-0Zm143.656,43.17l-0,-252.438l70.429,-0l-0,252.438l-70.429,0Zm49.596,-206.372l-0,-25.233l-28.763,-0l0,25.233l28.763,0Zm-0,142.369l-0,-121.536l-28.763,0l0,121.536l28.763,-0Zm-28.763,20.833l0,22.337l28.763,-0l-0,-22.337l-28.763,-0Z"/></svg>

public/learningjam2024/lightbulb.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 336 233" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="lightbulb" x="0" y="0" width="335.159" height="232.656" style="fill:none;"/><path d="M197.613,202.015c0,16.576 -13.457,30.034 -30.034,30.034c-16.576,-0 -30.034,-13.458 -30.034,-30.034l60.068,-0Zm0.06,-9.97l-60.206,-0c-3.155,-16.04 -5.152,-23.793 -32.39,-57.373c-10.513,-12.96 -16.178,-29.812 -16.178,-47.773c0,-43.425 35.256,-78.68 78.68,-78.68c43.425,-0 78.68,34.8 78.68,78.224c0,17.961 -5.665,34.814 -16.177,47.774c-27.238,33.58 -29.254,41.788 -32.409,57.828Zm-16.343,-20.834c3.88,-11.276 11.569,-24.225 32.572,-50.118c7.611,-9.383 11.524,-21.647 11.524,-34.65c-0,-31.893 -25.954,-57.391 -57.847,-57.391c-31.926,0 -57.846,25.92 -57.846,57.847c-0,13.003 3.913,25.266 11.524,34.649c20.946,25.823 28.639,38.556 32.521,49.663l27.552,0Zm-160.921,-151.684c-4.694,-3.321 -5.808,-9.827 -2.488,-14.52c3.321,-4.693 9.827,-5.808 14.52,-2.488l31.239,22.101c4.694,3.321 5.808,9.827 2.488,14.52c-3.32,4.693 -9.827,5.808 -14.52,2.488l-31.239,-22.101Zm12.032,153.97c-4.693,3.32 -11.199,2.205 -14.52,-2.488c-3.32,-4.693 -2.206,-11.199 2.488,-14.52l31.239,-22.101c4.693,-3.32 11.2,-2.205 14.52,2.488c3.32,4.693 2.206,11.199 -2.488,14.52l-31.239,22.101Zm-21.856,-74.77c-5.749,-0 -10.416,-4.668 -10.416,-10.417c-0,-5.749 4.667,-10.417 10.416,-10.417l38.267,0c5.749,0 10.417,4.668 10.417,10.417c-0,5.749 -4.668,10.417 -10.417,10.417l-38.267,-0Zm292.133,-95.906c4.693,-3.32 11.199,-2.205 14.519,2.488c3.321,4.693 2.206,11.199 -2.487,14.52l-31.239,22.101c-4.694,3.32 -11.2,2.206 -14.52,-2.488c-3.321,-4.693 -2.206,-11.199 2.487,-14.52l31.24,-22.101Zm12.032,153.97c4.693,3.321 5.808,9.827 2.487,14.52c-3.32,4.694 -9.826,5.808 -14.519,2.488l-31.24,-22.101c-4.693,-3.321 -5.808,-9.827 -2.487,-14.52c3.32,-4.693 9.826,-5.808 14.52,-2.488l31.239,22.101Zm9.823,-78.595c5.75,-0 10.417,4.667 10.417,10.416c0,5.749 -4.667,10.417 -10.417,10.417l-38.266,-0c-5.75,-0 -10.417,-4.668 -10.417,-10.417c-0,-5.749 4.667,-10.416 10.417,-10.416l38.266,-0Z"/></svg>

public/learningjam2024/presentation.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 301 229" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="presentation" x="-0" y="0" width="300.716" height="228.578" style="fill:none;"/><path d="M124.979,14.95l175.159,0l0,152.429l-137.896,0c-1.49,-7.262 -3.898,-14.19 -7.097,-20.659l124.334,-0l-0,-111.11l-143.514,-0c-2.302,-7.632 -6.074,-14.628 -10.986,-20.66Zm-119.77,196.191c-2.997,-8.252 -4.631,-17.155 -4.631,-26.437c0,-42.797 34.745,-77.542 77.541,-77.542c42.796,0 77.541,34.745 77.541,77.542c0,9.282 -1.634,18.185 -4.631,26.437c-22.091,10.548 -46.816,16.455 -72.91,16.455c-26.094,0 -50.819,-5.907 -72.91,-16.455Zm15.522,-13.612c17.693,7.296 37.075,11.317 57.388,11.317c20.314,0 39.695,-4.021 57.389,-11.317c0.919,-4.129 1.402,-8.421 1.402,-12.825c0,-32.448 -26.343,-58.792 -58.791,-58.792c-32.448,0 -58.791,26.344 -58.791,58.792c0,4.404 0.484,8.696 1.403,12.825Zm57.388,-196.547c28.741,-0 52.075,23.334 52.075,52.074c-0,28.741 -23.334,52.075 -52.075,52.075c-28.74,-0 -52.074,-23.334 -52.074,-52.075c-0,-28.74 23.334,-52.074 52.074,-52.074Zm0,18.75c-18.392,-0 -33.324,14.932 -33.324,33.324c-0,18.392 14.932,33.325 33.324,33.325c18.392,-0 33.325,-14.933 33.325,-33.325c-0,-18.392 -14.933,-33.324 -33.325,-33.324Z"/></svg>

public/style.css

@@ -7346,12 +7346,6 @@ article code {
   margin-left: auto;
   margin-right: auto; }
 
-.flex-shrink-0, .edit-form .edit-form-row > :first-child {
-  flex-shrink: 0; }
-
-.flex-grow-1, .edit-form .edit-form-row > :nth-child(2) {
-  flex-grow: 1; }
-
 .flex-fair {
   flex-basis: 1px;
   flex-grow: 1;
@@ -7597,7 +7591,19 @@ article code {
     grid-template-columns: 1fr 1fr; }
   .bg--dim-ns {
     background-color: #f0f0f0;
-    background-color: var(--dim-background); } }
+    background-color: var(--dim-background); }
+  .g0-ns {
+    gap: 0; }
+  .g1-ns {
+    gap: 0.25rem; }
+  .g2-ns {
+    gap: 0.5rem; }
+  .g3-ns {
+    gap: 1rem; }
+  .g4-ns {
+    gap: 2rem; }
+  .g5-ns {
+    gap: 4rem; } }
 
 @media screen and (min-width: 35em) and (max-width: 60em) {
   .bi-avoid-m {
@@ -7626,7 +7632,19 @@ article code {
     grid-template-columns: 1fr 1fr; }
   .bg--dim-m {
     background-color: #f0f0f0;
-    background-color: var(--dim-background); } }
+    background-color: var(--dim-background); }
+  .g0-m {
+    gap: 0; }
+  .g1-m {
+    gap: 0.25rem; }
+  .g2-m {
+    gap: 0.5rem; }
+  .g3-m {
+    gap: 1rem; }
+  .g4-m {
+    gap: 2rem; }
+  .g5-m {
+    gap: 4rem; } }
 
 @media screen and (min-width: 60em) {
   .bi-avoid-l {
@@ -7655,7 +7673,19 @@ article code {
     grid-template-columns: 1fr 1fr; }
   .bg--dim-l {
     background-color: #f0f0f0;
-    background-color: var(--dim-background); } }
+    background-color: var(--dim-background); }
+  .g0-l {
+    gap: 0; }
+  .g1-l {
+    gap: 0.25rem; }
+  .g2-l {
+    gap: 0.5rem; }
+  .g3-l {
+    gap: 1rem; }
+  .g4-l {
+    gap: 2rem; }
+  .g5-l {
+    gap: 4rem; } }
 
 .not-first:first-child {
   display: none; }

src/discord/gateway.go

@@ -23,6 +23,34 @@ import (
 	"github.com/jpillora/backoff"
 )
 
+type BotEvent struct {
+	Timestamp time.Time
+	Name      string
+	Extra     string
+}
+
+var botEvents = make([]BotEvent, 0, 1000)
+var botEventsMutex = sync.Mutex{}
+
+func RecordBotEvent(name, extra string) {
+	botEventsMutex.Lock()
+	defer botEventsMutex.Unlock()
+	if len(botEvents) > 1000 {
+		botEvents = botEvents[len(botEvents)-500:]
+	}
+	botEvents = append(botEvents, BotEvent{
+		Timestamp: time.Now(),
+		Name:      name,
+		Extra:     extra,
+	})
+}
+
+func GetBotEvents() []BotEvent {
+	botEventsMutex.Lock()
+	defer botEventsMutex.Unlock()
+	return botEvents[:]
+}
+
 func RunDiscordBot(ctx context.Context, dbConn *pgxpool.Pool) jobs.Job {
 	log := logging.ExtractLogger(ctx).With().Str("module", "discord").Logger()
 	ctx = logging.AttachLoggerToContext(&log, ctx)
@@ -56,6 +84,11 @@ func RunDiscordBot(ctx context.Context, dbConn *pgxpool.Pool) jobs.Job {
 				log.Info().Msg("Connecting to the Discord gateway")
 				bot := newBotInstance(dbConn)
 				err := bot.Run(ctx)
+				disconnectMessage := ""
+				if err != nil {
+					disconnectMessage = err.Error()
+				}
+				RecordBotEvent("Disconnected", disconnectMessage)
 				if err != nil {
 					dur := boff.Duration()
 					log.Error().
@@ -101,6 +134,8 @@ type botInstance struct {
 	conn   *websocket.Conn
 	dbConn *pgxpool.Pool
 
+	resuming bool
+
 	heartbeatIntervalMs int
 	forceHeartbeat      chan struct{}
 
@@ -193,6 +228,7 @@ func (bot *botInstance) Run(ctx context.Context) (err error) {
 			logging.ExtractLogger(ctx).Info().Msg("Discord asked us to reconnect to the gateway")
 			return nil
 		case OpcodeInvalidSession:
+			RecordBotEvent("Failed to resume - invalid session", "")
 			// We tried to resume but the session was invalid.
 			// Delete the session and reconnect from scratch again.
 			_, err := bot.dbConn.Exec(ctx, `DELETE FROM discord_session`)
@@ -264,8 +300,11 @@ func (bot *botInstance) connect(ctx context.Context) error {
 		}
 	}
 
+	RecordBotEvent("Connected", "")
 	if shouldResume {
+		RecordBotEvent("Resuming with session ID", session.ID)
 		// Reconnect to the previous session
+		bot.resuming = true
 		err := bot.sendGatewayMessage(ctx, GatewayMessage{
 			Opcode: OpcodeResume,
 			Data: Resume{
@@ -540,11 +579,20 @@ func (bot *botInstance) processEventMsg(ctx context.Context, msg *GatewayMessage
 		panic(fmt.Sprintf("processEventMsg must only be used on Dispatch messages (opcode %d). Validate this before you call this function.", OpcodeDispatch))
 	}
 
+	if bot.resuming {
+		name := ""
+		if msg.EventName != nil {
+			name = *msg.EventName
+		}
+		RecordBotEvent("Got event while resuming", name)
+	}
 	switch *msg.EventName {
 	case "RESUMED":
 		// Nothing to do, but at least we can log something
 		logging.ExtractLogger(ctx).Info().Msg("Finished resuming gateway session")
 
+		bot.resuming = false
+		RecordBotEvent("Done resuming", "")
 		bot.createApplicationCommands(ctx)
 	case "MESSAGE_CREATE":
 		newMessage := *MessageFromMap(msg.Data, "")

src/discord/history.go

@@ -185,6 +185,7 @@ func Scrape(ctx context.Context, dbConn *pgxpool.Pool, channelID string, earlies
 				return true
 			}
 
+			msg.Backfilled = true
 			err := HandleIncomingMessage(ctx, dbConn, &msg, createSnippets)
 
 			if err != nil {

src/discord/message_handling.go

@@ -27,6 +27,11 @@ import (
 	"github.com/google/uuid"
 )
 
+var autostoreChannels = []string{
+	config.Config.Discord.ShowcaseChannelID,
+	// TODO(asaf): Add jam channel
+}
+
 func HandleIncomingMessage(ctx context.Context, dbConn db.ConnOrTx, msg *Message, createSnippets bool) error {
 	deleted := false
 	var err error
@@ -53,6 +58,10 @@ func HandleIncomingMessage(ctx context.Context, dbConn db.ConnOrTx, msg *Message
 		err = HandleInternedMessage(ctx, dbConn, msg, deleted, createSnippets)
 	}
 
+	if !deleted && err == nil {
+		err = FreyaMode(ctx, dbConn, msg)
+	}
+
 	return err
 }
 
@@ -65,17 +74,7 @@ func CleanUpShowcase(ctx context.Context, dbConn db.ConnOrTx, msg *Message) (boo
 			return deleted, nil
 		}
 
-		hasGoodContent := true
-		if msg.OriginalHasFields("content") && !messageHasLinks(msg.Content) {
-			hasGoodContent = false
-		}
-
-		hasGoodAttachments := true
-		if msg.OriginalHasFields("attachments") && len(msg.Attachments) == 0 {
-			hasGoodAttachments = false
-		}
-
-		if !hasGoodContent && !hasGoodAttachments {
+		if !messageShouldBeStored(msg) {
 			err := DeleteMessage(ctx, msg.ChannelID, msg.ID)
 			if err != nil {
 				return deleted, oops.New(err, "failed to delete message")
@@ -91,7 +90,7 @@ func CleanUpShowcase(ctx context.Context, dbConn db.ConnOrTx, msg *Message) (boo
 				err = SendMessages(ctx, dbConn, MessageToSend{
 					ChannelID: channel.ID,
 					Req: CreateMessageRequest{
-						Content: "Posts in #project-showcase are required to have either an image/video or a link. Discuss showcase content in #projects.",
+						Content: "Posts in #project-showcase are required to have either an image/video or a link, or start with `!til`. Discuss showcase content in #projects.",
 					},
 				})
 				if err != nil {
@@ -146,6 +145,70 @@ func CleanUpLibrary(ctx context.Context, dbConn db.ConnOrTx, msg *Message) (bool
 	return deleted, nil
 }
 
+func FreyaMode(ctx context.Context, dbConn db.ConnOrTx, msg *Message) error {
+	if msg.Author.IsBot {
+		return nil
+	}
+	if msg.ChannelID == config.Config.Discord.ShowcaseChannelID || msg.ChannelID == config.Config.Discord.LibraryChannelID {
+		return nil
+	}
+
+	twitteryUrls := []string{
+		"https://twitter.com",
+		"https://x.com",
+		"https://vxtwitter.com",
+		"https://fxtwitter.com",
+	}
+	isTwittery := false
+	for _, url := range twitteryUrls {
+		if strings.Contains(msg.Content, url) {
+			isTwittery = true
+		}
+	}
+	if !isTwittery {
+		return nil
+	}
+
+	// FREYA MODE ENGAGED
+	approvedTweets := []string{
+		"https://vxtwitter.com/FreyaHolmer/status/1757836988495847568",
+		"https://vxtwitter.com/FreyaHolmer/status/1752441092501361103",
+		"https://vxtwitter.com/FreyaHolmer/status/1753813557966217268",
+		"https://vxtwitter.com/FreyaHolmer/status/1746228932188295579",
+		"https://vxtwitter.com/FreyaHolmer/status/1732687685850894799",
+		"https://vxtwitter.com/FreyaHolmer/status/1761487879178736048",
+		"https://vxtwitter.com/FreyaHolmer/status/1733820461492863442",
+		"https://vxtwitter.com/FreyaHolmer/status/1732845451701871101",
+		"https://vxtwitter.com/FreyaHolmer/status/1765680355657359585",
+		"https://vxtwitter.com/FreyaHolmer/status/1784678195997852129",
+		"https://vxtwitter.com/FreyaHolmer/status/1741468609044508831",
+		"https://vxtwitter.com/FreyaHolmer/status/1759306434053870012",
+		"https://vxtwitter.com/FreyaHolmer/status/1754929898492162178",
+		"https://vxtwitter.com/FreyaHolmer/status/1782498313511534822",
+		"https://vxtwitter.com/FreyaHolmer/status/1623737764041695232",
+		"https://vxtwitter.com/FreyaHolmer/status/1718979996125925494",
+		"https://vxtwitter.com/FreyaHolmer/status/1675945798448607248",
+		"https://vxtwitter.com/FreyaHolmer/status/1662229911375953922",
+		"https://vxtwitter.com/FreyaHolmer/status/1652235944752185345",
+		"https://vxtwitter.com/FreyaHolmer/status/1386408507218427905",
+		"https://vxtwitter.com/FreyaHolmer/status/1436696408506212353",
+		"https://vxtwitter.com/FreyaHolmer/status/1444755552777670657",
+		"https://vxtwitter.com/FreyaHolmer/status/1232826293902888960",
+	}
+	tweet := approvedTweets[rand.Intn(len(approvedTweets))]
+	err := SendMessages(ctx, dbConn, MessageToSend{
+		ChannelID: msg.ChannelID,
+		Req: CreateMessageRequest{
+			Content: fmt.Sprintf("No. Only Freya is allowed to tweet. %s", tweet),
+		},
+	})
+	if err != nil {
+		return oops.New(err, "failed to send Freya tweet")
+	}
+
+	return nil
+}
+
 func ShareToMatrix(ctx context.Context, msg *Message) error {
 	if msg.Flags&MessageFlagCrossposted == 0 {
 		return nil
@@ -238,7 +301,7 @@ func ShareToMatrix(ctx context.Context, msg *Message) error {
 }
 
 func MaybeInternMessage(ctx context.Context, dbConn db.ConnOrTx, msg *Message) error {
-	if msg.ChannelID == config.Config.Discord.ShowcaseChannelID {
+	if messageShouldBeStored(msg) {
 		err := InternMessage(ctx, dbConn, msg)
 		if errors.Is(err, errNotEnoughInfo) {
 			logging.ExtractLogger(ctx).Warn().
@@ -290,8 +353,8 @@ func InternMessage(
 
 		_, err = dbConn.Exec(ctx,
 			`
-			INSERT INTO discord_message (id, channel_id, guild_id, url, user_id, sent_at, snippet_created)
-			VALUES ($1, $2, $3, $4, $5, $6, $7)
+			INSERT INTO discord_message (id, channel_id, guild_id, url, user_id, sent_at, snippet_created, backfilled)
+			VALUES ($1, $2, $3, $4, $5, $6, $7, $8)
 			`,
 			msg.ID,
 			msg.ChannelID,
@@ -300,6 +363,7 @@ func InternMessage(
 			msg.Author.ID,
 			msg.Time(),
 			false,
+			msg.Backfilled,
 		)
 		if err != nil {
 			return oops.New(err, "failed to save new discord message")
@@ -341,7 +405,7 @@ func FetchInternedMessage(ctx context.Context, dbConn db.ConnOrTx, msgId string)
 // 1. Saves/updates content
 // 2. Saves/updates snippet
 // 3. Deletes content/snippet
-func HandleInternedMessage(ctx context.Context, dbConn db.ConnOrTx, msg *Message, deleted bool, createSnippet bool) error {
+func HandleInternedMessage(ctx context.Context, dbConn db.ConnOrTx, msg *Message, removeInternedMessage bool, createSnippet bool) error {
 	tx, err := dbConn.Begin(ctx)
 	if err != nil {
 		return oops.New(err, "failed to start transaction")
@@ -352,7 +416,11 @@ func HandleInternedMessage(ctx context.Context, dbConn db.ConnOrTx, msg *Message
 	if err != nil && !errors.Is(err, db.NotFound) {
 		return err
 	} else if err == nil {
-		if !deleted {
+		if !removeInternedMessage {
+			removeInternedMessage = !messageShouldBeStored(msg)
+		}
+
+		if !removeInternedMessage {
 			err = SaveMessageContents(ctx, tx, interned, msg)
 			if err != nil {
 				return err
@@ -785,7 +853,7 @@ func HandleSnippetForInternedMessage(ctx context.Context, dbConn db.ConnOrTx, in
 
 	if interned.MessageContent == nil {
 		// NOTE(asaf): Can't have a snippet without content
-		// NOTE(asaf): Messages that only have an attachment also have blank content
+		// NOTE(asaf): Messages that only have an attachment also have a content struct with an empty content string
 		// TODO(asaf): Do we need to delete existing snippets in this case??? Not entirely sure how to trigger this through discord
 		return nil
 	}
@@ -835,43 +903,42 @@ func HandleSnippetForInternedMessage(ctx context.Context, dbConn db.ConnOrTx, in
 		if shouldCreate {
 			// Get an asset ID or URL to make a snippet from
 			assetId, url, err := getSnippetAssetOrUrl(ctx, tx, &interned.Message)
-			if assetId != nil || url != nil {
-				contentMarkdown := interned.MessageContent.LastContent
-				contentHTML := parsing.ParseMarkdown(contentMarkdown, parsing.DiscordMarkdown)
 
-				_, err = tx.Exec(ctx,
-					`
-					INSERT INTO snippet (url, "when", description, _description_html, asset_id, discord_message_id, owner_id)
-					VALUES ($1, $2, $3, $4, $5, $6, $7)
-					`,
-					url,
-					interned.Message.SentAt,
-					contentMarkdown,
-					contentHTML,
-					assetId,
-					interned.Message.ID,
-					interned.HMNUser.ID,
-				)
-				if err != nil {
-					return oops.New(err, "failed to create snippet from attachment")
-				}
+			contentMarkdown := interned.MessageContent.LastContent
+			contentHTML := parsing.ParseMarkdown(contentMarkdown, parsing.DiscordMarkdown)
 
-				existingSnippet, err = FetchSnippetForMessage(ctx, tx, interned.Message.ID)
-				if err != nil {
-					return oops.New(err, "failed to fetch newly-created snippet")
-				}
+			_, err = tx.Exec(ctx,
+				`
+				INSERT INTO snippet (url, "when", description, _description_html, asset_id, discord_message_id, owner_id)
+				VALUES ($1, $2, $3, $4, $5, $6, $7)
+				`,
+				url,
+				interned.Message.SentAt,
+				contentMarkdown,
+				contentHTML,
+				assetId,
+				interned.Message.ID,
+				interned.HMNUser.ID,
+			)
+			if err != nil {
+				return oops.New(err, "failed to create snippet from attachment")
+			}
 
-				_, err = tx.Exec(ctx,
-					`
-					UPDATE discord_message
-					SET snippet_created = TRUE
-					WHERE id = $1
-					`,
-					interned.Message.ID,
-				)
-				if err != nil {
-					return oops.New(err, "failed to mark message as having snippet")
-				}
+			existingSnippet, err = FetchSnippetForMessage(ctx, tx, interned.Message.ID)
+			if err != nil {
+				return oops.New(err, "failed to fetch newly-created snippet")
+			}
+
+			_, err = tx.Exec(ctx,
+				`
+				UPDATE discord_message
+				SET snippet_created = TRUE
+				WHERE id = $1
+				`,
+				interned.Message.ID,
+			)
+			if err != nil {
+				return oops.New(err, "failed to mark message as having snippet")
 			}
 		}
 	}
@@ -1013,3 +1080,36 @@ func messageHasLinks(content string) bool {
 
 	return false
 }
+
+func messageShouldBeStored(msg *Message) bool {
+	if msg == nil {
+		return false
+	}
+
+	if strings.HasPrefix(strings.ToLower(strings.TrimSpace(msg.Content)), "!til") {
+		return true
+	}
+
+	autostore := false
+	for _, cid := range autostoreChannels {
+		if msg.ChannelID == cid {
+			autostore = true
+			break
+		}
+	}
+	if autostore {
+		hasGoodContent := true
+		if msg.OriginalHasFields("content") && !messageHasLinks(msg.Content) {
+			hasGoodContent = false
+		}
+
+		hasGoodAttachments := true
+		if msg.OriginalHasFields("attachments") && len(msg.Attachments) == 0 {
+			hasGoodAttachments = false
+		}
+
+		return hasGoodContent || hasGoodAttachments
+	}
+
+	return false
+}

src/discord/payloads.go

@@ -275,6 +275,7 @@ type Message struct {
 	Embeds      []Embed      `json:"embeds"`
 
 	originalMap map[string]interface{}
+	Backfilled  bool
 }
 
 func (m *Message) JumpURL() string {

src/hmndata/jams.go

@@ -62,6 +62,17 @@ var WRJ2023 = Jam{
 	UrlSlug: "2023",
 }
 
+var LJ2024 = Jam{
+	Event: Event{
+		StartTime: time.Date(2024, 3, 15, 17, 0, 0, 0, time.UTC),
+		EndTime:   time.Date(2024, 3, 25, 0, 0, 0, 0, time.UTC),
+	},
+	Name:    "Learning Jam 2024",
+	Slug:    "LJ2024",
+	UrlSlug: "learning-2024",
+}
+
+// Conferences
 var HMS2022 = Event{
 	StartTime: time.Date(2022, 11, 16, 0, 0, 0, 0, utils.Must1(time.LoadLocation("America/Los_Angeles"))),
 	EndTime:   time.Date(2022, 11, 18, 0, 0, 0, 0, utils.Must1(time.LoadLocation("America/Los_Angeles"))),
@@ -77,7 +88,17 @@ var HMBoston2023 = Event{
 	EndTime:   time.Date(2023, 8, 4, 0, 0, 0, 0, utils.Must1(time.LoadLocation("America/Los_Angeles"))),
 }
 
-var AllJams = []Jam{WRJ2021, WRJ2022, VJ2023, WRJ2023}
+var HMS2024 = Event{
+	StartTime: time.Date(2024, 11, 20, 0, 0, 0, 0, utils.Must1(time.LoadLocation("America/Los_Angeles"))),
+	EndTime:   time.Date(2024, 11, 22, 0, 0, 0, 0, utils.Must1(time.LoadLocation("America/Los_Angeles"))),
+}
+
+var HMBoston2024 = Event{
+	StartTime: time.Date(2024, 8, 9, 0, 0, 0, 0, utils.Must1(time.LoadLocation("America/Los_Angeles"))),
+	EndTime:   time.Date(2024, 8, 10, 0, 0, 0, 0, utils.Must1(time.LoadLocation("America/Los_Angeles"))),
+}
+
+var AllJams = []Jam{WRJ2021, WRJ2022, VJ2023, WRJ2023, LJ2024}
 
 func CurrentJam() *Jam {
 	now := time.Now()

src/hmnurl/hmnurl_test.go

@@ -143,7 +143,6 @@ func TestFeed(t *testing.T) {
 
 func TestProjectIndex(t *testing.T) {
 	AssertRegexMatch(t, BuildProjectIndex(1, ""), RegexProjectIndex, nil)
-	AssertRegexMatch(t, BuildProjectIndex(2, ""), RegexProjectIndex, map[string]string{"page": "2"})
 	AssertRegexMatch(t, BuildProjectIndex(1, "test"), RegexProjectIndex, map[string]string{"category": "test"})
 	AssertRegexMatch(t, BuildProjectIndex(2, "test"), RegexProjectIndex, map[string]string{"page": "2", "category": "test"})
 	assert.Panics(t, func() { BuildProjectIndex(0, "") })
@@ -427,6 +426,16 @@ func TestJamFeed2023(t *testing.T) {
 	AssertSubdomain(t, BuildJamFeed2023(), "")
 }
 
+func TestJamIndex2024_Learning(t *testing.T) {
+	AssertRegexMatch(t, BuildJamIndex2024_Learning(), RegexJamIndex2024_Learning, nil)
+	AssertSubdomain(t, BuildJamIndex2024_Learning(), "")
+}
+
+func TestJamFeed2024_Learning(t *testing.T) {
+	AssertRegexMatch(t, BuildJamFeed2024_Learning(), RegexJamFeed2024_Learning, nil)
+	AssertSubdomain(t, BuildJamFeed2024_Learning(), "")
+}
+
 func TestTimeMachine(t *testing.T) {
 	AssertRegexMatch(t, BuildTimeMachine(), RegexTimeMachine, nil)
 	AssertSubdomain(t, BuildTimeMachine(), "")
@@ -454,8 +463,8 @@ func TestTimeMachineFormDone(t *testing.T) {
 }
 
 func TestNewsletterSignup(t *testing.T) {
-	AssertRegexMatch(t, BuildNewsletterSignup(), RegexNewsletterSignup, nil)
-	AssertSubdomain(t, BuildNewsletterSignup(), "")
+	AssertRegexMatch(t, BuildAPINewsletterSignup(), RegexNewsletterSignup, nil)
+	AssertSubdomain(t, BuildAPINewsletterSignup(), "")
 }
 
 func TestProjectNewJam(t *testing.T) {

src/hmnurl/urls.go

@@ -49,13 +49,6 @@ func BuildWhenIsIt() string {
 	return Url("/whenisit", nil)
 }
 
-var RegexNewsletterSignup = regexp.MustCompile("^/newsletter$")
-
-func BuildNewsletterSignup() string {
-	defer CatchPanic()
-	return Url("/newsletter", nil)
-}
-
 var RegexJamsIndex = regexp.MustCompile("^/jams$")
 
 func BuildJamsIndex() string {
@@ -126,6 +119,34 @@ func BuildJamRecap2023_Visibility() string {
 	return Url("/jam/visibility-2023/recap", nil)
 }
 
+var RegexJamIndex2024_Learning = regexp.MustCompile("^/jam/learning-2024$")
+
+func BuildJamIndex2024_Learning() string {
+	defer CatchPanic()
+	return Url("/jam/learning-2024", nil)
+}
+
+var RegexJamFeed2024_Learning = regexp.MustCompile("^/jam/learning-2024/feed$")
+
+func BuildJamFeed2024_Learning() string {
+	defer CatchPanic()
+	return Url("/jam/learning-2024/feed", nil)
+}
+
+var RegexJamGuidelines2024_Learning = regexp.MustCompile("^/jam/learning-2024/guidelines$")
+
+func BuildJamGuidelines2024_Learning() string {
+	defer CatchPanic()
+	return Url("/jam/learning-2024/guidelines", nil)
+}
+
+var RegexJamSaveTheDate = regexp.MustCompile("^/jam/upcoming$")
+
+func BuildJamSaveTheDate() string {
+	defer CatchPanic()
+	return Url("/jam/upcoming", nil)
+}
+
 func BuildJamIndexAny(slug string) string {
 	defer CatchPanic()
 	return Url(fmt.Sprintf("/jam/%s", slug), nil)
@@ -908,6 +929,12 @@ func BuildDiscordShowcaseBacklog() string {
 	return Url("/discord_showcase_backlog", nil)
 }
 
+var RegexDiscordBotDebugPage = regexp.MustCompile("^/discord_bot_debug$")
+
+func BuildDiscordBotDebugPage() string {
+	return Url("/discord_bot_debug", nil)
+}
+
 /*
 * API
  */
@@ -918,6 +945,12 @@ func BuildAPICheckUsername() string {
 	return Url("/api/check_username", nil)
 }
 
+var RegexAPINewsletterSignup = regexp.MustCompile("^/api/newsletter_signup$")
+
+func BuildAPINewsletterSignup() string {
+	return Url("/api/newsletter_signup", nil)
+}
+
 /*
 * Twitch stuff
  */

src/migration/migrations/2024-03-28T184107Z_AddBackfillToDiscordMessage.go

@@ -0,0 +1,47 @@
+package migrations
+
+import (
+	"context"
+	"time"
+
+	"git.handmade.network/hmn/hmn/src/migration/types"
+	"github.com/jackc/pgx/v5"
+)
+
+func init() {
+	registerMigration(AddBackfillToDiscordMessage{})
+}
+
+type AddBackfillToDiscordMessage struct{}
+
+func (m AddBackfillToDiscordMessage) Version() types.MigrationVersion {
+	return types.MigrationVersion(time.Date(2024, 3, 28, 18, 41, 7, 0, time.UTC))
+}
+
+func (m AddBackfillToDiscordMessage) Name() string {
+	return "AddBackfillToDiscordMessage"
+}
+
+func (m AddBackfillToDiscordMessage) Description() string {
+	return "Add a backfill flag to discord messages"
+}
+
+func (m AddBackfillToDiscordMessage) Up(ctx context.Context, tx pgx.Tx) error {
+	_, err := tx.Exec(ctx,
+		`
+		ALTER TABLE discord_message
+		ADD COLUMN backfilled BOOLEAN NOT NULL default FALSE;
+		`,
+	)
+	return err
+}
+
+func (m AddBackfillToDiscordMessage) Down(ctx context.Context, tx pgx.Tx) error {
+	_, err := tx.Exec(ctx,
+		`
+		ALTER TABLE discord_message
+		DROP COLUMN backfilled;
+		`,
+	)
+	return err
+}

src/migration/migrations/2024-05-07T013432Z_newsletter.go

@@ -0,0 +1,47 @@
+package migrations
+
+import (
+	"context"
+	"time"
+
+	"git.handmade.network/hmn/hmn/src/migration/types"
+	"github.com/jackc/pgx/v5"
+)
+
+func init() {
+	registerMigration(newsletter{})
+}
+
+type newsletter struct{}
+
+func (m newsletter) Version() types.MigrationVersion {
+	return types.MigrationVersion(time.Date(2024, 5, 7, 1, 34, 32, 0, time.UTC))
+}
+
+func (m newsletter) Name() string {
+	return "newsletter"
+}
+
+func (m newsletter) Description() string {
+	return "Adds the newsletter signup"
+}
+
+func (m newsletter) Up(ctx context.Context, tx pgx.Tx) error {
+	_, err := tx.Exec(ctx,
+		`
+		CREATE TABLE newsletter_emails (
+			email VARCHAR(255) NOT NULL PRIMARY KEY
+		);
+		`,
+	)
+	return err
+}
+
+func (m newsletter) Down(ctx context.Context, tx pgx.Tx) error {
+	_, err := tx.Exec(ctx,
+		`
+		DROP TABLE newsletter_emails;
+		`,
+	)
+	return err
+}

src/rawdata/scss/_core.scss

@@ -167,14 +167,6 @@ article code {
   margin-right: auto;
 }
 
-.flex-shrink-0 {
-  flex-shrink: 0;
-}
-
-.flex-grow-1 {
-  flex-grow: 1;
-}
-
 .flex-fair {
   flex-basis: 1px;
   flex-grow: 1;
@@ -410,6 +402,13 @@ article code {
   .bg--dim-ns {
     @include usevar(background-color, dim-background);
   }
+
+  .g0-ns { gap: $spacing-none; }
+  .g1-ns { gap: $spacing-extra-small; }
+  .g2-ns { gap: $spacing-small; }
+  .g3-ns { gap: $spacing-medium; }
+  .g4-ns { gap: $spacing-large; }
+  .g5-ns { gap: $spacing-extra-large; }
 }
 
 @media #{$breakpoint-medium} {
@@ -429,6 +428,13 @@ article code {
   .bg--dim-m {
     @include usevar(background-color, dim-background);
   }
+
+  .g0-m { gap: $spacing-none; }
+  .g1-m { gap: $spacing-extra-small; }
+  .g2-m { gap: $spacing-small; }
+  .g3-m { gap: $spacing-medium; }
+  .g4-m { gap: $spacing-large; }
+  .g5-m { gap: $spacing-extra-large; }
 }
 
 @media #{$breakpoint-large} {
@@ -448,6 +454,13 @@ article code {
   .bg--dim-l {
     @include usevar(background-color, dim-background);
   }
+
+  .g0-l { gap: $spacing-none; }
+  .g1-l { gap: $spacing-extra-small; }
+  .g2-l { gap: $spacing-small; }
+  .g3-l { gap: $spacing-medium; }
+  .g4-l { gap: $spacing-large; }
+  .g5-l { gap: $spacing-extra-large; }
 }
 
 .not-first:first-child {

src/templates/mapping.go

@@ -103,6 +103,9 @@ func ProjectToTemplate(
 func ProjectAndStuffToTemplate(p *hmndata.ProjectAndStuff, url string, theme string) Project {
 	res := ProjectToTemplate(&p.Project, url)
 	res.Logo = ProjectLogoUrl(&p.Project, p.LogoLightAsset, p.LogoDarkAsset, theme)
+	for _, o := range p.Owners {
+		res.Owners = append(res.Owners, UserToTemplate(o, theme))
+	}
 	return res
 }
 

src/templates/src/discord_bot_debug.html

@@ -0,0 +1,22 @@
+{{ template "base.html" . }}
+
+{{ define "content" }}
+	<table>
+	<thead>
+		<tr>
+			<td>Timestamp</td>
+			<td>Name</td>
+			<td>Extras</td>
+		</tr>
+	</thead>
+	<tbody>
+		{{ range .BotEvents }}
+			<tr>
+				<td>{{ rfc3339 .Timestamp }}</td>
+				<td>{{ .Name }}</td>
+				<td>{{ .Extra }}</td>
+			</tr>
+		{{ end }}
+	</tbody>
+	</table>
+{{ end }}

src/templates/src/include/header.html

@@ -91,7 +91,7 @@
                             <a href="{{ .Header.FishbowlUrl }}">Fishbowls</a>
                             <a href="{{ .Header.PodcastUrl }}">Podcast</a>
                             <a href="https://guide.handmade-seattle.com/s" target="_blank">Handmade Dev Show</a>
-							<a href="{{ .Header.CalendarUrl }}">Calendar</a>
+							{{/*<a href="{{ .Header.CalendarUrl }}">Calendar</a>*/}}
                         </div>
                     </div>
                     <div class="root-item">

src/templates/src/include/jam_2024_lj_bannerbig.html

@@ -0,0 +1,23 @@
+<div class="mw7 margin-center link--white">
+    <div class="flex flex-column pv4 tc">
+		<img class="jam-logo margin-center" src="{{ static "learningjam2024/logo.svg" }}">
+		<div class="margin-center mt3 mt4-ns">
+			<a class="jam-title db mb3" href="{{ .JamUrl }}">Learning Jam</a>
+			<div class="flex flex-column flex-row-ns justify-between lh-solid g3 g0-ns">
+				<div>
+					<div class="fw7 f3 mb1">Learn</div>
+					<div class="fw3 f4">March 15-17, 2024</div>
+				</div>
+				<div>
+					<div class="fw7 f3 mb1">Share</div>
+					<div class="fw3 f4">March 22-24, 2024</div>
+				</div>
+			</div>
+		</div>
+		{{ if gt .DaysUntilEnd 0 }}
+			<div class="flex g3 justify-center mt4">
+				<a href="{{ .DiscordInviteUrl }}" class="btn--jam">Join the Discord</a>
+			</div>
+		{{ end }}
+	</div>
+</div>

src/templates/src/include/jam_2024_lj_bannersmall.html

@@ -0,0 +1,19 @@
+<div class="mw7 margin-center link--white">
+    <div class="flex flex-column flex-row-ns justify-center items-center pv4 g3 tc tl-ns">
+		<img class="jam-logo-small" src="{{ static "learningjam2024/logo.svg" }}">
+        <div class="flex flex-column justify-between">
+            <div>
+                <a class="jam-title db small" href="{{ .JamUrl }}">Learning Jam</a>
+                <div class="fw6 f5 mb3">March 15 - 24, 2024</div>
+            </div>
+            <div class="flex items-center g2">
+                {{ if and (not .SubmittedProjectUrl) (gt .DaysUntilEnd 0) }}
+                    <a href="{{ .NewProjectUrl }}" class="btn--jam">Create your project</a>
+                {{ else }}
+                    <a href="{{ .DiscordInviteUrl }}" class="btn--jam">Join the Discord</a>
+                {{ end }}    
+                <a href="{{ .GuidelinesUrl }}" class="flex items-baseline pa2">Guidelines <div class="dib svgicon f8 ml1">{{ svg "chevron-right" }}</div></a>
+            </div>
+        </div>
+	</div>
+</div>

src/templates/src/include/jam_2024_lj_description.html

@@ -0,0 +1,14 @@
+<div class="ph3 pv4 bb b--rich-gray">
+	<h2 class="dib c--theme-gradient-light">What is a Learning Jam?</h2>
+	<div class="post-content">
+		<p>
+			The <b class="c--theme-gradient-light">Learning Jam</b> is an opportunity for you to learn something new.
+		</p>
+		<p>
+			Unlike traditional game jams, and unlike our previous programming jams, the goal of the <b class="c--theme-gradient-light">Learning Jam</b> is <em>knowledge</em>. It's an opportunity to throw yourself at a topic and learn everything you can about it—and then, to turn around and share that knowledge with others.
+		</p>
+		<p>
+			The jam takes place over <b>two weekends</b>. On the first weekend, you'll learn as much as you can about your topic of choice. On the second, you'll share what you learned in whatever form you like—writeup, video, Minecraft mod, whatever.
+		</p>
+	</div>
+</div>

src/templates/src/include/jam_2024_lj_feeditems.html

@@ -0,0 +1,41 @@
+{{ range . }}
+    <div class="flex flex-column g3 bg--rich-gray pa3">
+        <div class="flex flex-row g3 items-start">
+            {{ if .OwnerAvatarUrl }}
+                <a class="flex flex-shrink-0 br-100 square items-center justify-center overflow-hidden" href="{{ .OwnerUrl }}">
+                    <img class="user-avatar w2-5" src="{{ .OwnerAvatarUrl }}" />
+                </a>
+            {{ end }}
+            <div class="flex flex-column">
+                <div class="">
+                    <a title="{{ (index .Projects 0).Blurb }}" href="{{ (index .Projects 0).Url }}" class="link--white fw6">{{ (index .Projects 0).Name }}</a>
+                    by
+                    <a href="{{ .OwnerUrl }}" class="link--white fw6">{{ .OwnerName }}</a>
+                    <span class="f7 c--gray nowrap">{{ timehtml (relativedate .Date) .Date }}</span>
+                </div>
+                <div>{{ trim .Description }}</div>
+            </div>
+        </div>
+        {{ range .EmbedMedia }}
+            <div class="flex flex-column {{ if eq .Type mediaembed }}wide-screen{{ end }} justify-stretch iframe-fill">
+                {{ if eq .Type mediaimage }}
+                    <img src="{{ .AssetUrl }}">
+                {{ else if eq .Type mediavideo }}
+                    {{ if .ThumbnailUrl }}
+                        <video src="{{ .AssetUrl }}" poster="{{ .ThumbnailUrl }}" preload="none" controls>
+                    {{ else }}
+                        <video src="{{ .AssetUrl }}" preload="metadata" controls>
+                    {{ end }}
+                {{ else if eq .Type mediaaudio }}
+                    <audio src="{{ .AssetUrl }}" controls>
+                {{ else if eq .Type mediaembed }}
+                    {{ .EmbedHTML }}
+                {{ else }}
+                    <div class="">
+                        <a href="{{ .AssetUrl }}" target="_blank">💾{{ .Filename }} ({{ filesize .FileSize }})</a>
+                    </div>
+                {{ end }}
+            </div>
+        {{ end }}
+    </div>
+{{ end }}

src/templates/src/include/jam_2024_lj_guidelines.html

@@ -0,0 +1,100 @@
+<style>
+	.lightbulb-icon {
+		--mask-url: url("{{ static "learningjam2024/lightbulb.svg" }}");
+	}
+	.books-icon {
+		--mask-url: url("{{ static "learningjam2024/books.svg" }}");
+	}
+	.presentation-icon {
+		--mask-url: url("{{ static "learningjam2024/presentation.svg" }}");
+	}
+</style>
+<div class="ph3 pv4 bb b--rich-gray">
+	<h2 class="dib c--theme-gradient-light">What is a Learning Jam?</h2>
+	<div class="post-content">
+		<p>
+			The <b class="c--theme-gradient-light">Learning Jam</b> is an opportunity for you to learn something new.
+		</p>
+		<p>
+			Unlike traditional game jams, and unlike our previous programming jams, the goal of the <b class="c--theme-gradient-light">Learning Jam</b> is <em>knowledge</em>. It's an opportunity to throw yourself at a topic and learn everything you can about it—and then, to turn around and share that knowledge with others.
+		</p>
+		<p>
+			The jam takes place over <b>two weekends</b>. On the first weekend, you'll learn as much as you can about your topic of choice. On the second, you'll share what you learned in whatever form you like—writeup, video, Minecraft mod, whatever.
+		</p>
+	</div>
+</div>
+<div class="ph3 pv4 bb b--rich-gray">
+	<h2 class="mb3 dib c--theme-gradient-light">How to participate</h2>
+	<div class="flex flex-column g2">
+		<div class="pa3 flex flex-column flex-row-ns g3 items-center bg--rich-gray">
+			<div class="flex-shrink-0 w4 flex justify-center items-center">
+				<div class="flex svg-mask lightbulb-icon bg--theme-gradient-light" style="width: 5.2rem">
+					<img class="invisible" src="{{ static "learningjam2024/lightbulb.svg" }}" />
+				</div>
+			</div>
+			<div class="post-content">
+				<h3 class="f4">Choose a topic.</h3>
+				<p>
+					Decide what you'll spend your weekend learning about. Maybe there's an area of programming you've been meaning to dig into, or maybe there's a specialization in your field that you've been curious about. Maybe you just need a reason to read papers for a weekend.
+				</p>
+				<p>
+					You're welcome to work in teams or work solo.
+				</p>
+			</div>
+		</div>
+		<div class="pa3 flex flex-column flex-row-ns g3 items-center bg--rich-gray">
+			<div class="flex-shrink-0 w4 flex justify-center items-center">
+				<div class="flex flex-shrink-0 svg-mask books-icon bg--theme-gradient-light" style="width: 3.6rem">
+					<img class="invisible" src="{{ static "learningjam2024/books.svg" }}" />
+				</div>
+			</div>
+			<div class="post-content">
+				<h3 class="f4">Mar 15-17: Learn!</h3>
+				<p>
+                    {{ if and (eq .DaysUntilStart 0) (not .SubmittedProjectUrl) }}
+                        <a href="{{ .NewProjectUrl }}">Create a Handmade Network project</a>
+                    {{ else }}
+				        Create a Handmade Network project
+                    {{ end }}
+                    to track your progress. Then go down the rabbit hole. Absorb as much information as you can in a weekend.
+				</p>
+				<p>
+					As you learn, we encourage you to share updates on Discord using the <b>!til</b> command. These updates will be published as part of your submission.
+				</p>
+			</div>
+		</div>
+		<div class="pa3 flex flex-column flex-row-ns g3 items-center bg--rich-gray">
+			<div class="flex-shrink-0 w4 flex justify-center items-center">
+				<div class="flex flex-shrink-0 svg-mask presentation-icon bg--theme-gradient-light" style="width: 5rem">
+					<img class="invisible" src="{{ static "learningjam2024/presentation.svg" }}" />
+				</div>
+			</div>
+			<div class="post-content">
+				<h3 class="f4">Mar 22-24: Share!</h3>
+				<p>
+					Share what you learned with the rest of the community. You can present the information in any form you like—whatever helps you communicate most effectively.
+				</p>
+				<p>
+					Your post doesn't have to be the authoritative resource on a subject. It doesn't even have to do much "teaching" at all. The point is just to share what you learned, what surprised you, what you found interesting, and where you want to go from here.
+				</p>
+				<p>
+					Your Handmade Network project is your final submission. Make sure the description gives adequate context, and either attach or link to your final presentation.
+				</p>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="ph3 pv4 bb b--rich-gray">
+	<h2 class="dib c--theme-gradient-light">Why?</h2>
+	<div class="post-content">
+		<p>
+			The Handmade Network's goal is to change the software industry by building back up from new foundations. But in order to do that, we need to understand those foundations.
+		</p>
+		<p>
+			Our other programming jams are great opportunities to try building new things. But what should those new things be? We want to give the community a chance to focus just on learning and research, to gather information and share it with others, to boost the entire community's knowledge on a topic.
+		</p>
+		<p>
+			We hope that the results of the <b class="c--theme-gradient-light">Learning Jam</b> inspire new ideas for the community to explore in the Visibility and Wheel Reinvention jams later in the year. There is so much bad software out in the world, and this is the first step toward reinventing it.
+		</p>
+	</div>
+</div>

src/templates/src/include/jam_2024_lj_projects.html

@@ -0,0 +1,35 @@
+{{ if .Projects }}
+    <div class="flex flex-row flex-wrap g2 link--white">
+        {{ range .Projects }}
+            <div class="flex-basis-40-ns flex-grow-1 flex-shrink-1 bg--rich-gray pa3 flex flex-column g1">
+                {{ if gt (len .Owners) 1 }}
+                    <div class="flex g2">
+                        {{ range .Owners }}
+							<a title="{{ .Name }}" href="{{ .ProfileUrl }}" class="flex">
+                                <img src="{{ .AvatarUrl }}" class="user-avatar w2">
+                            </a>
+                        {{ end }}
+                    </div>
+                {{ else }}
+                    {{ range .Owners }}
+                        <a href="{{ .ProfileUrl }}" class="fw6 link--white flex g2 items-center">
+                            <img src="{{ .AvatarUrl }}" class="user-avatar w2">
+                            <div>
+                                {{ .Name }}
+                            </div>
+                        </a>
+                    {{ end }}
+                {{ end }}
+                <div class="f3 mt2">
+                    <a href="{{ .Url }}" class="fw6 db">{{ .Name }}</a>
+                </div>
+                <div class="flex-grow-1">{{ .Blurb }}</div>
+            </div>
+        {{ end }}
+        {{ if isodd (len .Projects) }}
+            <div class="flex-basis-40-ns flex-grow-1 flex-shrink-1"></div>
+        {{ end }}
+    </div>
+{{ else }}
+    No projects have been created yet. <a href="{{ .NewProjectUrl }}">Be the first!</a>
+{{ end }}

src/templates/src/jam_2024_lj_feed.html

@@ -0,0 +1,31 @@
+{{ template "jam_2024_learning_base.html" . }}
+
+{{ define "content-top" }}
+	{{ template "jam_2024_lj_bannersmall.html" . }}
+{{ end }}
+
+{{ define "content" }}
+<div class="mw7 margin-center flex flex-column">
+	<div class="ph3 pv4 bb b--rich-gray">
+		<h2 class="c--theme-gradient-light mb3">Projects</h2>
+		{{ template "jam_2024_lj_projects.html" .Projects }}
+	</div>
+	{{ if .TimelineItems }}
+		<div class="ph3 pv4 bb b--rich-gray">
+			<h2 class="c--theme-gradient-light">All updates</h2>
+			<p>
+				See what community members are learning about their topics. You can share your own updates via your <a href="{{ or .SubmittedProjectUrl .NewProjectUrl }}">project page</a> or using the <b>!til</b> command on Discord.
+			</p>
+			<div class="flex flex-column g2 mt3">
+				{{ template "jam_2024_lj_feeditems.html" .TimelineItems }}
+			</div>
+		</div>
+	{{ end }}
+	<div>
+		<div class="mv5 h3 fill-current link--white">
+			<a href="{{ .Header.HMNHomepageUrl }}">{{ svg "hmn_circuit" }}</a>
+		</div>
+	</div>
+</div>
+{{ end }}
+

src/templates/src/jam_2024_lj_guidelines_index.html

@@ -0,0 +1,16 @@
+{{ template "jam_2024_learning_base.html" . }}
+
+{{ define "content-top" }}
+	{{ template "jam_2024_lj_bannersmall.html" . }}
+{{ end }}
+
+{{ define "content" }}
+<div class="mw7 margin-center flex flex-column">
+    {{ template "jam_2024_lj_guidelines.html" . }}
+	<div>
+		<div class="mv5 h3 fill-current link--white">
+			<a href="{{ .Header.HMNHomepageUrl }}">{{ svg "hmn_circuit" }}</a>
+		</div>
+	</div>
+</div>
+{{ end }}

src/templates/src/jam_2024_lj_index.html

@@ -0,0 +1,81 @@
+{{ template "jam_2024_learning_base.html" . }}
+
+{{ define "content-top" }}
+	{{ if or (gt .DaysUntilStart 0) (eq .DaysUntilEnd 0) }}
+		{{ template "jam_2024_lj_bannerbig.html" . }}
+	{{ else }}
+		{{ template "jam_2024_lj_bannersmall.html" . }}
+	{{ end }}
+{{ end }}
+
+{{ define "content" }}
+<div class="mw7 margin-center flex flex-column">
+	{{ if gt .DaysUntilStart 0 }}
+		{{ template "before-jam" . }}
+	{{ else if gt .DaysUntilEnd 0 }}
+		{{ template "during-jam" . }}
+	{{ else }}
+		{{ template "after-jam" . }}
+	{{ end }}
+
+	<div>
+		<div class="mv5 h3 fill-current link--white">
+			<a href="{{ .Header.HMNHomepageUrl }}">{{ svg "hmn_circuit" }}</a>
+		</div>
+	</div>
+</div>
+{{ end }}
+
+{{ define "before-jam" }}
+	{{ template "jam_2024_lj_guidelines.html" . }}
+{{ end }}
+
+{{ define "during-jam" }}
+	{{ if .Projects.Projects }}
+		{{ template "jam_2024_lj_description.html" . }}
+		{{ if .TimelineItems }}
+			<div class="ph3 pv4 bb b--rich-gray">
+				<h2 class="c--theme-gradient-light">Recent updates</h2>
+				<p>
+					See what community members are learning about their topics. You can share your own updates via your <a href="{{ or .SubmittedProjectUrl .NewProjectUrl }}">project page</a> or using the <b>!til</b> command on Discord.
+				</p>
+				<div class="flex flex-column g2 mt3">
+					{{ template "jam_2024_lj_feeditems.html" .TimelineItems }}
+					<a href="{{ .JamFeedUrl }}" class="link--white tc pa1">
+						See all updates<div class="dib svgicon f8 ml1">{{ svg "chevron-right" }}</div>
+					</a>
+				</div>
+			</div>
+		{{ end }}
+		<div class="ph3 pv4 bb b--rich-gray">
+			<h2 class="c--theme-gradient-light mb3">Projects</h2>
+			{{ template "jam_2024_lj_projects.html" .Projects }}
+		</div>
+	{{ else }}
+		{{ template "jam_2024_lj_guidelines.html" . }}
+	{{ end }}
+{{ end }}
+
+{{ define "after-jam" }}
+	{{ template "jam_2024_lj_description.html" . }}
+	<div class="ph3 pv4 bb b--rich-gray">
+		<h2 class="dib c--theme-gradient-light">Recap show</h2>
+		<p>
+			Watch the recap show celebrating all the submissions:
+		</p>
+		<div class="mt3" style="aspect-ratio: 16 / 9;">
+			<iframe width="100%" height="100%" src="https://www.youtube-nocookie.com/embed/MCrt472DkxE?si=PGWFnM8rK4GqCjH7" title="HMN Learning Jam 2024 Recap Stream" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+		</div>
+	</div>
+	<div class="ph3 pv4 bb b--rich-gray">
+		<div class="flex justify-between items-baseline">
+			<h2 class="c--theme-gradient-light mb0">Submitted projects</h2>
+			<a href="{{ .JamFeedUrl }}" class="link--white tc">
+				See all updates<div class="dib svgicon f8 ml1">{{ svg "chevron-right" }}</div>
+			</a>
+		</div>
+		<div class="mt3">
+			{{ template "jam_2024_lj_projects.html" .Projects }}
+		</div>
+	</div>
+{{ end }}

src/templates/src/jam_save_the_date.html

@@ -0,0 +1,333 @@
+{{/*
+This is a copy-paste from base.html because we want to preserve the unique
+style of this page no matter what future changes we make to the base.
+*/}}
+<!DOCTYPE html>
+<html lang="en-US" {{ if .OpenGraphItems }} prefix="og: http://ogp.me/ns#"{{ end }}>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ static "favicon-16x16.png" }}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ static "favicon-32x32.png" }}">
+
+    {{ if .CanonicalLink }}<link rel="canonical" href="{{ .CanonicalLink }}">{{ end }}
+    {{ range .OpenGraphItems }}
+        {{ if .Property }}
+            <meta property="{{ .Property }}" content="{{ .Value }}" />
+        {{ else }}
+            <meta name="{{ .Name }}" content="{{ .Value }}" />
+        {{ end }}
+    {{ end }}
+    {{ if .Title }}
+        <title>{{ .Title }} | Handmade Network</title>
+    {{ else }}
+        <title>Handmade Network</title>
+    {{ end }}
+    <meta name="theme-color" content="#232426">
+
+    <!-- <script src="{{ static "js/templates.js" }}"></script> -->
+
+    <link rel="stylesheet" href="{{ static "fonts/mohave/stylesheet.css" }}">
+    <link href='https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Fira+Mono:300,400,500,700' rel='stylesheet' type='text/css'>
+	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
+	<link rel="stylesheet" type="text/css" href="{{ static "style.css" }}">
+
+	<style>
+		:root {
+			--theme-gradient-dark: linear-gradient(to bottom right, #232426, #BFB6BE);
+			--theme-gradient-light: linear-gradient(to bottom right, #8BD5FF, #5899FF);
+			--white: #fff;
+			--bg-button: rgba(255, 255, 255, 0);
+			--bg-button-hover: rgba(255, 255, 255, 0.1);
+			--charcoal: #2F2F2F;
+			--gray: #CBCBCB;
+			--rich-gray: #494949;
+
+			--spacing-0: 0;
+			--spacing-1: .25rem;
+			--spacing-2: .5rem;
+			--spacing-3: 1rem;
+			--spacing-4: 2rem;
+			--spacing-5: 4rem;
+			--spacing-6: 8rem;
+			--spacing-7: 16rem;
+			--border-radius-2: 0.25rem;
+
+			--link-color: white;
+		}
+
+		body {
+			font-family: "Inter", "Fira Sans", sans-serif;
+			font-size: 1rem; /* remove this override when base stylesheet is less dumb */
+		}
+
+		h1, h2, h3, h4, h5, h6 {
+			font-weight: 700;
+		}
+
+		.w2-5 {
+			width: 3rem;
+		}
+
+		.link--white {
+			--link-color: var(--white);
+		}
+
+		.post-content p {
+			/* stupid override, should be done by .post-content instead of .content */
+			margin: 0.6rem 0;
+		}
+
+		.bg--theme-gradient-dark {
+			background: var(--theme-gradient-dark);
+            /* background: linear-gradient(to bottom right, #333, #BBB); */
+		}
+
+		.bg--theme-gradient-light {
+			background: var(--theme-gradient-light);
+		}
+
+		.bg--charcoal {
+			background: var(--charcoal);
+		}
+
+		.bg--rich-gray {
+			background: var(--rich-gray);
+		}
+
+		.bg--gray {
+			background: var(--gray);
+		}
+
+		.b--charcoal {
+			border-color: var(--charcoal);
+		}
+
+		.b--rich-gray {
+			border-color: var(--rich-gray);
+		}
+
+		.c--theme-gradient-dark {
+			background: var(--theme-gradient-dark);
+			background-clip: text;
+			-webkit-background-clip: text;
+			color: transparent;
+		}
+
+		.c--theme-gradient-light {
+			background: var(--theme-gradient-light);
+			background-clip: text;
+			-webkit-background-clip: text;
+		}
+
+		.c--theme-gradient-light {
+			color: transparent;
+		}
+
+		.c--gray {
+			color: var(--gray);
+		}
+
+		.input--jam {
+			border: 1px solid var(--white);
+			border-radius: var(--border-radius-2) !important;
+			padding: var(--spacing-2) !important;
+		}
+
+		.btn--jam {
+			border: 1px solid var(--white);
+			border-radius: var(--border-radius-2);
+			padding: var(--spacing-2) var(--spacing-3);
+
+			background-color: var(--bg-button);
+		}
+
+		.btn--jam.small {
+			padding: var(--spacing-1) var(--spacing-2);
+		}
+
+		.btn--jam:hover {
+			background-color: var(--bg-button-hover);
+		}
+
+		.button-simple {
+			background: var(--bg-button);
+			border: 1px solid var(--white);
+		}
+
+		.button-simple:hover {
+			background: var(--bg-button-hover);
+		}
+
+		.c-white {
+			color: var(--white);
+		}
+
+		.invisible {
+			visibility: hidden;
+		}
+
+		.svg-mask {
+			mask: var(--mask-url);
+			-webkit-mask: var(--mask-url);
+		}
+
+		.fill-current {
+			fill: currentColor;
+		}
+
+		.square {
+			aspect-ratio: 1 / 1;
+		}
+
+		.wide-screen {
+			aspect-ratio: 16 / 9;
+		}
+
+		.iframe-fill iframe {
+			flex-grow: 1;
+		}
+
+		.hmn-logo {
+			font-family: 'MohaveHMN', sans-serif;
+			text-transform: uppercase;
+			font-size: 1.6rem;
+			padding: 0.2rem 0.8rem;
+		}
+
+		.header-nav {
+			padding-right: 0.6rem;
+		}
+
+		.user-avatar {
+			border-radius: 999px;
+			background-color: rgba(0, 0, 0, 0.4);
+		}
+
+		.user-avatar.header {
+			width: 1.8rem;
+		}
+
+		.jam-logo {
+			max-width: 18rem;
+		}
+
+		.jam-logo-small {
+			max-width: 8rem;
+		}
+
+		.jam-title {
+			font-size: 2.5rem;
+			font-weight: 700;
+			/* align the bounding box with the visible text */
+			margin-left: -0.06em;
+			margin-right: -0.03em;
+		}
+
+		.w-headline {
+			width: 20.3rem;
+		}
+
+		/* not small */
+		@media screen and (min-width: 35em) {
+			.w-headline {
+				width: 44.67rem;
+			}
+
+			.jam-title {
+				font-size: 5.53rem;
+			}
+		}
+	</style>
+</head>
+
+<body class="bg--theme-gradient-dark c-white flex flex-column">
+    <div class="bg-black-20 flex flex-row items-center link--white">
+        <a href="{{ .Header.HMNHomepageUrl }}" class="hmn-logo flex-shrink-0">
+            Handmade
+        </a>
+        <div class="flex-grow-1 flex-shrink-1"></div>
+        <div class="header-nav flex flex-row items-center g3 lh-solid f6">
+            <a href="{{ .Header.ProjectIndexUrl }}">Projects</a>
+            <a href="{{ .Header.JamsUrl }}">Jams</a>
+            <a class="db" href="{{ or .Header.UserProfileUrl .LoginPageUrl }}">
+                <img class="user-avatar header" src="{{ .UserAvatarUrl }}">
+            </a>
+        </div>
+    </div>
+    <div class="tc flex-grow-1 flex justify-center items-center-ns g5 pv5">
+		<div class="w-headline flex flex-column">
+			<div class="jam-title mb4 lh-solid">Handmade Jams</div>
+			<div class="flex flex-column flex-row-ns justify-between-ns g4 g0-ns lh-solid">
+				<div>
+					<div class="fw7 f3 f2-ns">Visibility Jam</div>
+					<div class="fw3 f4 mt1">July 19-21, 2024</div>
+					<div class="fw6 f5 pt3">
+						<a href="{{ .Visibility2023Url }}" class="db">
+							Last year's jam<div class="dib svgicon f8 ml1">{{ svg "chevron-right" }}</div>
+						</a>
+					</div>
+				</div>
+				<div>
+					<div class="fw7 f3 f2-ns">Wheel Reinvention Jam</div>
+					<div class="fw3 f4 mt1">September 23-29, 2024</div>
+					<div class="fw6 f5 pt3">
+						<a href="{{ .WRJ2023Url }}" class="db">
+							Last year's jam<div class="dib svgicon f8 ml1">{{ svg "chevron-right" }}</div>
+						</a>
+					</div>
+				</div>
+			</div>
+			<div class="tl tj-ns mt4 post-content">
+				<p>The Handmade community runs multiple programming jams every year. If you've participated in a game jam before, the idea is similar—an event where participants build something from scratch in a short period of time. Unlike a game jam, though, we don't declare winners (although we do celebrate our favorite results). <a class="fw6" href="{{ .JamsUrl }}">See all our prior jams here.</a></p>
+				<p>To participate in the next one, <a class="fw6" href="https://discord.gg/hmn">join our Discord</a>, or sign up for our mailing list:</p>
+			</div>
+			<form id="newsletter-form" class="mt4 flex flex-column g1">
+				<div class="flex g2 justify-center">
+					<input id="newsletter-email" type="email" class="input--jam flex-grow-1 flex-grow-0-ns" placeholder="me@example.com">
+					<button id="newsletter-button" class="btn--jam">Sign up</button>
+				</div>
+				<div id="newsletter-message" class="f7">
+					&nbsp;
+				</div>
+			</form>
+		</div>
+    </div>
+
+	<script>
+		const form = document.querySelector("#newsletter-form");
+		const emailField = document.querySelector("#newsletter-email");
+		const button = document.querySelector("#newsletter-button");
+		const message = document.querySelector("#newsletter-message");
+
+		form.addEventListener("submit", async e => {
+			e.preventDefault();
+			button.disabled = true;
+
+			try {
+				const res = await fetch("{{ .NewsletterSignupUrl }}", {
+					method: "POST",
+					headers: {
+						"Content-Type": "application/json",
+					},
+					body: JSON.stringify({
+						"email": emailField.value,
+					}),
+				});
+				if (res.status >= 400) {
+					throw new Error("bad request");
+				}
+
+				message.innerText = "Signed up successfully!";
+			} catch (err) {
+				message.innerText = "There was an error signing up.";
+			}
+
+			button.disabled = false;
+		});
+	</script>
+</body>
+
+</html>

src/templates/src/jams_index.html

@@ -16,6 +16,11 @@
     <p>Since 2020, we have been running programming jams to encourage community members to explore new ideas and start projects. You can view all the past submissions and results here.</p>
 
     <div class="jam-grid g3">
+        <a href="{{ .LJ2024Url }}">
+            <div class="br2 overflow-hidden flex">
+                <img src="{{ static "learningjam2024/2024LJTwitterCard.png" }}">
+            </div>
+        </a>
         <a href="{{ .WRJ2023Url }}">
             <div class="br2 overflow-hidden flex">
                 <img src="{{ static "wheeljam2023/TwitterCard.png" }}">

src/templates/src/landing.html

@@ -2,6 +2,7 @@
 
 {{ define "extrahead" }}
 <script src="{{ static "js/templates.js" }}"></script>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
 {{ end }}
 
 {{ define "content" }}
@@ -111,74 +112,6 @@
 </div>
 */}}
 
-<div class="mb3 ph3 ph0-ns">
-	<style>
-        #jam-banner {
-            background: linear-gradient(174deg, #23CE76, #299CE0);
-            color: white !important;
-            text-align: center;
-        }
-
-        #jam-banner h3 {
-            font-family: 'MohaveHMN', sans-serif;
-            font-weight: normal;
-            font-size: 2.2rem;
-            line-height: 0.8;
-            margin: 0;
-            text-transform: uppercase;
-        }
-
-        #jam-details {
-            font-family: 'MohaveHMN', sans-serif;
-            font-variant: small-caps;
-            font-size: 1.2rem;
-            line-height: 0.8;
-            margin-top: 0.6rem;
-            letter-spacing: 0.02rem;
-        }
-
-        #jam-learn-more {
-            font-size: 1rem;
-        }
-
-        @media screen and (min-width: 30rem) {
-            #jam-banner {
-                text-align: left;
-            }
-
-            #jam-title-container {
-                padding-top: 0.2rem;
-            }
-        }
-    </style>
-	<a id="jam-banner" class="pv3 ph3 ph4-l br3 flex flex-column flex-row-ns items-center" href="{{ .JamUrl }}">
-		<img class="h3" src="{{ static "wheeljam2023/logo.svg" }}">
-		<div id="jam-title-container" class="flex flex-column pl3-m pl4-l pv3 pv0-ns">
-			<h3 id="jam-title">Wheel Reinvention Jam</h3>
-			<div id="jam-details">
-				September 25 - October 1.
-				{{ if gt .JamDaysUntilEnd 0 }}
-					{{ if eq .JamDaysUntilStart 0 }}
-						<b>Happening now.</b>
-					{{ else if eq .JamDaysUntilStart 1 }}
-						<b>Starting tomorrow.</b>
-					{{ else }}
-						<b>In {{ .JamDaysUntilStart }} days.</b>
-					{{ end }}
-				{{ else }}
-					<b>See the results.</b>
-				{{ end }}
-			</div>
-		</div>
-		<div class="flex-grow-1"></div>
-		<div id="jam-learn-more">
-			Learn more
-			<div class="dib svgicon">{{ svg "chevron-right" }}</div>
-		</div>
-	</a>
-</div>
-
-{{/*
 <div class="mb3 ph3 ph0-ns">
 	<style>
         #cities-banner {
@@ -256,7 +189,7 @@
 		<div id="cities-title-container" class="flex flex-column pl3-m pl4-l pv3 pv0-ns">
 			<h3 id="cities-title">Handmade cities</h3>
 			<div class="cities-details">
-				Boston - Aug 3-4 2023.
+				Boston - Aug 9-10 2024.
 				{{ if gt .HMBostonDaysUntilEnd 0 }}
 					{{ if eq .HMBostonDaysUntilStart 0 }}
 						<b>Happening now.</b>
@@ -268,7 +201,7 @@
 				{{ end }}
 			</div>
       <div class="cities-details">
-				Seattle - Nov 15-17 2023.
+				Seattle - Nov 20-22 2024.
 				{{ if gt .HMSDaysUntilEnd 0 }}
 					{{ if eq .HMSDaysUntilStart 0 }}
 						<b>Happening now.</b>
@@ -288,6 +221,175 @@
 		</div>
 	</a>
 </div>
+
+<div class="mb3 ph3 ph0-ns">
+	<style>
+        #jam-banner {
+            background: linear-gradient(to bottom right, #003c83, #019AD2);
+            color: white !important;
+            text-align: center;
+        }
+
+		#jam-banner .jam-logo {
+			height: 7.25rem;
+		}
+
+        #jam-banner h3 {
+            font-family: 'Inter', sans-serif;
+            font-weight: 700;
+            font-size: 2.31rem;
+            /* line-height: 0.8; */
+            margin: 0;
+        }
+
+		#jam-title-container {
+			line-height: 1.25;
+		}
+
+        #jam-details {
+            font-family: 'Inter', sans-serif;
+            font-size: 1.2rem;
+            /* line-height: 0.8; */
+            margin-top: 0.2rem;
+        }
+
+        #jam-learn-more {
+            font-size: 1rem;
+        }
+
+        @media screen and (min-width: 30rem) {
+            #jam-banner {
+                text-align: left;
+            }
+
+			#jam-banner h3 {
+				font-size: 2.2rem;
+			}
+
+			#jam-banner .jam-logo {
+				height: 5.25rem;
+			}
+        }
+    </style>
+	<a id="jam-banner" class="pv3 ph3 ph4-l br3 flex flex-column flex-row-ns items-center" href="{{ .JamUrl }}">
+		<img class="jam-logo" src="{{ static "learningjam2024/logo.svg" }}">
+		<div id="jam-title-container" class="flex flex-column pl3-m pl4-l pv3 pv0-ns">
+			<h3 id="jam-title">Learning Jam</h3>
+			<div id="jam-details">
+				<div class="db dn-ns">
+					<div>
+						March 15-17. March 22-24.
+					</div>
+					<div>
+						{{ if gt .JamDaysUntilEnd 0 }}
+							{{ if eq .JamDaysUntilStart 0 }}
+								<b>Happening now.</b>
+							{{ else if eq .JamDaysUntilStart 1 }}
+								<b>Starting tomorrow.</b>
+							{{ else }}
+								<b>In {{ .JamDaysUntilStart }} days.</b>
+							{{ end }}
+						{{ else }}
+							<b>See the results.</b>
+						{{ end }}
+					</div>
+				</div>
+				<div class="dn db-ns">
+					<div>
+						March 15-17.
+					</div>
+					<div>
+						March 22-24.
+						{{ if gt .JamDaysUntilEnd 0 }}
+							{{ if eq .JamDaysUntilStart 0 }}
+								<b>Happening now.</b>
+							{{ else if eq .JamDaysUntilStart 1 }}
+								<b>Starting tomorrow.</b>
+							{{ else }}
+								<b>In {{ .JamDaysUntilStart }} days.</b>
+							{{ end }}
+						{{ else }}
+							<b>See the results.</b>
+						{{ end }}
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="flex-grow-1"></div>
+		<div id="jam-learn-more">
+			Learn more
+			<div class="dib svgicon">{{ svg "chevron-right" }}</div>
+		</div>
+	</a>
+</div>
+
+{{/*
+<div class="mb3 ph3 ph0-ns">
+	<style>
+        #jam-banner {
+            background: linear-gradient(174deg, #23CE76, #299CE0);
+            color: white !important;
+            text-align: center;
+        }
+
+        #jam-banner h3 {
+            font-family: 'MohaveHMN', sans-serif;
+            font-weight: normal;
+            font-size: 2.2rem;
+            line-height: 0.8;
+            margin: 0;
+            text-transform: uppercase;
+        }
+
+        #jam-details {
+            font-family: 'MohaveHMN', sans-serif;
+            font-variant: small-caps;
+            font-size: 1.2rem;
+            line-height: 0.8;
+            margin-top: 0.6rem;
+            letter-spacing: 0.02rem;
+        }
+
+        #jam-learn-more {
+            font-size: 1rem;
+        }
+
+        @media screen and (min-width: 30rem) {
+            #jam-banner {
+                text-align: left;
+            }
+
+            #jam-title-container {
+                padding-top: 0.2rem;
+            }
+        }
+    </style>
+	<a id="jam-banner" class="pv3 ph3 ph4-l br3 flex flex-column flex-row-ns items-center" href="{{ .JamUrl }}">
+		<img class="h3" src="{{ static "wheeljam2023/logo.svg" }}">
+		<div id="jam-title-container" class="flex flex-column pl3-m pl4-l pv3 pv0-ns">
+			<h3 id="jam-title">Wheel Reinvention Jam</h3>
+			<div id="jam-details">
+				September 25 - October 1.
+				{{ if gt .JamDaysUntilEnd 0 }}
+					{{ if eq .JamDaysUntilStart 0 }}
+						<b>Happening now.</b>
+					{{ else if eq .JamDaysUntilStart 1 }}
+						<b>Starting tomorrow.</b>
+					{{ else }}
+						<b>In {{ .JamDaysUntilStart }} days.</b>
+					{{ end }}
+				{{ else }}
+					<b>See the results.</b>
+				{{ end }}
+			</div>
+		</div>
+		<div class="flex-grow-1"></div>
+		<div id="jam-learn-more">
+			Learn more
+			<div class="dib svgicon">{{ svg "chevron-right" }}</div>
+		</div>
+	</a>
+</div>
 */}}
 
 {{ if not .User }}

src/templates/src/layouts/jam_2024_learning_base.html

@@ -0,0 +1,293 @@
+{{/*
+    This is a copy-paste from base.html because we want to preserve the unique
+    style of this page no matter what future changes we make to the base.
+	*/}}
+<!DOCTYPE html>
+<html lang="en-US" {{ if .OpenGraphItems }} prefix="og: http://ogp.me/ns#"{{ end }}>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ static "learningjam2024/favicon-16x16.png" }}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ static "learningjam2024/favicon-32x32.png" }}">
+
+    {{ if .CanonicalLink }}<link rel="canonical" href="{{ .CanonicalLink }}">{{ end }}
+    {{ range .OpenGraphItems }}
+        {{ if .Property }}
+            <meta property="{{ .Property }}" content="{{ .Value }}" />
+        {{ else }}
+            <meta name="{{ .Name }}" content="{{ .Value }}" />
+        {{ end }}
+    {{ end }}
+    {{ if .Title }}
+        <title>{{ .Title }} | Handmade Network</title>
+    {{ else }}
+        <title>Handmade Network</title>
+    {{ end }}
+    <meta name="theme-color" content="#003C83">
+
+    <script src="{{ static "js/templates.js" }}"></script>
+
+    <link rel="stylesheet" href="{{ static "fonts/mohave/stylesheet.css" }}">
+    <link href='https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Fira+Mono:300,400,500,700' rel='stylesheet' type='text/css'>
+	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
+	<link rel="stylesheet" type="text/css" href="{{ static "style.css" }}">
+
+	<style>
+		:root {
+			--theme-gradient-dark: linear-gradient(to bottom right, #003c83, #019AD2);
+			--theme-gradient-light: linear-gradient(to bottom right, #8BD5FF, #5899FF);
+			--white: #fff;
+			--bg-button: rgba(255, 255, 255, 0);
+			--bg-button-hover: rgba(255, 255, 255, 0.1);
+			--charcoal: #2F2F2F;
+			--gray: #CBCBCB;
+			--rich-gray: #494949;
+
+			--spacing-0: 0;
+			--spacing-1: .25rem;
+			--spacing-2: .5rem;
+			--spacing-3: 1rem;
+			--spacing-4: 2rem;
+			--spacing-5: 4rem;
+			--spacing-6: 8rem;
+			--spacing-7: 16rem;
+			--border-radius-2: 0.25rem;
+
+			--link-color: transparent;
+		}
+
+		body {
+			font-family: "Inter", "Fira Sans", sans-serif;
+			font-size: 1rem; /* remove this override when base stylesheet is less dumb */
+		}
+
+		h1, h2, h3, h4, h5, h6 {
+			font-weight: 700;
+		}
+
+		.w2-5 {
+			width: 3rem;
+		}
+
+		.link--white {
+			--link-color: var(--white);
+		}
+
+		.post-content p {
+			/* stupid override, should be done by .post-content instead of .content */
+			margin: 0.6rem 0;
+		}
+
+		.bg--theme-gradient-dark {
+			background: var(--theme-gradient-dark);
+		}
+
+		.bg--theme-gradient-light {
+			background: var(--theme-gradient-light);
+		}
+
+		.bg--charcoal {
+			background: var(--charcoal);
+		}
+
+		.bg--rich-gray {
+			background: var(--rich-gray);
+		}
+
+		.bg--gray {
+			background: var(--gray);
+		}
+
+		.b--charcoal {
+			border-color: var(--charcoal);
+		}
+
+		.b--rich-gray {
+			border-color: var(--rich-gray);
+		}
+
+		.c--theme-gradient-dark {
+			background: var(--theme-gradient-dark);
+			background-clip: text;
+			-webkit-background-clip: text;
+			color: transparent;
+		}
+
+		a, .c--theme-gradient-light {
+			background: var(--theme-gradient-light);
+			background-clip: text;
+			-webkit-background-clip: text;
+		}
+
+		.c--theme-gradient-light {
+			color: transparent;
+		}
+
+		.c--gray {
+			color: var(--gray);
+		}
+
+		.btn--jam {
+			border: 1px solid var(--white);
+			border-radius: var(--border-radius-2);
+			padding: var(--spacing-2) var(--spacing-3);
+
+			background-color: var(--bg-button);
+		}
+
+		.btn--jam.small {
+			padding: var(--spacing-1) var(--spacing-2);
+		}
+
+		.btn--jam:hover {
+			background-color: var(--bg-button-hover);
+		}
+
+		.button-simple {
+			background: var(--bg-button);
+			border: 1px solid var(--white);
+		}
+
+		.button-simple:hover {
+			background: var(--bg-button-hover);
+		}
+
+		.c-white {
+			color: var(--white);
+		}
+
+		.invisible {
+			visibility: hidden;
+		}
+
+		.svg-mask {
+			mask: var(--mask-url);
+			-webkit-mask: var(--mask-url);
+		}
+
+		.fill-current {
+			fill: currentColor;
+		}
+
+		.square {
+			aspect-ratio: 1 / 1;
+		}
+
+		.wide-screen {
+			aspect-ratio: 16 / 9;
+		}
+
+		.iframe-fill iframe {
+			flex-grow: 1;
+		}
+
+		.hmn-logo {
+			font-family: 'MohaveHMN', sans-serif;
+			text-transform: uppercase;
+			font-size: 1.6rem;
+			padding: 0.2rem 0.8rem;
+		}
+
+		.header-nav {
+			padding-right: 0.6rem;
+		}
+
+		.user-avatar {
+			border-radius: 999px;
+			background-color: rgba(0, 0, 0, 0.4);
+		}
+
+		.user-avatar.header {
+			width: 1.8rem;
+		}
+
+		.jam-logo {
+			max-width: 18rem;
+		}
+
+		.jam-logo-small {
+			max-width: 8rem;
+		}
+
+		.jam-title {
+			/* align with the width of the logo */
+			font-size: 2.76rem;
+			font-weight: 700;
+			/* align with the text's actual bounding box */
+			line-height: 1.18;
+			margin-top: -0.18em;
+			margin-left: -0.03em;
+			margin-right: -0.03em;
+		}
+
+		.jam-title.small {
+			font-size: 2.25rem;
+			/* align with the text's actual bounding box */
+			line-height: 1.18;
+			margin-top: -0.18em;
+			margin-left: -0.03em;
+			margin-right: -0.03em;
+		}
+
+		/* not small */
+		@media screen and (min-width: 35em) {
+			.jam-logo {
+				max-width: 24rem;
+			}
+
+			.jam-title {
+				font-size: 3.7rem;
+			}
+		}
+
+		/* not small */
+		@media screen and (min-width: 35em) {
+			.flex-basis-40-ns {
+				flex-basis: 40%;
+			}
+		}
+	</style>
+
+	{{ template "extrahead" . }}
+</head>
+
+<body class="bg--charcoal flex flex-column">
+	<div class="c-white bg--theme-gradient-dark">
+		<div class="bg-black-20 flex flex-row items-center link--white">
+			<a href="{{ .Header.HMNHomepageUrl }}" class="hmn-logo flex-shrink-0">
+				Handmade
+			</a>
+			<div class="flex-grow-1 flex-shrink-1"></div>
+			<div class="header-nav flex flex-row items-center g3 lh-solid f6">
+				<a href="{{ .Header.ProjectIndexUrl }}">Projects</a>
+				<a href="{{ .Header.JamsUrl }}">Jams</a>
+				<a class="db" href="{{ or .Header.UserProfileUrl .LoginPageUrl }}">
+					<img class="user-avatar header" src="{{ .UserAvatarUrl }}">
+				</a>
+			</div>
+		</div>
+		{{ block "content-top" . }}{{ end }}
+	</div>
+	<div class="bg--charcoal c-white flex-grow-1">
+		{{ block "content" . }}{{ end }}
+	</div>
+	<script>
+		const dtf = new Intl.DateTimeFormat([], {
+			dateStyle: "full",
+			timeStyle: "short",
+		});
+
+		for (const time of document.querySelectorAll('time')) {
+			const d = new Date(Date.parse(time.dateTime));
+			if (time.getAttribute("data-type") == "content") {
+				time.textContent = dtf.format(d);
+			} else {
+				time.title = dtf.format(d);
+			}
+		}
+	</script>
+</body>
+
+</html>

src/templates/src/project_index.html

@@ -132,6 +132,8 @@
 		2023 Wheel Reinvention Jam
 	{{- else if eq . "visibility-2023" -}}
 		2023 Visibility Jam
+	{{- else if eq . "learning-2024" -}}
+		2024 Learning Jam
 	{{- else -}}
 		???
 	{{- end -}}

src/templates/templates.go

@@ -287,6 +287,12 @@ var HMNTemplateFuncs = template.FuncMap{
 	"trim": func(str template.HTML) template.HTML {
 		return template.HTML(strings.TrimSpace(string(str)))
 	},
+	"lastidx": func(idx int, l int) bool {
+		return idx == l-1
+	},
+	"isodd": func(num int) bool {
+		return num%2 == 1
+	},
 
 	// NOTE(asaf): Template specific functions:
 	"projectcarddata": func(project Project, classes string) ProjectCardData {

src/templates/types.go

@@ -20,6 +20,7 @@ type BaseData struct {
 	CurrentProjectUrl string
 	LoginPageUrl      string
 	ProjectCSSUrl     string
+	DiscordInviteUrl  string
 
 	Project Project
 	User    *User

src/website/api.go

@@ -1,13 +1,16 @@
 package website
 
 import (
+	"encoding/json"
 	"errors"
-	"fmt"
+	"io"
 	"net/http"
+	"strings"
 
 	"git.handmade.network/hmn/hmn/src/db"
 	"git.handmade.network/hmn/hmn/src/models"
 	"git.handmade.network/hmn/hmn/src/oops"
+	"git.handmade.network/hmn/hmn/src/utils"
 )
 
 func APICheckUsername(c *RequestContext) ResponseData {
@@ -44,12 +47,59 @@ func APICheckUsername(c *RequestContext) ResponseData {
 	}
 
 	var res ResponseData
-	res.Header().Set("Content-Type", "application/json")
 	addCORSHeaders(c, &res)
 	if found {
-		res.Write([]byte(fmt.Sprintf(`{ "found": true, "canonical": "%s" }`, canonicalUsername)))
+		res.WriteJson(map[string]any{
+			"found":     true,
+			"canonical": canonicalUsername,
+		}, nil)
 	} else {
-		res.Write([]byte(`{ "found": false }`))
+		res.WriteJson(map[string]any{
+			"found": false,
+		}, nil)
 	}
 	return res
 }
+
+func APINewsletterSignup(c *RequestContext) ResponseData {
+	bodyBytes := utils.Must1(io.ReadAll(c.Req.Body))
+	type Input struct {
+		Email string `json:"email"`
+	}
+	var input Input
+	err := json.Unmarshal(bodyBytes, &input)
+	if err != nil {
+		return c.ErrorResponse(http.StatusBadRequest, err)
+	}
+
+	var res ResponseData
+
+	sanitized := input.Email
+	sanitized = strings.TrimSpace(sanitized)
+	sanitized = strings.ToLower(sanitized)
+	if len(sanitized) > 200 {
+		res.StatusCode = http.StatusBadRequest
+		return res
+	}
+	if !strings.Contains(sanitized, "@") {
+		res.StatusCode = http.StatusBadRequest
+		res.WriteJson(map[string]any{
+			"error": "bad email",
+		}, nil)
+		return res
+	}
+
+	_, err = c.Conn.Exec(c,
+		`
+		INSERT INTO newsletter_emails (email) VALUES ($1)
+		ON CONFLICT DO NOTHING
+		`,
+		sanitized,
+	)
+	if err != nil {
+		return c.ErrorResponse(http.StatusInternalServerError, oops.New(err, "failed to save email into database"))
+	}
+
+	res.WriteHeader(http.StatusNoContent)
+	return res
+}

src/website/base_data.go

@@ -51,6 +51,7 @@ func getBaseData(c *RequestContext, title string, breadcrumbs []templates.Breadc
 		CurrentProjectUrl: c.UrlContext.BuildHomepage(),
 		LoginPageUrl:      hmnurl.BuildLoginPage(c.FullUrl()),
 		ProjectCSSUrl:     hmnurl.BuildProjectCSS(project.Color1),
+		DiscordInviteUrl:  "https://discord.gg/hmn",
 
 		Project: templates.ProjectToTemplate(&project, c.UrlContext.BuildHomepage()),
 		User:    templateUser,

src/website/discord.go

@@ -15,6 +15,7 @@ import (
 	"git.handmade.network/hmn/hmn/src/hmnurl"
 	"git.handmade.network/hmn/hmn/src/models"
 	"git.handmade.network/hmn/hmn/src/oops"
+	"git.handmade.network/hmn/hmn/src/templates"
 	"git.handmade.network/hmn/hmn/src/utils"
 	"github.com/google/uuid"
 )
@@ -428,3 +429,18 @@ func saveDiscordAvatar(ctx context.Context, conn db.ConnOrTx, userID, avatarHash
 
 	return asset, nil
 }
+
+func DiscordBotDebugPage(c *RequestContext) ResponseData {
+	type DiscordBotDebugData struct {
+		templates.BaseData
+		BotEvents []discord.BotEvent
+	}
+	botEvents := discord.GetBotEvents()
+	var res ResponseData
+	res.MustWriteTemplate("discord_bot_debug.html", DiscordBotDebugData{
+		BaseData: getBaseData(c, "", nil),
+
+		BotEvents: botEvents,
+	}, c.Perf)
+	return res
+}

src/website/jam.go

@@ -27,6 +27,7 @@ func JamsIndex(c *RequestContext) ResponseData {
 		WRJ2022Url string
 		VJ2023Url  string
 		WRJ2023Url string
+		LJ2024Url  string
 	}
 
 	res.MustWriteTemplate("jams_index.html", TemplateData{
@@ -37,10 +38,279 @@ func JamsIndex(c *RequestContext) ResponseData {
 		WRJ2022Url: hmnurl.BuildJamIndex2022(),
 		VJ2023Url:  hmnurl.BuildJamIndex2023_Visibility(),
 		WRJ2023Url: hmnurl.BuildJamIndex2023(),
+		LJ2024Url:  hmnurl.BuildJamIndex2024_Learning(),
 	}, c.Perf)
 	return res
 }
 
+func JamSaveTheDate(c *RequestContext) ResponseData {
+	var res ResponseData
+
+	type TemplateData struct {
+		templates.BaseData
+		UserAvatarUrl       string
+		JamsUrl             string
+		Visibility2023Url   string
+		WRJ2023Url          string
+		NewsletterSignupUrl string
+	}
+
+	tmpl := TemplateData{
+		BaseData:            getBaseDataAutocrumb(c, "Upcoming Jams"),
+		UserAvatarUrl:       templates.UserAvatarUrl(c.CurrentUser, "dark"),
+		JamsUrl:             hmnurl.BuildJamsIndex(),
+		Visibility2023Url:   hmnurl.BuildJamIndex2023_Visibility(),
+		WRJ2023Url:          hmnurl.BuildJamIndex2023(),
+		NewsletterSignupUrl: hmnurl.BuildAPINewsletterSignup(),
+	}
+	tmpl.OpenGraphItems = []templates.OpenGraphItem{
+		{Property: "og:title", Value: "Upcoming Jams"},
+		{Property: "og:site_name", Value: "Handmade Network"},
+		{Property: "og:type", Value: "website"},
+		{Property: "og:image", Value: hmnurl.BuildPublic("HMNLogo_SaveTheDate.png", true)},
+		{Property: "og:description", Value: "Upcoming programming jams from the Handmade community."},
+		{Property: "og:url", Value: hmnurl.BuildJamSaveTheDate()},
+	}
+
+	res.MustWriteTemplate("jam_save_the_date.html", tmpl, c.Perf)
+	return res
+}
+
+func JamIndex2024_Learning(c *RequestContext) ResponseData {
+	var res ResponseData
+
+	baseData := getBaseDataAutocrumb(c, hmndata.LJ2024.Name)
+	baseData.OpenGraphItems = opengraphLJ2024
+
+	jamBaseData, err := getLJ2024BaseData(c)
+	if err != nil {
+		return c.ErrorResponse(http.StatusInternalServerError, err)
+	}
+
+	feedData, err := getLJ2024FeedData(c, 5)
+	if err != nil {
+		return c.ErrorResponse(http.StatusInternalServerError, err)
+	}
+
+	type JamPageData struct {
+		templates.BaseData
+		JamBaseDataLJ2024
+		TwitchEmbedUrl string
+
+		Projects      JamProjectDataLJ2024
+		TimelineItems []templates.TimelineItem
+	}
+
+	tmpl := JamPageData{
+		BaseData:          baseData,
+		JamBaseDataLJ2024: jamBaseData,
+		TwitchEmbedUrl:    getTwitchEmbedUrl(c),
+
+		Projects:      feedData.Projects,
+		TimelineItems: feedData.TimelineItems,
+	}
+
+	res.MustWriteTemplate("jam_2024_lj_index.html", tmpl, c.Perf)
+	return res
+}
+
+func JamFeed2024_Learning(c *RequestContext) ResponseData {
+	baseData := getBaseDataAutocrumb(c, hmndata.LJ2024.Name)
+	baseData.OpenGraphItems = opengraphLJ2024
+
+	jamBaseData, err := getLJ2024BaseData(c)
+	if err != nil {
+		return c.ErrorResponse(http.StatusInternalServerError, err)
+	}
+
+	feedData, err := getLJ2024FeedData(c, 0)
+	if err != nil {
+		return c.ErrorResponse(http.StatusInternalServerError, err)
+	}
+
+	type JamFeedData struct {
+		templates.BaseData
+		JamBaseDataLJ2024
+
+		Projects      JamProjectDataLJ2024
+		TimelineItems []templates.TimelineItem
+	}
+
+	tmpl := JamFeedData{
+		BaseData:          baseData,
+		JamBaseDataLJ2024: jamBaseData,
+
+		Projects:      feedData.Projects,
+		TimelineItems: feedData.TimelineItems,
+	}
+
+	var res ResponseData
+	res.MustWriteTemplate("jam_2024_lj_feed.html", tmpl, c.Perf)
+	return res
+}
+
+func JamGuidelines2024_Learning(c *RequestContext) ResponseData {
+	baseData := getBaseDataAutocrumb(c, hmndata.LJ2024.Name)
+	baseData.OpenGraphItems = opengraphLJ2024
+
+	jamBaseData, err := getLJ2024BaseData(c)
+	if err != nil {
+		return c.ErrorResponse(http.StatusInternalServerError, err)
+	}
+
+	type JamGuidelinesData struct {
+		templates.BaseData
+		JamBaseDataLJ2024
+	}
+
+	tmpl := JamGuidelinesData{
+		BaseData:          baseData,
+		JamBaseDataLJ2024: jamBaseData,
+	}
+
+	var res ResponseData
+	res.MustWriteTemplate("jam_2024_lj_guidelines_index.html", tmpl, c.Perf)
+	return res
+}
+
+var opengraphLJ2024 = []templates.OpenGraphItem{
+	{Property: "og:title", Value: "Learning Jam"},
+	{Property: "og:site_name", Value: "Handmade Network"},
+	{Property: "og:type", Value: "website"},
+	{Property: "og:image", Value: hmnurl.BuildPublic("learningjam2024/2024LJOpenGraph.png", true)},
+	{Property: "og:description", Value: "A two-weekend jam where you dive deep into a topic, then share it with the rest of the community."},
+	{Property: "og:url", Value: hmnurl.BuildJamIndex2024_Learning()},
+	{Name: "twitter:card", Value: "summary_large_image"},
+	{Name: "twitter:image", Value: hmnurl.BuildPublic("learningjam2024/2024LJTwitterCard.png", true)},
+}
+
+type JamBaseDataLJ2024 struct {
+	UserAvatarUrl                string
+	DaysUntilStart, DaysUntilEnd int
+	JamUrl                       string
+	JamFeedUrl                   string
+	NewProjectUrl                string
+	SubmittedProjectUrl          string
+	GuidelinesUrl                string
+}
+
+type JamProjectDataLJ2024 struct {
+	Projects      []templates.Project
+	NewProjectUrl string
+}
+
+type JamFeedDataLJ2024 struct {
+	Projects      JamProjectDataLJ2024
+	TimelineItems []templates.TimelineItem
+
+	projects []hmndata.ProjectAndStuff
+}
+
+func getLJ2024BaseData(c *RequestContext) (JamBaseDataLJ2024, error) {
+	daysUntilStart := daysUntil(hmndata.LJ2024.StartTime)
+	daysUntilEnd := daysUntil(hmndata.LJ2024.EndTime)
+
+	tmpl := JamBaseDataLJ2024{
+		UserAvatarUrl:  templates.UserAvatarDefaultUrl("dark"),
+		DaysUntilStart: daysUntilStart,
+		DaysUntilEnd:   daysUntilEnd,
+		JamUrl:         hmnurl.BuildJamIndex2024_Learning(),
+		JamFeedUrl:     hmnurl.BuildJamFeed2024_Learning(),
+		NewProjectUrl:  hmnurl.BuildProjectNewJam(),
+		GuidelinesUrl:  hmnurl.BuildJamGuidelines2024_Learning(),
+	}
+
+	if c.CurrentUser != nil {
+		tmpl.UserAvatarUrl = templates.UserAvatarUrl(c.CurrentUser, "dark")
+		projects, err := hmndata.FetchProjects(c, c.Conn, c.CurrentUser, hmndata.ProjectsQuery{
+			OwnerIDs: []int{c.CurrentUser.ID},
+			JamSlugs: []string{hmndata.LJ2024.Slug},
+			Limit:    1,
+		})
+		if err != nil {
+			return JamBaseDataLJ2024{}, oops.New(err, "failed to fetch jam projects for current user")
+		}
+		if len(projects) > 0 {
+			urlContext := hmndata.UrlContextForProject(&projects[0].Project)
+			tmpl.SubmittedProjectUrl = urlContext.BuildHomepage()
+		}
+	}
+
+	return tmpl, nil
+}
+
+// 0 for no limit on timeline items.
+func getLJ2024FeedData(c *RequestContext, maxTimelineItems int) (JamFeedDataLJ2024, error) {
+	jamProjects, err := hmndata.FetchProjects(c, c.Conn, c.CurrentUser, hmndata.ProjectsQuery{
+		JamSlugs: []string{hmndata.LJ2024.Slug},
+	})
+	if err != nil {
+		return JamFeedDataLJ2024{}, oops.New(err, "failed to fetch jam projects for current user")
+	}
+
+	projects := make([]templates.Project, 0, len(jamProjects))
+	for _, jp := range jamProjects {
+		urlContext := hmndata.UrlContextForProject(&jp.Project)
+		projectUrl := urlContext.BuildHomepage()
+		projects = append(projects, templates.ProjectAndStuffToTemplate(&jp, projectUrl, c.Theme))
+	}
+
+	projectIds := make([]int, 0, len(jamProjects))
+	for _, jp := range jamProjects {
+		projectIds = append(projectIds, jp.Project.ID)
+	}
+
+	var timelineItems []templates.TimelineItem
+	if len(projectIds) > 0 {
+		snippets, err := hmndata.FetchSnippets(c, c.Conn, c.CurrentUser, hmndata.SnippetQuery{
+			ProjectIDs: projectIds,
+			Limit:      maxTimelineItems,
+		})
+		if err != nil {
+			return JamFeedDataLJ2024{}, oops.New(err, "failed to fetch snippets for jam showcase")
+		}
+
+		timelineItems = make([]templates.TimelineItem, 0, len(snippets))
+		for _, s := range snippets {
+			timelineItem := SnippetToTimelineItem(&s.Snippet, s.Asset, s.DiscordMessage, s.Projects, s.Owner, c.Theme, false)
+			timelineItem.SmallInfo = true
+			timelineItems = append(timelineItems, timelineItem)
+		}
+	}
+
+	return JamFeedDataLJ2024{
+		Projects: JamProjectDataLJ2024{
+			Projects:      projects,
+			NewProjectUrl: hmnurl.BuildProjectNewJam(),
+		},
+		TimelineItems: timelineItems,
+
+		projects: jamProjects,
+	}, nil
+}
+
+func getTwitchEmbedUrl(c *RequestContext) string {
+	twitchEmbedUrl := ""
+	twitchStatus, err := db.QueryOne[models.TwitchLatestStatus](c, c.Conn,
+		`
+		SELECT $columns
+		FROM twitch_latest_status
+		WHERE twitch_login = $1
+		`,
+		"handmadenetwork",
+	)
+	if err != nil {
+		c.Logger.Warn().Err(err).Msg("failed to query Twitch status for the HMN account")
+	} else if twitchStatus.Live {
+		hmnUrl, err := url.Parse(config.Config.BaseUrl)
+		if err == nil {
+			twitchEmbedUrl = fmt.Sprintf("https://player.twitch.tv/?channel=%s&parent=%s", twitchStatus.TwitchLogin, hmnUrl.Hostname())
+		}
+	}
+
+	return twitchEmbedUrl
+}
+
 func JamIndex2023(c *RequestContext) ResponseData {
 	var res ResponseData
 

src/website/landing.go

@@ -156,15 +156,15 @@ func Index(c *RequestContext) ResponseData {
 		AtomFeedUrl:    hmnurl.BuildAtomFeed(),
 		MarkAllReadUrl: hmnurl.HMNProjectContext.BuildForumMarkRead(0),
 
-		JamUrl:            hmnurl.BuildJamIndex2023(),
-		JamDaysUntilStart: daysUntil(hmndata.WRJ2023.StartTime),
-		JamDaysUntilEnd:   daysUntil(hmndata.WRJ2023.EndTime),
+		JamUrl:            hmnurl.BuildJamIndex2024_Learning(),
+		JamDaysUntilStart: daysUntil(hmndata.LJ2024.StartTime),
+		JamDaysUntilEnd:   daysUntil(hmndata.LJ2024.EndTime),
 
-		HMSDaysUntilStart: daysUntil(hmndata.HMS2023.StartTime),
-		HMSDaysUntilEnd:   daysUntil(hmndata.HMS2023.EndTime),
+		HMSDaysUntilStart: daysUntil(hmndata.HMS2024.StartTime),
+		HMSDaysUntilEnd:   daysUntil(hmndata.HMS2024.EndTime),
 
-		HMBostonDaysUntilStart: daysUntil(hmndata.HMBoston2023.StartTime),
-		HMBostonDaysUntilEnd:   daysUntil(hmndata.HMBoston2023.EndTime),
+		HMBostonDaysUntilStart: daysUntil(hmndata.HMBoston2024.StartTime),
+		HMBostonDaysUntilEnd:   daysUntil(hmndata.HMBoston2024.EndTime),
 	}, c.Perf)
 	if err != nil {
 		return c.ErrorResponse(http.StatusInternalServerError, oops.New(err, "failed to render landing page template"))

src/website/requesthandling.go

@@ -3,6 +3,7 @@ package website
 import (
 	"bytes"
 	"context"
+	"encoding/json"
 	"fmt"
 	"html"
 	"html/template"
@@ -454,6 +455,15 @@ func (rd *ResponseData) MustWriteTemplate(name string, data interface{}, rp *per
 	}
 }
 
+func (rd *ResponseData) WriteJson(data any, rp *perf.RequestPerf) {
+	dataJson, err := json.Marshal(data)
+	if err != nil {
+		panic(err)
+	}
+	rd.Header().Set("Content-Type", "application/json")
+	rd.Write(dataJson)
+}
+
 func doRequest(rw http.ResponseWriter, c *RequestContext, h Handler) {
 	defer func() {
 		/*

src/website/routes.go

@@ -55,13 +55,10 @@ func NewWebsiteRoutes(conn *pgxpool.Pool) http.Handler {
 	hmnOnly.GET(hmnurl.RegexProjectSubmissionGuidelines, ProjectSubmissionGuidelines)
 	hmnOnly.GET(hmnurl.RegexConferences, Conferences)
 	hmnOnly.GET(hmnurl.RegexWhenIsIt, WhenIsIt)
-	hmnOnly.GET(hmnurl.RegexNewsletterSignup, func(c *RequestContext) ResponseData {
-		return c.Redirect("https://cdn.forms-content.sg-form.com/9c83182a-f04a-11ed-a42d-f6f307313b7c", http.StatusFound)
-	})
 
 	hmnOnly.GET(hmnurl.RegexJamsIndex, JamsIndex)
 	hmnOnly.GET(hmnurl.RegexJamIndex, func(c *RequestContext) ResponseData {
-		return c.Redirect(hmnurl.BuildJamIndex2023(), http.StatusFound)
+		return c.Redirect(hmnurl.BuildJamSaveTheDate(), http.StatusFound)
 	})
 	hmnOnly.GET(hmnurl.RegexJamIndex2021, JamIndex2021)
 	hmnOnly.GET(hmnurl.RegexJamIndex2022, JamIndex2022)
@@ -71,6 +68,10 @@ func NewWebsiteRoutes(conn *pgxpool.Pool) http.Handler {
 	hmnOnly.GET(hmnurl.RegexJamRecap2023_Visibility, JamRecap2023_Visibility)
 	hmnOnly.GET(hmnurl.RegexJamIndex2023, JamIndex2023)
 	hmnOnly.GET(hmnurl.RegexJamFeed2023, JamFeed2023)
+	hmnOnly.GET(hmnurl.RegexJamIndex2024_Learning, JamIndex2024_Learning)
+	hmnOnly.GET(hmnurl.RegexJamFeed2024_Learning, JamFeed2024_Learning)
+	hmnOnly.GET(hmnurl.RegexJamGuidelines2024_Learning, JamGuidelines2024_Learning)
+	hmnOnly.GET(hmnurl.RegexJamSaveTheDate, JamSaveTheDate)
 
 	hmnOnly.GET(hmnurl.RegexTimeMachine, TimeMachine)
 	hmnOnly.GET(hmnurl.RegexTimeMachineSubmissions, TimeMachineSubmissions)
@@ -123,9 +124,10 @@ func NewWebsiteRoutes(conn *pgxpool.Pool) http.Handler {
 	hmnOnly.GET(hmnurl.RegexDiscordOAuthCallback, DiscordOAuthCallback)
 	hmnOnly.POST(hmnurl.RegexDiscordUnlink, needsAuth(csrfMiddleware(DiscordUnlink)))
 	hmnOnly.POST(hmnurl.RegexDiscordShowcaseBacklog, needsAuth(csrfMiddleware(DiscordShowcaseBacklog)))
+	hmnOnly.GET(hmnurl.RegexDiscordBotDebugPage, adminsOnly(DiscordBotDebugPage))
 
 	hmnOnly.POST(hmnurl.RegexTwitchEventSubCallback, TwitchEventSubCallback)
-	hmnOnly.GET(hmnurl.RegexTwitchDebugPage, TwitchDebugPage)
+	hmnOnly.GET(hmnurl.RegexTwitchDebugPage, adminsOnly(TwitchDebugPage))
 
 	hmnOnly.GET(hmnurl.RegexUserProfile, UserProfile)
 	hmnOnly.GET(hmnurl.RegexUserSettings, needsAuth(UserSettings))
@@ -156,6 +158,7 @@ func NewWebsiteRoutes(conn *pgxpool.Pool) http.Handler {
 	hmnOnly.POST(hmnurl.RegexEducationArticleDelete, educationAuthorsOnly(csrfMiddleware(EducationArticleDeleteSubmit)))
 
 	hmnOnly.POST(hmnurl.RegexAPICheckUsername, csrfMiddleware(APICheckUsername))
+	hmnOnly.POST(hmnurl.RegexAPINewsletterSignup, APINewsletterSignup)
 
 	hmnOnly.GET(hmnurl.RegexLibraryAny, func(c *RequestContext) ResponseData {
 		return c.Redirect(hmnurl.BuildEducationIndex(), http.StatusFound)