diff --git a/md/404.html b/md/404.html index 8e9563e..5f326cc 100644 --- a/md/404.html +++ b/md/404.html @@ -60,7 +60,7 @@ - + diff --git a/md/categories/index.html b/md/categories/index.html index 1c955c6..5370381 100644 --- a/md/categories/index.html +++ b/md/categories/index.html @@ -60,7 +60,7 @@ - + diff --git a/md/favicon.png b/md/favicon.png index 0ac2c27..f0cae26 100644 Binary files a/md/favicon.png and b/md/favicon.png differ diff --git a/md/index.html b/md/index.html index 45b39d1..17a2ea2 100644 --- a/md/index.html +++ b/md/index.html @@ -61,7 +61,7 @@ - + @@ -190,6 +190,31 @@ +
+

+ You Need to Build things +

+ +
+ + + + + + +
+ +

+ +
+ + +
+ Read more +
+ +
+

How I sync my obsidian vault for free @@ -437,43 +462,16 @@

Initial Setup

-
-

- blogtitle -

- -
- - - - - #first  - - - - - - - -
- -

I’m going to be using this basically just for creating shareable links for notes I want to publish for the internet

-

I love using obsidian, I have different parts of it going to a few different git repos.

- -
- - -
- Read more -
- -
- diff --git a/md/index.xml b/md/index.xml index 8096748..2962573 100644 --- a/md/index.xml +++ b/md/index.xml @@ -7,6 +7,17 @@ Hugo -- gohugo.io en Mon, 02 Dec 2024 00:00:00 +0000 + + You Need to Build things + /posts/you-need-to-build-things/ + Mon, 02 Dec 2024 00:00:00 +0000 + + /posts/you-need-to-build-things/ + <p><img src="./images/Pasted%20image%2020241130213222.png"></p> + <p><img src="./images/Pasted%20image%2020241130213222.png"></p> + + + How I sync my obsidian vault for free /posts/how-i-sync-my-obsidian-vault-for-free/ diff --git a/md/og-image.png b/md/og-image.png index ba20a41..2726d35 100644 Binary files a/md/og-image.png and b/md/og-image.png differ diff --git a/md/page/2/index.html b/md/page/2/index.html new file mode 100644 index 0000000..197a1d9 --- /dev/null +++ b/md/page/2/index.html @@ -0,0 +1,269 @@ + + + + + + Terminal + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ + + + + + +
+ + + + +
+ + +
+ + +
+ + + + + + + + + + +
+

+ blogtitle +

+ +
+ + + + + #first  + + + + + + + +
+ +

I’m going to be using this basically just for creating shareable links for notes I want to publish for the internet

+

I love using obsidian, I have different parts of it going to a few different git repos.

+ +
+ + +
+ Read more +
+ +
+ + + + +
+ +
+ + + + + + + + + + + + + + + + +
+ + + diff --git a/md/posts/changing-styles/index.html b/md/posts/changing-styles/index.html index dc786ac..d4b2f79 100644 --- a/md/posts/changing-styles/index.html +++ b/md/posts/changing-styles/index.html @@ -63,7 +63,7 @@ - + diff --git a/md/posts/hello-world/index.html b/md/posts/hello-world/index.html index 9638af6..ee7652a 100644 --- a/md/posts/hello-world/index.html +++ b/md/posts/hello-world/index.html @@ -62,7 +62,7 @@ - + diff --git a/md/posts/how-i-sync-my-obsidian-vault-for-free/index.html b/md/posts/how-i-sync-my-obsidian-vault-for-free/index.html index 2dbd518..2e3e007 100644 --- a/md/posts/how-i-sync-my-obsidian-vault-for-free/index.html +++ b/md/posts/how-i-sync-my-obsidian-vault-for-free/index.html @@ -62,7 +62,7 @@ - + @@ -224,6 +224,12 @@

Mobile#
+ + + + ::
+ -
-

- blogtitle -

-
- - - - - #first  - - - - - - - -
- -

I’m going to be using this basically just for creating shareable links for notes I want to publish for the internet

-

I love using obsidian, I have different parts of it going to a few different git repos.

- -
- - -
- Read more -
- -
- diff --git a/md/posts/index.xml b/md/posts/index.xml index 24006bd..becc3e2 100644 --- a/md/posts/index.xml +++ b/md/posts/index.xml @@ -7,6 +7,17 @@ Hugo -- gohugo.io en Mon, 02 Dec 2024 00:00:00 +0000 + + You Need to Build things + /posts/you-need-to-build-things/ + Mon, 02 Dec 2024 00:00:00 +0000 + + /posts/you-need-to-build-things/ + <p><img src="../images/Pasted%20image%2020241130213222.png"></p> + <p><img src="../images/Pasted%20image%2020241130213222.png"></p> + + + How I sync my obsidian vault for free /posts/how-i-sync-my-obsidian-vault-for-free/ diff --git a/md/posts/page/2/index.html b/md/posts/page/2/index.html new file mode 100644 index 0000000..a79889b --- /dev/null +++ b/md/posts/page/2/index.html @@ -0,0 +1,258 @@ + + + + + Posts :: Terminal + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ + + + + + +
+ + + + +
+ + +
+ + +
+ +
+

+ blogtitle +

+
+ + + + + #first  + + + + + + + +
+ +

I’m going to be using this basically just for creating shareable links for notes I want to publish for the internet

+

I love using obsidian, I have different parts of it going to a few different git repos.

+ +
+ + +
+ Read more +
+ +
+ + + + +
+ +
+ + + + + + + + + + + + + + + + +
+ + + diff --git a/md/posts/second-post/index.html b/md/posts/second-post/index.html index 92d46d5..0c9e540 100644 --- a/md/posts/second-post/index.html +++ b/md/posts/second-post/index.html @@ -61,7 +61,7 @@ - + diff --git a/md/posts/text-based-game-with-php/index.html b/md/posts/text-based-game-with-php/index.html index e7497e2..df9d603 100644 --- a/md/posts/text-based-game-with-php/index.html +++ b/md/posts/text-based-game-with-php/index.html @@ -62,7 +62,7 @@ - + diff --git a/md/posts/you-need-to-build-things/index.html b/md/posts/you-need-to-build-things/index.html index de61bdd..30d6270 100644 --- a/md/posts/you-need-to-build-things/index.html +++ b/md/posts/you-need-to-build-things/index.html @@ -61,7 +61,7 @@ - + @@ -93,7 +93,7 @@ - + @@ -183,7 +183,7 @@

You Need to Build things

-
+
@@ -207,8 +207,8 @@

-

diff --git a/md/sitemap.xml b/md/sitemap.xml index 57dd4fa..aa36095 100644 --- a/md/sitemap.xml +++ b/md/sitemap.xml @@ -7,6 +7,9 @@ / 2024-12-02T00:00:00+00:00 + + /posts/you-need-to-build-things/ + 2024-12-02T00:00:00+00:00 /posts/how-i-sync-my-obsidian-vault-for-free/ 2024-12-01T00:00:00+00:00 diff --git a/md/static/favicon.png b/md/static/favicon.png new file mode 100644 index 0000000..f0cae26 Binary files /dev/null and b/md/static/favicon.png differ diff --git a/md/static/og-image.png b/md/static/og-image.png new file mode 100644 index 0000000..2726d35 Binary files /dev/null and b/md/static/og-image.png differ diff --git a/md/static/terminal.css b/md/static/terminal.css new file mode 100644 index 0000000..b3e2a32 --- /dev/null +++ b/md/static/terminal.css @@ -0,0 +1,372 @@ +:root { + --background: #000000; + --foreground: #ffffff; + --accent: #2d2d53; + --radius: 4; + --font-size: 1rem; + --line-height: 1.54em; +} + +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + box-sizing: inherit; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + font-family: + "Fira Code", + Monaco, + Consolas, + "Ubuntu Mono", + monospace; + font-size: var(--font-size); + font-weight: 400; + line-height: var(--line-height); + letter-spacing: -0.01em; + background-color: var(--background); + color: var(--foreground); + text-rendering: optimizeLegibility; + /* -webkit-font-smoothing: antialiased; */ + font-feature-settings: "liga", "tnum", "ss01", "locl"; + font-variant-ligatures: contextual; + -webkit-overflow-scrolling: touch; + -webkit-text-size-adjust: 100%; +} + +::placeholder { + color: color-mix(in srgb var(--foreground) 50%, black); +} + +h1 { + text-decoration: underline; + text-decoration-thickness: 2px; + text-underline-offset: calc(var(--font-size) * 0.2); +} + +h1, h2 { + text-transform: uppercase; +} + +h1, h2, h3, h4, h5, h6 { + font-size: calc(var(--font-size) * 1.1); + letter-spacing: 0.04em; +} + +h1, h2, h3, h4, h5, h6, +p, ul, ol, +img, figure, video, +table { + margin: calc(var(--line-height) * 1.2) 0; +} + +a { + color: var(--accent); +} + +button { + position: relative; + font: inherit; + font-weight: bold; + text-decoration: none; + text-align: center; + background: transparent; + color: var(--accent); + padding: 5px 18px; + border: 4px solid var(--accent); + border-radius: var(--radius); + transition: background 0.15s linear; + appearance: none; + cursor: pointer; + outline: none; +} + +button:hover { + background: color-mix(in srgb, var(--accent) 15%, transparent); +} + +button:focus-visible, +a:focus-visible { + outline: 1px solid var(--accent); + outline-offset: 2px; +} + +fieldset { + display: inline-block; + border: 2px solid var(--foreground); + border-radius: calc(var(--radius) * 1.6); + padding: 10px; +} + +fieldset *:first-child { + margin-top: 0; +} + +fieldset input, +fieldset select, +fieldset textarea, +fieldset label, +fieldset button { + margin-top: calc(var(--line-height) * 0.5); + width: 100%; +} + +label { + display: inline-block; +} + +label input { + margin-top: 0; +} + +input, +textarea, +select { + background: transparent; + color: var(--foreground); + border: 1px solid var(--foreground); + border-radius: var(--radius); + padding: 10px; + font: inherit; + appearance: none; +} + +input[type="checkbox"] { + width: auto; +} + +input:focus-visible, +input:active, +textarea:focus-visible, +textarea:active, +select:focus-visible, +select:active { + border-color: var(--accent); + outline: 1px solid var(--accent); + outline-offset: 2px; +} + +input:active, +textarea:active, +select:active { + box-shadow: none; +} + +select { + background-image: linear-gradient( + 45deg, + transparent 50%, + var(--foreground) 50% + ), + linear-gradient(135deg, var(--foreground) 50%, transparent 50%); + background-position: calc(100% - 20px), calc(100% - 15px); + background-size: + 5px 5px, + 5px 5px; + background-repeat: no-repeat; + padding-right: 40px; +} + +select option { + background: var(--background); +} + +input[type="checkbox"] { + vertical-align: middle; + padding: 10px; + box-shadow: inset 0 0 0 3px var(--background); +} + +input[type="checkbox"]:checked { + background: var(--accent); +} + +img { + display: block; + max-width: 100%; + border: 8px solid var(--accent); + border-radius: var(--radius); + padding: 8px; + overflow: hidden; +} + +figure img, +figure video { + margin-bottom: 0; +} + +figure figcaption { + background: var(--accent); + color: var(--background); + text-align: center; + font-size: 1em; + font-weight: normal; + margin-top: -8px; + border-radius: 0 0 var(--radius) var(--radius); +} + +ul, +ol { + margin-left: 4ch; + padding: 0; +} + +ul ul, +ul ol, +ol ul, +ol ol { + margin-top: 0; +} + +li::marker { + color: var(--accent); +} + +ul li, +ol li { + position: relative; +} + +code, +kbd { + font-family: + "Fira Code", + Monaco, + Consolas, + Ubuntu Mono, + monospace !important; + font-feature-settings: normal; + background: color-mix(in srgb, var(--foreground) 5%, transparent); + color: color-mix(in srgb, var(--foreground) 5%, var(--accent)); + padding: 0 6px; + margin: 0 2px; + font-size: 0.95em; +} + +code { + border: 1px solid color-mix(in srgb, var(--foreground) 25%, transparent); +} + +kbd { + border-top: 1px solid color-mix(in srgb, var(--accent) 25%, transparent); + border-left: 1px solid var(--accent); + border-right: 1px solid var(--accent); + border-bottom: 4px solid var(--accent); + border-radius: 4px; +} + +code code { + background: transparent; + padding: 0; + margin: 0; +} + +pre { + tab-size: 4; + background: color-mix(in srgb, var(--foreground) 5%, transparent) !important; + color: color-mix(in srgb, var(--foreground) 5%, var(--accent)); + padding: 20px 10px; + font-size: 0.95em !important; + overflow: auto; + border-radius: var(--radius); + border: 1px solid color-mix(in srgb, var(--foreground) 25%, transparent); +} + +pre code { + background: none !important; + margin: 0; + padding: 0; + font-size: inherit; + border: none; +} + +sup { + line-height: 0; +} + +abbr { + position: relative; + text-decoration-style: wavy; + text-decoration-color: var(--accent); + cursor: help; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.25em; +} + +mark { + background: color-mix(in srgb, var(--accent) 45%, transparent); + color: var(--foreground); +} + +blockquote { + position: relative; + border-top: 1px solid var(--accent); + border-bottom: 1px solid var(--accent); + margin: 0; + padding: 25px; +} + +blockquote:before { + content: ">"; + display: block; + position: absolute; + left: 0; + color: var(--accent); +} + +blockquote p:first-child { + margin-top: 0; +} + +blockquote p:last-child { + margin-bottom: 0; +} + +table { + table-layout: auto; + border-collapse: collapse; +} + +table, +th, +td { + border: 2px solid var(--foreground); + padding: 10px; +} + +th { + border-style: solid; + color: var(--foreground); + text-align: left; + text-transform: uppercase; + letter-spacing: 0.04em; +} + +hr { + width: 100%; + border: none; + background: var(--accent); + height: 2px; +} + +/* Bold elements */ +h1, h2, h3, h4, h5, h6, +b, strong, +th, +button { + font-weight: 600; +} diff --git a/md/tags/coding/index.html b/md/tags/coding/index.html index 611deb5..c7aeb1e 100644 --- a/md/tags/coding/index.html +++ b/md/tags/coding/index.html @@ -60,7 +60,7 @@ - + diff --git a/md/tags/first/index.html b/md/tags/first/index.html index f77215f..4ad3208 100644 --- a/md/tags/first/index.html +++ b/md/tags/first/index.html @@ -60,7 +60,7 @@ - + diff --git a/md/tags/index.html b/md/tags/index.html index 5645d00..960489c 100644 --- a/md/tags/index.html +++ b/md/tags/index.html @@ -60,7 +60,7 @@ - + diff --git a/md/tags/obsidian/index.html b/md/tags/obsidian/index.html index 9be15a9..828d926 100644 --- a/md/tags/obsidian/index.html +++ b/md/tags/obsidian/index.html @@ -60,7 +60,7 @@ - + diff --git a/md/tags/teaching/index.html b/md/tags/teaching/index.html index 0186c4a..08f342d 100644 --- a/md/tags/teaching/index.html +++ b/md/tags/teaching/index.html @@ -60,7 +60,7 @@ - + diff --git a/md/tags/tutorial/index.html b/md/tags/tutorial/index.html index dc6203b..9f64c93 100644 --- a/md/tags/tutorial/index.html +++ b/md/tags/tutorial/index.html @@ -60,7 +60,7 @@ - + diff --git a/md/terminal.css b/md/terminal.css new file mode 100644 index 0000000..b3e2a32 --- /dev/null +++ b/md/terminal.css @@ -0,0 +1,372 @@ +:root { + --background: #000000; + --foreground: #ffffff; + --accent: #2d2d53; + --radius: 4; + --font-size: 1rem; + --line-height: 1.54em; +} + +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + box-sizing: inherit; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + font-family: + "Fira Code", + Monaco, + Consolas, + "Ubuntu Mono", + monospace; + font-size: var(--font-size); + font-weight: 400; + line-height: var(--line-height); + letter-spacing: -0.01em; + background-color: var(--background); + color: var(--foreground); + text-rendering: optimizeLegibility; + /* -webkit-font-smoothing: antialiased; */ + font-feature-settings: "liga", "tnum", "ss01", "locl"; + font-variant-ligatures: contextual; + -webkit-overflow-scrolling: touch; + -webkit-text-size-adjust: 100%; +} + +::placeholder { + color: color-mix(in srgb var(--foreground) 50%, black); +} + +h1 { + text-decoration: underline; + text-decoration-thickness: 2px; + text-underline-offset: calc(var(--font-size) * 0.2); +} + +h1, h2 { + text-transform: uppercase; +} + +h1, h2, h3, h4, h5, h6 { + font-size: calc(var(--font-size) * 1.1); + letter-spacing: 0.04em; +} + +h1, h2, h3, h4, h5, h6, +p, ul, ol, +img, figure, video, +table { + margin: calc(var(--line-height) * 1.2) 0; +} + +a { + color: var(--accent); +} + +button { + position: relative; + font: inherit; + font-weight: bold; + text-decoration: none; + text-align: center; + background: transparent; + color: var(--accent); + padding: 5px 18px; + border: 4px solid var(--accent); + border-radius: var(--radius); + transition: background 0.15s linear; + appearance: none; + cursor: pointer; + outline: none; +} + +button:hover { + background: color-mix(in srgb, var(--accent) 15%, transparent); +} + +button:focus-visible, +a:focus-visible { + outline: 1px solid var(--accent); + outline-offset: 2px; +} + +fieldset { + display: inline-block; + border: 2px solid var(--foreground); + border-radius: calc(var(--radius) * 1.6); + padding: 10px; +} + +fieldset *:first-child { + margin-top: 0; +} + +fieldset input, +fieldset select, +fieldset textarea, +fieldset label, +fieldset button { + margin-top: calc(var(--line-height) * 0.5); + width: 100%; +} + +label { + display: inline-block; +} + +label input { + margin-top: 0; +} + +input, +textarea, +select { + background: transparent; + color: var(--foreground); + border: 1px solid var(--foreground); + border-radius: var(--radius); + padding: 10px; + font: inherit; + appearance: none; +} + +input[type="checkbox"] { + width: auto; +} + +input:focus-visible, +input:active, +textarea:focus-visible, +textarea:active, +select:focus-visible, +select:active { + border-color: var(--accent); + outline: 1px solid var(--accent); + outline-offset: 2px; +} + +input:active, +textarea:active, +select:active { + box-shadow: none; +} + +select { + background-image: linear-gradient( + 45deg, + transparent 50%, + var(--foreground) 50% + ), + linear-gradient(135deg, var(--foreground) 50%, transparent 50%); + background-position: calc(100% - 20px), calc(100% - 15px); + background-size: + 5px 5px, + 5px 5px; + background-repeat: no-repeat; + padding-right: 40px; +} + +select option { + background: var(--background); +} + +input[type="checkbox"] { + vertical-align: middle; + padding: 10px; + box-shadow: inset 0 0 0 3px var(--background); +} + +input[type="checkbox"]:checked { + background: var(--accent); +} + +img { + display: block; + max-width: 100%; + border: 8px solid var(--accent); + border-radius: var(--radius); + padding: 8px; + overflow: hidden; +} + +figure img, +figure video { + margin-bottom: 0; +} + +figure figcaption { + background: var(--accent); + color: var(--background); + text-align: center; + font-size: 1em; + font-weight: normal; + margin-top: -8px; + border-radius: 0 0 var(--radius) var(--radius); +} + +ul, +ol { + margin-left: 4ch; + padding: 0; +} + +ul ul, +ul ol, +ol ul, +ol ol { + margin-top: 0; +} + +li::marker { + color: var(--accent); +} + +ul li, +ol li { + position: relative; +} + +code, +kbd { + font-family: + "Fira Code", + Monaco, + Consolas, + Ubuntu Mono, + monospace !important; + font-feature-settings: normal; + background: color-mix(in srgb, var(--foreground) 5%, transparent); + color: color-mix(in srgb, var(--foreground) 5%, var(--accent)); + padding: 0 6px; + margin: 0 2px; + font-size: 0.95em; +} + +code { + border: 1px solid color-mix(in srgb, var(--foreground) 25%, transparent); +} + +kbd { + border-top: 1px solid color-mix(in srgb, var(--accent) 25%, transparent); + border-left: 1px solid var(--accent); + border-right: 1px solid var(--accent); + border-bottom: 4px solid var(--accent); + border-radius: 4px; +} + +code code { + background: transparent; + padding: 0; + margin: 0; +} + +pre { + tab-size: 4; + background: color-mix(in srgb, var(--foreground) 5%, transparent) !important; + color: color-mix(in srgb, var(--foreground) 5%, var(--accent)); + padding: 20px 10px; + font-size: 0.95em !important; + overflow: auto; + border-radius: var(--radius); + border: 1px solid color-mix(in srgb, var(--foreground) 25%, transparent); +} + +pre code { + background: none !important; + margin: 0; + padding: 0; + font-size: inherit; + border: none; +} + +sup { + line-height: 0; +} + +abbr { + position: relative; + text-decoration-style: wavy; + text-decoration-color: var(--accent); + cursor: help; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.25em; +} + +mark { + background: color-mix(in srgb, var(--accent) 45%, transparent); + color: var(--foreground); +} + +blockquote { + position: relative; + border-top: 1px solid var(--accent); + border-bottom: 1px solid var(--accent); + margin: 0; + padding: 25px; +} + +blockquote:before { + content: ">"; + display: block; + position: absolute; + left: 0; + color: var(--accent); +} + +blockquote p:first-child { + margin-top: 0; +} + +blockquote p:last-child { + margin-bottom: 0; +} + +table { + table-layout: auto; + border-collapse: collapse; +} + +table, +th, +td { + border: 2px solid var(--foreground); + padding: 10px; +} + +th { + border-style: solid; + color: var(--foreground); + text-align: left; + text-transform: uppercase; + letter-spacing: 0.04em; +} + +hr { + width: 100%; + border: none; + background: var(--accent); + height: 2px; +} + +/* Bold elements */ +h1, h2, h3, h4, h5, h6, +b, strong, +th, +button { + font-weight: 600; +}