From 5df85e391a0330470d1eff3d1735e911c8495efa Mon Sep 17 00:00:00 2001 From: ParkerTenBroeck <51721964+ParkerTenBroeck@users.noreply.github.com> Date: Wed, 29 Apr 2026 23:18:50 -0400 Subject: [PATCH] updated style --- config.toml | 3 +- content/blog/projects/generators.md | 14 --- content/random/markdown.md | 143 ++++++++++++++++++++++++++++ sass/style.scss | 81 ++++++---------- 4 files changed, 171 insertions(+), 70 deletions(-) create mode 100644 content/random/markdown.md diff --git a/config.toml b/config.toml index dd9f785..1fb3556 100644 --- a/config.toml +++ b/config.toml @@ -36,8 +36,7 @@ minify_html = true render_emoji = true bottom_footnotes = true github_alerts = true - -# insert_anchor_links = "heading" +insert_anchor_links = "heading" [markdown.highlighting] light_theme = "github-light-high-contrast" diff --git a/content/blog/projects/generators.md b/content/blog/projects/generators.md index b1e6bdd..ca7a24d 100644 --- a/content/blog/projects/generators.md +++ b/content/blog/projects/generators.md @@ -26,20 +26,6 @@ A more complex example would be something like `invokevirtual ` [^1]: https://docs.oracle.com/javase/specs/jvms/se23/html/jvms-4.html#jvms-4.1 -> [!NOTE] -> Highlights information that users should take into account, even when skimming. - -> [!TIP] -> Optional information to help a user be more successful. - -> [!IMPORTANT] -> Crucial information necessary for users to succeed. - -> [!WARNING] -> Critical content demanding immediate user attention due to potential risks. - -> [!CAUTION] -> Negative potential consequences of an action. ## Stack manipulation diff --git a/content/random/markdown.md b/content/random/markdown.md new file mode 100644 index 0000000..2e200ad --- /dev/null +++ b/content/random/markdown.md @@ -0,0 +1,143 @@ ++++ +title = "Markdown" +description = "Here just for me" +date = 2026-04-26 +draft = true + +[taxonomies] +tags = ["markdown"] +category = ["random"] ++++ + + +Emphasis, aka italics, with *asterisks* or _underscores_. + +Strong emphasis, aka bold, with **asterisks** or __underscores__. + +Combined emphasis with **asterisks and _underscores_**. + +Strikethrough uses two tildes. ~~Scratch this.~~ + +**This is bold text** + +__This is bold text__ + +*This is italic text* + +_This is italic text_ + +~~Strikethrough~~ + +--- + +Link to the sample section: [Link Text](#header2). + +![Screenshot of a comment on a GitHub issue showing an image, added in the Markdown, of an Octocat smiling and raising a tentacle.](https://myoctocat.com/assets/images/base-octocat.svg) + +*** + +- George Washington +* John Adams ++ Thomas Jefferson + +1. James Madison +2. James Monroe +3. John Quincy Adams + +1. First list item + - First nested list item + - Second nested list item + + +- [x] #739 +- [ ] https://github.com/octo-org/octo-repo/issues/740 +- [ ] Add delight to the experience when all tasks are complete :tada: + + +```rust,linenos +fn foo(bar: i32) -> String{ + bar.into() +} +``` + +reference [^1] + +[^1]: https://docs.oracle.com/javase/specs/jvms/se23/html/jvms-4.html#jvms-4.1 + +> indended block +> +> meow :grin: + +> [!NOTE] +> Highlights information that users should take into account, even when skimming. + +> [!TIP] +> Optional information to help a user be more successful. + +> [!IMPORTANT] +> Crucial information necessary for users to succeed. + +> [!WARNING] +> Critical content demanding immediate user attention due to potential risks. + +> [!CAUTION] +> Negative potential consequences of an action. + +> Blockquotes can also be nested... +>> [!IMPORTANT] +>> +>> meow +>> +>> ...by using additional greater-than signs right next to each other... +> > > [!CAUTION] +> > > ...or with spaces between arrows. +>>>> wow + +Colons can be used to align columns. + +| Tables | Are | Cool | +| ------------- |:-------------:| -----:| +| col 3 is | right-aligned | $1600 | +| col 2 is | centered | $12 | +| zebra stripes | are neat | $1 | + +There must be at least 3 dashes separating each header cell. +The outer pipes (|) are optional, and you don't need to make the +raw Markdown line up prettily. You can also use inline Markdown. + +Markdown | Less | Pretty +--- | --- | --- +*Still* | `renders` | **nicely** +1 | 2 | 3 + +| First Header | Second Header | +| ------------- | ------------- | +| Content Cell | Content Cell | +| Content Cell | Content Cell | + +| Command | Description | +| --- | --- | +| git status | List all new or modified files | +| git diff | Show file differences that haven't been staged | + +| Command | Description | +| --- | --- | +| `git status` | List all *new or modified* files | +| `git diff` | Show file differences that **haven't been** staged | + +| Left-aligned | Center-aligned | Right-aligned | +| :--- | :---: | ---: | +| git status | git status | git status | +| git diff | git diff | git diff | + +| Name | Character | +| --- | --- | +| Backtick | ` | +| Pipe | \| | + +# Header1 +## Header2 +### Header3 +#### Header4 +##### Header5 +###### Header5 \ No newline at end of file diff --git a/sass/style.scss b/sass/style.scss index 853be11..552f012 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -56,6 +56,10 @@ a { } } +.zola-anchor{ + text-decoration-thickness: 0.05ex; +} + img,video { background-color: var(--grey-dark); } @@ -171,81 +175,50 @@ th { background: var(--grey-dark); } - -.markdown-alert-note { - border-left: solid 3px var(--blue); +blockquote { + --blockquote-color: var(--fg-2); + border-left: solid 3px var(--blockquote-color); padding-left: 20px; margin-left: 10px; - - ::before{ - content: "Note"; + &::before{ + content: ""; display: block; font-weight: bold; - color: var(--blue); - } + color: var(--blockquote-color); + } } .markdown-alert-note { - border-left: solid 3px var(--blue); - padding-left: 20px; - margin-left: 10px; - - ::before{ - content: "Note"; - display: block; - font-weight: bold; - color: var(--blue); - } + --blockquote-color: var(--blue); + &::before{ + content: "Note"!important; + } } .markdown-alert-tip { - border-left: solid 3px var(--green); - padding-left: 20px; - margin-left: 10px; - - ::before{ + --blockquote-color: var(--green); + &::before{ content: "Tip"; - display: block; - font-weight: bold; - color: var(--green); - } + } } .markdown-alert-important { - border-left: solid 3px var(--purple); - padding-left: 20px; - margin-left: 10px; - - ::before{ + --blockquote-color: var(--purple); + &::before { content: "Important"; - display: block; - font-weight: bold; - color: var(--purple); - } + } } .markdown-alert-warning { - border-left: solid 3px var(--yellow); - padding-left: 20px; - margin-left: 10px; - - ::before{ + --blockquote-color: var(--yellow); + &::before{ content: "Warning"; - display: block; - font-weight: bold; - color: var(--yellow); - } + } } .markdown-alert-caution { - border-left: solid 3px var(--red); - padding-left: 20px; - margin-left: 10px; - - ::before{ + --blockquote-color: var(--red); + &::before{ content: "Caution"; - display: block; - font-weight: bold; - color: var(--red); - } + } } \ No newline at end of file