mirror of
https://github.com/jackyzha0/quartz.git
synced 2025-12-19 10:54:06 -06:00
linking back to website
This commit is contained in:
parent
57ccfec778
commit
a935238818
122
content/index.md
122
content/index.md
@ -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.*
|
|
||||||
|
|||||||
@ -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: [
|
||||||
|
|||||||
@ -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]) => (
|
||||||
|
|||||||
@ -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,
|
||||||
}
|
}
|
||||||
|
|||||||
@ -37,7 +37,7 @@ export default {
|
|||||||
title: "وضع القارئ",
|
title: "وضع القارئ",
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
createdWith: "أُنشئ باستخدام",
|
partOf: "جزء من Ed Eddy Edward",
|
||||||
},
|
},
|
||||||
graph: {
|
graph: {
|
||||||
title: "التمثيل التفاعلي",
|
title: "التمثيل التفاعلي",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -39,7 +39,7 @@ export interface Translation {
|
|||||||
title: string
|
title: string
|
||||||
}
|
}
|
||||||
footer: {
|
footer: {
|
||||||
createdWith: string
|
partOf: string
|
||||||
}
|
}
|
||||||
graph: {
|
graph: {
|
||||||
title: string
|
title: string
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -37,7 +37,7 @@ export default {
|
|||||||
title: "مطالب",
|
title: "مطالب",
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
createdWith: "ساخته شده با",
|
partOf: "بخشی از Ed Eddy Edward",
|
||||||
},
|
},
|
||||||
graph: {
|
graph: {
|
||||||
title: "نمای گراف",
|
title: "نمای گراف",
|
||||||
|
|||||||
@ -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ä",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -36,7 +36,7 @@ export default {
|
|||||||
title: "エクスプローラー",
|
title: "エクスプローラー",
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
createdWith: "作成",
|
partOf: "Ed Eddy Edwardの一部",
|
||||||
},
|
},
|
||||||
graph: {
|
graph: {
|
||||||
title: "グラフビュー",
|
title: "グラフビュー",
|
||||||
|
|||||||
@ -36,7 +36,7 @@ export default {
|
|||||||
title: "탐색기",
|
title: "탐색기",
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
createdWith: "Created with",
|
partOf: "Ed Eddy Edward의 일부",
|
||||||
},
|
},
|
||||||
graph: {
|
graph: {
|
||||||
title: "그래프 뷰",
|
title: "그래프 뷰",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -36,7 +36,7 @@ export default {
|
|||||||
title: "Проводник",
|
title: "Проводник",
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
createdWith: "Создано с помощью",
|
partOf: "Часть Ed Eddy Edward",
|
||||||
},
|
},
|
||||||
graph: {
|
graph: {
|
||||||
title: "Вид графа",
|
title: "Вид графа",
|
||||||
|
|||||||
@ -36,7 +36,7 @@ export default {
|
|||||||
title: "รายการหน้า",
|
title: "รายการหน้า",
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
createdWith: "สร้างด้วย",
|
partOf: "ส่วนหนึ่งของ Ed Eddy Edward",
|
||||||
},
|
},
|
||||||
graph: {
|
graph: {
|
||||||
title: "มุมมองกราฟ",
|
title: "มุมมองกราฟ",
|
||||||
|
|||||||
@ -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ü",
|
||||||
|
|||||||
@ -36,7 +36,7 @@ export default {
|
|||||||
title: "Провідник",
|
title: "Провідник",
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
createdWith: "Створено за допомогою",
|
partOf: "Частина Ed Eddy Edward",
|
||||||
},
|
},
|
||||||
graph: {
|
graph: {
|
||||||
title: "Вигляд графа",
|
title: "Вигляд графа",
|
||||||
|
|||||||
@ -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 Đồ",
|
||||||
|
|||||||
@ -36,7 +36,7 @@ export default {
|
|||||||
title: "探索",
|
title: "探索",
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
createdWith: "Created with",
|
partOf: "Ed Eddy Edward 的一部分",
|
||||||
},
|
},
|
||||||
graph: {
|
graph: {
|
||||||
title: "关系图谱",
|
title: "关系图谱",
|
||||||
|
|||||||
@ -36,7 +36,7 @@ export default {
|
|||||||
title: "探索",
|
title: "探索",
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
createdWith: "Created with",
|
partOf: "Ed Eddy Edward 的一部分",
|
||||||
},
|
},
|
||||||
graph: {
|
graph: {
|
||||||
title: "關係圖譜",
|
title: "關係圖譜",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user