-
-
+
-
{session.title}
+
+
+ {session.title}
+
{
hasFooter && (
@@ -114,8 +127,7 @@ const hasFooter = true;
.room-info {
display: block;
- text-align:center;
-
+ text-align: center;
@media screen and (min-width: 800px) {
display: none;
@@ -145,9 +157,9 @@ const hasFooter = true;
header {
/*text-align:right;*/
}
- .session h2{
- padding:0 8px ;
- margin:0;
+ .session h2 {
+ padding: 0 8px;
+ margin: 0;
}
.session > .time {
@@ -193,8 +205,8 @@ const hasFooter = true;
in srgb,
var(--color-body-background),
white 50%
- );
- border: 1px solid #E9714D;
+ );
+ border: 1px solid #e9714d;
}
diff --git a/src/components/sessions/list-sessions.astro b/src/components/sessions/list-sessions.astro
index 8d09444a7..46f2811d6 100644
--- a/src/components/sessions/list-sessions.astro
+++ b/src/components/sessions/list-sessions.astro
@@ -2,11 +2,13 @@
const { sessions } = Astro.props;
import Prose from "@ui/Prose.astro";
import Tag from "@ui/Tag.astro";
+import CodeHeart from "@components/island/CodeHeart.svelte";
import SessionSpeakers from "./session-speakers.astro";
type Session = {
data: {
title: string;
+ code: string;
speakers: Array<{
id: string;
collection: "speakers";
@@ -34,6 +36,13 @@ type Session = {
{session.data.title}
+
+
Speakers:
diff --git a/src/components/ui/Note.astro b/src/components/ui/Note.astro
index 0177cbe2b..9019c0b84 100644
--- a/src/components/ui/Note.astro
+++ b/src/components/ui/Note.astro
@@ -45,7 +45,7 @@ const noteIcon = icon || currentStyle.defaultIcon;
const noteTitle = title || currentStyle.defaultTitle;
---
-
+
{ noteIcon &&
}
diff --git a/src/layouts/ScheduleLayout.astro b/src/layouts/ScheduleLayout.astro
index ce3606d11..189b43855 100644
--- a/src/layouts/ScheduleLayout.astro
+++ b/src/layouts/ScheduleLayout.astro
@@ -18,6 +18,7 @@ const { title, description } = Astro.props;
This is an early version of the schedule and may still change. If you're planning travel around specific sessions, please keep that in mind.
+ Mark talks as favorites by opening their details and tapping the ❤️ icon. Your selections are saved locally and will only be visible on this device.
diff --git a/src/pages/session/[slug].astro b/src/pages/session/[slug].astro
index 781530e4a..f38fe4b87 100644
--- a/src/pages/session/[slug].astro
+++ b/src/pages/session/[slug].astro
@@ -8,6 +8,7 @@ import { YouTube } from "@astro-community/astro-embed-youtube";
import { Picture } from "astro:assets";
import Markdown from "@ui/Markdown.astro";
import Section from "@ui/Section.astro";
+import CodeHeart from "@components/island/CodeHeart.svelte";
import Button from "@ui/Button.astro";
export async function getStaticPaths() {
@@ -27,7 +28,7 @@ const speakers = await getEntries(entry.data.speakers);
// Resolve session codes to session data
const resolveSessions = (codes: string[]) =>
- codes.map(code => sessions.find(s => s.data.code === code)!);
+ codes.map((code) => sessions.find((s) => s.data.code === code)!);
// Filter out sessions with room "Exhibit Hall"
const filteredSessions = sessions.filter(
@@ -60,6 +61,13 @@ const nextSessionsOrdered = sameRoomNextSession
class="relative font-title text-text font-bold mb-[0.6em] [&>a]:border-0 [&>a]:text-inherit text-pretty"
>
{entry.data.title}
+
+
+
@@ -166,7 +174,13 @@ const nextSessionsOrdered = sameRoomNextSession
The speaker{speakers.length > 1 ? "s" : ""}
{speakers.map((speaker) => (
-
+
{speaker.data.avatar && (
@@ -256,6 +270,6 @@ const nextSessionsOrdered = sameRoomNextSession
const expectedUrl = `/session/${slug}`;
if (currentUrl !== expectedUrl) {
- window.history.replaceState({}, '', expectedUrl);
+ window.history.replaceState({}, "", expectedUrl);
}
diff --git a/src/pages/speaker/[slug].astro b/src/pages/speaker/[slug].astro
index 9f9639c82..4187a8fae 100644
--- a/src/pages/speaker/[slug].astro
+++ b/src/pages/speaker/[slug].astro
@@ -6,6 +6,7 @@ import { Image } from "astro:assets";
import Markdown from "@ui/Markdown.astro";
import Headline from "@ui/Headline.astro";
import Section from "@ui/Section.astro"
+import CodeHeart from "@components/island/CodeHeart.svelte";
export async function getStaticPaths() {
@@ -249,6 +250,13 @@ function getGitHosting(url: string): string | undefined {
>
{session.data.title}
+
+
))
}
diff --git a/src/stores/favorites.js b/src/stores/favorites.js
new file mode 100644
index 000000000..a6d9ab58e
--- /dev/null
+++ b/src/stores/favorites.js
@@ -0,0 +1,10 @@
+import { persistentMap } from "@nanostores/persistent";
+
+export const favorites = persistentMap(
+ "codeheart_v2:",
+ {},
+ {
+ encode: JSON.stringify,
+ decode: JSON.parse,
+ }
+);
diff --git a/svelte.config.js b/svelte.config.js
new file mode 100644
index 000000000..cf44f387a
--- /dev/null
+++ b/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from "@astrojs/svelte";
+
+export default {
+ preprocess: vitePreprocess(),
+};
diff --git a/tsconfig.json b/tsconfig.json
index a8a536cb7..8adfb1771 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,6 +18,7 @@
"@utils/*": ["./src/utils/*"],
"@data/*": ["./src/data/*"],
"@components/*": ["./src/components/*"],
+ "@stores/*": ["./src/stores/*"],
"@sections/*": ["./src/components/sections/*"],
"@ui/*": ["./src/components/ui/*"],
"@layouts/*": ["./src/layouts/*"],