mirror of
https://github.com/ParkerTenBroeck/ParkerTenBroeck.github.io.git
synced 2026-06-06 21:14:06 -04:00
updated style
This commit is contained in:
ParkerTenBroeck
parent
d5fa5f0608
commit
5df85e391a
4 changed files with 171 additions and 70 deletions
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -26,20 +26,6 @@ A more complex example would be something like `invokevirtual <methodref_index>`
|
|||
|
||||
[^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
|
||||
|
|
|
|||
143
content/random/markdown.md
Normal file
143
content/random/markdown.md
Normal file
|
|
@ -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).
|
||||
|
||||
|
||||
|
||||
***
|
||||
|
||||
- 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
|
||||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue