linking back to website

This commit is contained in:
Eddy Zhou 2025-09-23 19:41:48 -04:00
parent 57ccfec778
commit a935238818
33 changed files with 61 additions and 133 deletions

View File

@ -1,115 +1,41 @@
--- ---
title: Welcome to Quartz - Color Preview title: Welcome to My Brain Dump
--- ---
# Quartz Color Configuration Preview # Welcome to My Brain Dump
This page showcases all the color configurations available in this Quartz repository using Obsidian-formatted markdown. This is my personal digital garden where I capture thoughts, ideas, and notes on anything that sparks my curiosity.
## Text Colors & Highlights ## What is this place?
Regular text appears in the default dark color (`#2b2b2b`). This brain dump serves as my external memory—a place where I can:
==This text is highlighted using the text highlight color (`#fff23688`)== - **Document Learning**: Notes from courses, books, articles, and videos
- **Explore Ideas**: Thoughts on technology, design, philosophy, and more
- **Track Projects**: Development logs, experiments, and side projects
- **Connect Concepts**: Links between different areas of knowledge
> [!info] Information Callout ## How to Navigate
> This callout uses the secondary color (`#284b63`) for its accent. Callouts are great for drawing attention to important information.
> [!tip] Tip Callout Feel free to explore using:
> This callout uses the tertiary color (`#84a59d`) for its accent. Tips provide helpful suggestions.
> [!warning] Warning Callout - The **search bar** to find specific topics
> Warning callouts help highlight potential issues or important considerations. - The **explorer** on the left to browse folders
- The **graph view** to see connections between notes
- **Tags** to find related content
> [!example] Example Callout ## Recent Areas of Interest
> Example callouts are useful for demonstrating concepts or providing samples.
## Links and Interactive Elements - Software Engineering & Architecture
- Machine Learning & AI
- Product Design & UX
- Robotics & Automation
- Philosophy & Ethics in Technology
Here's a [[non-existent page]] wiki-link that will appear in gray (`#b8b8b8`). ## A Living Document
Regular [markdown links](https://quartz.jzhao.xyz) use the secondary color (`#284b63`). This space is constantly evolving. Notes may be incomplete, ideas might be half-formed, and thoughts could change over time. That's the beauty of a brain dump—it's a work in progress, just like learning itself.
## Code Blocks
Inline code like `const color = "#284b63"` uses the darkgray color (`#4e4e4e`) for background.
```javascript
// Code blocks showcase syntax highlighting
const theme = {
light: "#e8e6dd",
lightgray: "#e5e5e5",
gray: "#b8b8b8",
darkgray: "#4e4e4e",
dark: "#2b2b2b",
secondary: "#284b63",
tertiary: "#84a59d",
highlight: "rgba(143, 159, 169, 0.15)",
textHighlight: "#fff23688"
};
console.log("Colors configured!");
```
```bash
chmod +x executable
```
## Typography Showcase
### Headers use Schibsted Grotesk font
Body text uses Source Sans Pro font for optimal readability.
`Code uses IBM Plex Mono` for clear distinction.
## Lists and Formatting
- **Bold text** stands out
- *Italic text* for emphasis
- ~~Strikethrough~~ for deprecated content
### Task Lists
- [ ] Uncompleted task
- [x] Completed task using tertiary color
## Tables
| Color Variable | Hex Value | Usage |
|---------------|-----------|--------|
| light | #e8e6dd | Background color |
| lightgray | #e5e5e5 | Borders and dividers |
| gray | #b8b8b8 | Muted text |
| darkgray | #4e4e4e | Code backgrounds |
| dark | #2b2b2b | Main text color |
| secondary | #284b63 | Links and accents |
| tertiary | #84a59d | Secondary accents |
## Block Quotes
> Block quotes use the lightgray color (`#e5e5e5`) for their left border.
>
> They're great for highlighting important passages or quotes.
## Horizontal Rules
The line below uses the lightgray color:
--- ---
## Mathematical Expressions *If you're interested in more polished content, you can learn more [about me](https://ededdyedward.com/about)* or check out my [blog](https://ededdyedward.com/blog)
Inline math: $E = mc^2$
Block math:
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
## Tags and Metadata
Tags like #color-preview #theme-configuration use the tertiary color.
---
*Note: This preview page demonstrates how the color scheme defined in `quartz.config.ts` is applied throughout the site. The background uses the light color (`#e8e6dd`), while various UI elements utilize the full color palette for visual hierarchy.*

View File

@ -8,8 +8,9 @@ export const sharedPageComponents: SharedLayout = {
afterBody: [], afterBody: [],
footer: Component.Footer({ footer: Component.Footer({
links: { links: {
GitHub: "https://github.com/jackyzha0/quartz", GitHub: "https://github.com/Edwardius",
"Discord Community": "https://discord.gg/cRFFHYye7t", LinkedIn: "https://www.linkedin.com/in/eddy-zhou-6968b8184/",
YouTube: "https://www.youtube.com/channel/UCBYnPI9wfTCs-dCgo6_B45g",
}, },
}), }),
} }
@ -26,7 +27,7 @@ export const defaultContentPageLayout: PageLayout = {
Component.TagList(), Component.TagList(),
], ],
left: [ left: [
Component.PageTitle(), Component.LogoLink(),
Component.MobileOnly(Component.Spacer()), Component.MobileOnly(Component.Spacer()),
Component.Flex({ Component.Flex({
components: [ components: [
@ -50,7 +51,7 @@ export const defaultContentPageLayout: PageLayout = {
export const defaultListPageLayout: PageLayout = { export const defaultListPageLayout: PageLayout = {
beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()], beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
left: [ left: [
Component.PageTitle(), Component.LogoLink(),
Component.MobileOnly(Component.Spacer()), Component.MobileOnly(Component.Spacer()),
Component.Flex({ Component.Flex({
components: [ components: [

View File

@ -14,8 +14,7 @@ export default ((opts?: Options) => {
return ( return (
<footer class={`${displayClass ?? ""}`}> <footer class={`${displayClass ?? ""}`}>
<p> <p>
{i18n(cfg.locale).components.footer.createdWith}{" "} {i18n(cfg.locale).components.footer.partOf}{" "} © {year}
<a href="https://quartz.jzhao.xyz/">Quartz v{version}</a> © {year}
</p> </p>
<ul> <ul>
{Object.entries(links).map(([text, link]) => ( {Object.entries(links).map(([text, link]) => (

View File

@ -23,6 +23,7 @@ import Breadcrumbs from "./Breadcrumbs"
import Comments from "./Comments" import Comments from "./Comments"
import Flex from "./Flex" import Flex from "./Flex"
import ConditionalRender from "./ConditionalRender" import ConditionalRender from "./ConditionalRender"
import LogoLink from "./LogoLink"
export { export {
ArticleTitle, ArticleTitle,
@ -50,4 +51,5 @@ export {
Comments, Comments,
Flex, Flex,
ConditionalRender, ConditionalRender,
LogoLink,
} }

View File

@ -37,7 +37,7 @@ export default {
title: "وضع القارئ", title: "وضع القارئ",
}, },
footer: { footer: {
createdWith: "أُنشئ باستخدام", partOf: "جزء من Ed Eddy Edward",
}, },
graph: { graph: {
title: "التمثيل التفاعلي", title: "التمثيل التفاعلي",

View File

@ -36,7 +36,7 @@ export default {
title: "Explorador", title: "Explorador",
}, },
footer: { footer: {
createdWith: "Creat amb", partOf: "Part d'Ed Eddy Edward",
}, },
graph: { graph: {
title: "Vista Gràfica", title: "Vista Gràfica",

View File

@ -36,7 +36,7 @@ export default {
title: "Procházet", title: "Procházet",
}, },
footer: { footer: {
createdWith: "Vytvořeno pomocí", partOf: "Část Ed Eddy Edward",
}, },
graph: { graph: {
title: "Graf", title: "Graf",

View File

@ -36,7 +36,7 @@ export default {
title: "Explorer", title: "Explorer",
}, },
footer: { footer: {
createdWith: "Erstellt mit", partOf: "Teil von Ed Eddy Edward",
}, },
graph: { graph: {
title: "Graphansicht", title: "Graphansicht",

View File

@ -39,7 +39,7 @@ export interface Translation {
title: string title: string
} }
footer: { footer: {
createdWith: string partOf: string
} }
graph: { graph: {
title: string title: string

View File

@ -36,7 +36,7 @@ export default {
title: "Explorer", title: "Explorer",
}, },
footer: { footer: {
createdWith: "Created with", partOf: "Part of Ed Eddy Edward",
}, },
graph: { graph: {
title: "Graph View", title: "Graph View",

View File

@ -36,7 +36,7 @@ export default {
title: "Explorer", title: "Explorer",
}, },
footer: { footer: {
createdWith: "Created with", partOf: "Part of Ed Eddy Edward",
}, },
graph: { graph: {
title: "Graph View", title: "Graph View",

View File

@ -36,7 +36,7 @@ export default {
title: "Explorador", title: "Explorador",
}, },
footer: { footer: {
createdWith: "Creado con", partOf: "Parte de Ed Eddy Edward",
}, },
graph: { graph: {
title: "Vista Gráfica", title: "Vista Gráfica",

View File

@ -37,7 +37,7 @@ export default {
title: "مطالب", title: "مطالب",
}, },
footer: { footer: {
createdWith: "ساخته شده با", partOf: "بخشی از Ed Eddy Edward",
}, },
graph: { graph: {
title: "نمای گراف", title: "نمای گراف",

View File

@ -36,7 +36,7 @@ export default {
title: "Selain", title: "Selain",
}, },
footer: { footer: {
createdWith: "Luotu käyttäen", partOf: "Osa Ed Eddy Edwardista",
}, },
graph: { graph: {
title: "Verkkonäkymä", title: "Verkkonäkymä",

View File

@ -36,7 +36,7 @@ export default {
title: "Explorateur", title: "Explorateur",
}, },
footer: { footer: {
createdWith: "Créé avec", partOf: "Partie d'Ed Eddy Edward",
}, },
graph: { graph: {
title: "Vue Graphique", title: "Vue Graphique",

View File

@ -36,7 +36,7 @@ export default {
title: "Fájlböngésző", title: "Fájlböngésző",
}, },
footer: { footer: {
createdWith: "Készítve ezzel:", partOf: "Ed Eddy Edward része",
}, },
graph: { graph: {
title: "Grafikonnézet", title: "Grafikonnézet",

View File

@ -36,7 +36,7 @@ export default {
title: "Penjelajah", title: "Penjelajah",
}, },
footer: { footer: {
createdWith: "Dibuat dengan", partOf: "Bagian dari Ed Eddy Edward",
}, },
graph: { graph: {
title: "Tampilan Grafik", title: "Tampilan Grafik",

View File

@ -36,7 +36,7 @@ export default {
title: "Esplora", title: "Esplora",
}, },
footer: { footer: {
createdWith: "Creato con", partOf: "Parte di Ed Eddy Edward",
}, },
graph: { graph: {
title: "Vista grafico", title: "Vista grafico",

View File

@ -36,7 +36,7 @@ export default {
title: "エクスプローラー", title: "エクスプローラー",
}, },
footer: { footer: {
createdWith: "作成", partOf: "Ed Eddy Edwardの一部",
}, },
graph: { graph: {
title: "グラフビュー", title: "グラフビュー",

View File

@ -36,7 +36,7 @@ export default {
title: "탐색기", title: "탐색기",
}, },
footer: { footer: {
createdWith: "Created with", partOf: "Ed Eddy Edward의 일부",
}, },
graph: { graph: {
title: "그래프 뷰", title: "그래프 뷰",

View File

@ -36,7 +36,7 @@ export default {
title: "Naršyklė", title: "Naršyklė",
}, },
footer: { footer: {
createdWith: "Sukurta Su", partOf: "Ed Eddy Edward dalis",
}, },
graph: { graph: {
title: "Grafiko Vaizdas", title: "Grafiko Vaizdas",

View File

@ -36,7 +36,7 @@ export default {
title: "Utforsker", title: "Utforsker",
}, },
footer: { footer: {
createdWith: "Laget med", partOf: "Del av Ed Eddy Edward",
}, },
graph: { graph: {
title: "Graf-visning", title: "Graf-visning",

View File

@ -36,7 +36,7 @@ export default {
title: "Verkenner", title: "Verkenner",
}, },
footer: { footer: {
createdWith: "Gemaakt met", partOf: "Deel van Ed Eddy Edward",
}, },
graph: { graph: {
title: "Grafiekweergave", title: "Grafiekweergave",

View File

@ -36,7 +36,7 @@ export default {
title: "Przeglądaj", title: "Przeglądaj",
}, },
footer: { footer: {
createdWith: "Stworzone z użyciem", partOf: "Część Ed Eddy Edward",
}, },
graph: { graph: {
title: "Graf", title: "Graf",

View File

@ -36,7 +36,7 @@ export default {
title: "Explorador", title: "Explorador",
}, },
footer: { footer: {
createdWith: "Criado com", partOf: "Parte de Ed Eddy Edward",
}, },
graph: { graph: {
title: "Visão de gráfico", title: "Visão de gráfico",

View File

@ -36,7 +36,7 @@ export default {
title: "Explorator", title: "Explorator",
}, },
footer: { footer: {
createdWith: "Creat cu", partOf: "Parte din Ed Eddy Edward",
}, },
graph: { graph: {
title: "Graf", title: "Graf",

View File

@ -36,7 +36,7 @@ export default {
title: "Проводник", title: "Проводник",
}, },
footer: { footer: {
createdWith: "Создано с помощью", partOf: "Часть Ed Eddy Edward",
}, },
graph: { graph: {
title: "Вид графа", title: "Вид графа",

View File

@ -36,7 +36,7 @@ export default {
title: "รายการหน้า", title: "รายการหน้า",
}, },
footer: { footer: {
createdWith: "สร้างด้วย", partOf: "ส่วนหนึ่งของ Ed Eddy Edward",
}, },
graph: { graph: {
title: "มุมมองกราฟ", title: "มุมมองกราฟ",

View File

@ -36,7 +36,7 @@ export default {
title: "Gezgin", title: "Gezgin",
}, },
footer: { footer: {
createdWith: "Şununla oluşturuldu", partOf: "Ed Eddy Edward'un bir parçası",
}, },
graph: { graph: {
title: "Grafik Görünümü", title: "Grafik Görünümü",

View File

@ -36,7 +36,7 @@ export default {
title: "Провідник", title: "Провідник",
}, },
footer: { footer: {
createdWith: "Створено за допомогою", partOf: "Частина Ed Eddy Edward",
}, },
graph: { graph: {
title: "Вигляд графа", title: "Вигляд графа",

View File

@ -36,7 +36,7 @@ export default {
title: "Trong bài này", title: "Trong bài này",
}, },
footer: { footer: {
createdWith: "Được tạo bởi", partOf: "Phần của Ed Eddy Edward",
}, },
graph: { graph: {
title: "Biểu Đồ", title: "Biểu Đồ",

View File

@ -36,7 +36,7 @@ export default {
title: "探索", title: "探索",
}, },
footer: { footer: {
createdWith: "Created with", partOf: "Ed Eddy Edward 的一部分",
}, },
graph: { graph: {
title: "关系图谱", title: "关系图谱",

View File

@ -36,7 +36,7 @@ export default {
title: "探索", title: "探索",
}, },
footer: { footer: {
createdWith: "Created with", partOf: "Ed Eddy Edward 的一部分",
}, },
graph: { graph: {
title: "關係圖譜", title: "關係圖譜",