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:
Eddy Zhou
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
|
||||
> This callout uses the secondary color (`#284b63`) for its accent. Callouts are great for drawing attention to important information.
|
||||
## How to Navigate
|
||||
|
||||
> [!tip] Tip Callout
|
||||
> This callout uses the tertiary color (`#84a59d`) for its accent. Tips provide helpful suggestions.
|
||||
Feel free to explore using:
|
||||
|
||||
> [!warning] Warning Callout
|
||||
> Warning callouts help highlight potential issues or important considerations.
|
||||
- The **search bar** to find specific topics
|
||||
- The **explorer** on the left to browse folders
|
||||
- The **graph view** to see connections between notes
|
||||
- **Tags** to find related content
|
||||
|
||||
> [!example] Example Callout
|
||||
> Example callouts are useful for demonstrating concepts or providing samples.
|
||||
## Recent Areas of Interest
|
||||
|
||||
## 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`).
|
||||
|
||||
## 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:
|
||||
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.
|
||||
|
||||
---
|
||||
|
||||
## Mathematical Expressions
|
||||
|
||||
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.*
|
||||
*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)
|
||||
|
||||
@ -8,8 +8,9 @@ export const sharedPageComponents: SharedLayout = {
|
||||
afterBody: [],
|
||||
footer: Component.Footer({
|
||||
links: {
|
||||
GitHub: "https://github.com/jackyzha0/quartz",
|
||||
"Discord Community": "https://discord.gg/cRFFHYye7t",
|
||||
GitHub: "https://github.com/Edwardius",
|
||||
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(),
|
||||
],
|
||||
left: [
|
||||
Component.PageTitle(),
|
||||
Component.LogoLink(),
|
||||
Component.MobileOnly(Component.Spacer()),
|
||||
Component.Flex({
|
||||
components: [
|
||||
@ -50,7 +51,7 @@ export const defaultContentPageLayout: PageLayout = {
|
||||
export const defaultListPageLayout: PageLayout = {
|
||||
beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
|
||||
left: [
|
||||
Component.PageTitle(),
|
||||
Component.LogoLink(),
|
||||
Component.MobileOnly(Component.Spacer()),
|
||||
Component.Flex({
|
||||
components: [
|
||||
|
||||
@ -14,8 +14,7 @@ export default ((opts?: Options) => {
|
||||
return (
|
||||
<footer class={`${displayClass ?? ""}`}>
|
||||
<p>
|
||||
{i18n(cfg.locale).components.footer.createdWith}{" "}
|
||||
<a href="https://quartz.jzhao.xyz/">Quartz v{version}</a> © {year}
|
||||
{i18n(cfg.locale).components.footer.partOf}{" "} © {year}
|
||||
</p>
|
||||
<ul>
|
||||
{Object.entries(links).map(([text, link]) => (
|
||||
|
||||
@ -23,6 +23,7 @@ import Breadcrumbs from "./Breadcrumbs"
|
||||
import Comments from "./Comments"
|
||||
import Flex from "./Flex"
|
||||
import ConditionalRender from "./ConditionalRender"
|
||||
import LogoLink from "./LogoLink"
|
||||
|
||||
export {
|
||||
ArticleTitle,
|
||||
@ -50,4 +51,5 @@ export {
|
||||
Comments,
|
||||
Flex,
|
||||
ConditionalRender,
|
||||
LogoLink,
|
||||
}
|
||||
|
||||
@ -37,7 +37,7 @@ export default {
|
||||
title: "وضع القارئ",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "أُنشئ باستخدام",
|
||||
partOf: "جزء من Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "التمثيل التفاعلي",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Explorador",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Creat amb",
|
||||
partOf: "Part d'Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Vista Gràfica",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Procházet",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Vytvořeno pomocí",
|
||||
partOf: "Část Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Graf",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Explorer",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Erstellt mit",
|
||||
partOf: "Teil von Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Graphansicht",
|
||||
|
||||
@ -39,7 +39,7 @@ export interface Translation {
|
||||
title: string
|
||||
}
|
||||
footer: {
|
||||
createdWith: string
|
||||
partOf: string
|
||||
}
|
||||
graph: {
|
||||
title: string
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Explorer",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Created with",
|
||||
partOf: "Part of Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Graph View",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Explorer",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Created with",
|
||||
partOf: "Part of Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Graph View",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Explorador",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Creado con",
|
||||
partOf: "Parte de Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Vista Gráfica",
|
||||
|
||||
@ -37,7 +37,7 @@ export default {
|
||||
title: "مطالب",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "ساخته شده با",
|
||||
partOf: "بخشی از Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "نمای گراف",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Selain",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Luotu käyttäen",
|
||||
partOf: "Osa Ed Eddy Edwardista",
|
||||
},
|
||||
graph: {
|
||||
title: "Verkkonäkymä",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Explorateur",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Créé avec",
|
||||
partOf: "Partie d'Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Vue Graphique",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Fájlböngésző",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Készítve ezzel:",
|
||||
partOf: "Ed Eddy Edward része",
|
||||
},
|
||||
graph: {
|
||||
title: "Grafikonnézet",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Penjelajah",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Dibuat dengan",
|
||||
partOf: "Bagian dari Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Tampilan Grafik",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Esplora",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Creato con",
|
||||
partOf: "Parte di Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Vista grafico",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "エクスプローラー",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "作成",
|
||||
partOf: "Ed Eddy Edwardの一部",
|
||||
},
|
||||
graph: {
|
||||
title: "グラフビュー",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "탐색기",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Created with",
|
||||
partOf: "Ed Eddy Edward의 일부",
|
||||
},
|
||||
graph: {
|
||||
title: "그래프 뷰",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Naršyklė",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Sukurta Su",
|
||||
partOf: "Ed Eddy Edward dalis",
|
||||
},
|
||||
graph: {
|
||||
title: "Grafiko Vaizdas",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Utforsker",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Laget med",
|
||||
partOf: "Del av Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Graf-visning",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Verkenner",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Gemaakt met",
|
||||
partOf: "Deel van Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Grafiekweergave",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Przeglądaj",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Stworzone z użyciem",
|
||||
partOf: "Część Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Graf",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Explorador",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Criado com",
|
||||
partOf: "Parte de Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Visão de gráfico",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Explorator",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Creat cu",
|
||||
partOf: "Parte din Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Graf",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Проводник",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Создано с помощью",
|
||||
partOf: "Часть Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Вид графа",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "รายการหน้า",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "สร้างด้วย",
|
||||
partOf: "ส่วนหนึ่งของ Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "มุมมองกราฟ",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Gezgin",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Şununla oluşturuldu",
|
||||
partOf: "Ed Eddy Edward'un bir parçası",
|
||||
},
|
||||
graph: {
|
||||
title: "Grafik Görünümü",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Провідник",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Створено за допомогою",
|
||||
partOf: "Частина Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Вигляд графа",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "Trong bài này",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Được tạo bởi",
|
||||
partOf: "Phần của Ed Eddy Edward",
|
||||
},
|
||||
graph: {
|
||||
title: "Biểu Đồ",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "探索",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Created with",
|
||||
partOf: "Ed Eddy Edward 的一部分",
|
||||
},
|
||||
graph: {
|
||||
title: "关系图谱",
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
title: "探索",
|
||||
},
|
||||
footer: {
|
||||
createdWith: "Created with",
|
||||
partOf: "Ed Eddy Edward 的一部分",
|
||||
},
|
||||
graph: {
|
||||
title: "關係圖譜",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user