feat: new layout, only use gap for big folder links

This is placeholder commit and will be replaced by a merge of yourvirtual branches.

Due to GitButler managing multiple virtual branches, you cannot switch back and
forth between git branches and virtual branches easily. 

If you switch to another branch, GitButler will need to be reinitialized.
If you commit on this branch, GitButler will throw it away.

For more information about what we're doing here, check out our docs:
https://docs.gitbutler.com/features/virtual-branches/integration-branch

quartz.layout.ts

@@ -8,8 +8,7 @@ export const sharedPageComponents: SharedLayout = {
   afterBody: [],
   footer: Component.Footer({
     links: {
-      GitHub: "https://github.com/jackyzha0/quartz",
-      "Discord Community": "https://discord.gg/cRFFHYye7t",
+      Source: "https://git.duskflower.dev/duskflower/school-knowledge-base-quartz",
     },
   }),
 }
@@ -23,7 +22,7 @@ export const defaultContentPageLayout: PageLayout = {
     }),
     Component.ArticleTitle(),
     Component.ContentMeta(),
-    Component.TagList(),
+    // Component.TagList(),
   ],
   left: [
     Component.PageTitle(),
@@ -40,9 +39,12 @@ export const defaultContentPageLayout: PageLayout = {
     Component.Explorer(),
   ],
   right: [
+    Component.TagList(),
     Component.Graph(),
     Component.DesktopOnly(Component.TableOfContents()),
     Component.Backlinks(),
+    // Component.Spacer(),
+    // Component.RecentNotes(),
   ],
 }
 

quartz/styles/custom.scss

@@ -17,8 +17,8 @@
   } */
 /* } */
 
-// create a gap so that long links become distinguishable
-.folder-outer .content li {
+// create a gap so that long links become distinguishable for the folders with long headings
+.folder-container[data-folderpath="Politik/index"] + .folder-outer .content {
   display: flex;
   flex-direction: column;
   row-gap: 0.5rem;