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

Pull-Request [ariasae-vault-backup-4-22-2024] from Obsidian (#65)

Browse Source
This commit is contained in:
Miguel Pimentel 2024-04-22 09:53:48 -05:00 committed by GitHub
parent 329425720c
commit ac3ad47b23
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
56 changed files with 711 additions and 356 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
content/2023-06-26-unlock-firefox-sidebar.md Normal file
View File

@ -0,0 +1,50 @@
---
title: Unlock the Sidebar Width in Firefox
description: How-to guide about unlocking the max-width of Firefox's sidebar. Doing so net's you a better experience when using extensions within the sidebar.
date: 2023-06-26
compartir: true
category: Turtorials
tags:
- firefox
- tutorial
---
This post will guide you through unlocking the sidebar width in Firefox. It will let you resize it beyond what is possible by default. We will be setting both the maximum, and the minimum width. You will have a chance to customize these values once at the right step.
## Why Would Anyone Want to Do This?
- To enhance the use of the Firefox [Side View](https://addons.mozilla.org/en-US/firefox/addon/side-view/) extension.
- To compliment the use of one of my Firefox sidebar [extensions](https://addons.mozilla.org/en-US/firefox/user/17772574/).
## Step-by-Step Instructions
1. In a new tab, navigate to _about:support_.
2. Under _Application Basics_, find _Profile Folder_.
3. Locate and click the _Open Folder_ button next to it. It will be next to an address similar to:[^1]
```sh
%appdata%\Mozilla\Firefox\Profiles\{profile-id}.default
```
1. Inside your _Firefox Profile Folder_, create a new folder named `chrome`.
2. Inside the newly created `chrome` folder, create a new file named `userChrome.css`.
3. Copy the following code,[^2] paste as content and save:
```css
#sidebar-box {
max-width: 40% !important;
min-width: 300px !important;
}
```
1. You may change the units to any length you find more convenient.
2. Finally, in a new tab, navigate to _about:config_, and search for:
```sh
toolkit.legacyUserProfileCustomizations.stylesheets
```
1. Change its value to `true`.
2. Restart Firefox and test it out!
[^1]: In windows, `%appdata%` is equivalent to `C:\Users\{username}\AppData\Roaming`.
[^2]: After Firefox 107, `#sidebar` was deprecated, and `#sidebar-box` was introduced as a replacement.

4
content/Aurora Borealis Sighting.md → content/2023-07-12-aurora-borealis-sighting.md
View File

@ -4,7 +4,6 @@ description: Wednesday, July 12th, 2023, was supposed to feature high solar acti
date: 2023-07-12
compartir: true
---
Wednesday, July 12th, 2023, was supposed to feature high solar activity, allowing for an incredibly large area of the northern United States to witness the Auroras as long as the light pollution was low.
Unfortunately, this forecast did not come to pass. The solar activity remained within normal levels, meaning only Alaska and a few other places were able to see them. Thus cancelling these plans. But I liked the idea of presenting things like this in an Archive format.
@ -63,7 +62,8 @@ Below are maps showing the most southern extent of where aurora might be observa
### July 12th, 2023
![NOAA Space Weather Prediction Center - G-Kp](https://www.swpc.noaa.gov/sites/default/files/images/u2/Aurora_Kp_MapNorthAm.png) G is NOAA Geomagnetic Storm Index (0–5)
![NOAA Space Weather Prediction Center - G-Kp](https://www.swpc.noaa.gov/sites/default/files/images/u2/Aurora_Kp_MapNorthAm.png)
G is NOAA Geomagnetic Storm Index (0–5)
Kp is Planetary K Index (0–9)
### September 18th, 2023

39
content/SSD NVMe Comparison.md → content/2023-07-28-ssd-nvme-comparison.md
View File

@ -1,11 +1,9 @@
---
title: SSD / NVMe Comparison
description: This page was originally published on July 28, 2023 to aid in selecting SSD, NVMe drives to take advantage of an current Micro Center sale.
date: 2023-07-28
compartir: true
---
# SSD NVMe Comparison
This page was originally published on July 28, 2023. Its main goal was to aid in selecting SSD, and NVMe drives during a Micro Center sale.
## Storage Technologies
@ -48,7 +46,8 @@ Let's break it down:
### Price
Based on price per $1. Selected $0.10 as the baseline after averaging some calculations.
Based on price per $1.
Selected $0.10 as the baseline after averaging some calculations.
- 1 point for every $0.01 / GB below $0.10
@ -97,39 +96,39 @@ Based on price per $1. Selected $0.10 as the baseline after averaging some calcu
### NVMe
| Description | $ / GB | Coef | Score |
| Description | $ / GB | Coef | Score |
| ------------------------ | :----: | :--: | :---: |
| 970 500 GB $35 MLC | 0.070 | 1.25 | 629 |
| 970 500 GB $35 MLC | 0.070 | 1.25 | 629 |
| 970 2 TB $100 MLC | 0.050 | 1.25 | 2506 |
| 970 1 TB $100 MLC | 0.103 | 1.25 | 1250 |
| 970 1 TB $100 MLC | 0.103 | 1.25 | 1250 |
| 980 1 TB $50 V | 0.050 | 1 | 1005 |
| 980P 2 TB $120 MLC | 0.060 | 1.25 | 2505 |
| 980P 2 TB $120 MLC | 0.060 | 1.25 | 2505 |
| 980P 1 TB $70 V | 0.070 | 1 | 1003 |
| 990P 1 TB $80 MLC | 0.080 | 1.25 | 1253 |
| 990P 1 TB $80 MLC | 0.080 | 1.25 | 1253 |
| Crucial 1 TB $40 3D | 0.040 | 0.5 | 503 |
| Inland 500 GB $23 QLC | 0.046 | 0.75 | 379 |
| Inland 500 GB $23 QLC | 0.046 | 0.75 | 379 |
| Inland 1 TB $40 QLC | 0.040 | 0.75 | 755 |
| Inland 2 TB $70 QLC | 0.035 | 0.75 | 1505 |
| Inland 2 TB $70 QLC | 0.035 | 0.75 | 1505 |
| Performance 1 TB $55 TLC | 0.055 | 1 | 1005 |
| Prime 500 GB $30 TLC | 0.060 | 1 | 504 |
| Prime 1 TB $50 TLC | 0.050 | 1 | 1005 |
| Prime 500 GB $30 TLC | 0.060 | 1 | 504 |
| Prime 1 TB $50 TLC | 0.050 | 1 | 1005 |
\*_Higher is better._
### SSD
| Description | $ / GB | Coef | Score |
| Description | $ / GB | Coef | Score |
| ------------------------- | :----: | :--: | :---: |
| Inland 1TB $50 TLC | 0.050 | 1 | 1005 |
| Inland 1TB $50 TLC | 0.050 | 1 | 1005 |
| Inland 512GB $25 TLC | 0.049 | 1 | 517 |
| Platinum 2TB $80 TLC | 0.040 | 1 | 2006 |
| Platinum 2TB $80 TLC | 0.040 | 1 | 2006 |
| Platinum 1TB $43 TLC | 0.043 | 1 | 1006 |
| Professional 256GB $20 3D | 0.078 | 0.5 | 129 |
| Professional 256GB $20 3D | 0.078 | 0.5 | 129 |
| Professional 125GB $15 3D | 0.120 | 0.5 | 63 |
| 870 EVO 1TB $50 MLC | 0.050 | 1.25 | 1256 |
| 870 EVO 1TB $50 MLC | 0.050 | 1.25 | 1256 |
| 870 EVO 4TB $220 MLC | 0.055 | 1.25 | 5006 |
| 870 EVO 500GB $40 MLC | 0.020 | 1.25 | 635 |
| 870 QVO 1TB $70 QLC | 0.070 | 0.75 | 753 |
| 870 EVO 500GB $40 MLC | 0.020 | 1.25 | 635 |
| 870 QVO 1TB $70 QLC | 0.070 | 0.75 | 753 |
\*_Higher is better._

1
content/About.md
View File

@ -2,7 +2,6 @@
title: About me
compartir: true
---
Hello, my name is Miguel Pimentel. I am a self-taught hobby developer with too many ideas and not enough time. I was born in the Dominican Republic, and I currently live in Minnesota, US.
I suffer from a chronic case of curiosity, which leads me to learn and do many interesting things like:

3
content/Arpeggio.md
View File

@ -4,7 +4,6 @@ compartir: true
tags:
- music
---
An arpeggio is a type of [[./Chords|broken chord]] in which the notes that compose a chord are individually sounded in a progressive rising or descending order. Arpeggios on keyboard instruments may be called rolled chords.
An arpeggio is a type of [[Chords|broken chord]] in which the notes that compose a chord are individually sounded in a progressive rising or descending order. Arpeggios on keyboard instruments may be called rolled chords.
Arpeggios indicate a chord in which the notes are sounded individually. The word "arpeggio" comes from the Italian word "arpeggiare," which means to play on a harp.

1
content/Atomic Notes.md
View File

@ -4,7 +4,6 @@ compartir: true
tags:
- digital-gardening
---
Atomic notes are single, self-contained notes that capture a single idea or piece of information. They are meant to be read and understood without needing to refer to anything more.
They can be connected to another atomic note or idea in some way. By breaking down complex ideas into smaller, atomic notes, one can make their notes more organized and easier to review later.

328
content/Bookmarklets.md
View File

@ -2,7 +2,6 @@
title: Bookmarklet Collection
compartir: true
---
You may drag the links underneath each heading to your bookmarks bar. This will create a new bookmark with the correct name and URL.
Alternatively, you may copy the code for a bookmarklet and create your own. If you find it easier, you may use this [Bookmarklet Maker](https://caiorss.github.io/bookmarklet-maker/).
@ -11,21 +10,21 @@ Alternatively, you may copy the code for a bookmarklet and create your own. If y
### Calculator
<a href="javascript:(function()%7Bjavascript%3Avar%20evl%2Cem%2Cexpr%3Dprompt('Formula…%20(eg%3A%202*3%20%2B%207%2F8)'%2C'')%3Bwith(Math)try%7Bevl%3D%20%20parseFloat(eval(expr))%3Bif(isNaN(evl))%20%7Bthrow%20Error('Not%20a%20number!')%3B%7Dvoid(prompt%20('Result%3A'%20%20%2Cevl))%3B%7Dcatch(em)%7Balert(em)%3B%7D%7D)()%3B">Calculator</a>
<a href="javascript:(function()%7Bjavascript%3Avar%20evl%2Cem%2Cexpr%3Dprompt('Formula…%20(eg%3A%202*3%20%2B%207%2F8)'%2C'')%3Bwith(Math)try%7Bevl%3D%20%20parseFloat(eval(expr))%3Bif(isNaN(evl))%20%7Bthrow%20Error('Not%20a%20number!')%3B%7Dvoid(prompt%20('Result%3A'%20%20%2Cevl))%3B%7Dcatch(em)%7Balert(em)%3B%7D%7D)()%3B">"Please, drag me to the bookmark's bar."</a>
```js
javascript: var evl,
em,
expr = prompt("Formula... (eg: 2*3 + 7/8)", "")
expr = prompt("Formula... (eg: 2*3 + 7/8)", "");
with (Math)
try {
evl = parseFloat(eval(expr))
evl = parseFloat(eval(expr));
if (isNaN(evl)) {
throw Error("Not a number!")
throw Error("Not a number!");
}
void prompt("Result:", evl)
void prompt("Result:", evl);
} catch (em) {
alert(em)
alert(em);
}
```
@ -37,26 +36,26 @@ with (Math)
javascript: (function () {
var count = 0,
text,
dv
text = prompt("Search phrase:", "")
if (text == null || text.length == 0) return
hlColor = prompt("Color:", "yellow")
dv = document.defaultView
dv;
text = prompt("Search phrase:", "");
if (text == null || text.length == 0) return;
hlColor = prompt("Color:", "yellow");
dv = document.defaultView;
function searchWithinNode(node, te, len) {
var pos, skip, spannode, middlebit, endbit, middleclone
skip = 0
var pos, skip, spannode, middlebit, endbit, middleclone;
skip = 0;
if (node.nodeType == 3) {
pos = node.data.toUpperCase().indexOf(te)
pos = node.data.toUpperCase().indexOf(te);
if (pos >= 0) {
spannode = document.createElement("SPAN")
spannode.style.backgroundColor = hlColor
middlebit = node.splitText(pos)
endbit = middlebit.splitText(len)
middleclone = middlebit.cloneNode(true)
spannode.appendChild(middleclone)
middlebit.parentNode.replaceChild(spannode, middlebit)
++count
skip = 1
spannode = document.createElement("SPAN");
spannode.style.backgroundColor = hlColor;
middlebit = node.splitText(pos);
endbit = middlebit.splitText(len);
middleclone = middlebit.cloneNode(true);
spannode.appendChild(middleclone);
middlebit.parentNode.replaceChild(spannode, middlebit);
++count;
skip = 1;
}
} else if (
node.nodeType == 1 &&
@ -65,13 +64,13 @@ javascript: (function () {
node.tagName.toUpperCase != "STYLE"
) {
for (var child = 0; child < node.childNodes.length; ++child) {
child = child + searchWithinNode(node.childNodes[child], te, len)
child = child + searchWithinNode(node.childNodes[child], te, len);
}
}
return skip
return skip;
}
window.status = "Searching for '" + text + "'..."
searchWithinNode(document.body, text.toUpperCase(), text.length)
window.status = "Searching for '" + text + "'...";
searchWithinNode(document.body, text.toUpperCase(), text.length);
window.status =
"Found " +
count +
@ -79,8 +78,8 @@ javascript: (function () {
(count == 1 ? "" : "s") +
" of %27" +
text +
"%27."
})()
"%27.";
})();
```
### First Commit of Repository
@ -93,15 +92,15 @@ javascript: ((b) =>
.then((c) => Promise.all([c.headers.get("link"), c.json()]))
.then((c) => {
if (c[0]) {
var d = c[0].split(",")[1].split(";")[0].slice(2, -1)
return fetch(d).then((e) => e.json())
var d = c[0].split(",")[1].split(";")[0].slice(2, -1);
return fetch(d).then((e) => e.json());
}
return c[1]
return c[1];
})
.then((c) => c.pop().html_url)
.then((c) => (window.location = c)))(
window.location.pathname.match(/\/([^\/]+\/[^\/]+)(?:\/tree\/([^\/]+))?/),
)
);
```
### Tab Title Editor
@ -109,7 +108,8 @@ javascript: ((b) =>
<a href="javascript:(function()%7Bjavascript%3Avoid(document.title%3Dprompt('Enter%20page%20title')%20%3F%3F%20document.title)%7D)()%3B">Tab Title Editor</a>
```js
javascript: void (document.title = prompt("Enter page title") ?? document.title)
javascript: void (document.title =
prompt("Enter page title") ?? document.title);
```
### Tab Title and Icon Editor
@ -141,9 +141,9 @@ javascript: (() => {
"//" +
window.location.hostname +
window.location.pathname,
)
window.open(url, "_blank")
})()
);
window.open(url, "_blank");
})();
```
### Post to Hacker News
@ -176,13 +176,13 @@ javascript:(function()%7B%2F%2F%20Water.css%20Bookmarklet%0A%2F%2F%20-----------
```js
javascript: (function () {
let domStyle = document.getElementById("domStylee")
let domStyle = document.getElementById("domStylee");
if (domStyle) {
document.body.removeChild(domStyle)
return
document.body.removeChild(domStyle);
return;
}
domStyle = document.createElement("style")
domStyle.setAttribute("id", "domStylee")
domStyle = document.createElement("style");
domStyle.setAttribute("id", "domStylee");
domStyle.append(
[
"* { color:#0f0!important;outline:solid #f00 1px!important; background-color: rgba(255,0,0,.2) !important; }",
@ -197,9 +197,9 @@ javascript: (function () {
[
"* * * * * * * * * { background-color: rgba(0,0,255,.2) !important; }",
].join(),
)
document.body.appendChild(domStyle)
})()
);
document.body.appendChild(domStyle);
})();
```
```js
@ -235,37 +235,37 @@ javascript:(function()%7Bvar%20body%20%3D%20document.getElementsByTagName('body'
<a href="javascript:(function()%7Bjavascript%3A%20s%20%3D%20document.getElementsByTagName('STYLE')%3B%20ex%20%3D%20document.getElementsByTagName('LINK')%3B%20d%20%3D%20window.open().document%3B%20%2F*set%20base%20href*%2F%20d.open()%3B%20d.close()%3B%20b%20%3D%20d.body%3B%20%20function%20trim(s)%20%7B%20return%20s.replace(%2F%5E%5Cs*%5Cn%2F%2C%20'').replace(%2F%5Cs*%24%2F%2C%20'')%3B%20%7D%3B%20%20function%20iff(a%2C%20b%2C%20c)%20%7B%20return%20b%20%3F%20a%20%2B%20b%20%2B%20c%20%3A%20''%3B%20%7D%20%20function%20add(h)%20%7B%20b.appendChild(h)%3B%20%7D%20%20function%20makeTag(t)%20%7B%20return%20d.createElement(t)%3B%20%7D%20%20function%20makeText(tag%2C%20text)%20%7B%20t%20%3D%20makeTag(tag)%3B%20t.appendChild(d.createTextNode(text))%3B%20return%20t%3B%20%7D%20add(makeText('style'%2C%20'iframe%7Bwidth%3A100%25%3Bheight%3A18em%3Bborder%3A1px%20solid%3B'))%3B%20add(makeText('h3'%2C%20d.title%20%3D%20'Style%20sheets%20in%20'%20%2B%20location.href))%3B%20for%20(i%20%3D%200%3B%20i%20%3C%20s.length%3B%20%2B%2Bi)%20%7B%20add(makeText('h4'%2C%20'Inline%20style%20sheet'%20%2B%20iff('%20title%3D%22'%2C%20s%5Bi%5D.title%2C%20'%22')))%3B%20add(makeText('pre'%2C%20trim(s%5Bi%5D.innerHTML)))%3B%20%7D%20for%20(i%20%3D%200%3B%20i%20%3C%20ex.length%3B%20%2B%2Bi)%20%7B%20rs%20%3D%20ex%5Bi%5D.rel.split('%20')%3B%20for%20(j%20%3D%200%3B%20j%20%3C%20rs.length%3B%20%2B%2Bj)%20if%20(rs%5Bj%5D.toLowerCase()%20%3D%3D%20'stylesheet')%20%7B%20add(makeText('h4'%2C%20'link%20rel%3D%22'%20%2B%20ex%5Bi%5D.rel%20%2B%20'%22%20href%3D%22'%20%2B%20ex%5Bi%5D.href%20%2B%20'%22'%20%2B%20iff('%20title%3D%22'%2C%20ex%5Bi%5D.title%2C%20'%22')))%3B%20iframe%20%3D%20makeTag('iframe')%3B%20iframe.src%20%3D%20ex%5Bi%5D.href%3B%20add(iframe)%3B%20break%3B%20%7D%20%7D%20void%200%7D)()%3B">Show Stylesheets</a>
```js
javascript: s = document.getElementsByTagName("STYLE")
ex = document.getElementsByTagName("LINK")
d = window.open().document
/*set base href*/ d.open()
d.close()
b = d.body
javascript: s = document.getElementsByTagName("STYLE");
ex = document.getElementsByTagName("LINK");
d = window.open().document;
/*set base href*/ d.open();
d.close();
b = d.body;
function trim(s) {
return s.replace(/^\s*\n/, "").replace(/\s*$/, "")
return s.replace(/^\s*\n/, "").replace(/\s*$/, "");
}
function iff(a, b, c) {
return b ? a + b + c : ""
return b ? a + b + c : "";
}
function add(h) {
b.appendChild(h)
b.appendChild(h);
}
function makeTag(t) {
return d.createElement(t)
return d.createElement(t);
}
function makeText(tag, text) {
t = makeTag(tag)
t.appendChild(d.createTextNode(text))
return t
t = makeTag(tag);
t.appendChild(d.createTextNode(text));
return t;
}
add(makeText("style", "iframe{width:100%;height:18em;border:1px solid;"))
add(makeText("h3", (d.title = "Style sheets in " + location.href)))
add(makeText("style", "iframe{width:100%;height:18em;border:1px solid;"));
add(makeText("h3", (d.title = "Style sheets in " + location.href)));
for (i = 0; i < s.length; ++i) {
add(makeText("h4", "Inline style sheet" + iff(' title="', s[i].title, '"')))
add(makeText("pre", trim(s[i].innerHTML)))
add(makeText("h4", "Inline style sheet" + iff(' title="', s[i].title, '"')));
add(makeText("pre", trim(s[i].innerHTML)));
}
for (i = 0; i < ex.length; ++i) {
rs = ex[i].rel.split(" ")
rs = ex[i].rel.split(" ");
for (j = 0; j < rs.length; ++j)
if (rs[j].toLowerCase() == "stylesheet") {
add(
@ -278,14 +278,14 @@ for (i = 0; i < ex.length; ++i) {
'"' +
iff(' title="', ex[i].title, '"'),
),
)
iframe = makeTag("iframe")
iframe.src = ex[i].href
add(iframe)
break
);
iframe = makeTag("iframe");
iframe.src = ex[i].href;
add(iframe);
break;
}
}
void 0
void 0;
```
### CSS Stats
@ -302,20 +302,20 @@ javascript:location.href='http://cssstats.com/stats?url=%27+window.location.href
```js
javascript: (function () {
var el = document.createElement("script")
el.type = "text/javascript"
var el = document.createElement("script");
el.type = "text/javascript";
el.src =
"https://micmro.github.io/performance-bookmarklet/dist/performanceBookmarklet.min.js"
"https://micmro.github.io/performance-bookmarklet/dist/performanceBookmarklet.min.js";
el.onerror = function () {
alert(
'Looks like the Content Security Policy directive is blocking the use of bookmarklets\n\nYou can copy and paste the content of:\n\n"https://micmro.github.io/performance-bookmarklet/dist/performanceBookmarklet.min.js"\n\ninto your console instead\n\n(link is in console already)',
)
);
console.log(
"https://micmro.github.io/performance-bookmarklet/dist/performanceBookmarklet.min.js",
)
}
document.getElementsByTagName("body")[0].appendChild(el)
})()
);
};
document.getElementsByTagName("body")[0].appendChild(el);
})();
```
### Font Finder
@ -325,29 +325,29 @@ javascript: (function () {
```js
javascript: (function () {
function getSelectedNode() {
if (window.getSelection().focusNode === null) return null
return window.getSelection().focusNode.parentNode
if (window.getSelection().focusNode === null) return null;
return window.getSelection().focusNode.parentNode;
}
function getNodeFontStack(node) {
return window.getComputedStyle(node).fontFamily
return window.getComputedStyle(node).fontFamily;
}
function getFirstAvailableFont(fonts) {
for (let font of fonts) {
let fontName = font.trim().replace(/"/g, "")
let isAvailable = document.fonts.check(`16px ${fontName}`)
if (!isAvailable) continue
return fontName
let fontName = font.trim().replace(/"/g, "");
let isAvailable = document.fonts.check(`16px ${fontName}`);
if (!isAvailable) continue;
return fontName;
}
}
let node = getSelectedNode()
let node = getSelectedNode();
if (!node) {
window.alert("Please select a string of text and try again.")
return
window.alert("Please select a string of text and try again.");
return;
}
let fonts = getNodeFontStack(node).split(",")
let firstAvailableFont = getFirstAvailableFont(fonts)
window.alert(`Font: ${firstAvailableFont}`)
})()
let fonts = getNodeFontStack(node).split(",");
let firstAvailableFont = getFirstAvailableFont(fonts);
window.alert(`Font: ${firstAvailableFont}`);
})();
```
### View Fonts
@ -356,15 +356,15 @@ javascript: (function () {
```js
javascript: void (function (d) {
var e = d.createElement("script")
e.setAttribute("type", "text/javascript")
e.setAttribute("charset", "UTF-8")
var e = d.createElement("script");
e.setAttribute("type", "text/javascript");
e.setAttribute("charset", "UTF-8");
e.setAttribute(
"src",
"//www.typesample.com/assets/typesample.js?r=" + Math.random() * 99999999,
)
d.body.appendChild(e)
})(document)
);
d.body.appendChild(e);
})(document);
```
### Indentify Fonts
@ -373,15 +373,15 @@ javascript: void (function (d) {
```js
javascript: void (function (d) {
var e = d.createElement("script")
e.setAttribute("type", "text/javascript")
e.setAttribute("charset", "UTF-8")
var e = d.createElement("script");
e.setAttribute("type", "text/javascript");
e.setAttribute("charset", "UTF-8");
e.setAttribute(
"src",
"//www.typesample.com/assets/typesample.js?r=" + Math.random() * 99999999,
)
d.body.appendChild(e)
})(document)
);
d.body.appendChild(e);
})(document);
```
### Stress Test
@ -398,19 +398,19 @@ javascript:(function()%7Bvar%20d=document,s=d.createElement('script'),doit=funct
```js
javascript: (function () {
document.designMode = "on"
const s = document.createElement("style")
s.innerHTML = `body::before{content:'%E2%9C%8F%EF%B8%8F Edit Mode (ESC to end)';z-index:64;padding:1em;background:white;color:black;display:block;margin:1em;font-size:30px;border:5px solid green;}`
document.body.appendChild(s)
window.scrollTo(0, 0)
document.designMode = "on";
const s = document.createElement("style");
s.innerHTML = `body::before{content:'%E2%9C%8F%EF%B8%8F Edit Mode (ESC to end)';z-index:64;padding:1em;background:white;color:black;display:block;margin:1em;font-size:30px;border:5px solid green;}`;
document.body.appendChild(s);
window.scrollTo(0, 0);
document.addEventListener("keyup", (e) => {
if (e.key === "Escape") {
document.designMode = "off"
s.remove()
document.removeEventListener("keyup", e)
document.designMode = "off";
s.remove();
document.removeEventListener("keyup", e);
}
})
})()
});
})();
```
### Edit Current Page
@ -418,9 +418,9 @@ javascript: (function () {
<a href="javascript:(function()%7Bjavascript%3A%20document.body.contentEditable%20%3D%20'true'%3B%20document.designMode%20%3D%20'on'%3B%20void%200%7D)()%3B">Edit Current Page</a>
```js
javascript: document.body.contentEditable = "true"
document.designMode = "on"
void 0
javascript: document.body.contentEditable = "true";
document.designMode = "on";
void 0;
```
### User Agent Stats
@ -429,8 +429,8 @@ void 0
```js
javascript: void (() => {
prompt("User agent:", navigator.userAgent)
})()
prompt("User agent:", navigator.userAgent);
})();
```
### WebDev Multi Tools
@ -447,20 +447,20 @@ javascript:(function () %7Bvar v %3D document.createElement(%27script%27)%3Bv.sr
```js
javascript: (function () {
var el = document.createElement("script")
el.type = "text/javascript"
var el = document.createElement("script");
el.type = "text/javascript";
el.src =
"https://micmro.github.io/performance-bookmarklet/dist/performanceBookmarklet.min.js"
"https://micmro.github.io/performance-bookmarklet/dist/performanceBookmarklet.min.js";
el.onerror = function () {
alert(
'Looks like the Content Security Policy directive is blocking the use of bookmarklets\n\nYou can copy and paste the content of:\n\n"https://micmro.github.io/performance-bookmarklet/dist/performanceBookmarklet.min.js"\n\ninto your console instead\n\n(link is in console already)',
)
);
console.log(
"https://micmro.github.io/performance-bookmarklet/dist/performanceBookmarklet.min.js",
)
}
document.getElementsByTagName("body")[0].appendChild(el)
})()
);
};
document.getElementsByTagName("body")[0].appendChild(el);
})();
```
### Website Dev Stack
@ -470,41 +470,41 @@ javascript: (function () {
```js
javascript: (function () {
var d = document,
e = d.getElementById("wappalyzer-container")
e = d.getElementById("wappalyzer-container");
if (e !== null) {
d.body.removeChild(e)
d.body.removeChild(e);
}
var u = "https://www.wappalyzer.com/",
t = new Date().getTime(),
c = d.createElement("div"),
p = d.createElement("div"),
l = d.createElement("link"),
s = d.createElement("script")
c.setAttribute("id", "wappalyzer-container")
l.setAttribute("rel", "stylesheet")
l.setAttribute("href", u + "css/bookmarklet.css")
d.head.appendChild(l)
p.setAttribute("id", "wappalyzer-pending")
s = d.createElement("script");
c.setAttribute("id", "wappalyzer-container");
l.setAttribute("rel", "stylesheet");
l.setAttribute("href", u + "css/bookmarklet.css");
d.head.appendChild(l);
p.setAttribute("id", "wappalyzer-pending");
p.setAttribute(
"style",
"background-image: url(" + u + "images/spinner.gif) !important",
)
c.appendChild(p)
s.setAttribute("src", u + "bookmarklet/wappalyzer.js")
);
c.appendChild(p);
s.setAttribute("src", u + "bookmarklet/wappalyzer.js");
s.onload = function () {
window.wappalyzer = new Wappalyzer()
s = d.createElement("script")
s.setAttribute("src", u + "bookmarklet/apps.js")
window.wappalyzer = new Wappalyzer();
s = d.createElement("script");
s.setAttribute("src", u + "bookmarklet/apps.js");
s.onload = function () {
s = d.createElement("script")
s.setAttribute("src", u + "bookmarklet/driver.js")
c.appendChild(s)
}
c.appendChild(s)
}
c.appendChild(s)
d.body.appendChild(c)
})()
s = d.createElement("script");
s.setAttribute("src", u + "bookmarklet/driver.js");
c.appendChild(s);
};
c.appendChild(s);
};
c.appendChild(s);
d.body.appendChild(c);
})();
```
### Website Stack - Built With
@ -514,7 +514,7 @@ javascript: (function () {
```js
javascript: void open(
"https://builtwith.com/?" + encodeURIComponent(location.href),
)
);
```
### Heatmap - Web Loading Time
@ -523,10 +523,10 @@ javascript: void open(
```js
javascript: (function () {
var el = document.createElement("script")
el.src = "https://zeman.github.io/perfmap/perfmap.js"
document.body.appendChild(el)
})()
var el = document.createElement("script");
el.src = "https://zeman.github.io/perfmap/perfmap.js";
document.body.appendChild(el);
})();
```
### Instagram - Download Photo
@ -543,19 +543,19 @@ javascript:(function(){;!function(e)%7Bvar%20t=%7B%7D;function%20n(a)%7Bif(t%5Ba
```js
javascript: (function () {
var i, x
var i, x;
for (i = 0; (x = document.links[i]); ++i)
x.style.color = ["blue", "red", "orange"][sim(x, location)]
x.style.color = ["blue", "red", "orange"][sim(x, location)];
function sim(a, b) {
if (a.hostname != b.hostname) return 0
if (a.hostname != b.hostname) return 0;
if (fixPath(a.pathname) != fixPath(b.pathname) || a.search != b.search)
return 1
return 2
return 1;
return 2;
}
function fixPath(p) {
p = (p.charAt(0) == "/" ? "" : "/") + p
/*many browsers*/ p = p.split("?")[0]
/*opera*/ return p
p = (p.charAt(0) == "/" ? "" : "/") + p;
/*many browsers*/ p = p.split("?")[0];
/*opera*/ return p;
}
})()
})();
```

1
content/Books.md
View File

@ -3,7 +3,6 @@ title: Books
description: Books I've read.
compartir: true
---
Collection of books I have read, would like to read, or would like to read.
## John Green

3
content/Bulma.md
View File

@ -2,8 +2,7 @@
title: Bulma
compartir: true
---
Free, open source [[./CSS#CSS Frameworks|CSS framework]] that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. It provides a collection of pre-designed CSS classes to help build responsive and modern websites. Very versatile because it does no require any JavaScript.
Free, open source [[CSS#CSS Frameworks|CSS framework]] that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. It provides a collection of pre-designed CSS classes to help build responsive and modern websites. Very versatile because it does no require any JavaScript.
With Bulma, developers can easily create responsive layouts by leveraging the grid system and making use of the various predefined classes. It offers a wide range of components and elements like buttons, forms, navbar, cards, and more, which can be customized and combined to create a visually appealing website.

1
content/CLI Commands and Cheat Sheet.md
View File

@ -2,7 +2,6 @@
compartir: true
title: CLI Commands and Cheat Sheet
---
# CLI Commands and Cheat Sheet
- Linux Command Line Interface Cheat Sheet. [Main source](https://stationx.net/linux-command-line-cheat-sheet/).

7
content/CSS.md
View File

@ -4,18 +4,15 @@ aliases:
- CSS
compartir: true
---
## Introduction
CSS (Cascading Style Sheets) is a language used to describe the visual appearance and formatting of HTML documents. It defines how elements are presented on web pages, including layout, color, typography, and more. It enhances the aesthetics and overall user experience of websites.
## CSS Frameworks
CSS frameworks are pre-prepared collections of CSS stylesheets that help developers create visually appealing and responsive websites. These frameworks provide a set of standardized and reusable CSS components, layout systems, and pre-designed templates, making it easier to build attractive and consistent web pages.
One popular CSS framework that deserves special mention is [[./Bulma|Bulma]]. Why does it deserve especial attention? Because I like it. 😅
One popular CSS framework that deserves special mention is [[Bulma|Bulma]]. Why does it deserve especial attention? Because I like it. 😅
Known for its simplicity and flexibility, [[./Bulma|Bulma]] has gained significant traction among web developers. Here's a closer look at why it has become a go-to choice for many.
Known for its simplicity and flexibility, [[Bulma|Bulma]] has gained significant traction among web developers. Here's a closer look at why it has become a go-to choice for many.
## Common Breakpoints

1
content/Callouts.md
View File

@ -2,7 +2,6 @@
title: Callouts Showcase
compartir: true
---
> [!EXAMPLE] Examples
>
> Aliases: example

3
content/Chords.md
View File

@ -4,7 +4,4 @@ compartir: true
tags:
- music
---
## Definition
A chord, in music, is any harmonic set of pitches/frequencies consisting of multiple notes (also called "pitches") that are heard as if sounding simultaneously. For many practical and theoretical purposes, arpeggios and other types of broken chords (in which the chord tones are not sounded simultaneously) may also be considered as _chords_ in the right musical context.

1
content/Chuckwalla.md
View File

@ -2,7 +2,6 @@
title: Chuckwalla
compartir: true
---
Chuckwallas are lizards found primarily in arid regions of the southwestern United States and northern Mexico, with some also inhabiting coastal islands. There are five species of chuckwallas, all belonging to the genus _Sauromalus_. They are members of the iguanid family, _Iguanidae_, which includes iguanas, chuckwallas, and their prehistoric relatives.
Chuckwallas have a robust build with wide bodies and flattened midsections. Their bellies are prominent, and their tails are thick, tapering to a blunt tip. Loose folds of skin can be observed on the neck and sides of their bodies, which are covered in small, coarsely granular scales. Chuckwallas vary in length, ranging from 15 inches to 30 inches.

163
content/Color Palettes.md Normal file
View File

@ -0,0 +1,163 @@
---
title: Color Palettes
compartir: true
---
# Color Palettes
| Color | 🎨 | Hex |
| :--------: | :------------------------------------------------------------: | :-------: |
| Background | <div style="background:#fdebf3;width:1rem;height:1rem;"></div> | `#fdebf3` |
| Background | <div style="background:#f3f4f6;width:1rem;height:1rem;"></div> | `#f3f4f6` |
| Background | <div style="background:#e7dff2;width:1rem;height:1rem;"></div> | `#e7dff2` |
| Background | <div style="background:#fbfefb;width:1rem;height:1rem;"></div> | `#fbfefb` |
| Background | <div style="background:#1e1e2e;width:1rem;height:1rem;"></div> | `#1e1e2e` |
| Background | <div style="background:#1e1e1e;width:1rem;height:1rem;"></div> | `#1e1e1e` |
| Background | <div style="background:#333333;width:1rem;height:1rem;"></div> | `#333333` |
| Background | <div style="background:#1f2937;width:1rem;height:1rem;"></div> | `#1f2937` |
| Background | <div style="background:#212737;width:1rem;height:1rem;"></div> | `#212737` |
| Color | 🎨 | Hex |
| ------ | -------------------------------------------------------------: | --------- |
| Accent | <div style="background:#ff6b01;width:1rem;height:1rem;"></div> | `#ff6b01` |
| Accent | <div style="background:#d8b4fe;width:1rem;height:1rem;"></div> | `#d8b4fe` |
| Accent | <div style="background:#7e22ce;width:1rem;height:1rem;"></div> | `#7e22ce` |
| Accent | <div style="background:#ff7413;width:1rem;height:1rem;"></div> | `#ff7413` |
| Accent | <div style="background:#d26878;width:1rem;height:1rem;"></div> | `#d26878` |
| Accent | <div style="background:#7866ad;width:1rem;height:1rem;"></div> | `#7866ad` |
| Accent | <div style="background:#50fa7b;width:1rem;height:1rem;"></div> | `#50fa7b` |
| Accent | <div style="background:#663399;width:1rem;height:1rem;"></div> | `#663399` |
| Accent | <div style="background:#9be895;width:1rem;height:1rem;"></div> | `#9be895` |
| Accent | <div style="background:#c072c4;width:1rem;height:1rem;"></div> | `#c072c4` |
| Accent | <div style="background:#aa336a;width:1rem;height:1rem;"></div> | `#aa336a` |
| Color | 🎨 | Hex |
| ----- | -------------------------------------------------------------: | --------- |
| Text | <div style="background:#d1d5db;width:1rem;height:1rem;"></div> | `#d1d5db` |
| Text | <div style="background:#282728;width:1rem;height:1rem;"></div> | `#282728` |
## Ariake Dark
| Color | 🎨 | Hex |
| ------ | -------------------------------------------------------------: | --------- |
| Accent | <div style="background:#2a2d37;width:1rem;height:1rem;"></div> | `#2a2d37` |
| Accent | <div style="background:#22212d;width:1rem;height:1rem;"></div> | `#22212d` |
| Accent | <div style="background:#f5faff;width:1rem;height:1rem;"></div> | `#f5faff` |
| Accent | <div style="background:#7fb3e1;width:1rem;height:1rem;"></div> | `#7fb3e1` |
| Accent | <div style="background:#dda2f6;width:1rem;height:1rem;"></div> | `#dda2f6` |
| Accent | <div style="background:#8af1ea;width:1rem;height:1rem;"></div> | `#8af1ea` |
## Aura
| Color | 🎨 | Hex |
| ------ | -------------------------------------------------------------: | --------- |
| Accent | <div style="background:#a277ff;width:1rem;height:1rem;"></div> | `#a277ff` |
| Accent | <div style="background:#82e2ff;width:1rem;height:1rem;"></div> | `#82e2ff` |
| Accent | <div style="background:#61ffca;width:1rem;height:1rem;"></div> | `#61ffca` |
| Accent | <div style="background:#f694ff;width:1rem;height:1rem;"></div> | `#f694ff` |
| Accent | <div style="background:#ba9566;width:1rem;height:1rem;"></div> | `#ba9566` |
## `Main` > `Dark Soft`
| Color | Hex | RGB | Token | Mostly used as | 🎨 |
| ------ | ----------- | ----------- | -------- | -------------------------- | --------------------------------------------------------- |
| Purple | `#8464c6` | 132,100,198 | accent1 | Primary color | <img src="https://placeholder.pics/svg/20x20/8464c6" /> |
| Purple | `#3d375e7f` | 61,55,94 | accent20 | Selections | <img src="https://placeholder.pics/svg/20x20/3d375e7f" /> |
| Purple | `#29263c` | 41,38,60 | accent38 | Selections (without alpha) | <img src="https://placeholder.pics/svg/20x20/29263c" /> |
| Green | `#54c59f` | 84,197,159 | accent2 | Secondary color | <img src="https://placeholder.pics/svg/20x20/54c59f" /> |
| Orange | `#c7a06f` | 199,160,111 | accent3 | Tertiary color | <img src="https://placeholder.pics/svg/20x20/c7a06f" /> |
| Pink | `#c17ac8` | 193,122,200 | accent6 | Quaternary color | <img src="https://placeholder.pics/svg/20x20/c17ac8" /> |
| Blue | `#6cb2c7` | 108,178,199 | accent32 | Quinary color | <img src="https://placeholder.pics/svg/20x20/6cb2c7" /> |
| Red | `#c55858` | 197,88,88 | accent5 | Senary color | <img src="https://placeholder.pics/svg/20x20/c55858" /> |
| White | `#bdbdbd` | 189,189,189 | accent7 | Foregrounds | <img src="https://placeholder.pics/svg/20x20/bdbdbd" /> |
| Gray | `#6d6d6d` | 109,109,109 | accent8 | Comments | <img src="https://placeholder.pics/svg/20x20/6d6d6d" /> |
| Black | `#15141b` | 21,20,27 | accent12 | Backgrounds | <img src="https://placeholder.pics/svg/20x20/15141b" /> |
## `Main` > `Dark`
| Color | Hex | RGB | Token | Mostly used as | 🎨 |
| ------ | ----------- | ----------- | -------- | -------------------------- | --------------------------------------------------------- |
| Purple | `#a277ff` | 162,119,255 | accent1 | Primary color | <img src="https://placeholder.pics/svg/20x20/a277ff" /> |
| Purple | `#3d375e7f` | 61,55,94 | accent20 | Selections | <img src="https://placeholder.pics/svg/20x20/3d375e7f" /> |
| Purple | `#29263c` | 41,38,60 | accent38 | Selections (without alpha) | <img src="https://placeholder.pics/svg/20x20/29263c" /> |
| Green | `#61ffca` | 97,255,202 | accent2 | Secondary color | <img src="https://placeholder.pics/svg/20x20/61ffca" /> |
| Orange | `#ffca85` | 255,202,133 | accent3 | Tertiary color | <img src="https://placeholder.pics/svg/20x20/ffca85" /> |
| Pink | `#f694ff` | 246,148,255 | accent6 | Quaternary color | <img src="https://placeholder.pics/svg/20x20/f694ff" /> |
| Blue | `#82e2ff` | 130,226,255 | accent32 | Quinary color | <img src="https://placeholder.pics/svg/20x20/82e2ff" /> |
| Red | `#ff6767` | 255,103,103 | accent5 | Senary color | <img src="https://placeholder.pics/svg/20x20/ff6767" /> |
| White | `#edecee` | 237,236,238 | accent7 | Foregrounds | <img src="https://placeholder.pics/svg/20x20/edecee" /> |
| Gray | `#6d6d6d` | 109,109,109 | accent8 | Comments | <img src="https://placeholder.pics/svg/20x20/6d6d6d" /> |
| Black | `#15141b` | 21,20,27 | accent12 | Backgrounds | <img src="https://placeholder.pics/svg/20x20/15141b" /> |
## Merge All Tables
| 🎨 | Hex |
| :------------------------------------------------------------: | :-------: |
| <div style="background:#fdebf3;width:1rem;height:1rem;"></div> | `#fdebf3` |
| <div style="background:#f3f4f6;width:1rem;height:1rem;"></div> | `#f3f4f6` |
| <div style="background:#e7dff2;width:1rem;height:1rem;"></div> | `#e7dff2` |
| <div style="background:#fbfefb;width:1rem;height:1rem;"></div> | `#fbfefb` |
| <div style="background:#1e1e2e;width:1rem;height:1rem;"></div> | `#1e1e2e` |
| <div style="background:#1e1e1e;width:1rem;height:1rem;"></div> | `#1e1e1e` |
| <div style="background:#333333;width:1rem;height:1rem;"></div> | `#333333` |
| <div style="background:#1f2937;width:1rem;height:1rem;"></div> | `#1f2937` |
| <div style="background:#212737;width:1rem;height:1rem;"></div> | `#212737` |
| <div style="background:#ff6b01;width:1rem;height:1rem;"></div> | `#ff6b01` |
| <div style="background:#d8b4fe;width:1rem;height:1rem;"></div> | `#d8b4fe` |
| <div style="background:#7e22ce;width:1rem;height:1rem;"></div> | `#7e22ce` |
| <div style="background:#ff7413;width:1rem;height:1rem;"></div> | `#ff7413` |
| <div style="background:#d26878;width:1rem;height:1rem;"></div> | `#d26878` |
| <div style="background:#7866ad;width:1rem;height:1rem;"></div> | `#7866ad` |
| <div style="background:#50fa7b;width:1rem;height:1rem;"></div> | `#50fa7b` |
| <div style="background:#663399;width:1rem;height:1rem;"></div> | `#663399` |
| <div style="background:#9be895;width:1rem;height:1rem;"></div> | `#9be895` |
| <div style="background:#c072c4;width:1rem;height:1rem;"></div> | `#c072c4` |
| <div style="background:#aa336a;width:1rem;height:1rem;"></div> | `#aa336a` |
| <div style="background:#d1d5db;width:1rem;height:1rem;"></div> | `#d1d5db` |
| <div style="background:#282728;width:1rem;height:1rem;"></div> | `#282728` |
| <div style="background:#2a2d37;width:1rem;height:1rem;"></div> | `#2a2d37` |
| <div style="background:#22212d;width:1rem;height:1rem;"></div> | `#22212d` |
| <div style="background:#f5faff;width:1rem;height:1rem;"></div> | `#f5faff` |
| <div style="background:#7fb3e1;width:1rem;height:1rem;"></div> | `#7fb3e1` |
| <div style="background:#dda2f6;width:1rem;height:1rem;"></div> | `#dda2f6` |
| <div style="background:#8af1ea;width:1rem;height:1rem;"></div> | `#8af1ea` |
| <div style="background:#a277ff;width:1rem;height:1rem;"></div> | `#a277ff` |
| <div style="background:#82e2ff;width:1rem;height:1rem;"></div> | `#82e2ff` |
| <div style="background:#61ffca;width:1rem;height:1rem;"></div> | `#61ffca` |
| <div style="background:#f694ff;width:1rem;height:1rem;"></div> | `#f694ff` |
| <div style="background:#ba9566;width:1rem;height:1rem;"></div> | `#ba9566` |
| 🎨 | Hex |
| -------------------------------------------------------------- | --------- |
| <div style="background:#1e1e1e;width:1rem;height:1rem;"></div> | `#1e1e1e` |
| <div style="background:#1e1e2e;width:1rem;height:1rem;"></div> | `#1e1e2e` |
| <div style="background:#1f2937;width:1rem;height:1rem;"></div> | `#1f2937` |
| <div style="background:#212737;width:1rem;height:1rem;"></div> | `#212737` |
| <div style="background:#22212d;width:1rem;height:1rem;"></div> | `#22212d` |
| <div style="background:#282728;width:1rem;height:1rem;"></div> | `#282728` |
| <div style="background:#2a2d37;width:1rem;height:1rem;"></div> | `#2a2d37` |
| <div style="background:#333333;width:1rem;height:1rem;"></div> | `#333333` |
| <div style="background:#50fa7b;width:1rem;height:1rem;"></div> | `#50fa7b` |
| <div style="background:#61ffca;width:1rem;height:1rem;"></div> | `#61ffca` |
| <div style="background:#663399;width:1rem;height:1rem;"></div> | `#663399` |
| <div style="background:#7866ad;width:1rem;height:1rem;"></div> | `#7866ad` |
| <div style="background:#7e22ce;width:1rem;height:1rem;"></div> | `#7e22ce` |
| <div style="background:#7fb3e1;width:1rem;height:1rem;"></div> | `#7fb3e1` |
| <div style="background:#82e2ff;width:1rem;height:1rem;"></div> | `#82e2ff` |
| <div style="background:#8af1ea;width:1rem;height:1rem;"></div> | `#8af1ea` |
| <div style="background:#9be895;width:1rem;height:1rem;"></div> | `#9be895` |
| <div style="background:#aa336a;width:1rem;height:1rem;"></div> | `#aa336a` |
| <div style="background:#a277ff;width:1rem;height:1rem;"></div> | `#a277ff` |
| <div style="background:#ba9566;width:1rem;height:1rem;"></div> | `#ba9566` |
| <div style="background:#c072c4;width:1rem;height:1rem;"></div> | `#c072c4` |
| <div style="background:#d1d5db;width:1rem;height:1rem;"></div> | `#d1d5db` |
| <div style="background:#d26878;width:1rem;height:1rem;"></div> | `#d26878` |
| <div style="background:#d8b4fe;width:1rem;height:1rem;"></div> | `#d8b4fe` |
| <div style="background:#dda2f6;width:1rem;height:1rem;"></div> | `#dda2f6` |
| <div style="background:#e7dff2;width:1rem;height:1rem;"></div> | `#e7dff2` |
| <div style="background:#edecee;width:1rem;height:1rem;"></div> | `#edecee` |
| <div style="background:#f3f4f6;width:1rem;height:1rem;"></div> | `#f3f4f6` |
| <div style="background:#f5faff;width:1rem;height:1rem;"></div> | `#f5faff` |
| <div style="background:#f694ff;width:1rem;height:1rem;"></div> | `#f694ff` |
| <div style="background:#f7f8fc;width:1rem;height:1rem;"></div> | `#f7f8fc` |
| <div style="background:#fbfefb;width:1rem;height:1rem;"></div> | `#fbfefb` |
| <div style="background:#fdebf3;width:1rem;height:1rem;"></div> | `#fdebf3` |

1
content/Consistency.md
View File

@ -2,7 +2,6 @@
title: Consistency is Key
compartir: true
---
Show up. Do the work. Be consistent. Things I'm not good at.
Consistency is key. By consistently showing up and putting in the effort, you build discipline and resilience. It helps establish reliable habits, maintain focus, and overcome setbacks. Being consistent builds trust, both in personal and professional relationships.

3
content/Continuous Care.md
View File

@ -4,7 +4,6 @@ compartir: true
tags:
- digital-gardening
---
Be the watchful caretaker of your ever growing plants and flowers. Grow your knowledge by forming new branches and connecting the dots. Write short structured notes articulating specific ideas and share them. Avoid creating or nourishing orphan notes. Anything not connected eventually needs to go. We must: refine our ideas, thread our thoughts, and keep notes [[./Atomic Notes|atomic]].
Be the watchful caretaker of your ever growing plants and flowers. Grow your knowledge by forming new branches and connecting the dots. Write short structured notes articulating specific ideas and share them. Avoid creating or nourishing orphan notes. Anything not connected eventually needs to go. We must: refine our ideas, thread our thoughts, and keep notes [[Atomic Notes|atomic]].
Taking raw notes is _useless_. Seed your garden with quality content and cultivate your curiosity. Plant seeds in your mind garden by taking smart personal notes. These don't need to be written in a publishable form.

1
content/Data.md
View File

@ -1,7 +1,6 @@
---
compartir: true
---
# Data
## Semantic

7
content/Digital Garden.md
View File

@ -4,16 +4,15 @@ compartir: true
tags:
- digital-gardening
---
## What is a Digital Garden
A digital garden is a combination of an **online notebook** and a **personal wiki**, where digital gardeners write in small, unfinished pieces, also known as [[./Atomic Notes|atomic notes]], and share these seeds of thought to be cultivated in public. Digital gardens are curated and evolve over time, sometimes growing wildly and sometimes getting pruned.
A digital garden is a combination of an **online notebook** and a **personal wiki**, where digital gardeners write in small, unfinished pieces, also known as [[Atomic Notes|atomic notes]], and share these seeds of thought to be cultivated in public. Digital gardens are curated and evolve over time, sometimes growing wildly and sometimes getting pruned.
The phrase _"digital garden"_ comes up often while browsing these notes. Surely I overuse it. That said, I still like it. It more closely describes what I envision this website to be: a carefully curated garden of digital notes. Having a reliable system on which to dump raw information is extremely useful. The idea of [[./Sweep Your Mind|sweeping]] one's mind is helpful to rid yourself of distractions from incorrectly prioritized tasks.
The phrase _"digital garden"_ comes up often while browsing these notes. Surely I overuse it. That said, I still like it. It more closely describes what I envision this website to be: a carefully curated garden of digital notes. Having a reliable system on which to dump raw information is extremely useful. The idea of [[Sweep Your Mind|sweeping]] one's mind is helpful to rid yourself of distractions from incorrectly prioritized tasks.
## How is Content Curated
Digital Gardens are explorable rather than structured as a strictly linear stream of posts. They grow slowly over time, rather than created as _"finished"_ work that is to never be touched again. A place where little changes accumulate and transform thoughts and ideas. As you [[./Continuous Care|continuously care]] for your garden, you **revise**, **update**, and **change** your ideas as they develop.
Digital Gardens are explorable rather than structured as a strictly linear stream of posts. They grow slowly over time, rather than created as _"finished"_ work that is to never be touched again. A place where little changes accumulate and transform thoughts and ideas. As you [[Continuous Care|continuously care]] for your garden, you **revise**, **update**, and **change** your ideas as they develop.
## Kinds of Notes

1
content/Emmet Cheat Sheet.md
View File

@ -2,7 +2,6 @@
title: Emmet Cheat Sheet
compartir: true
---
- [Documentation](https://docs.emmet.io/)
- [Documentation](https://code.visualstudio.com/docs/editor/emmet) for Emmet in VS Code

1
content/Encouragements.md
View File

@ -2,7 +2,6 @@
compartir: true
title: Encouragements
---
# Encouragements
Notes that one way or another, encourage me to be better, to sit down for less time, to be more active, etc.

3
content/Espanso Cheat Sheet.md
View File

@ -2,9 +2,6 @@
title: Espanso Cheat Sheet
compartir: true
---
## Introduction
Cross-platform Text Expander written in Rust.
Visit the [Documentation](https://espanso.org/docs/get-started/).

4
content/Free Facts.md
View File

@ -3,7 +3,6 @@ title: Free Facts
description: Compilation of 'Free' Facts. They are not fun, but they are free.
compartir: true
---
Compilation of "Free" Facts. They are not always fun, but they are free.
## Disney Aladdin
@ -29,7 +28,8 @@ The MV Derbyshire was a British ore-bulk-oil combination carrier built in 1976.
## Rogue Waves
Rogue waves are unusually large, unpredictable, and suddenly appearing surface waves that can be extremely dangerous to ships, even to large ones. In oceanography, rogue waves are more precisely defined as waves whose height is more than twice the significant wave height (Hs or SWH), which is itself defined as the mean of the largest third of waves in a wave record. Therefore, rogue waves are not necessarily the biggest waves found on the water; they are, rather, unusually large waves for a given sea state.
Rogue waves are unusually large, unpredictable, and suddenly appearing surface waves that can be extremely dangerous to ships, even to large ones.
In oceanography, rogue waves are more precisely defined as waves whose height is more than twice the significant wave height (Hs or SWH), which is itself defined as the mean of the largest third of waves in a wave record. Therefore, rogue waves are not necessarily the biggest waves found on the water; they are, rather, unusually large waves for a given sea state.
[Source](https://en.wikipedia.org/wiki/Rogue_wave)
## Sea Sickness

1
content/Grammar.md
View File

@ -2,7 +2,6 @@
title: Grammar
compartir: true
---
## Singular Pluralities
### Archives

17
content/Guitar.md
View File

@ -6,23 +6,32 @@ tags:
compartir: true
enableToc: true
---
## Tabs for the Guitar
When you are looking at a tab, you will see six horizontal lines. These lines represent the strings of the guitar. The bottom line is the 6th string (the thickest string on your guitar, low e) and the top line is the thinnest string (the first string, high e).
### Arpeggio
An [[./Arpeggio|arpeggio]] is a type of [[./Chords|broken chord]] in which the notes that compose a chord are individually sounded in a progressive rising or descending order. Arpeggios on keyboard instruments may be called _rolled chords_.
An [[Arpeggio|arpeggio]] is a type of [[Chords|broken chord]] in which the notes that compose a chord are individually sounded in a progressive rising or descending order. Arpeggios on keyboard instruments may be called _rolled chords_.
```md
e|--------2-----------------| B|------3---3---------------| G|----2-------2-------------| D|--0-----------------------| A|--------------------------| E|--------------------------|
e|--------2-----------------|
B|------3---3---------------|
G|----2-------2-------------|
D|--0-----------------------|
A|--------------------------|
E|--------------------------|
```
### Metallica – Enter the Sandman (Intro)
```md
e|---------------------|------------------|---------------|--------------------| B|---------------------|------------------|---------------|--------------------| G|---------------------|------------------|---------------|--------------------| D|-------5-------------|----5-------------|----5----------|--------------------| A|----7-----------7----|-7-----------7----|-7-----------7-|--------------------| E|-0--------6--5-----0-|-------6--5-----0-|-------6--5----|--------------------|
e|---------------------|------------------|---------------|--------------------|
B|---------------------|------------------|---------------|--------------------|
G|---------------------|------------------|---------------|--------------------|
D|-------5-------------|----5-------------|----5----------|--------------------|
A|----7-----------7----|-7-----------7----|-7-----------7-|--------------------|
E|-0--------6--5-----0-|-------6--5-----0-|-------6--5----|--------------------|
```
### Pasted

2
content/Inspirations.md
View File

@ -3,8 +3,8 @@ title: Inspirations
compartir: true
tags:
- list
category: Lists
---
These people and projects have resonated with me. Inspiring me to do things I would otherwise not do.
## People Who Inspire Me

5
content/JavaScript.md
View File

@ -5,11 +5,8 @@ aliases:
- JS
compartir: true
---
## Introduction
[JavaScript](https://en.wikipedia.org/wiki/JavaScript) is a versatile and powerful programming language used for building interactive and dynamic web applications. It runs on the client-side, enabling interactivity on web pages. JavaScript can manipulate HTML elements, handle events, perform calculations, and communicate with servers, making it a key technology in modern web development.
## JavaScript Frameworks
JavaScript frameworks are pre-written and reusable code libraries that simplify and speed up web development. They provide tools, functions, and structure to build dynamic and interactive websites or applications. Frameworks like React, Vue, [[./Svelte|Svelte]], and Angular make it easier to handle complex logic and create engaging user interfaces.
JavaScript frameworks are pre-written and reusable code libraries that simplify and speed up web development. They provide tools, functions, and structure to build dynamic and interactive websites or applications. Frameworks like React, Vue, [[Svelte|Svelte]], and Angular make it easier to handle complex logic and create engaging user interfaces.

73
content/Journal.md
View File

@ -12,47 +12,43 @@ compartir: true
### April
- Helped a good friend study for some certifications they are testing for. Felt great knowing they were no longer feeling as much pressure afterwards. 😊
- Moved my personal blog / website to [Bearblog](https://bearblog.dev). They have come a long way since I hosted my blog there some years ago. It looks like a nice community that I would be missing if I was developing my own site.
- Took another go at designing a site with the help of [Eleventy Plus Vite](https://github.com/semanticdata/eleventy-plus-vite).
- I am getting more involved with [Godot](https://godotengine.org/). Reading about it, checking out some simple guides.
- Learning more about Git. I recently signed up for an account on [SourceHut](https://sr.ht).
- Practicing adding remotes, renaming them, pushing to multiple remotes simultaneously.
- Practicing adding remotes, renaming them, pushing to multiple remote repositories simultaneously.
- Cleaned and prepared some repositories to learn game development with [LÖVE](https://love2d.org/).
- [Scrolling Shooter](https://github.com/semanticdata/love2d-scrolling-shooter)
- [Platformer](https://github.com/semanticdata/love2d-tutorial-platformer)
- [MMBN Combat Boilerplate](https://github.com/semanticdata/love2d-mmbn-combat-boilerplate)
### March
- Backed up my past personal websites inside [semanticdata.github.io](https://github.com/semanticdata/semanticdata.github.io) using a different branch.
- It now sits with a few other previous personal websites and blogs I have backup on the repo.
- Currently using [Eleventy Vite](https://github.com/matthiasott/eleventy-plus-vite) to publish [MiguelPimente.do](https://miguelpimentel.do).
- The plan is to transition to a new starter I'm working on.
- Backed up my past personal websites inside [semanticdata.github.io](https://github.com/semanticdata/semanticdata.github.io) using a different branch. It now sits with a few other previous personal websites and blogs I have backup on the repo.
- Currently using [Eleventy Vite](https://github.com/matthiasott/eleventy-plus-vite) to publish [MiguelPimente.do](https://miguelpimentel.do). The plan is to transition to a new starter I'm working on.
- Refreshed all my notes within [Forgetful Notes](https://forgetfulnotes.com/). Revised the desktop layouts.
- Learning [Nunjucks](https://mozilla.github.io/nunjucks/) to use as templating engine within [Eleventy](https://www.11ty.dev/).
- Revisited my [GitHub Stars](https://github.com/semanticdata/github-stars). Removed a lot of unused ones and added the interesting ones to my [Raindrop.io](https://rindrop.io) [public page](https://raindrop.io/SemanticData). The rest can be found in [this repository](https://github.com/semanticdata/github-stars).
- Learning about [HTTP Headers](https://vercel.com/docs/edge-network/headers) and how to apply them via `vercel.json` in the repository root.
- [Mozilla Observatory](https://observatory.mozilla.org/) is my choice to check headers and other security evaluations.
- Took up the [One HTML Page Challenge](onehtmlpagechallenge.com). Find my source code [here](https://github.com/semanticdata/one-html-page-challenge).
- This is not a short term project. Planning to add things as I learn, etc.
- I dropped [Bulma](https://bulma.io/) in favor of [TailwindCSS](https://tailwindcss.com/) to use in my current project.
- I'm also using [DaisyUI](daisyui.com/) that plays well with TailwindCSS.
- Learning about [HTTP Headers](https://vercel.com/docs/edge-network/headers) and how to apply them via `vercel.json` in the repository root. [Mozilla Observatory](https://observatory.mozilla.org/) is my choice to check headers and other security evaluations.
- Took up the [One HTML Page Challenge](onehtmlpagechallenge.com). Find my source code [here](https://github.com/semanticdata/one-html-page-challenge). This is not a short term project. Planning to add things as I learn, etc.
- I dropped [Bulma](https://bulma.io/) in favor of [TailwindCSS](https://tailwindcss.com/) to use in my current project. I'm also using [DaisyUI](daisyui.com/) that plays well with TailwindCSS.
### February
- Discovered NASA's [Astronomy Picture of the Day](https://apod.nasa.gov/apod/).
- After checking out [Astro](https://astro.build/), I decided it wasn't time to jump into it.
- For now, using [Eleventy](https://www.11ty.dev/) feels adequate given my knowledge level.
- I will definitely give Astro another go, once I am more comfortable with [[Svelte|Svelte]].
- Updated my [Obsidian Starter Vault](https://github.com/semanticdata/obsidian-starter-vault) project.
- Now includes more information about the CSS snippets, community plugins, and general workflows included in it.
- Forked these [Obsidian](https://obsidian.md) [Minimal theme](https://github.com/kepano/obsidian-minimal) [CSS Snippets](https://github.com/replete/obsidian-minimal-theme-css-snippets).
- Added new CSS Snippets to my vault. I'll probably end up posting them later.
- Republished my personal website using [Eleventy](https://www.11ty.dev/) and [elva](https://github.com/scottsweb/elva). Moved the site to `semanticdata.github.io`.
- It is currently deployed with Vercel. Will use a different starter and drop `elva` soon.
- Contributions:
- Added Spanish translations for [Quartz](https://github.com/jackyzha0/quartz) in [PR #822](https://github.com/jackyzha0/quartz/pull/822).
- Discovered NASA's [Astronomy Picture of the Day](https://apod.nasa.gov/apod/). 📷
- After checking out [Astro](https://astro.build/), I decided it wasn't time to jump into it. For now, using [Eleventy](https://www.11ty.dev/) feels adequate given my knowledge level. I will definitely give Astro another go, once I am more comfortable with [[Svelte|Svelte]].
- Updated my [Obsidian Starter Vault](https://github.com/semanticdata/obsidian-starter-vault) project. It now includes more information about the CSS snippets, community plugins, and general workflows included in it.
- Forked these [Obsidian](https://obsidian.md) [Minimal theme](https://github.com/kepano/obsidian-minimal) [CSS Snippets](https://github.com/replete/obsidian-minimal-theme-css-snippets) for future reference.
- Added new CSS snippets to my Obsidian vault. I'll probably end up posting them later.
- Republished my personal website using [Eleventy](https://www.11ty.dev/) and [elva](https://github.com/scottsweb/elva). Moved the site to `semanticdata.github.io`. It is currently deployed with Vercel. Will use a different starter and drop `elva` soon.
- Contributed Spanish translations for [Quartz](https://github.com/jackyzha0/quartz) in [PR #822](https://github.com/jackyzha0/quartz/pull/822).
### January
- Archived many of my inactive GitHub repositories.
- Archived many of my inactive GitHub repositories. 📦🗃
- Compiled my GitHub stars in [this repo](https://github.com/semanticdata/github-stars) with the help of [maguowei/starred](https://github.com/maguowei/starred).
- Submitted Spanish translations for [gethyas/doks-core](https://github.com/gethyas/doks-core).
- Started playing around with [11ty](https://www.11ty.dev/).
- Taking a look at [Eleventy Excellent](https://github.com/madrilene/eleventy-excellent), and [Eleventy Garden](https://github.com/binyamin/eleventy-garden).
- Started playing around with [11ty](https://www.11ty.dev/). Checking out [Eleventy Excellent](https://github.com/madrilene/eleventy-excellent), and [Eleventy Garden](https://github.com/binyamin/eleventy-garden).
- Learned about [Astro](https://astro.build/). I'm playing around with it and some website starters.
- Discovered [CUBE CSS](https://cube.fyi/), [Utopia](https://utopia.fyi/), and [buildexcellentwebsit.es](https://buildexcellentwebsit.es/).
- Fixed the search module not working in [Forgetful Notes](https://github.com/semanticdata/forgetful-notes).
@ -62,28 +58,19 @@ compartir: true
### December
- Finally visited the [Dominican Republic](https://en.wikipedia.org/wiki/Dominican_Republic) after more than 8 years without going.
- I didn't really tell anyone about the trip. I just wanted to make sure I was able to actually go back at this time.
- My main focus on the trip was to visit and spend time with family.
- Learned about [Bulma](https://bulma.io/). I'm checking it out as a CSS framework.
- Finally visited the [Dominican Republic](https://en.wikipedia.org/wiki/Dominican_Republic) after more than 8 years without going. I didn't really tell anyone about the trip. I just wanted to make sure I was able to actually go back at this time. My main focus on the trip was to visit and spend time with family. 💜🎄
- Published new Firefox extensions [ChatGPT in the Sidebar](https://github.com/semanticdata/firefox-chatgpt-in-sidebar) and [New Tab Notes](https://github.com/semanticdata/firefox-new-tab-notes). This last one is helping me learn browser sync and storage management.
- Republished my personal [website](https://github.com/semanticdata/semanticdata.github.io) with [serene](https://github.com/isunjn/serene).
- Learned about [Bulma](https://bulma.io/). I'm taking a look at it as a CSS framework.
- Submitted new [[Zola|Zola]] Themes [Mabuya](https://github.com/semanticdata/mabuya) and [Zola Minimal](https://github.com/semanticdata/zola-minimal).
- Renamed Zola Dinkleberg to [Zola Guava](https://github.com/semanticdata/zola-guava).
- Published new Firefox extension:
- [ChatGPT in the Sidebar](https://github.com/semanticdata/firefox-chatgpt-in-sidebar)
- [New Tab Notes](https://github.com/semanticdata/firefox-new-tab-notes) - This extension is helping me learn browser sync and storage management.
- Submitted new [[Zola|Zola]] Themes:
- [Mabuya](https://github.com/semanticdata/mabuya)
- [Zola Minimal](https://github.com/semanticdata/zola-minimal)
### November
- Chrome extension [Text Revealer](https://github.com/jamigibbs/text-revealer-chrome-extension) was not available in Firefox, so I made a Firefox version.
- Updated my [Obsidian Starter](https://github.com/semanticdata/obsidian-starter-vault) vault.
- Now includes more information about backing up the vault and other general workflows.
- Playing around with [Svelte](https://svelte.dev/), and [Milkdown](https://milkdown.dev/).
- I like the pair, but I paused working on this for now.
- Republished my old blog in Spanish: [Prose Poetry](https://github.com/semanticdata/prose-poetry).
- Recently found the canonical blog I wrote in 2010 and republished it.
- Chrome extension [Text Revealer](https://github.com/jamigibbs/text-revealer-chrome-extension) was not available in Firefox, so I made a Firefox version. 🔎
- Updated my [Obsidian Starter](https://github.com/semanticdata/obsidian-starter-vault) vault. It now includes more information about backing up the vault and other general workflows.
- Playing around with [Svelte](https://svelte.dev/), and [Milkdown](https://milkdown.dev/). I like the pair, but I paused working on this for now.
- Republished my old blog in Spanish: [Prose Poetry](https://github.com/semanticdata/prose-poetry). I recently found the canonical blog I wrote in 2010 and republished it.
- Contributions:
- Fixed bugs for [Zola Book](https://github.com/getzola/book) outlined in [Issue #18](https://github.com/getzola/book/issues/18).
- Submitted dark theme and toggle to the [Anpu Zola](https://github.com/zbrox/anpu-zola-theme) theme. My changes were merged.

120
content/LÖVE.md Normal file
View File

@ -0,0 +1,120 @@
---
title: LÖVE
compartir: true
---
# LÖVE
[LÖVE](https://love2d.org/) is a framework you can use to make 2D games in Lua. It's free, open-source, and works on Windows, macOS, Linux, Android and iOS.
## Community and Links
- [LÖVE2D.org](https://love2d.org/)
- [Wiki / Documentation](https://love2d.org/wiki/Main_Page)
- [Forums](https://love2d.org/forums/)
- [Introduction to LÖVE](https://dev.to/rubenwap/lua-and-love-are-your-gateway-drug-to-videogame-making-53ag)
## Examples
### Hello World
This is the full source for 'hello world' in LÖVE. Running this code will cause an 800 by 600 window to appear, and display white text on a black background:
```lua
function love.draw()
love.graphics.print('Hello World!', 400, 300)
end
```
### Draw an Image
```lua
function love.load()
whale = love.graphics.newImage("whale.png")
end
function love.draw()
love.graphics.draw(whale, 300, 200)
end
```
### Play a Sound
```lua
function love.load()
sound = love.audio.newSource("music.ogg", "stream")
love.audio.play(sound)
end
```
## Functions
### `love.load()`
This function is called at the beginning and it's supposed to load all your data and variables.
```lua
function love.load()
hero = {}
hero.name = "Ruben"
hero.health = 100
hero.alive = true
score = 0
end
```
### `love.update`
This function runs repeatedly during the session. The variable `dt` is used to update your data, as it marks the time passed since it last ran.
```lua
function love.update(dt)
if hero.health < 1 then
hero.alive = false
end
if enemy.dead then
score = score + 1
end
end
```
### `love.draw`
Like `love.update`, this function is also called continuously, but rather than calculate the values, it draws game elements on the screen.
```lua
function love.draw()
love.graphics.print(score, 400, 300)
end
```
The value being printed score would constantly be redrawn, but since we are also updating the value of it in the update function, on every redraw we would get the most updated value.
## Beyond the Basics
### Movement
```lua
if love.keyboard.isDown("right") then
hero.x = hero.x + hero.speed * dt
end
```
### Drawing Elements
```lua
love.graphics.rectangle("line", 400, 300, 100, 100)
```
### Drawing an Image
```lua
love.graphics.draw("path to img", 400, 300, 100, 100)
```
## License
LÖVE is licensed under the liberal zlib/libpng license. This means that:
- It costs nothing.
- You can use it freely for commercial purposes with no limitations.
The source can be found on [GitHub](https://github.com/love2d/love).

8
content/Markdown.md
View File

@ -2,12 +2,10 @@
title: Markdown
compartir: true
---
Markdown is a lightweight [[Markup Language|Markup Language]] that you can use to add formatting elements to plaintext text documents. Created by [John Gruber](https://daringfireball.net/projects/markdown/) in 2004, Markdown is now one of the world's most popular markup languages.
## Introduction
Markdown is a lightweight [[./Markup Language|Markup Language]] that you can use to add formatting elements to plaintext text documents. Created by [John Gruber](https://daringfireball.net/projects/markdown/) in 2004, Markdown is now one of the world's most popular markup languages.
> [!Note] This website's content is exclusively written in Markdown.
> [!Note]
> This website's content is exclusively written in Markdown.
## Markdown Flavors

3
content/Markup Language.md
View File

@ -2,8 +2,7 @@
title: Markup Language
compartir: true
---
A markup language is a system for annotating text to define the structure, formatting, and presentation of documents on the internet. It [[./Uses|Uses]] tags or codes to indicate the purpose or function of different elements within the document, such as headings, paragraphs, links, and images. Markup languages, like HTML (Hypertext Markup Language), provide a standardized way to structure and display content across various platforms and web browsers.
A markup language is a system for annotating text to define the structure, formatting, and presentation of documents on the internet. It [[Uses|Uses]] tags or codes to indicate the purpose or function of different elements within the document, such as headings, paragraphs, links, and images. Markup languages, like HTML (Hypertext Markup Language), provide a standardized way to structure and display content across various platforms and web browsers.
Examples of markup languages include:

7
content/Meta.md
View File

@ -6,20 +6,19 @@ compartir: true
tags:
- meta
---
> [!summary]
>
> **Forgetful Notes** is created using [Quartz](https://github.com/jackyzha0/quartz), hosted on [GitHub](https://github.com/), deployed with [GitHub Pages](https://pages.github.com/), and facilitated by the GitHub [Publisher](https://github.com/ObsidianPublisher) plugin for [Obsidian](https://obsidian.md/). If interested, you can browse the [source](https://github.com/semanticdata/forgetful-notes) code.
## Background
Forgetful Notes has gone through many changes. I have not been shy about moving from technology to technology as I learn new things. Coming across the world of [[./Static Site Generators|Static Site Generators]] was a game changer. I have ran my notes through [Jekyll](https://jekyllrb.com/), [Hugo](https://gohugo.io/), [MkDocs](https://squidfunk.github.io/mkdocs-material/), [Zola](https://www.getzola.org/), and most recently [Eleventy](https://www.11ty.dev/).
Forgetful Notes has gone through many changes. I have not been shy about moving from technology to technology as I learn new things. Coming across the world of [[Static Site Generators|Static Site Generators]] was a game changer. I have ran my notes through [Jekyll](https://jekyllrb.com/), [Hugo](https://gohugo.io/), [MkDocs](https://squidfunk.github.io/mkdocs-material/), [Zola](https://www.getzola.org/), and most recently [Eleventy](https://www.11ty.dev/).
However, this site is not specifically built with any of the aforementioned. Instead I have opted to follow in the footsteps of [Jacky Zhao](https://github.com/jackyzha0) and created my [[./Digital Garden|digital garden]] using the new fully rewritten [Quartz](https://github.com/jackyzha0/quartz)—a set of tools that helps you publish your digital garden and notes as a website for free.
However, this site is not specifically built with any of the aforementioned. Instead I have opted to follow in the footsteps of [Jacky Zhao](https://github.com/jackyzha0) and created my [[Digital Garden|digital garden]] using the new fully rewritten [Quartz](https://github.com/jackyzha0/quartz)—a set of tools that helps you publish your digital garden and notes as a website for free.
## Technology
All content for the site is written in [[./Markdown|Markdown]] within [Obsidian](https://obsidian.md/)—an extensible, flexible note-taking app. To export the notes from Obsidian, I rely on the [GitHub Publisher](https://github.com/ObsidianPublisher) plugin.
All content for the site is written in [[Markdown|Markdown]] within [Obsidian](https://obsidian.md/)—an extensible, flexible note-taking app. To export the notes from Obsidian, I rely on the [GitHub Publisher](https://github.com/ObsidianPublisher) plugin.
The [source code](https://github.com/semanticdata/forgetful-notes) is hosted in [GitHub](https://github.com/). From here we use [GitHub Actions](https://github.com/features/actions) to build and deploy the site to [GitHub Pages](https://pages.github.com/).

3
content/Micropolitan Statistical Area.md
View File

@ -4,9 +4,6 @@ compartir: true
tags:
- statistics
---
## Definition
Micropolitan Statistical Areas are labor market and statistical areas in the United States centered on an urban cluster with a population of at least 10,000 but fewer than 50,000 people.
The designation was created in 2003 by the Office of Management and Budget (OMB). Micropolitan areas include the county where the urban cluster is and adjacent counties linked by commuting ties. The OMB has identified 543 micropolitan areas in the United States.

3
content/Move Your Body.md
View File

@ -2,7 +2,6 @@
title: Move Your Body
compartir: true
---
Move your body every day. Benefits include:
- Improved sleep quality.
@ -10,4 +9,4 @@ Move your body every day. Benefits include:
- Increased productivity.
- Reduced anxiety.
The "every day" part is important, because [[./Consistency|Consistency]] is key to most things worth doing.
The "every day" part is important, because [[Consistency|Consistency]] is key to most things worth doing.

45
content/NeoVim.md
View File

@ -5,9 +5,6 @@ aliases:
- Vim
compartir: true
---
## Introduction
NeoVim is a fork of Vim focused on extensibility and usability. This is my short reference guide as I learn to use it.
## Links
@ -79,24 +76,24 @@ NeoVim is a fork of Vim focused on extensibility and usability. This is my short
## Plugins
| Author/Plugin | Description |
| --- | --- |
| [akinsho/bufferline.nvim](https://github.com/akinsho/bufferline.nvim) | A snazzy bufferline for Neovim. |
| [akinsho/toggleterm.nvim](https://github.com/akinsho/toggleterm.nvim) | A neovim lua plugin to help easily manage multiple terminal windows. |
| [ap/vim-css-color](https://github.com/ap/vim-css-color) | Preview colours in source code while editing. |
| [editorconfig/editorconfig-vim](https://github.com/editorconfig/editorconfig-vim) | EditorConfig plugin for Vim. |
| [folke/tokyonight.nvim](https://github.com/folke/tokyonight.nvim) | Theme |
| [kyazdani42/nvim-tree.lua](https://github.com/kyazdani42/nvim-tree.lua) | A file explorer tree for neovim written in lua. |
| [kyazdani42/nvim-web-devicons](https://github.com/kyazdani42/nvim-web-devicons) | Lua "fork" of vim-web-devicons for neovim. |
| [lewis6991/gitsigns.nvim](https://github.com/lewis6991/gitsigns.nvim) | Git integration for buffers. |
| [lukas-reineke/indent-blankline.nvim](https://github.com/lukas-reineke/indent-blankline.nvim) | Indent guides for Neovim. |
| [numToStr/Comment.nvim](https://github.com/numToStr/Comment.nvim) | Smart and powerful comment plugin for neovim. |
| [nvim-lua/plenary.nvim](https://github.com/nvim-lua/plenary.nvim) | All the lua functions I [they] don't want to write twice. |
| [nvim-lualine/lualine.nvim](https://github.com/nvim-lualine/lualine.nvim) | neovim statusline plugin written in pure lua. |
| [nvim-telescope/telescope.nvim](https://github.com/nvim-telescope/telescope.nvim) | Find, Filter, Preview, Pick. All lua, all the time. |
| [nvim-treesitter/nvim-treesitter-textobjects](https://github.com/nvim-treesitter/nvim-treesitter-textobjects) | Syntax aware text-objects, select, move, swap, and peek support. |
| [nvim-treesitter/nvim-treesitter](https://github.com/nvim-treesitter/nvim-treesitter) | Nvim Treesitter configurations and abstraction layer. |
| [ThePrimeagen/vim-be-good](https://github.com/ThePrimeagen/vim-be-good) | Nvim plugin designed to make you better at Vim Movements. |
| [tpope/vim-fugitive](https://github.com/tpope/vim-fugitive) | A Git wrapper so awesome, it should be illegal. |
| [vim-telescope/telescope-fzf-native.nvim](https://github.com/nvim-telescope/telescope-fzf-native.nvim) | Find, Filter, Preview, Pick. All lua, all the time. |
| [wellle/targets.vim](https://github.com/wellle/targets.vim) | Vim plugin that provides additional text objects. |
| Author/Plugin | Description |
| ------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
| [akinsho/bufferline.nvim](https://github.com/akinsho/bufferline.nvim) | A snazzy bufferline for Neovim. |
| [akinsho/toggleterm.nvim](https://github.com/akinsho/toggleterm.nvim) | A neovim lua plugin to help easily manage multiple terminal windows. |
| [ap/vim-css-color](https://github.com/ap/vim-css-color) | Preview colours in source code while editing. |
| [editorconfig/editorconfig-vim](https://github.com/editorconfig/editorconfig-vim) | EditorConfig plugin for Vim. |
| [folke/tokyonight.nvim](https://github.com/folke/tokyonight.nvim) | Theme |
| [kyazdani42/nvim-tree.lua](https://github.com/kyazdani42/nvim-tree.lua) | A file explorer tree for neovim written in lua. |
| [kyazdani42/nvim-web-devicons](https://github.com/kyazdani42/nvim-web-devicons) | Lua "fork" of vim-web-devicons for neovim. |
| [lewis6991/gitsigns.nvim](https://github.com/lewis6991/gitsigns.nvim) | Git integration for buffers. |
| [lukas-reineke/indent-blankline.nvim](https://github.com/lukas-reineke/indent-blankline.nvim) | Indent guides for Neovim. |
| [numToStr/Comment.nvim](https://github.com/numToStr/Comment.nvim) | Smart and powerful comment plugin for neovim. |
| [nvim-lua/plenary.nvim](https://github.com/nvim-lua/plenary.nvim) | All the lua functions I [they] don't want to write twice. |
| [nvim-lualine/lualine.nvim](https://github.com/nvim-lualine/lualine.nvim) | neovim statusline plugin written in pure lua. |
| [nvim-telescope/telescope.nvim](https://github.com/nvim-telescope/telescope.nvim) | Find, Filter, Preview, Pick. All lua, all the time. |
| [nvim-treesitter/nvim-treesitter-textobjects](https://github.com/nvim-treesitter/nvim-treesitter-textobjects) | Syntax aware text-objects, select, move, swap, and peek support. |
| [nvim-treesitter/nvim-treesitter](https://github.com/nvim-treesitter/nvim-treesitter) | Nvim Treesitter configurations and abstraction layer. |
| [ThePrimeagen/vim-be-good](https://github.com/ThePrimeagen/vim-be-good) | Nvim plugin designed to make you better at Vim Movements. |
| [tpope/vim-fugitive](https://github.com/tpope/vim-fugitive) | A Git wrapper so awesome, it should be illegal. |
| [vim-telescope/telescope-fzf-native.nvim](https://github.com/nvim-telescope/telescope-fzf-native.nvim) | Find, Filter, Preview, Pick. All lua, all the time. |
| [wellle/targets.vim](https://github.com/wellle/targets.vim) | Vim plugin that provides additional text objects. |

1
content/Outlines.md
View File

@ -6,7 +6,6 @@ tags:
- learning
- writing
---
Learning how to write with brevity (short-form), how to write long-form, how to use gesticulation. Looking for ways to streamline producing written content.
## Questions to Be Answered by Post

2
content/Podcasts.md
View File

@ -3,8 +3,8 @@ title: Podcasts
tags:
- list
compartir: true
category: Lists
---
## Regular Shows
_These are the shows I listen to on release._

21
content/Poetry.md
View File

@ -8,7 +8,6 @@ tags:
compartir: true
enableToc: true
---
Poetry is a broad literary category that covers everything from bawdy limericks to unforgettable song lyrics to the sentimental couplets inside greeting cards. A **poem** is a singular piece of poetry.
- Show, don't tell. The goal is to provoke an emotion in the reader.
@ -23,7 +22,10 @@ Sometimes poetry is most impactful when it's listened to rather than read. Take
> [!quote] The Cold Wind Blows by Kelly Roper
>
> Who knows why the cold wind blows Or where it goes, or what it knows. It only flows in passionate throes Until it finally slows and settles in repose.
> Who knows why the cold wind blows
> Or where it goes, or what it knows.
> It only flows in passionate throes
> Until it finally slows and settles in repose.
Poets create _sound_ in a variety of ways, like alliteration, assonance, and consonance.
@ -39,7 +41,15 @@ Stressed and unstressed syllables aren't the only way you can create rhythm in y
> [!quote] Still I Rise by Maya Angelou
>
> Leaving behind nights of terror and fear I rise Into a daybreak that's wondrously clear I rise Bringing the gifts that my ancestors gave, I am the dream and the hope of the slave. I rise I rise I rise.
> Leaving behind nights of terror and fear
> I rise
> Into a daybreak that's wondrously clear
> I rise
> Bringing the gifts that my ancestors gave,
> I am the dream and the hope of the slave.
> I rise
> I rise
> I rise.
## Time to Rhyme
@ -47,7 +57,10 @@ With poetry, rhythm and rhyme go hand in hand. Both create musicality in the poe
> [!quote] Jabberwocky by Lewis Carrol
>
> One, two! One, two! And through and through The vorpal blade went snicker-snack! He left it dead, and with its head He went galumphing back.
> One, two! One, two! And through and through
> The vorpal blade went snicker-snack!
> He left it dead, and with its head
> He went galumphing back.
## Formatting

4
content/Projects.md
View File

@ -2,7 +2,6 @@
title: Projects
compartir: true
---
# Projects
A non-inclusive, non-exhaustive compilation of both my professional and personal projects.
@ -53,7 +52,8 @@ _Approx. budget: $1,070,000_
### 🚨 MTPD Substation Rehab
Rehabilitate previous public space into new Metro Transit Police Dept. Substation in downtown Saint Paul.
Rehabilitate previous public space into new Metro
Transit Police Dept. Substation in downtown Saint Paul.
_Approx. budget: $880,000_
### 🚗 Pavement Management Program

1
content/Python Cheat Sheet.md
View File

@ -2,7 +2,6 @@
title: Python Cheat Sheet
compartir: true
---
# Python Cheat Sheet
- Python terminal: `python3` in cmd.

9
content/Quotes.md
View File

@ -3,7 +3,6 @@ title: Quotes
description: Quotes that have resonated with me.
compartir: true
---
Collection of quotes I like.
## Random
@ -32,7 +31,10 @@ Collection of quotes I like.
## Ashtavakra Gita
> "The wise man knows the Self, And he plays the game of life. But the fool lives in the world Like a beast of burden."
> "The wise man knows the Self,
> And he plays the game of life.
> But the fool lives in the world
> Like a beast of burden."
## Big Mouth
@ -128,7 +130,8 @@ Collection of quotes I like.
>
> I don't know. The only thing I do know… is that we have to be kind.
>
> Please. Be kind… especially when we don't know what's going on. I know you see yourself as a fighter. Well, I see myself as one too. This is how I fight."
> Please. Be kind… especially when we don't know what's going on.
> I know you see yourself as a fighter. Well, I see myself as one too. This is how I fight."
## Yuval Noah Harari

1
content/Reverse Outlines.md
View File

@ -3,7 +3,6 @@ title: Reverse Outlines
compartir: true
source: https://writing.wisc.edu/handbook/process/reverseoutlines/
---
Reverse outlines are often used by writers to check their work. **Reverse Outlining** is a process whereby you take away all of the supporting writing and are left with a paper's main points or main ideas, sometimes represented by your paper's topic sentences.
[Read more](https://writing.wisc.edu/handbook/process/reverseoutlines/).

6
content/Rhizomatic Learning.md
View File

@ -2,12 +2,10 @@
title: Rhizomatic Learning
compartir: true
---
## Introduction
Rhizomatic learning is a variety of pedagogical practices informed by the work of Gilles Deleuze and Félix Guattari. It takes it's name from the rhizome.
> [!Rhizome] Underground stem in which various plants asexually reproduce via budding.
> [!Rhizome]
> Underground stem in which various plants asexually reproduce via budding.
## Background

3
content/Rhombic Dodecahedron.md
View File

@ -2,9 +2,6 @@
title: Rhombic Dodecahedron
compartir: true
---
## Introduction
In geometry, the rhombic dodecahedron is a convex polyhedron with 12 congruent rhombic faces. It has 24 edges, and 14 vertices of 2 types. It is a Catalan solid, and the dual polyhedron of the cuboctahedron.
## Rhombic Dodecahedral Honeycomb

3
content/Sans-serif.md
View File

@ -4,9 +4,6 @@ compartir: true
tags:
- typography
---
## Definition
In typography and lettering, a "sans-serif", "sans serif", "gothic", or simply "sans" letterform is one that does not have extending features called "serifs" at the end of strokes. Sans-serif typefaces tend to have less stroke width variation than serif typefaces. They are often used to convey simplicity and modernity or minimalism.
## Font Family in CSS

1
content/Scope of Work.md
View File

@ -2,7 +2,6 @@
title: Scope of Work
compartir: true
---
A scope of work or SOW, is a descriptive document or working agreement that contains all information regarding the size of a project, the goals a team should accomplish by the end of the project and steps required to complete the project.
You might create an SOW when multiple parties are working together on the project and there are certain requirements to meet. This document usually includes of an introduction, objective overview, an outline of the expected work and tasks, schedule for deliverables, adoption plan and conclusion or sign off.

1
content/Scry Your Tasks.md
View File

@ -2,7 +2,6 @@
title: Scry Your Tasks
compartir: true
---
To _scry_ is to see or predict the future by means of a crystal ball. It is also the ability to look at the top cards of your deck and rearrange them in Magic the Gathering. This note was inspired by [Cortex](https://www.relay.fm/cortex) [Episode 142](https://www.relay.fm/cortex/142) where Myke and Grey discuss scrying your task lists.
In terms of organization, scrying your task list allows you to determine what is the order of 2 to 5 things that _need_ to happen.

3
content/Serif.md
View File

@ -4,9 +4,6 @@ compartir: true
tags:
- typography
---
## Definition
In typography, a serif (/ˈsɛrɪf/) is a small line or stroke regularly attached to the end of a larger stroke in a letter or symbol within a particular font or family of fonts.
## Font Family in CSS

1
content/Static Site Generators.md
View File

@ -4,7 +4,6 @@ compartir: true
tags:
- markdown
---
Static site generators (SSGs) are engines that use text input files (such as [[Markdown|Markdown]], [reStructuredText](https://docutils.sourceforge.io/rst.html), and [AsciiDoc](https://asciidoc.org/)) to generate static web pages. SSGs are typically for rarely-changing, informative content, such as product pages, news websites, (software) documentation, manuals, and blogs.
Popular choices in SSGs include:

7
content/Svelte.md
View File

@ -2,10 +2,7 @@
title: Svelte
compartir: true
---
## Introduction
[Svelte](https://svelte.dev/) is a modern [[./JavaScript#JavaScript Frameworks|JavaScript Framework]] for building web applications. It compiles components into efficient, framework-free [[./JavaScript|JavaScript]] code, resulting in fast and lightweight applications. With its reactive approach and declarative syntax, Svelte simplifies development and delivers impressive performance.
[Svelte](https://svelte.dev/) is a modern [[JavaScript#JavaScript Frameworks|JavaScript Framework]] for building web applications. It compiles components into efficient, framework-free [[JavaScript|JavaScript]] code, resulting in fast and lightweight applications. With its reactive approach and declarative syntax, Svelte simplifies development and delivers impressive performance.
## Example
@ -41,4 +38,4 @@ compartir: true
</style>
```
In this example, we have a Svelte component that displays a heading, paragraph, and a button. When the button is clicked, the `handleClick` function is called, which displays an alert with the name variable interpolated. The component also includes some basic styling using [[./CSS|CSS]] in the `<style>` block.
In this example, we have a Svelte component that displays a heading, paragraph, and a button. When the button is clicked, the `handleClick` function is called, which displays an alert with the name variable interpolated. The component also includes some basic styling using [[CSS|CSS]] in the `<style>` block.

1
content/Sweep Your Mind.md
View File

@ -5,7 +5,6 @@ compartir: true
tags:
- digital-gardening
---
These notes make it possible to offload a massive amount of information while demonstrating "perfect recall" when needed. The goal of a mind sweep is to identify everything that requires your attention or has the possibility of seeping into and affecting other parts of your life. These include things that are stealing your focus, not letting you get your work done properly, etc.
When you identify these things, you will realize that there are things in your head that you haven't been doing anything about. More often than not, this is related to some level of incompletion or procrastination. As long as things keep accumulating, there's no way they will get done. You can start to progress through these actions with a mind sweep.

1
content/The Moon (Earth).md
View File

@ -2,7 +2,6 @@
title: The Moon (Earth)
compartir: true
---
Earth's only natural satellite. Orbits around the Earth at an average distance of 384,400 km (238,900 mi).
The usual English proper name for Earth's natural satellite is simply _Moon_. Occasionally, the name **Luna** is used in scientific writing and science fiction to distinguish our moon from others. **Cynthia** is another poetic name, though rare, for the Moon personified as a goddess, while **Selene** (literally "Moon") is the Greek goddess of the Moon.

1
content/Uses.md
View File

@ -4,7 +4,6 @@ alias:
- Uses
compartir: true
---
A non-comprehensive list of the hardware and software I use on a day-to-day basis.
## Hardware

20
content/Words.md
View File

@ -2,9 +2,12 @@
title: Words I Like
compartir: true
---
Compilation of Words I like. Visit the [source](https://wordwarriors.wayne.edu/list).
## Abridged (adjective)
1. Shortened or condensed especially by the omission of words or passages.
## Acrimonious (adjective)
1. Angry and bitter.
@ -13,7 +16,8 @@ Compilation of Words I like. Visit the [source](https://wordwarriors.wayne.edu/l
## Anodyne (adjective)
1. Capable of soothing or eliminating pain.
2. Not likely to offend or arouse tensions. Also used as a _noun_ to describe something that soothes, calms, or comforts.
2. Not likely to offend or arouse tensions.
Also used as a _noun_ to describe something that soothes, calms, or comforts.
## Arete (noun)
@ -41,11 +45,21 @@ Compilation of Words I like. Visit the [source](https://wordwarriors.wayne.edu/l
1. The action of thinking deeply about something. Example: "Sorry, did I interrupt your cogitation?"
2. The act of thinking very carefully about a subject, or the thoughts themselves.
## Colophon (noun)
1. An inscription at the end of a book or manuscript usually with facts about its production.
2. An identifying mark used by a printer or a publisher.
## Contrivance (noun)
1. The use of skill to bring something about or create something. Example: "The requirements of the system, by happy chance and some contrivance, can be summed up in an acronym."
2. A device, especially in literary or artistic composition, which gives a sense of artificiality.
## Defenestration (noun)
1. A throwing of a person or thing out of a window.
2. A usually swift dismissal or expulsion (as from a political party or office).
## Diacritic (noun)
1. A mark near or through an orthographic or phonetic character or combination of characters indicating a phonetic value different from that given the unmarked or otherwise marked element.
@ -113,7 +127,7 @@ Compilation of Words I like. Visit the [source](https://wordwarriors.wayne.edu/l
1. To understand intuitively or by empathy, to establish rapport with.
2. To empathize or communicate sympathetically (with); also, to experience enjoyment.
3. [Neologism](https://en.wikipedia.org/wiki/Neologism "Neologism") coined by American writer [Robert A. Heinlein](https://en.wikipedia.org/wiki/Robert_A._Heinlein "Robert A. Heinlein") for his 1961 [science fiction](https://en.wikipedia.org/wiki/Science_fiction "Science fiction") novel *[Stranger in a Strange Land](https://en.wikipedia.org/wiki/Stranger_in_a_Strange_Land "Stranger in a Strange Land")*.
3. [Neologism](https://en.wikipedia.org/wiki/Neologism "Neologism") coined by American writer [Robert A. Heinlein](https://en.wikipedia.org/wiki/Robert_A._Heinlein "Robert A. Heinlein") for his 1961 [science fiction](https://en.wikipedia.org/wiki/Science_fiction "Science fiction") novel _[Stranger in a Strange Land](https://en.wikipedia.org/wiki/Stranger_in_a_Strange_Land "Stranger in a Strange Land")_.
## Halcyon (noun)

65
content/Zola.md
View File

@ -3,9 +3,6 @@ title: Zola
description: Zola is a fast static site generator in a single binary with everything built-in.
compartir: true
---
## Introduction
[Zola](https:) is a fast [[Static Site Generators|static site generator]] (SSG) contained in a single binary with everything built-in, it has no other dependencies. It is _by far_ my preferred way to build static websites.
SSGs use dynamic templates to transform content into static HTML pages. Static sites are thus very fast and require no databases, making them easy to host. Content is written in [[Markdown|Markdown]].
@ -25,3 +22,65 @@ zola check
# Build w/ Options
zola --root /path/to/project --config config.staging.toml build --base-url $DEPLOY_URL --output-dir $DOCUMENT_ROOT
```
## Table of Contents
```html
<style>
details {
border: 1px solid #aaa;
border-radius: 4px;
padding: 0.5em 0.5em 0;
}
summary {
font-weight: bold;
margin: -0.5em -0.5em 0;
padding: 0.5em;
}
details[open] {
padding: 0.5em;
}
details[open] summary {
border-bottom: 1px solid #aaa;
margin-bottom: 0.5em;
}
</style>
{% if page.toc %}
<details open>
{# <details> #}
<summary>
Table of Contents
</summary>
<ul class="sublist-toc">
{% for h1 in page.toc %}
<li>
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
{% if h1.children %}
<ul class="sublist-toc">
{% for h2 in h1.children %}
<li>
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
<ul class="sublist-toc">
{% for h3 in h2.children %}
<li>
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</details>
{% endif %}
```

1
content/index.md
View File

@ -3,7 +3,6 @@ title: Welcome!
description: Forgetful Notes—A digital garden of knowledge. A platform for my learning and creative endeavours. A space for thinking through, building upon, and coming back to.
compartir: true
---
You've come across **Forgetful Notes**—a [[Digital Garden|digital garden]] of knowledge. Come in and make yourself comfortable.
This website serves as a platform for my learning and creative endeavours. A space for thinking through, building upon, and coming back to. It is part of my effort to organize my own theories, concepts, and ideas in a more public setting.