Used spotiwidget.
In RecentNotes.tsx, just underneath the </ul>:
Code
RecentNotes.tsx
<a href="https://github.com/Hecsall/spotiwidget" target="_blank" rel="noopener noreferrer"> <img src="https://spotiwidget.vercel.app/widget?uid=spotifyname&theme=natemoo-re&invert_artist_title=false&cover=true&progress_bar=false&progress_color=%23B3B3B3&sound_waves=true&sound_waves_color=%231ED760&background=false&background_color=%23121212" alt="Now Playing on Spotify" style={{ borderRadius: '8px', marginTop: '1rem', width: '100%' }} /></a>
Graph edits on index
Moved graph view on the index below the header with ConditionalRender in quartz.layout.ts (only when slug === "index"). Also hid the right sidebar on the index with a grid in quartz/styles/custom.scss.
Inspired by Dev Uni’s Second Brain (but his is way cooler)
import Content from "./pages/Content"import TagContent from "./pages/TagContent"import FolderContent from "./pages/FolderContent"import NotFound from "./pages/404"import ArticleTitle from "./ArticleTitle"import Darkmode from "./Darkmode"import ReaderMode from "./ReaderMode"import Head from "./Head"import PageTitle from "./PageTitle"import ContentMeta from "./ContentMeta"import ProfilePicture from "./ProfilePicture"import Spacer from "./Spacer"import TableOfContents from "./TableOfContents"import Explorer from "./Explorer"import TagList from "./TagList"import Graph from "./Graph"import Backlinks from "./Backlinks"import Search from "./Search"import Footer from "./Footer"import DesktopOnly from "./DesktopOnly"import MobileOnly from "./MobileOnly"import RecentNotes from "./RecentNotes"import Breadcrumbs from "./Breadcrumbs"import Comments from "./Comments"import Flex from "./Flex"import ConditionalRender from "./ConditionalRender"export { ArticleTitle, Content, TagContent, FolderContent, Darkmode, ReaderMode, Head, PageTitle, ContentMeta, ProfilePicture, Spacer, TableOfContents, Explorer, TagList, Graph, Backlinks, Search, Footer, DesktopOnly, MobileOnly, RecentNotes, NotFound, Breadcrumbs, Comments, Flex, ConditionalRender,}