OcttKB Cross-Repo Sync (HTML to Raw)

This commit is contained in:
octospacc 2024-02-02 00:10:05 +00:00
parent 2b3d04cd98
commit fc71ccb5f8
17 changed files with 73 additions and 38 deletions

View File

@ -1,6 +1,6 @@
created: 20230429182925276
creator: Octt
modified: 20240130163041628
modified: 20240202000719084
modifier: Octt
tags:
title: JavaScript/Libraries
@ -14,6 +14,7 @@ Note: some are still in [[Web/Development]]
* [[Axios|https://axios-http.com/]] --- //Promise based HTTP client for the browser and node.js// --- <<[# Git"https://github.com/axios">>
** [[How to display response error message with axios|https://stackoverflow.com/questions/44385872/how-to-display-response-error-message-with-axios]] --- `try { ... } catch(err) { console.log(err.response.data.message) }`
* [[DefiantJS|https://www.defiantjs.com/]] --- //provides the ability for you to build smart templates applicable on JSON structures, based upon proven & standardized technologies such as XSLT and XPath// (currently has some bugs, they can be accounted for in own code) --- <<[# Git "https://github.com/hbi99/defiant.js">>
* [[javascript-quiz-library|https://www.zimmi.cz/javascript-quiz-library/]] --- //Very simple JS library for quiz creation// --- <<[# Git "https://github.com/zimmicz/javascript-quiz-library">>
!!! ''Do-all''

View File

@ -1,6 +1,6 @@
created: 20230221204801305
creator: Octt
modified: 20240130151210109
modified: 20240202000534255
modifier: Octt
tags:
title: Web/Development
@ -12,7 +12,7 @@ title: Web/Development
!!! ''References''
; Misc
: [[Window: postMessage()|https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage]]
: <<MDNLink Web/API/Channel_Messaging_API "Channel Messaging API">>, [[Window: postMessage()|https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage]]
: [[Proxy Auto-Configuration (PAC) file|https://developer.mozilla.org/en-US/docs/Web/HTTP/Proxy_servers_and_tunneling/Proxy_Auto-Configuration_PAC_file]]
; DOM querying
@ -48,6 +48,8 @@ title: Web/Development
* [[Web Accessibility Developer Guide|https://www.accessibility-developer-guide.com/]]
* [[Using <style> tags in the <body> with other HTML|https://stackoverflow.com/questions/2830296/using-style-tags-in-the-body-with-other-html]] --- there once was a `scoped` attribute for `<style>` blocks, but it's nowadays deprecated and styles apply to all document elements despite their own position in the tree
* [[MDX|https://mdxjs.com/]] --- //Markdown for the component era//
* [[Convert any website into a PWA in just 3 simple steps|https://dev.to/developertharun/convert-any-website-into-a-pwa-in-just-3-simple-steps-35pp]]
* [[SPA source code recovery by un-Webpacking source maps|https://medium.com/@rarecoil/spa-source-code-recovery-by-un-webpacking-source-maps-ef830fc2351d]] - ''[[unwebpack-sourcemap|https://github.com/rarecoil/unwebpack-sourcemap]]''
* [[How to inject service-worker.js to a webpage via Chrome Extension? I want to add offline functionality to the existing page|https://stackoverflow.com/questions/72356003/how-to-inject-service-worker-js-to-a-webpage-via-chrome-extension-i-want-to-add]]

View File

@ -1,7 +1,7 @@
created: 20230209150101862
creator: Octt
icon: 💅
modified: 20240130154503348
modified: 20240202000036873
modifier: Octt
page-cover: https://images.unsplash.com/photo-1523437113738-bbd3cc89fb19
tags: Web Frontend
@ -17,6 +17,7 @@ title: CSS
* [[CSS Attribute Selectors|https://www.w3schools.com/css/css_attribute_selectors.asp]]
* [[CSS Borders [w3s]|https://www.w3schools.com/css/css_border.asp]]
** <<MDNLink Web/CSS/border-style border-style>> --- all ways to style a border, not only colors
* [[CSS @import Rule|https://www.w3schools.com/cssref/pr_import_rule.php]] --- `@import "style.css";` or `@import url("style.css");`
!!! ''Tips''

View File

@ -1,7 +1,8 @@
created: 20230218181942782
creator: Octt
modified: 20240127233538211
modified: 20240201232125324
modifier: Octt
page-cover: https://source.unsplash.com/random?cryptocurrency
tags:
title: Cryptocurrency
@ -36,6 +37,9 @@ It's a fork of Bitcoin. There are some advantages, some technical and some situa
!!! ''[[Ethereum|https://ethereum.org/]]'' (ETH)
* https://github.com/ethereum
* [[go-ethereum|https://geth.ethereum.org/]] --- //Official Go implementation of the Ethereum protocol// (Execution Client)
* [[Curated Ethereum Lists|http://lists.eth/]] --- <<[# Git "https://github.com/ethereum-lists">>
* [[ChainList|https://chainlist.org]] --- //Helping users connect to EVM powered networks// --- <<[# Git "https://github.com/DefiLlama/chainlist">>
; Self-custodial Wallets
: [[AlphaWallet|https://alphawallet.com/]] (Android) - <<[ "[[Git|https://github.com/AlphaWallet]]">>

View File

@ -1,6 +1,6 @@
created: 20230613185754543
creator: Octt
modified: 20231227013022723
modified: 20240201231333586
modifier: Octt
tags:
title: Development
@ -13,6 +13,10 @@ title: Development
** [[metajs|http://www.jezng.com/metajs/]] --- //visualize javascript AST execution// --- <<[# Git"https://github.com/int3/metajs">>
* [[NamsoGen|https://namso-gen.com]] --- //Your Testing Toolkit//
!!! Misc Languages
* [[Go Programming Language|https://go.dev/]] --- <<[# Git "https://github.com/golang">>
!!! Resources
* <<WikipediaL "Dependency hell">>

View File

@ -0,0 +1,10 @@
created: 20240131235647198
creator: Octt
modified: 20240201201110267
modifier: Octt
tags:
title: Interoperability
<<^WikipediaFrame "Interoperability">>
* [[matterbridge|https://github.com/42wim/matterbridge]] --- // chat bridges between a growing number of protocols.//

View File

@ -1,6 +1,6 @@
created: 20230207185112276
creator: Octt
modified: 20231221190746217
modified: 20240201233107504
modifier: Octt
tags: Server
title: Nginx
@ -17,6 +17,7 @@ title: Nginx
* [[How to reply with 200+content from Nginx, without serving a file?|https://serverfault.com/questions/196929/how-to-reply-with-200-from-nginx-without-serving-a-file]]
* [[nginx redirect based on domain name|https://serverfault.com/questions/832456/nginx-redirect-based-on-domain-name/832474#832474]]
* [[Using variables in Nginx location rules|https://stackoverflow.com/questions/15416957/using-variables-in-nginx-location-rules/61513351#61513351]] --- nginx doesn't have proper variables, but the map module is often usable
* [[How do I add Access-Control-Allow-Origin in NGINX?|https://serverfault.com/questions/162429/how-do-i-add-access-control-allow-origin-in-nginx]] --- `location ... { add_header Access-Control-Allow-Origin *; }`
* [[Install more_set_headers in nginx for Debian-based distro|https://serverfault.com/questions/954708/install-more-set-headers-in-nginx-1-15-8]] --- `apt install nginx-extras`, keeping in mind that it will rewrite the nginx core package, so any active nginx daemon will crash and need to be restarted.
** Apparently all extra modules get enabled by default after this installation, and some might crash on some systems: if so, delete their symlinks from `/etc/nginx/modules-enabled`.

View File

@ -1,6 +1,6 @@
created: 20230227073605348
creator: Octt
modified: 20240130121821679
modified: 20240201201511790
modifier: Octt
page-cover: https://source.unsplash.com/random?palette
tags: Color
@ -8,4 +8,5 @@ title: Palette
<<^wikipediaframe "Color scheme" en>>
* [[Solarized|https://ethanschoonover.com/solarized/]] - //Precision colors for machines and people// - <<[ "[[Git|https://github.com/altercation/solarized]]">>
* [[What's a color palette for blue, green, yellow, and red that is legible on both light and dark backgrounds?|https://graphicdesign.stackexchange.com/questions/54755/whats-a-color-palette-for-blue-green-yellow-and-red-that-is-legible-on-both]]
** [[Solarized|https://ethanschoonover.com/solarized/]] - //Precision colors for machines and people// - <<[ "[[Git|https://github.com/altercation/solarized]]">>

View File

@ -1,6 +1,6 @@
created: 20230905232949767
creator: Octt
modified: 20240130161941155
modified: 20240201232824901
modifier: Octt
tags:
title: Static site generator
@ -29,6 +29,7 @@ title: Static site generator
*** <<linkdescgit "Jekflix Template" "https://jekflix.rossener.com/" "A Jekyll theme inspired by Netflix. 🎬" "https://github.com/thiagorossener/jekflix-template">>
*** [[TeXt Theme|https://kitian616.github.io/jekyll-TeXt-theme/]] --- //💎 🐳 A super customizable Jekyll theme for personal site, team site, blog, project, documentation, etc. // --- <<[# Git"https://github.com/kitian616/jekyll-TeXt-theme">>
** [[Working with upcoming posts in Jekyll|https://www.fizerkhan.com/blog/posts/working-with-upcoming-posts-in-jekyll]]
* [[Pelican|https://getpelican.com/]]
** [[Eevee|https://kura.gg/eevee/]] --- //A Material Design theme for Pelican//
* Zola
** [[Terminimal|https://pawroman.github.io/zola-theme-terminimal/]] --- //simple, minimal retro theme for Zola// --- <<[# Git "https://github.com/pawroman/zola-theme-terminimal/">>

View File

@ -1,7 +1,8 @@
created: 20230531085848781
creator: Octt
modified: 20231224151741749
modified: 20240201235924359
modifier: Octt
page-cover: https://source.unsplash.com/random?typography
tags:
title: Typography
@ -11,7 +12,10 @@ title: Typography
<<^wikipediaframe Font>>
* [[Fontesk|https://fontesk.com/]] --- //A curated font library of the best high quality free fonts to download for commercial and personal use.//
* [[Dotsies|https://dotsies.org/]] --- // Dotsies is a font that uses dots instead of letters. The latin alphabet (abc...) was created thousands of years ago, and is optimized for writing, not reading. About time for an update, no?//
* [[Single Day|https://fonts.google.com/specimen/Single+Day]]
* [[ArrowType|https://www.arrowtype.com/]] --- //Timeless fonts for modern typography. Type design & development. Arrow Type is the one-person type foundry and studio of Stephen Nixon.// --- <<[# Git"https://github.com/arrowtype">>
** [[The ArrowType Blog|https://blog.arrowtype.com/]] --- //Notes on type design & development//
@ -24,6 +28,7 @@ Interesting fonts, for specific uses or fun:
* <<WikipediaLink "Blackboard bold">>
* <<WikipediaLink "Small caps">>
* [[Times New Bastard|https://github.com/weiweihuanghuang/Times-New-Bastard]] - //It's Times New Roman but every seventh letter is jarringly sans-serif.//
* [[Honk|https://github.com/EkType/Honk]] --- // Honk is a COLRv1, variable, modular, display typeface by Ek Type. It is a digital interpretation of the bold and vibrant lettering seen on Indian trucks.//
Good fonts, for multiple uses:

View File

@ -1,16 +1,13 @@
.context: 1
.type: masonry
.width: 33
created: 20240129095948486
creator: Octt
modified: 20240130144632702
modified: 20240201203754580
modifier: Octt
tags: $:/Apps
title: $:/Apps/MagicBox
\define SearchResults(fields)
<$list filter="[!is[system]search:$fields${$:/temp/MagicBox!!.input}sort[title]limit[100]]">
<div class=`MagicBoxApplet result ${[{$:/Apps/MagicBox!!.type}]}$` style=`background-image: url("${[{!!page-cover}]}$");`>
<$list filter="[!is[system]search:$fields${$:/temp/Apps/MagicBox!!.input}sort[title]limit[100]]">
<div class=`MagicBoxApplet result ${[{$:/state/Apps/MagicBox!!.type}]}$` style=`background-image: url("${[{!!page-cover}]}$");`>
<$button class="OcttKB-BorderFocus tc-btn-invisible">
<$action-sendmessage $message="tm-close-tiddler" $param=<<closeOnChoose>>/>
<$action-navigate $to={{!!title}}/>
@ -18,8 +15,8 @@ title: $:/Apps/MagicBox
<h3>
<$link to={{!!title}} tabindex="-1"/>
</h3>
<$if value={{$:/Apps/MagicBox!!.context}}>
<$context term={{$:/temp/MagicBox!!.input}} tabindex="-1"/>
<$if value={{$:/state/Apps/MagicBox!!.context}}>
<$context term={{$:/temp/Apps/MagicBox!!.input}} tabindex="-1"/>
</$if>
<!--</$link>-->
</$button>
@ -28,14 +25,14 @@ title: $:/Apps/MagicBox
\end
<div class="MagicBoxApplet options">
<$checkbox field=".context" checked="1">Context</$checkbox>
<$checkbox tiddler="$:/state/Apps/MagicBox" field=".context" checked="1">Context</$checkbox>
&nbsp;
<!--<$edit-text field=".type" placeholder="Display Type"/>-->
<$checkbox field=".type" checked="grid" unchecked="masonry">Fixed Grid</$checkbox>
<$checkbox tiddler="$:/state/Apps/MagicBox" field=".type" checked="grid" unchecked="masonry">Fixed Grid</$checkbox>
&nbsp;
<$range field=".width" min="19" max="49"/>{{!!.width}}
<$range tiddler="$:/state/Apps/MagicBox" field=".width" min="19" max="49"/>{{$:/state/Apps/MagicBox!!.width}}
&nbsp;
<$edit-text tiddler="$:/temp/MagicBox" field=".input" class="OcttKB-BorderFocus _input" placeholder="Search..." tabindex="0"/>
<$edit-text tiddler="$:/temp/Apps/MagicBox" field=".input" class="OcttKB-BorderFocus _input" placeholder="Search..." tabindex="0"/>
</div>
<$action-sendmessage $message="tm-focus-selector" $param=".MagicBoxApplet.options > ._input"/>
@ -48,8 +45,8 @@ title: $:/Apps/MagicBox
<style>
@media (max-width: 500px) {
.MagicBoxApplet.result {
min-width: calc(({{!!.width}}% * 2) - 16px) !important;
max-width: calc(({{!!.width}}% * 3) - 16px) !important;
min-width: calc(({{$:/state/Apps/MagicBox!!.width}}% * 2) - 16px) !important;
max-width: calc(({{$:/state/Apps/MagicBox!!.width}}% * 3) - 16px) !important;
}
}
.MagicBoxApplet.result {
@ -60,12 +57,12 @@ title: $:/Apps/MagicBox
background-position: center;
}
.MagicBoxApplet.result.grid {
width: calc({{!!.width}}% - 16px);
width: calc({{$:/state/Apps/MagicBox!!.width}}% - 16px);
aspect-ratio: 16/9;
vertical-align: top;
}
.MagicBoxApplet.result.masonry {
max-width: calc({{!!.width}}% - 16px);
max-width: calc({{$:/state/Apps/MagicBox!!.width}}% - 16px);
}
.MagicBoxApplet.result h3 {
margin-top: 25%;
@ -97,11 +94,11 @@ title: $:/Apps/MagicBox
}
</style>
<$if value={{{ [{$:/temp/MagicBox!!.input}split[]count[]compare:integer:gteq[3]then[1]] }}}>
<$if value={{{ [search:title{$:/temp/MagicBox!!.input}then[0]else[1]] }}}>
<$if value={{{ [{$:/temp/Apps/MagicBox!!.input}split[]count[]compare:integer:gteq[3]then[1]] }}}>
<$if value={{{ [search:title{$:/temp/Apps/MagicBox!!.input}then[0]else[1]] }}}>
<$button>
<$action-sendmessage $message="tm-close-tiddler" $param=<<closeOnChoose>>/>
<$action-sendmessage $message="tm-new-tiddler" title={{$:/temp/MagicBox!!.input}} />
<$action-sendmessage $message="tm-new-tiddler" title={{$:/temp/Apps/MagicBox!!.input}} />
Create as New Tiddler
</$button>
</$if>

View File

@ -1,5 +1,5 @@
created: 20240130172821991
created: 20240202000957722
current-tiddler: GettingStarted
modified: 20240130172821991
modified: 20240202000957722
title: $:/HistoryList
type: application/json

View File

@ -1,6 +1,6 @@
created: 20240130112855333
created: 20240201103901246
creator: Octt
list:
modified: 20240130172625759
modified: 20240202000540108
modifier: Octt
title: $:/StoryList

View File

@ -0,0 +1,8 @@
.context: 1
.type: grid
.width: 33
created: 20240201203800454
creator: Octt
modified: 20240201203804588
modifier: Octt
title: $:/state/Apps/MagicBox

View File

@ -1,6 +1,6 @@
created: 20220920140732083
creator: Octt
modified: 20240130143619413
modified: 20240201201558103
modifier: Octt
title: $:/state/showeditpreview

View File

@ -1,6 +1,6 @@
created: 20220920092307479
creator: Octt
modified: 20240130172746108
modified: 20240201220037394
modifier: Octt
title: $:/state/tab/sidebar--595412856

View File

@ -1,6 +1,6 @@
created: 20221107223237374
creator: Octt
modified: 20231105181810264
modified: 20240201201550457
modifier: Octt
title: $:/state/tree/$:/state/