mirror of
https://github.com/jackyzha0/quartz.git
synced 2026-03-24 23:15:46 -05:00
run format
This commit is contained in:
semanticdata
parent
bd3653963a
commit
5dd77ab91f
@ -8,6 +8,7 @@ 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?
|
||||
|
||||
@ -4,6 +4,7 @@ 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.
|
||||
@ -62,8 +63,7 @@ Below are maps showing the most southern extent of where aurora might be observa
|
||||
|
||||
### July 12th, 2023
|
||||
|
||||
|
||||
G is NOAA Geomagnetic Storm Index (0–5)
|
||||
 G is NOAA Geomagnetic Storm Index (0–5)
|
||||
Kp is Planetary K Index (0–9)
|
||||
|
||||
### September 18th, 2023
|
||||
|
||||
@ -4,6 +4,7 @@ description: This page was originally published on July 28, 2023 to aid in selec
|
||||
date: 2023-07-28
|
||||
compartir: true
|
||||
---
|
||||
|
||||
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
|
||||
@ -46,8 +47,7 @@ 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
|
||||
|
||||
@ -96,39 +96,39 @@ Selected $0.10 as the baseline after averaging some calculations.
|
||||
|
||||
### 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._
|
||||
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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:
|
||||
|
||||
@ -4,6 +4,7 @@ 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.
|
||||
|
||||
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.
|
||||
|
||||
@ -4,6 +4,7 @@ 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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/).
|
||||
@ -15,16 +16,16 @@ Alternatively, you may copy the code for a bookmarklet and create your own. If y
|
||||
```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)
|
||||
}
|
||||
```
|
||||
|
||||
@ -36,26 +37,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 &&
|
||||
@ -64,13 +65,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 +
|
||||
@ -78,8 +79,8 @@ javascript: (function () {
|
||||
(count == 1 ? "" : "s") +
|
||||
" of %27" +
|
||||
text +
|
||||
"%27.";
|
||||
})();
|
||||
"%27."
|
||||
})()
|
||||
```
|
||||
|
||||
### First Commit of Repository
|
||||
@ -92,15 +93,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
|
||||
@ -108,8 +109,7 @@ 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
|
||||
}
|
||||
})();
|
||||
})()
|
||||
```
|
||||
|
||||
@ -3,6 +3,7 @@ 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
|
||||
|
||||
@ -2,6 +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.
|
||||
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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/).
|
||||
|
||||
@ -4,6 +4,7 @@ aliases:
|
||||
- CSS
|
||||
compartir: true
|
||||
---
|
||||
|
||||
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
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Callouts Showcase
|
||||
compartir: true
|
||||
---
|
||||
|
||||
> [!EXAMPLE] Examples
|
||||
>
|
||||
> Aliases: example
|
||||
|
||||
@ -4,4 +4,5 @@ compartir: true
|
||||
tags:
|
||||
- music
|
||||
---
|
||||
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -2,10 +2,11 @@
|
||||
title: Color Palettes
|
||||
compartir: true
|
||||
---
|
||||
|
||||
# Color Palettes
|
||||
|
||||
| Color | 🎨 | Hex |
|
||||
| :--------: | :------------------------------------------------------------: | :-------: |
|
||||
| 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` |
|
||||
@ -16,8 +17,8 @@ compartir: true
|
||||
| Background | <div style="background:#1f2937;width:1rem;height:1rem;"></div> | `#1f2937` |
|
||||
| Background | <div style="background:#212737;width:1rem;height:1rem;"></div> | `#212737` |
|
||||
|
||||
| Color | 🎨 | Hex |
|
||||
| ------ | -------------------------------------------------------------: | --------- |
|
||||
| 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` |
|
||||
@ -30,15 +31,15 @@ compartir: true
|
||||
| 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` |
|
||||
| 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 |
|
||||
| ------ | -------------------------------------------------------------: | --------- |
|
||||
| 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` |
|
||||
@ -48,8 +49,8 @@ compartir: true
|
||||
|
||||
## Aura
|
||||
|
||||
| Color | 🎨 | Hex |
|
||||
| ------ | -------------------------------------------------------------: | --------- |
|
||||
| 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` |
|
||||
@ -58,35 +59,35 @@ compartir: true
|
||||
|
||||
## `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" /> |
|
||||
| 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" /> |
|
||||
| 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
|
||||
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -4,6 +4,7 @@ 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]].
|
||||
|
||||
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,6 +1,7 @@
|
||||
---
|
||||
compartir: true
|
||||
---
|
||||
|
||||
# Data
|
||||
|
||||
## Semantic
|
||||
|
||||
@ -4,6 +4,7 @@ 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.
|
||||
@ -16,6 +17,6 @@ Digital Gardens are explorable rather than structured as a strictly linear strea
|
||||
|
||||
## Kinds of Notes
|
||||
|
||||
- 🌱 _Seedlings_ for very rough and early ideas.
|
||||
- 🌿 _Budding_ for work I've cleaned up and clarified.
|
||||
- 🌳 _Evergreen_ for work that is reasonably complete (though I still tend these over time).
|
||||
- 🌱 *Seedlings* for very rough and early ideas.
|
||||
- 🌿 *Budding* for work I've cleaned up and clarified.
|
||||
- 🌳 *Evergreen* for work that is reasonably complete (though I still tend these over time).
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Emmet Cheat Sheet
|
||||
compartir: true
|
||||
---
|
||||
|
||||
- [Documentation](https://docs.emmet.io/)
|
||||
- [Documentation](https://code.visualstudio.com/docs/editor/emmet) for Emmet in VS Code
|
||||
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Espanso Cheat Sheet
|
||||
compartir: true
|
||||
---
|
||||
|
||||
Cross-platform Text Expander written in Rust.
|
||||
|
||||
Visit the [Documentation](https://espanso.org/docs/get-started/).
|
||||
|
||||
@ -3,6 +3,7 @@ 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
|
||||
@ -28,8 +29,7 @@ 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
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Grammar
|
||||
compartir: true
|
||||
---
|
||||
|
||||
## Singular Pluralities
|
||||
|
||||
### Archives
|
||||
|
||||
@ -6,6 +6,7 @@ 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).
|
||||
@ -15,23 +16,13 @@ When you are looking at a tab, you will see six horizontal lines. These lines re
|
||||
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
|
||||
|
||||
@ -5,6 +5,7 @@ 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,6 +5,7 @@ aliases:
|
||||
- JS
|
||||
compartir: true
|
||||
---
|
||||
|
||||
[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
|
||||
|
||||
@ -4,8 +4,7 @@ description: This section explores the concept of maintaining a Public Journal.
|
||||
compartir: true
|
||||
---
|
||||
|
||||
> [!note]
|
||||
> This page explores the concept of keeping a public journal, something I haven't done before. I'm still defining what exactly I should include in this journal. I'm currently making sure it's not too technical, or difficult to read.
|
||||
> [!note] This page explores the concept of keeping a public journal, something I haven't done before. I'm still defining what exactly I should include in this journal. I'm currently making sure it's not too technical, or difficult to read.
|
||||
|
||||
## 2024
|
||||
|
||||
@ -16,11 +15,11 @@ compartir: true
|
||||
- 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 remote repositories 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)
|
||||
- [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
|
||||
|
||||
@ -72,5 +71,5 @@ compartir: true
|
||||
- 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.
|
||||
- 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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.
|
||||
@ -82,7 +83,7 @@ Like `love.update`, this function is also called continuously, but rather than c
|
||||
|
||||
```lua
|
||||
function love.draw()
|
||||
love.graphics.print(score, 400, 300)
|
||||
love.graphics.print(score, 400, 300)
|
||||
end
|
||||
```
|
||||
|
||||
|
||||
@ -2,10 +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.
|
||||
|
||||
> [!Note]
|
||||
> This website's content is exclusively written in Markdown.
|
||||
> [!Note] This website's content is exclusively written in Markdown.
|
||||
|
||||
## Markdown Flavors
|
||||
|
||||
|
||||
@ -2,6 +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.
|
||||
|
||||
Examples of markup languages include:
|
||||
|
||||
@ -6,6 +6,7 @@ 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.
|
||||
|
||||
@ -4,6 +4,7 @@ compartir: true
|
||||
tags:
|
||||
- statistics
|
||||
---
|
||||
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Move Your Body
|
||||
compartir: true
|
||||
---
|
||||
|
||||
Move your body every day. Benefits include:
|
||||
|
||||
- Improved sleep quality.
|
||||
|
||||
@ -5,6 +5,7 @@ aliases:
|
||||
- Vim
|
||||
compartir: true
|
||||
---
|
||||
|
||||
NeoVim is a fork of Vim focused on extensibility and usability. This is my short reference guide as I learn to use it.
|
||||
|
||||
## Links
|
||||
@ -76,24 +77,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. |
|
||||
|
||||
@ -6,6 +6,7 @@ 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
|
||||
|
||||
@ -5,6 +5,7 @@ tags:
|
||||
compartir: true
|
||||
category: Lists
|
||||
---
|
||||
|
||||
## Regular Shows
|
||||
|
||||
_These are the shows I listen to on release._
|
||||
|
||||
@ -8,6 +8,7 @@ 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.
|
||||
@ -22,10 +23,7 @@ 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.
|
||||
|
||||
@ -41,15 +39,7 @@ 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
|
||||
|
||||
@ -57,10 +47,7 @@ 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
|
||||
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Projects
|
||||
compartir: true
|
||||
---
|
||||
|
||||
# Projects
|
||||
|
||||
A non-inclusive, non-exhaustive compilation of both my professional and personal projects.
|
||||
@ -52,8 +53,7 @@ _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
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Python Cheat Sheet
|
||||
compartir: true
|
||||
---
|
||||
|
||||
# Python Cheat Sheet
|
||||
|
||||
- Python terminal: `python3` in cmd.
|
||||
|
||||
@ -3,6 +3,7 @@ title: Quotes
|
||||
description: Quotes that have resonated with me.
|
||||
compartir: true
|
||||
---
|
||||
|
||||
Collection of quotes I like.
|
||||
|
||||
## Random
|
||||
@ -31,10 +32,7 @@ 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
|
||||
|
||||
@ -130,8 +128,7 @@ 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
|
||||
|
||||
|
||||
@ -3,6 +3,7 @@ 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/).
|
||||
|
||||
@ -2,10 +2,10 @@
|
||||
title: Rhizomatic Learning
|
||||
compartir: true
|
||||
---
|
||||
|
||||
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
|
||||
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Rhombic Dodecahedron
|
||||
compartir: true
|
||||
---
|
||||
|
||||
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
|
||||
|
||||
@ -4,6 +4,7 @@ compartir: true
|
||||
tags:
|
||||
- typography
|
||||
---
|
||||
|
||||
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
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -4,6 +4,7 @@ compartir: true
|
||||
tags:
|
||||
- typography
|
||||
---
|
||||
|
||||
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
|
||||
|
||||
@ -4,6 +4,7 @@ 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:
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Svelte
|
||||
compartir: true
|
||||
---
|
||||
|
||||
[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
|
||||
|
||||
@ -5,6 +5,7 @@ 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -4,6 +4,7 @@ alias:
|
||||
- Uses
|
||||
compartir: true
|
||||
---
|
||||
|
||||
A non-comprehensive list of the hardware and software I use on a day-to-day basis.
|
||||
|
||||
## Hardware
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Words I Like
|
||||
compartir: true
|
||||
---
|
||||
|
||||
Compilation of Words I like. Visit the [source](https://wordwarriors.wayne.edu/list).
|
||||
|
||||
## Abridged (adjective)
|
||||
@ -16,8 +17,7 @@ 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)
|
||||
|
||||
@ -127,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)
|
||||
|
||||
|
||||
@ -3,6 +3,7 @@ title: Zola
|
||||
description: Zola is a fast static site generator in a single binary with everything built-in.
|
||||
compartir: true
|
||||
---
|
||||
|
||||
[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]].
|
||||
@ -27,60 +28,60 @@ zola --root /path/to/project --config config.staging.toml build --base-url $DEPL
|
||||
|
||||
```html
|
||||
<style>
|
||||
details {
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
padding: 0.5em 0.5em 0;
|
||||
}
|
||||
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;
|
||||
}
|
||||
summary {
|
||||
font-weight: bold;
|
||||
margin: -0.5em -0.5em 0;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
details[open] {
|
||||
padding: 0.5em;
|
||||
}
|
||||
details[open] {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
details[open] summary {
|
||||
border-bottom: 1px solid #aaa;
|
||||
margin-bottom: 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>
|
||||
{#
|
||||
<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 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>
|
||||
<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 %}
|
||||
</details>
|
||||
{% endif %}
|
||||
```
|
||||
|
||||
@ -3,6 +3,7 @@ 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.
|
||||
|
||||
Loading…
Reference in New Issue
Block a user