Use Array.prototype.map() and Array.prototype.join(delimiter) to combine individual 1D arrays (rows) into strings.
Use Array.prototype.join('\n') to combine all rows into a CSV string, separating each row with a newline.
Omit the second argument, delimiter, to use a default delimiter of ,.
Jason Spidle panoptican
panoptican
/ Karabiner Elements configuration
Created
July 11, 2021 18:54
Personalized configuration for Karabiner Elements to make my Macbook keyboard behave similarly to my treasured Moonlander keyboard.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "global": { | |
| "check_for_updates_on_startup": true, | |
| "show_in_menu_bar": false, | |
| "show_profile_name_in_menu_bar": false | |
| }, | |
| "profiles": [ | |
| { | |
| "complex_modifications": { | |
| "parameters": { |
panoptican
/ (js)-array-to-csv.md
Last active
October 3, 2018 00:04
[(JS) Array - to CSV] Converts a 2D array to a comma-separated values (CSV) string. #array #js
panoptican
/ device-frame.css
Last active
October 3, 2018 00:00
[SVG Device Frame] perfectly align an image or video in an SVG container #foundry
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .sqs-block-code { | |
| .video-block { | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center; | |
| } | |
| .mobile-video-block { | |
| position: relative; | |
| @media @for-phone-only { |
panoptican
/ autoplay-video.html
Created
October 2, 2018 23:45
[Autoplaying Video Embed] the proper HTML markup to make your video autoplay #foundry
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <video autoplay muted loop playsinline> | |
| <source src="case-study-video.webm" type="video/webm"/> | |
| <source src="case-study-video.webm" type="video/mp4"/> | |
| </video> |
panoptican
/ focus-none.css
Created
October 2, 2018 23:40
[No Focus CSS] CSS rule to remove focus style #foundry
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| *:focus { | |
| outline: none; | |
| } |
panoptican
/ squarespace-query.html
Created
October 2, 2018 23:39
[Squarespace Query] an example of a JSON-T query #foundry
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <squarespace:query collection="work" featured="true" limit="2"> | |
| {.repeated section items} | |
| <a class="projects__tile" data-item-id="{id}" href="{fullUrl}" title="{title}"> | |
| <div class="projects__tile-image"> | |
| {.main-image?} | |
| <img {@|image-meta} /> | |
| {.end} | |
| </div> | |
| <div class="projects__tile-text"> | |
| <h3> |
panoptican
/ squarespace-open-block.html
Created
October 2, 2018 23:39
[Squarespace Open Block] an example of an open block field #foundry
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="util__z-above-overlay text-container "> | |
| <squarespace:block-field | |
| id="home__hero-header" | |
| class="util__text-red" | |
| columns="12" | |
| lock-layout="true" /> | |
| <squarespace:block-field | |
| id="home__hero-description" | |
| class="util__text-white" | |
| columns="12" |
panoptican
/ keybase.md
Last active
May 15, 2017 05:39
I hereby claim:
- I am panoptican on github.
- I am panoptican (https://keybase.io/panoptican) on keybase.
- I have a public key whose fingerprint is D0DD 216F AA65 8906 9AD2 A517 5D65 88B7 AACA 045A
To claim this, I am signing this object: