GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2026-03-24 15:05:42 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Quartz sync: Jul 7, 2024, 1:26 PM

Browse Source
This commit is contained in:
Justin 2024-07-07 13:26:33 -04:00
parent c0c8728a84
commit 9609e4b5d4
8 changed files with 280 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
content/daily/2024/07/2024-07-04.md
View File

@ -1,7 +1,7 @@
---
title: 2024-07-04
author: ["Justin"]
lastmod: 2024-07-04T11:17:25-04:00
lastmod: 2024-07-05T06:59:08-04:00
draft: false
---
@ -13,7 +13,8 @@ draft: false
### Tasks {#tasks}
- [ ] Chinese
- [X] Chinese
- 800!
- [X] Read
</div>
@ -32,6 +33,14 @@ draft: false
- scheme in rust, found it because apparently it's (going to be) used for the
plugin system in helix?
- Might be neat as a scripting tool since I have rust on all my computers
- So I got quotebacks dark/light mode based on quartz's state working. I had to
futz around with the javascript, but I think quotebacks is largely abandoned
in the sense it won't be getting updates, so it's probably not a big deal to
edit it.
- I also added it in under ofm.tsx, basically an option under mermaid. I'm not
technically using obsidian but it seemed like the easiest place to jab in
some javascript.
- I need to fix dates. Maybe have ox-hugo just spit it out in the frontmatter.
</div>

75
content/daily/2024/07/2024-07-05.md Normal file
View File

@ -0,0 +1,75 @@
---
title: 2024-07-05
author: ["Justin"]
lastmod: 2024-07-05T19:51:26-04:00
draft: false
---
<div class="outline-1 jvc">
## Agenda {#agenda}
<div class="outline-2 jvc">
### Tasks {#tasks}
- [X] Chinese
- 570!
- [X] Reading
- [X] Progress on anki gen
- [X] Fix (try to) some of the CSS for this
- [X] I remembered I need to fix the dates on the emacs side
- I forgot to add the date in the capture template for dailies, so I guess maybe whenever I did a quartz sync they messed up?'
</div>
</div>
<div class="outline-1 jvc">
## Notes {#notes}
<div class="outline-2 jvc">
### Reading {#reading}
<div class="outline-3 jvc">
#### <https://www.pipes.digital> <span class="tag"><span class="software">software</span></span> {#https-www-dot-pipes-dot-digital}
- Like a weird visual programming thing for passing data from feeds and such?
</div>
<div class="outline-3 jvc">
#### <https://github.com/prefix-dev/pixi/> <span class="tag"><span class="software">software</span></span> {#https-github-dot-com-prefix-dev-pixi}
- Package manager built in rust. Upon skimming, I assume basically building
packages for python and R using rattler, which is basically conda. So, uh...
conda abstraction layer?'
- Honestly think it might be neat given how annoying it is to distribute python
stuff. Generally I just use pipx (since, I mean, unless you're on an embedded
system, the bloat doesn't really matter much)
</div>
</div>
</div>
<div class="outline-1 jvc">
## Journal {#journal}
Fireworks make sleep weird. Okay, I'd `like` to get the GPT stuff setup in emacs
today. Caught up on anki, so need to not get behind. I got the CSS
idiosyncrasies fixed (more or less) but noticed it's still kinda borked under tasks.
Also I want to get started on my anki LLM notebook! I need to study more CS/Math, etc.
stuff.
Maybe some improvements to my crystow thing I made. It was a quick demo
just to get used to crystal syntax but I'd like to maybe add some stuff.
</div>

47
content/daily/2024/07/2024-07-06.md Normal file
View File

@ -0,0 +1,47 @@
---
title: 2024-07-06
author: ["Justin"]
date: 2024-07-06T06:20:00-04:00
lastmod: 2024-07-06T19:04:54-04:00
draft: false
---
<div class="outline-1 jvc">
## Agenda {#agenda}
<div class="outline-2 jvc">
### Tasks {#tasks}
- [X] Chinese
- 850!
- [X] Reading
- [X] More work on anki thingy
- [X] Finalize mpv stuff
- Think I got it as good as I can get on a 2080. Might make a custom config
for my macbook, but I don't use it unless traveling, so, eh.
</div>
</div>
<div class="outline-1 jvc">
## Notes {#notes}
- "the typical adult in china knows approximately 8,000 to 10,000 hanzi"
- Welp.
- I've been using SVP with mpv - I think this works well enough combined with shaders.
</div>
<div class="outline-1 jvc">
## Journal {#journal}
Weekend. Need to tinker with vapoursynth more. Got distracted and didn't get to
futz around with as much. Then to make progress on my thing I'm working on,
then Chinese studying. I've noticed ~300 cards tends to take about 2-3 hours.
</div>

74
content/daily/2024/07/2024-07-07.md Normal file
View File

@ -0,0 +1,74 @@
---
title: 2024-07-07
author: ["Justin"]
date: 2024-07-07T05:16:00-04:00
lastmod: 2024-07-07T07:49:51-04:00
draft: false
---
<div class="outline-1 jvc">
## Agenda {#agenda}
<div class="outline-2 jvc">
### Tasks {#tasks}
- [ ] Chinese
- [ ] Read
- [ ] Anki stuff
- [X] CSS spacing
- Think I got it - distinct CSS for h\* + ul vs. p, cumbersome, but with
variables shouldn't hurt too much to change down the line.
- Also changed the header icons around a bit
</div>
</div>
<div class="outline-1 jvc">
## Notes {#notes}
<div class="outline-2 jvc">
### Reading {#reading}
<div class="outline-3 jvc">
#### Boop. {#boop-dot}
<div class="outline-4 jvc">
##### Beep. {#beep-dot}
<div class="outline-5 jvc">
###### Blep. {#blep-dot}
</div>
</div>
</div>
</div>
</div>
<div class="outline-1 jvc">
## Journal {#journal}
A little bit more with the CSS spacing, then can work on anki project.
<div class="outline-2 jvc">
### Test {#test}
Beep, CSS test.
</div>
</div>

8
functions.ts
View File

@ -1,5 +1,11 @@
import { Options } from "./quartz/components/ExplorerNode"
const toTitleCase = (str: string): string => {
return str.replace(/\w\S*/g, (txt: string): string => {
return txt.charAt(0).toUpperCase() + txt.slice(1).toLowerCase()
})
}
export const mapFn: Options["mapFn"] = (node) => {
node.displayName = node.displayName.toLowerCase()
@ -13,7 +19,7 @@ export const mapFn: Options["mapFn"] = (node) => {
node.displayName = "📄 " + node.displayName
}
} else {
node.displayName = "📁 " + node.displayName
node.displayName = "📁 " + toTitleCase(node.displayName)
}
}
}

6
quartz.config.ts
View File

@ -23,9 +23,9 @@ const config: QuartzConfig = {
fontOrigin: "googleFonts",
cdnCaching: true,
typography: {
header: "Schibsted Grotesk",
body: "Source Sans Pro",
code: "IBM Plex Mono",
header: "Open Sans",
body: "Open Sans",
code: "Space Mono",
},
colors: {
lightMode: {

41
quartz/components/ContentMeta.tsx
View File

@ -20,24 +20,51 @@ export default ((opts?: Partial<ContentMetaOptions>) => {
// Merge options with defaults
const options: ContentMetaOptions = { ...defaultOptions, ...opts }
function getGithubLink(filePath: string): string {
const githubBaseUrl = "https://raw.githubusercontent.com/brickfrog/notes.justin.vc/v4/"
return `${githubBaseUrl}${filePath}`
}
function ContentMetadata({ cfg, fileData, displayClass }: QuartzComponentProps) {
const text = fileData.text
if (text) {
const segments: (string | JSX.Element)[] = []
let segment = ""
let segment: JSX.Element | null = null
if (fileData.dates?.created) {
const createdDate = formatDate(getDate(cfg, fileData)!, cfg.locale)
const modifiedDate = fileData.frontmatter?.lastmod
? formatDate(getDate(cfg, fileData, "modified")!, cfg.locale)
: null
const githubLink = fileData.filePath ? getGithubLink(fileData.filePath) : "#"
segment += `Created: ${createdDate}`
const createdDateSegment = (
<a href={githubLink} title="This is the date the note was created.">
{createdDate}
</a>
)
if (modifiedDate && createdDate !== modifiedDate) {
segment += ` ⮕ Modified: ${modifiedDate}`
if (fileData.frontmatter?.lastmod) {
const modifiedDate = formatDate(getDate(cfg, fileData, "modified")!, cfg.locale)
if (createdDate !== modifiedDate) {
const createdDateSegment = (
<span title="This is the date the note was created.">{createdDate}</span>
)
const modifiedDateSegment = (
<a href={githubLink} title="The date of the last modification.">
{modifiedDate}
</a>
)
segment = (
<span>
{createdDateSegment}–{modifiedDateSegment}
</span>
)
} else {
segment = createdDateSegment
}
} else {
segment = createdDateSegment
}
}

44
quartz/styles/custom.scss
View File

@ -113,75 +113,82 @@ p.timestamp-wrapper {
/* Headings */
.jvc h2, .jvc h3, .jvc h4, .jvc h5, .jvc h6 {
font-size: 1.0em;
margin-top: var(--base-margin);
margin-bottom: var(--base-margin);
}
.jvc h2 {
font-size: 1.5em;
margin-left: 0;
padding-left: 0;
color: var(--orgh2);
}
.jvc h2::before {
content: "○ ";
content: "◉ ";
}
.jvc h3 {
font-size: 1.4em;
margin-left: var(--heading-indent);
padding-left: 0;
color: var(--orgh3);
}
.jvc h3::before {
content: "◆ ";
content: "◎ ";
}
/* Adjust content under h2 */
.jvc h2 + ul {
margin-left: calc(var(--heading-indent) * 1);
}
/* Adjust content under h3 */
.jvc h3 + * {
.jvc h3 + p {
margin-left: calc(var(--heading-indent) * 1);
}
.jvc h3 + ul {
margin-left: calc(var(--heading-indent) * 2);
}
/* Adjust content under h4 */
.jvc h4 {
font-size: 1.3em;
margin-left: calc(var(--heading-indent) * 2);
padding-left: 0;
color: var(--orgh4);
}
.jvc h4::before {
content: "▲ ";
content: "◈ ";
}
/* Adjust content under h4 */
.jvc h4 + * {
margin-left: calc(var(--heading-indent) * 3);
}
.jvc h5 {
font-size: 1.2em;
margin-left: calc(var(--heading-indent) * 3);
padding-left: 0;
color: var(--orgh5);
}
.jvc h5::before {
content: "■ ";
content: "❀ ";
}
.jvc h6 {
font-size: 1.1em;
margin-left: calc(var(--heading-indent) * 4);
padding-left: 0;
color: var(--orgh6);
}
.jvc h6::before {
content: "● ";
content: "◇ ";
}
/* Lists */
.jvc ul, .jvc ol {
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-left: var(--base-indent);
padding-left: calc(var(--base-indent) + 0px);
list-style-position: outside;
}
@ -218,11 +225,12 @@ p.timestamp-wrapper {
}
.jvc > p::before {
content: "● ";
content: "► ";
padding-right: 5px;
font-size: 12px;
}
.jvc li p::before {
content: '';
}
@ -269,4 +277,10 @@ article.popover-hint::after {
padding-bottom: 1em;
}
/* Quotebacks */
/* Metadata */
p.content-meta a {
/* your styles here */
color: var(--gray); /* example: change link color */
text-decoration: underline; /* example: underline on hover */
}