`
20 | * Quit: `\q`
21 |
22 | ### Creating database
23 |
24 | $ createdb databasename
25 |
--------------------------------------------------------------------------------
/src/components/V2017/CarbonBox.astro:
--------------------------------------------------------------------------------
1 | ---
2 | import { carbon } from '~/config'
3 | const useCarbon = carbon.enabled
4 | ---
5 |
6 |
7 | {useCarbon ? : null}
8 |
9 |
10 |
11 |
12 |
13 |
14 |
18 |
--------------------------------------------------------------------------------
/src/lib/links.ts:
--------------------------------------------------------------------------------
1 | import { github } from '~/config'
2 | import type { SheetPage } from './page'
3 |
4 | export function getEditLink(page: { slug: string } | null | undefined) {
5 | if (!page) return null
6 | return `${github.repositoryUrl}/blob/${github.branch}/${page.slug}.md`
7 | }
8 |
9 | export function getUrlFromPage(
10 | page?: SheetPage | undefined,
11 | siteUrl?: URL | undefined
12 | ) {
13 | if (!siteUrl) throw new Error('No site URL found')
14 | if (!page) return siteUrl.toString()
15 | if (page.slug) return `${siteUrl}${page.slug}`
16 | throw new Error("Can't get URL from page")
17 | }
18 |
--------------------------------------------------------------------------------
/premailer.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Premailer
3 | tags: [WIP]
4 | intro: |
5 | [Premailer](https://github.com/premailer/premailer/) is a Ruby library that inlines CSS into HTML.
6 | ---
7 |
8 | ### Custom CSS properties
9 |
10 |
11 | ```css
12 | table, th, td {
13 | /* Available on table, th and td elements */
14 | -premailer-width: 32px;
15 | }
16 |
17 | table, tr, th, td {
18 | /* Available on table, tr, th and td elements */
19 | -premailer-height: 32px;
20 | }
21 |
22 | table {
23 | /* Available on table elements */
24 | -premailer-cellpadding: 32px;
25 | -premailer-cellspacing: 32px;
26 | }
27 | ```
28 |
--------------------------------------------------------------------------------
/src/sass/2017/components/search-footer.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Search bar around the footer
3 | */
4 |
5 | .search-footer {
6 | & {
7 | @include section-with-container;
8 | padding-top: 16px;
9 | padding-bottom: 16px;
10 | background: $gray-bg;
11 | border-top: solid 1px $dark-line-color;
12 | border-bottom: solid 1px $dark-line-color;
13 | }
14 | }
15 |
16 | .search-footer-section {
17 | & {
18 | display: flex;
19 | }
20 |
21 | & > .search {
22 | flex: 0 1 640px;
23 | }
24 |
25 | & > .links {
26 | @include gutter(padding-left);
27 | flex: 0 1 auto;
28 | margin-left: auto;
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/src/lib/page/accessors.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Accessors: things that get stuff from a specific record. Usually in the form
3 | * of `get(page, ...) -> any`
4 | */
5 |
6 | import type { SheetPage } from '../page'
7 |
8 | /**
9 | * Check if a page has a tag
10 | */
11 |
12 | export function hasTag(page: SheetPage, tagName: string): boolean {
13 | return (
14 | (page.frontmatter.tags && page.frontmatter.tags.includes(tagName)) || false
15 | )
16 | }
17 |
18 | /**
19 | * Checks if something should appear on the homepage
20 | */
21 |
22 | export function isListed(page: SheetPage): boolean {
23 | return page.frontmatter.category !== 'Hidden'
24 | }
25 |
--------------------------------------------------------------------------------
/src/pages/__tests__/sitemap.xml.test.ts:
--------------------------------------------------------------------------------
1 | import { GET } from '../sitemap.xml'
2 |
3 | let lines: string[]
4 |
5 | beforeEach(async () => {
6 | if (lines) return
7 | const response = await GET()
8 | const body = await response.text()
9 | lines = body.split('\n')
10 | })
11 |
12 | test('has data', async () => {
13 | expect(lines).toContain('https://devhints.io/react')
14 | expect(lines).toContain('https://devhints.io/bash')
15 | })
16 |
17 | test('skip unlisted sheets', async () => {
18 | expect(lines).not.toContain(
19 | 'https://devhints.io/tests/basic'
20 | )
21 | })
22 |
--------------------------------------------------------------------------------
/frequency-separation-retouching.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Frequency separation retouching
3 | category: Others
4 | ---
5 |
6 | ### Frequency separation retouching in Photoshop
7 |
8 | Duplicate the layer twice. Perform these in each layer:
9 | {: .-setup}
10 |
11 | #### Lower layer
12 |
13 | - Apply **Gaussian Blur**
14 |
15 | #### Upper layer
16 |
17 | - Set layer mask to **Linear light**
18 | - Image → **Apply Image**
19 | - Layer: _(select the lower layer)_
20 | - Blending mode: `Subtract`
21 | - Scale: `2`
22 | - Offset: `128`
23 |
24 | ### Reference
25 |
26 | -
27 | {: .-also-see}
28 |
--------------------------------------------------------------------------------
/src/components/V2017Sheet/SearchFooter.astro:
--------------------------------------------------------------------------------
1 | ---
2 | import SearchForm from './SearchForm.astro'
3 | ---
4 |
5 |
17 |
18 |
23 |
--------------------------------------------------------------------------------
/animated_gif.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Animated GIFs
3 | category: CLI
4 | ---
5 |
6 | ## Animated GIFs
7 | {: .-one-column}
8 |
9 | ### Convert MP4 to GIF
10 |
11 | ```bash
12 | mkdir -p gif
13 | mplayer -ao null -vo gif89a:outdir=gif $INPUT
14 | mogrify -format gif *.png
15 | gifsicle --colors=256 --delay=4 --loopcount=0 --dither -O3 gif/*.gif > ${INPUT%.*}.gif
16 | rm -rf gif
17 | ```
18 |
19 | You'll need `mplayer`, `imagemagick` and `gifsicle`. This converts frames to .png, then turns them into an animated gif.
20 |
21 | ### A given range
22 |
23 | ```bash
24 | mplayer -ao null -ss 0:02:06 -endpos 0:05:00 -vo gif89a:outdir=gif videofile.mp4
25 | ```
26 |
27 | See `-ss` and `-endpos`.
28 |
--------------------------------------------------------------------------------
/src/sass/2017/components/h2-section.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * h2 section
3 | */
4 |
5 | .h2-section {
6 | // Hide first h2 heading
7 | @apply [&:first-child>h2]:hidden;
8 |
9 | // Space between
10 | @apply md:mt-16 md:first-of-type:mt-0;
11 | }
12 |
13 | .h2-section h2 {
14 | @apply font-manrope font-extrabold tracking-[-0.02em];
15 | @apply text-3xl text-zinc-950 target:text-mildindigo-600;
16 | @apply scroll-mt-6;
17 | }
18 |
19 | a.local-anchor {
20 | @apply text-2xl ml-2 text-mildindigo-500 opacity-0;
21 | @apply hover:opacity-100 focus:opacity-100;
22 | @apply hover:no-underline;
23 | }
24 |
25 | .h2-section h2:hover a.local-anchor {
26 | @apply opacity-100;
27 | }
28 |
--------------------------------------------------------------------------------
/src/scripts/v2017/behaviors_2/dismiss.js:
--------------------------------------------------------------------------------
1 | import { getData } from '../helpers/data'
2 | import * as Dismiss from '../helpers/dismiss'
3 |
4 | /**
5 | * Dismiss button
6 | */
7 |
8 | export function setupDismiss() {
9 | document.querySelectorAll('[data-js-dismiss]').forEach((el) => {
10 | const parent = el.closest('[data-js-dismissable]')
11 | const dismissable = getData(parent, 'js-dismissable')
12 | const id = (dismissable && dismissable.id) || ''
13 |
14 | el.addEventListener('click', (e) => {
15 | Dismiss.setDismissed(id)
16 | e.preventDefault()
17 | if (parent && parent.parentNode) parent.parentNode.removeChild(parent)
18 | })
19 | })
20 | }
21 |
--------------------------------------------------------------------------------
/analytics.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Analytics libraries
3 | category: Analytics
4 | ---
5 |
6 | ### Mixpanel
7 |
8 | ```js
9 | mixpanel.identify('284');
10 | mixpanel.people.set({ $email: 'hi@gmail.com' });
11 | mixpanel.register({ age: 28, gender: 'male' }); /* set common properties */
12 | ```
13 |
14 | [mixpanel](./mixpanel)
15 | {: .-crosslink}
16 |
17 | ### Google Analytics's analytics.js
18 |
19 | ```js
20 | ga('create', 'UA-XXXX-Y', 'auto');
21 | ga('create', 'UA-XXXX-Y', { userId: 'USER_ID' });
22 | ```
23 |
24 | ```js
25 | ga('send', 'pageview');
26 | ga('send', 'pageview', { 'dimension15': 'My custom dimension' });
27 | ```
28 |
29 | [analytics.js](./analytics.js)
30 | {: .-crosslink}
31 |
--------------------------------------------------------------------------------
/ledger-query.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Ledger queries
3 | category: Ledger
4 | ---
5 |
6 | ### About
7 |
8 | -
9 |
10 | ### Query characters
11 |
12 | | Query | Description |
13 | | --- | --- |
14 | | `@payee` | Payee |
15 | | `%tag` | Tag |
16 | | `=note` | Note |
17 | | `#code` | Code |
18 | | --- | --- |
19 | | `TERM and TERM` | Boolean and |
20 | | `TERM or TERM` | Boolean or |
21 | | `not TERM` | Boolean not |
22 |
23 | ### Examples
24 |
25 | ```sh
26 | ledger r @taco
27 | ledger r comment =~ /landline/
28 | ```
29 |
--------------------------------------------------------------------------------
/phoenix@1.2.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Phoenix 1.2
3 | category: Elixir
4 | weight: -1
5 | updated: 2018-03-06
6 | ---
7 |
8 | See [Phoenix](./phoenix) for a more updated cheatsheet.
9 |
10 | ### Directory structure (Legacy 1.2)
11 |
12 | ```
13 | ├── _build
14 | ├── config/
15 | ├── deps/
16 | ├── lib/
17 | │ ├── hello/
18 | │ ├── hello.ex
19 | ├── node_modules/
20 | ├── priv/
21 | ├── test/
22 | └── web/
23 | │ ├── channels/
24 | │ ├── controllers/
25 | │ ├── models/
26 | │ ├── static/
27 | │ ├── templates/
28 | │ ├── views/
29 | │ ├── gettext.ex
30 | │ ├── router.ex
31 | │ ├── web.ex
32 | ├── mix.exs
33 | ```
34 |
35 | This is Phoenix 1.2's structure. Phoenix 1.3 has no `models`.
36 |
--------------------------------------------------------------------------------
/src/sass/2017/components/push-button.scss:
--------------------------------------------------------------------------------
1 | .push-button {
2 | display: inline-block;
3 | text-decoration: none;
4 | padding: 8px 16px;
5 | border-radius: 3px;
6 |
7 | &,
8 | &:visited {
9 | background-color: $base-a;
10 | background: $base-a-gradient;
11 | color: white;
12 | }
13 |
14 | &:hover,
15 | &:focus {
16 | background: darken($base-a, 16%);
17 | box-shadow: none;
18 | color: white;
19 | }
20 | }
21 |
22 | .push-button.-dark {
23 | &,
24 | &:visited {
25 | background: darken($base-a, 16%);
26 | color: white;
27 | }
28 |
29 | &:hover,
30 | &:focus {
31 | background: darken($base-a, 24%);
32 | color: white;
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/types/JsonLdDocument.ts:
--------------------------------------------------------------------------------
1 | export type JsonLdNewsArticle = {
2 | '@context': 'http://schema.org'
3 | '@type': 'NewsArticle'
4 | mainEntityOfPage: {
5 | '@type': 'WebPage'
6 | '@id': string
7 | }
8 | headline: string
9 | image: string[]
10 | description: string
11 | }
12 |
13 | export type JsonLdListItem = {
14 | '@type': 'ListItem'
15 | position: number
16 | item: {
17 | '@id': string
18 | name: string
19 | }
20 | }
21 |
22 | export type JsonLdBreadcrumbList = {
23 | '@context': 'http://schema.org'
24 | '@type': 'BreadcrumbList'
25 | itemListElement: JsonLdListItem[]
26 | }
27 |
28 | export type JsonLdDocument = JsonLdNewsArticle | JsonLdBreadcrumbList
29 |
--------------------------------------------------------------------------------
/src/scripts/v2017/helpers/dismiss.js:
--------------------------------------------------------------------------------
1 | import * as Store from './store'
2 |
3 | /**
4 | * Dismisses an announcement.
5 | *
6 | * @example
7 | * setDismissed('2017-09-02-happy-birthday')
8 | */
9 |
10 | export function setDismissed(id) {
11 | Store.update('dismissed', function (data) {
12 | data[id] = true
13 | return data
14 | })
15 | }
16 |
17 | /**
18 | * Checks if an announcement has been dismissed before.
19 | *
20 | * @example
21 | * setDismissed('2017-09-02-happy-birthday')
22 | * isDismissed('2017-09-02-happy-birthday') => true
23 | */
24 |
25 | export function isDismissed(id) {
26 | const data = Store.fetch('dismissed')
27 | return data && data[id]
28 | }
29 |
--------------------------------------------------------------------------------
/src/sass/2017/components/autocomplete.scss:
--------------------------------------------------------------------------------
1 | // Overrides for npm:autocompleter
2 |
3 | .autocomplete {
4 | border: none;
5 | padding: 0.5rem;
6 | padding-top: 0;
7 | border-bottom-left-radius: 4px;
8 | border-bottom-right-radius: 4px;
9 | box-shadow: $shadow3;
10 | transform: translate(-8px, -2px);
11 | }
12 | .autocomplete > div {
13 | padding: 0.5rem;
14 | border-radius: 4px;
15 | }
16 | .autocomplete > div:hover:not(.group) {
17 | background: $base-body;
18 | }
19 | .autocomplete > div + div:not(.selected) {
20 | box-shadow: inset 0 1px $line-color;
21 | }
22 | .autocomplete > div.selected,
23 | .autocomplete > div.selected:hover {
24 | background: $base-c;
25 | color: #fff;
26 | }
27 |
--------------------------------------------------------------------------------
/handlebars.js.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Handlebars.js
3 | category: JavaScript libraries
4 | weight: -1
5 | ---
6 |
7 | {% raw %}
8 |
9 | ### Helpers
10 |
11 | ```js
12 | Handlebars.registerHelper('link_to', function() {
13 | return "" + this.body + "";
14 | })
15 | ```
16 |
17 | ```js
18 | var context = { posts: [{url: "/hello-world", body: "Hello World!"}] }
19 | var source = "{{#posts}}- {{{link_to}}}
{{/posts}}
"
20 | ```
21 |
22 | ```js
23 | var template = Handlebars.compile(source)
24 | template(context)
25 | ```
26 |
27 | Would render:
28 |
29 | ```html
30 |
33 | ```
34 |
35 | {% endraw %}
36 |
--------------------------------------------------------------------------------
/social-images.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Social media images
3 | ---
4 |
5 | ### Facebook
6 |
7 | | What | Dimensions |
8 | |:---- | ----------:|
9 | | Cover photo | 851 x 315 |
10 | | Display picture | 168 x 168 ? |
11 | | Highlighted image | 1200 x 717 (appears 843 x 504) |
12 | | Share link (og:image) | 940 x 492 (1.91:1, appears as 470 x 246) |
13 | | Share link (square) | 1:1, appears as 114 x 114? |
14 |
15 | ### Twitter
16 |
17 | | What | Dimensions |
18 | |:---- | ----------:|
19 | | Page header | 1500 x 500 |
20 | | Display picture | 400 x 400 (shown as 200x200) |
21 | | In-stream photo preview | 440 x 220 (2:1) |
22 |
23 | ### References
24 |
25 | *
26 |
--------------------------------------------------------------------------------
/src/sass/2017/components/home-button.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Home button inside `search-footer`
3 | */
4 |
5 | .home-button {
6 | & {
7 | display: inline-block;
8 | box-shadow: inset 0 0 0 1px $dark-line-color;
9 | border-radius: 50%;
10 | }
11 |
12 | &,
13 | &:visited {
14 | color: $base-mute;
15 | }
16 |
17 | &:hover,
18 | &:focus {
19 | background-color: $base-a;
20 | color: white;
21 | }
22 |
23 | & > i::before {
24 | content: '';
25 | @include ion-ios-home-outline(24px, $base-mute);
26 | height: 48px;
27 | line-height: 48px;
28 | width: 48px;
29 | }
30 |
31 | &:hover > i::before {
32 | background-image: ion-ios-home-image(white);
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/components/V2017Sheet/RelatedPostItem.astro:
--------------------------------------------------------------------------------
1 | ---
2 | import type { SheetPage } from '~/lib/page'
3 |
4 | export type Props = {
5 | class?: string
6 | page: SheetPage
7 | }
8 | const props = Astro.props as Props
9 | const page = props.page
10 | const url = `/${page.slug}`
11 |
12 | const t = {
13 | suffix: 'cheatsheet'
14 | }
15 | ---
16 |
17 |
18 |
19 | {page.frontmatter.title}
20 | {' '}
21 |
22 | {t.suffix}
23 |
24 |
25 |
26 |
27 |
31 |
--------------------------------------------------------------------------------
/harvey.js.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Harvey.js
3 | category: JavaScript libraries
4 | intro: |
5 | [Harvey.js](http://harvesthq.github.io/harvey/) helps you build responsive interfaces.
6 | ---
7 |
8 | ### Usage
9 |
10 | ```js
11 | Harvey.attach('(min-width: 600px)', {
12 | setup: function () {
13 | // Called on first enter
14 | },
15 | on: function () {
16 | // Called on every enter
17 | },
18 | off: function () {
19 | // Called on every exit
20 | }
21 | })
22 | ```
23 |
24 | ### Deprecated
25 |
26 | Harvey.js hasn't been updated in a while, as of time of writing. Consider [enquire.js](https://github.com/WickyNilliams/enquire.js) instead.
27 |
28 | ### References
29 |
30 | *
31 |
--------------------------------------------------------------------------------
/google-webfonts.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Google Webfonts
3 | intro: |
4 | Short snippets on using [Google Webfonts](https://google.com/fonts) in a web page.
5 | ---
6 |
7 | ### Link tag
8 |
9 |
10 | ```html
11 |
12 | ```
13 |
14 | ### CSS import
15 |
16 |
17 | ```css
18 | /* One font */
19 | @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
20 |
21 | /* Combining multiple fonts */
22 | @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400italic|Montserrat:400,700'');
23 | ```
24 |
25 | Great for using with [Codepen.io](https://codepen.io/) or similar websites!
26 |
--------------------------------------------------------------------------------
/nodejs-path.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Node.js path API
3 | category: Node.js
4 | intro: |
5 | Quick reference to the [Node.js path API](https://nodejs.org/api/path.html).
6 | ---
7 |
8 | ### Functions
9 |
10 | ```js
11 | const fs = require('fs')
12 |
13 | fs.realpath('/etc/passwd', function (err, path) {
14 | path // => "/private/etc/passwd"
15 | })
16 | ```
17 |
18 | ```js
19 | const path = require('path')
20 | dir = path.join('etc', 'passwd')
21 | dir = path.resolve('/etc', 'passwd', '..', 'var')
22 | ```
23 |
24 | ```js
25 | path.dirname('/etc/passwd') // => "/etc"
26 | path.basename('/etc/passwd') // => "passwd"
27 | path.basename('/etc/rc.d', '.d') // => "rc"
28 | ```
29 |
30 | ### References
31 |
32 | - https://nodejs.org/api/path.html
33 |
--------------------------------------------------------------------------------
/ruby21.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Ruby 2.1
3 | category: Ruby
4 | tags: [Archived]
5 | intro: |
6 | Quick reference to the [new features in Ruby 2.1](https://www.ruby-lang.org/).
7 | ---
8 |
9 | ### Named arguments with defaults
10 |
11 | ```ruby
12 | # length is required
13 | def pad(num, length:, char: "0")
14 | num.to_s.rjust(length, char)
15 | end
16 | ```
17 |
18 | ```ruby
19 | pad(42, length: 6) #=> "000042"
20 | pad(42) #=> #
21 | ```
22 |
23 | ### Module.prepend
24 |
25 | ```ruby
26 | prepend(
27 | Module.new do
28 | define_method ...
29 | end
30 | )
31 | ```
32 |
33 | ### References
34 |
35 | - http://globaldev.co.uk/2013/03/ruby-2-0-0-in-detail
36 | - http://globaldev.co.uk/2014/05/ruby-2-1-in-detail
37 |
--------------------------------------------------------------------------------
/saucelabs.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Saucelabs
3 | ---
4 |
5 | ### Getting started
6 |
7 | Sign up for opensauce:
8 | {: .-setup}
9 |
10 | - http://saucelabs.com/opensauce
11 |
12 | Install [zuul](https://npmjs.com/package/zuul):
13 |
14 | ```
15 | npm i -g zuul
16 | ```
17 |
18 | Configure zuul:
19 |
20 | ```yml
21 | # ~/.zuulrc
22 | sauce_username: me
23 | sauce_key: abc12348-e3e2-...
24 | ```
25 |
26 | Add `.zuul.yml` to your project:
27 |
28 | ```yml
29 | # .zuul.yml
30 | ui: mocha-bdd
31 | browsers:
32 | - name: chrome
33 | version: latest
34 | - name: ie
35 | version: 6..latest
36 | - name: firefox
37 | version: latest
38 | ```
39 |
40 | Try to run tests:
41 |
42 | ```
43 | zuul test/test.js
44 | zuul --local test/test.js
45 | ```
46 |
--------------------------------------------------------------------------------
/src/lib/fuseSearch/__snapshots__/fuseSearch.test.ts.snap:
--------------------------------------------------------------------------------
1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2 |
3 | exports[`Simple pages scenario > multi-result search 1`] = `
4 | [
5 | {
6 | "item": {
7 | "slug": "react",
8 | "title": "React",
9 | },
10 | "refIndex": 0,
11 | },
12 | {
13 | "item": {
14 | "slug": "react-router",
15 | "title": "React Router",
16 | },
17 | "refIndex": 2,
18 | },
19 | ]
20 | `;
21 |
22 | exports[`Simple pages scenario > no-result search 1`] = `[]`;
23 |
24 | exports[`Simple pages scenario > one-result search 1`] = `
25 | [
26 | {
27 | "item": {
28 | "slug": "vim",
29 | "title": "Vim",
30 | },
31 | "refIndex": 1,
32 | },
33 | ]
34 | `;
35 |
--------------------------------------------------------------------------------
/src/sass/2017/markdown/ul.scss:
--------------------------------------------------------------------------------
1 | @use 'sass:math';
2 |
3 | .MarkdownBody ul.-six-column {
4 | & {
5 | display: flex;
6 | flex-wrap: wrap;
7 | }
8 |
9 | & > li {
10 | flex: 0 0 math.div(100%, 6);
11 |
12 | @media (max-width: 480px) {
13 | flex: 0 0 (100% * 0.5);
14 | }
15 |
16 | @media (max-width: 768px) {
17 | flex: 0 0 (100% * 0.25);
18 | }
19 | }
20 | }
21 |
22 | .MarkdownBody ul.-four-column {
23 | & {
24 | display: flex;
25 | flex-wrap: wrap;
26 | }
27 |
28 | & > li {
29 | flex: 0 0 (100% * 0.25);
30 |
31 | @media (max-width: 480px) {
32 | flex: 0 0 (100% * 0.5);
33 | }
34 |
35 | @media (max-width: 768px) {
36 | flex: 0 0 math.div(100%, 3);
37 | }
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/virtual-dom.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Virtual-dom
3 | category: JavaScript libraries
4 | ---
5 |
6 | ### About
7 |
8 | See
9 |
10 | ### Example
11 |
12 | ```js
13 | var h = require('virtual-dom/h')
14 | var diff = require('virtual-dom/diff')
15 | var patch = require('virtual-dom/patch')
16 | var createElement = require('virtual-dom/create-element')
17 | ```
18 |
19 | ### Rendering
20 |
21 | ```js
22 | tree = h('div', { style: { color: 'blue' } }, [ 'hello' ])
23 | el = createElement(tree)
24 | document.body.appendChild(root)
25 | ```
26 |
27 | ### Updating
28 |
29 | ```js
30 | tree2 = h('div', { style: { color: 'blue' } }, [ 'hello world' ])
31 | delta = diff(tree, tree2)
32 | el = patch(el, delta) // patch() modifies el
33 | ```
34 |
--------------------------------------------------------------------------------
/watchman.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Watchman
3 | updated: 2017-10-18
4 | weight: -1
5 | keywords:
6 | - "watchman watch ~/src"
7 | - "watchman watch-list"
8 | - "watchman -- trigger ~/rsc remake '*.js' -- make "
9 | ---
10 |
11 | ### Getting started
12 |
13 | ```bash
14 | watchman watch ./src
15 | ```
16 |
17 | Adds `./src` to the watch list.
18 |
19 | ```bash
20 | watchman -- trigger ./src retest '*.js' -- npm test
21 | ```
22 |
23 | Adds a trigger called `retest` to run `npm test` every time `*.js` changes in `./src`.
24 |
25 | ### Watching
26 |
27 | ```
28 | watchman watch ~/src
29 | watchman watch-list
30 | watchman watch-del ~/src
31 | ```
32 |
33 | ## Also see
34 |
35 | * [Documentation](https://facebook.github.io/watchman/docs/install.html) _(facebook.github.io)_
36 |
--------------------------------------------------------------------------------
/src/scripts/v2017/helpers/inject_disqus.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Injects disqus's scripts into the page.
3 | *
4 | * @example
5 | * inject('devhints.disqus.com')
6 | */
7 |
8 | export default function inject(host) {
9 | injectEmbed(host)
10 | injectCount(host)
11 | }
12 |
13 | export function injectEmbed(host) {
14 | const d = document
15 | const s = d.createElement('script')
16 | s.src = `https://${host}/embed.js`
17 | s.setAttribute('data-timestamp', +new Date())
18 | ;(d.head || d.body).appendChild(s)
19 | }
20 |
21 | export function injectCount(host) {
22 | const d = document
23 | const s = d.createElement('script')
24 | s.src = `https://${host}/count.js`
25 | s.id = 'dsq-count-scr'
26 | s.async = true
27 | ;(d.head || d.body).appendChild(s)
28 | }
29 |
--------------------------------------------------------------------------------
/src/scripts/v2017/helpers/store.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Updates a local storage key. If it doesn't exist, it defaults to an empty
3 | * object.
4 | *
5 | * @example
6 | * update('dismissed', (data) => {
7 | * data.lol = true
8 | * return data
9 | * })
10 | */
11 |
12 | export function update(key, fn) {
13 | if (!window.localStorage) return
14 | let data = JSON.parse(window.localStorage[key] || '{}')
15 | data = fn(data)
16 | window.localStorage[key] = JSON.stringify(data)
17 | }
18 |
19 | /**
20 | * Fetches a local storage key.
21 | *
22 | * @example
23 | * const data = fetch('dismissed')
24 | */
25 |
26 | export function fetch(key) {
27 | if (!window.localStorage) return
28 | return JSON.parse(window.localStorage[key] || '{}')
29 | }
30 |
--------------------------------------------------------------------------------
/spreadsheet.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Spreadsheet functions
3 | tags: [WIP]
4 | ---
5 |
6 | ### If
7 |
8 | ```
9 | =IF(test, then, else)
10 | =IF(EQ(A1, "paid"), "true", "false")
11 | ```
12 |
13 | ### Comparators
14 |
15 | ```
16 | =EQ(a,b)
17 | =NE(a,b)
18 | =GT(a,b)
19 | =GTE(a,b)
20 | =LT(a,b)
21 | =LTE(a,b)
22 | ```
23 |
24 | ### Math
25 |
26 | ```
27 | =POW(2, 32) # 2^32
28 | =SIN() ACOS() etc
29 | =CEILING(n,sig,mode)
30 | =FLOOR(n,sig,mode)
31 | =INT(n)
32 | ```
33 |
34 | ```
35 | =SUM(range)
36 | ```
37 |
38 | ```
39 | =SUMIF(range, criteria, sum_range)
40 | =SUMIF(A1:A5, ">300", B1:B5) # if A# is >300, use B#
41 | ```
42 |
43 | ### Core
44 |
45 | ```
46 | =TO_DATE(number)
47 | ```
48 |
49 | ### Vlook
50 |
51 | ```
52 | =VLOOKUP(value, range, column_index)
53 | ```
54 |
--------------------------------------------------------------------------------
/src/analytics/GoogleAnalytics.astro:
--------------------------------------------------------------------------------
1 | ---
2 | type Props = { measurementId: string }
3 | const props = Astro.props as Props
4 | const measurementId = props.measurementId
5 | ---
6 |
7 |
10 | {/* prettier-ignore */}
11 |
26 |
--------------------------------------------------------------------------------
/gh-pages.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: GitHub pages
3 | category: Jekyll
4 | ---
5 |
6 | ## Custom domains
7 |
8 | ### Custom domains
9 |
10 | ```sh
11 | $ echo "foobar.com" > CNAME
12 | $ git commit && git push
13 | ```
14 |
15 | Create a `CNAME` file with your domain on it.
16 |
17 | See: [Setting up a custom domain](https://help.github.com/articles/quick-start-setting-up-a-custom-domain/) _(github.com)_
18 |
19 | ### Set up your domain
20 |
21 | Subdomain (like www):
22 | {: .-setup}
23 |
24 | CNAME => username.github.io
25 |
26 | Apex domains:
27 | {: .-setup}
28 |
29 | ALIAS => username.github.io
30 |
31 | Apex domains (alternative):
32 | {: .-setup}
33 |
34 | A => 192.30.252.153
35 | A => 192.30.252.154
36 |
37 | ## References
38 | {: .-one-column}
39 |
40 | -
41 |
--------------------------------------------------------------------------------
/ledger-csv.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Ledger CSV format
3 | category: Ledger
4 | ---
5 |
6 | ## Ledger CSV format
7 | {: .-one-column}
8 |
9 | ```
10 | $ ledger csv
11 | ```
12 | {: .-setup}
13 |
14 | ```csv
15 | date , code , desc , account , currency , amt , pending/cleared , notes
16 | "2013/09/02" , "" , "things" , "Assets:Cash" , "P" , "-2000" , "*" , ""
17 | "2013/09/02" , "" , "things" , "Liabilities:Card" , "P" , "-200" , "*" , ""
18 | "2013/09/02" , "" , "things" , "Expenses:Things" , "P" , "2200" , "*" , ""
19 | "2013/09/04" , "" , "stuff" , "Assets:Cash" , "P" , "-20" , "*" , ""
20 | "2013/09/04" , "" , "stuff" , "Expenses:Others" , "P" , "20" , "*" , ""
21 | ```
22 |
--------------------------------------------------------------------------------
/css-antialias.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: CSS antialiasing
3 | category: CSS
4 | updated: 2017-10-13
5 | intro: |
6 | Here's a 4-line snippet on how to get beautiful, antialiased text with CSS.
7 | ---
8 |
9 | ### Antialias
10 | {: .-prime}
11 |
12 | ```css
13 | * {
14 | -webkit-font-smoothing: antialiased;
15 | -moz-osx-font-smoothing: grayscale;
16 | }
17 | ```
18 |
19 | ### Support
20 |
21 | * Firefox 25+ on OSX
22 | * Webkits (Chrome, Safari, etc)
23 |
24 | ## References
25 | {: .-one-column}
26 |
27 | * [maxvoltar.com](http://maxvoltar.com/archive/-webkit-font-smoothing)
28 | * [maximilianhoffman.com](http://maximilianhoffmann.com/posts/better-font-rendering-on-osx)
29 | * [ilikekillnerds.com](http://ilikekillnerds.com/2010/12/a-solution-to-stop-font-face-fonts-looking-bold-on-mac-browsers/)
30 | {: .-also-see}
31 |
--------------------------------------------------------------------------------
/public/_redirects:
--------------------------------------------------------------------------------
1 | /brew /homebrew 301
2 | /commander-js /commander.js 301
3 | /css-animation /css#animation 301
4 | /css-background /css#background 301
5 | /css-font /css#fonts 301
6 | /css-selectors /css#selectors 301
7 | /date /datetime 301
8 | /es2015 /es6 301
9 | /es2016 /es6 301
10 | /es2017 /es6 301
11 | /es2018 /es6 301
12 | /expect.js /expectjs 301
13 | /factory_girl /factory_bot 301
14 | /fetch /js-fetch 301
15 | /flexbox /css-flexbox 301
16 | /flowtype /flow 301
17 | /gpgconf /gnupg 301
18 | /gpg /gnupg 301
19 | /gutom /ph-food-delivery 301
20 | /handlebars-js /handlebars.js 301
21 | /harvey-js /harvey.js 301
22 | /immutable-js /immutable.js 301
23 | /jade /pug 301
24 | /jinja2 /jinja 301
25 | /package.json /package-json 301
26 | /package /package-json 301
27 | /phoenix-ecto@1.3 /phoenix-ecto 301
28 | /sh /bash 301
29 |
--------------------------------------------------------------------------------
/src/components/V2017Sheet/SearchForm.script.ts:
--------------------------------------------------------------------------------
1 | import autocomplete from 'autocompleter'
2 | import { fetchFuse, parseFuse } from '~/lib/fuseSearch/fuseSearch'
3 |
4 | export async function setup(input: HTMLInputElement) {
5 | let fuse
6 |
7 | autocomplete<{ label: string; value: string }>({
8 | input,
9 | fetch: async (text: string, update) => {
10 | fuse ??= parseFuse(await fetchFuse())
11 |
12 | const rows: Array<{ item: { title: string; slug: string } }> =
13 | fuse.search(text, { limit: 10 })
14 |
15 | update(
16 | rows.map((row) => ({ label: row.item.title, value: row.item.slug }))
17 | )
18 | },
19 | onSelect: (item) => {
20 | // ^ { label, value }
21 | const slug = item.value
22 | window.location.href = `/${slug}`
23 | }
24 | })
25 | }
26 |
--------------------------------------------------------------------------------
/ansi.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Ansi codes
3 | category: CLI
4 | intro: |
5 | Quick reference to ANSI color codes.
6 | ---
7 |
8 | ### Format
9 |
10 | ```
11 | \033[#m
12 | ```
13 |
14 | ### ANSI codes
15 |
16 | ```
17 | 0 clear
18 | 1 bold
19 | 4 underline
20 | 5 blink
21 |
22 | 30-37 fg color
23 | 40-47 bg color
24 |
25 | 1K clear line (to beginning of line)
26 | 2K clear line (entire line)
27 | 2J clear screen
28 | 0;0H move cursor to 0;0
29 |
30 | 1A move up 1 line
31 | ```
32 |
33 | ### Colors
34 |
35 | ```
36 | 0 black
37 | 1 red
38 | 2 green
39 | 3 yellow
40 | 4 blue
41 | 5 magenta
42 | 6 cyan
43 | 7 white
44 | ```
45 |
46 | ### Bash utilities
47 |
48 | ```sh
49 | hide_cursor() { printf "\e[?25l"; }
50 | show_cursor() { printf "\e[?25h"; }
51 | ```
52 |
--------------------------------------------------------------------------------
/vagrant.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Vagrant
3 | category: Devops
4 | intro: |
5 | [Vagrant](http://vagrantup.com) lets you build isolated virtual environments for your apps.
6 | ---
7 |
8 | ### Get started
9 |
10 | Add some base boxes:
11 | {: .-setup}
12 |
13 | ```bash
14 | vagrant box add precise64 http://files.vagrantup.com/precise64.box
15 | ```
16 |
17 | Work it:
18 |
19 | ```bash
20 | mkdir test_box
21 | cd test_box
22 | vagrant init precise64
23 | ```
24 |
25 | Run it:
26 |
27 | ```bash
28 | vagrant up
29 | vagrant ssh
30 | ```
31 |
32 | To stop, use one of the following:
33 |
34 | ```bash
35 | vagrant ssh # then: sudo shutdown -h now
36 | vagrant suspend
37 | vagrant destroy # !!
38 | ```
39 |
40 | ### Also see
41 |
42 | * [Vagrant website](http://vagrantup.com) _(vagrantup.com)_
43 | * [Vagrantfile cheatsheet](./vagrantfile)
44 |
--------------------------------------------------------------------------------
/zombie.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Zombie
3 | category: JavaScript libraries
4 | intro: |
5 | [Zombie](http://zombie.js.org/) is a full-stack testing solution for Node.js.
6 | ---
7 |
8 | ## Zombie
9 |
10 | ### Examples
11 |
12 | ```js
13 | browser
14 | .visit("http://.../", ->)
15 | .fill("email", "zombie@underworld.dead")
16 | .fill("password", "eat-the-living")
17 | .select("Born", "1985")
18 | .uncheck("Send newsletter")
19 | .clickLink("Link name")
20 | .pressButton("Sign", () => { ... })
21 | .text("H1")
22 | ```
23 |
24 | ### Expectations
25 |
26 | ```js
27 | expect(browser.query("#brains"))
28 |
29 | expect(browser.body.queryAll(".hand")).length 2
30 |
31 | console.log(browser.html())
32 | console.log(browser.html("table.parts"))
33 |
34 | expect(Browser.text(".card-nopad small"), "A better way to get around!")
35 | ```
36 |
--------------------------------------------------------------------------------
/commander.js.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Commander.js
3 | category: JavaScript libraries
4 | ---
5 |
6 | ### About
7 | {: .-intro}
8 |
9 | -
10 |
11 | ### Initialize
12 |
13 | var cli = require('commander');
14 |
15 | ### Options
16 |
17 | cli
18 | .version(require('../package').version)
19 | .usage('[options] ')
20 | .option('-w, --words ', 'generate words')
21 | .option('-i, --interval ', 'interval [1000]', 1000)
22 | .option('-s, --symbols', 'include symbols')
23 | .parse(process.argv);
24 |
25 | ### Help
26 |
27 | .on('--help', function() {
28 | console.log('');
29 | })
30 |
31 | ### Commands
32 |
33 | cli.outputHelp();
34 | cli.args == ["hello"];
35 |
36 | ### Other useful things
37 |
38 | process.exit(0);
39 |
40 |
41 |
--------------------------------------------------------------------------------
/rename.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: rename
3 | category: CLI
4 | ---
5 |
6 | ### Installation
7 |
8 | ```bash
9 | brew install rename
10 | ```
11 |
12 | See:
13 |
14 | ### Regex substitution
15 |
16 | ```bash
17 | rename 's/hello/world/' *.txt
18 | ```
19 |
20 | Rename `hello.txt` to `world.txt` and so on in `*.txt`.
21 |
22 | ### Replace extension
23 |
24 | ```bash
25 | rename -s .png .jpg.png *.png
26 | ```
27 |
28 | Replace `.png` with `.jpg.png` in `*.png`.
29 |
30 | ### Options
31 |
32 | | Option | Description |
33 | | --- | --- |
34 | | `-n` | Simulation |
35 | | `-l` | Symlink instead of rename |
36 | | `-i` | Interactive |
37 |
38 | ## Also see
39 |
40 | - [Rename website](http://plasmasturm.org/code/rename/) _(plasmasturm.org)_
41 |
--------------------------------------------------------------------------------
/src/sass/2017/markdown/headings.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * MarkdownBody context
3 | */
4 |
5 | .MarkdownBody h2 {
6 | @include heading-style;
7 | @include font-size(6);
8 | line-height: 1.2;
9 | font-weight: 200;
10 | font-family: $heading-font;
11 | margin-top: 0;
12 | }
13 |
14 | .MarkdownBody h3 {
15 | margin: 0;
16 | padding: 0;
17 | margin-bottom: 16px;
18 | font-family: $heading-font;
19 | @include font-size(2);
20 | font-weight: 400;
21 | color: $base-a;
22 | }
23 |
24 | .MarkdownBody {
25 | a,
26 | a:visited {
27 | color: $base-b;
28 | text-decoration: none;
29 | }
30 |
31 | a:hover {
32 | text-decoration: underline;
33 | }
34 |
35 | em {
36 | font-style: normal;
37 | color: $gray-text;
38 | }
39 |
40 | iframe {
41 | border: 0;
42 | margin: 0;
43 | width: 100%;
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/top.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: top
3 | category: CLI
4 | updated: 2020-01-01
5 | intro: See the processes in your Unix machine.
6 | ---
7 |
8 | ### Shortcuts
9 |
10 | | Shortcut | Description |
11 | | --------- | --------------------- |
12 | | `h` | shows help |
13 | | `q` | quits the program |
14 | | `m` | switches memory view |
15 | | `1` | switches cpu view |
16 | | `k` | kills process |
17 | | `Shift+p` | sorts by CPU usage |
18 | | `Shift+m` | sorts by memory usage |
19 | | `Shift+r` | reverses sorting |
20 | | `Shift+l` | searches for string |
21 | | `o` | adds a filter |
22 | | `u` | filter user |
23 | | `=` | clears filters |
24 | | `V` | Forest view |
25 | | `c` | show full path |
26 | {: .-shortcuts}
27 |
--------------------------------------------------------------------------------
/applinks.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Applinks
3 | category: HTML
4 | ---
5 |
6 | ### About
7 |
8 | -
9 |
10 | ### Applinks
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | ### Device types
23 |
24 | * `ios`
25 | * `ipad`
26 | * `iphone`
27 | * `android`
28 | * `windows_phone`
29 | * `web`
30 |
31 | ### Reference
32 |
33 | * [applinks.org](http://applinks.org/documentation/)
34 |
--------------------------------------------------------------------------------
/immutable.js.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Immutable.js
3 | category: JavaScript libraries
4 | ---
5 |
6 | ### Maps
7 |
8 | ```js
9 | var map = Immutable.Map({ a: 1, b: 2, c: 3 })
10 | ```
11 |
12 | ```js
13 | map
14 | .set('b', 50)
15 | .get('b') // 50
16 | ```
17 |
18 | ### Lists
19 |
20 | ```js
21 | var list = Immutable.List.of(1, 2)
22 |
23 | list
24 | .push(3, 4, 5)
25 | .unshift(0)
26 | .concat(list2, list3)
27 | .get(0)
28 | .size
29 | ```
30 |
31 | ### Nested maps
32 |
33 | ```js
34 | var nested = Immutable.fromJS({ user: { profile: { name: 'John' } } })
35 |
36 | nested
37 | // Update
38 | .mergeDeep({ user: { profile: { age: 90 } } })
39 | .setIn([ 'user', 'profile', 'name' ], 'Jack')
40 | .updateIn([ 'user', 'profile', 'name' ], (s) => s.toUpperCase())
41 |
42 | // Get
43 | .getIn(['user', 'profile', 'name']) // 'JACK'
44 | ```
45 |
--------------------------------------------------------------------------------
/ie_bugs.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Legacy IE bugs
3 | category: HTML
4 | updated: 2018-03-06
5 | intro: |
6 | A bunch of bugs to take care of if you're going to target legacy IE browsers.
7 | ---
8 |
9 | ### IE8: 'change' event
10 |
11 | The 'change' event doesn't always fire. Not for checkboxes, radios, multi-select lists. Use the `click` handler instead.
12 |
13 | * [(1)](http://stackoverflow.com/questions/8005442/checkbox-change-event-works-when-click-the-label-in-ie8-ie7)
14 |
15 | ### IE8: label with input
16 |
17 | Clicking label with input inside doesn't focus the input.
18 |
19 | * [(1)](http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/LabelForWithImage.html)
20 |
21 | ### IE8: Opacity propagation
22 |
23 | An element's 'opacity' value isn't propagated to its positioned descendants.
24 |
25 | * [test case](http://jhop.me/tests/bugs/ie8/opacity_positioned.html)
26 |
--------------------------------------------------------------------------------
/astro.config.mjs:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'astro/config'
2 | import partytown from '@astrojs/partytown'
3 |
4 | /*
5 | * https://astro.build/config
6 | */
7 | import tailwind from '@astrojs/tailwind'
8 |
9 | // https://astro.build/config
10 | export default defineConfig({
11 | site: 'https://devhints.io',
12 | build: {
13 | format: 'file' /* generate /my-post.html instead of /my-post/index.html */,
14 | inlineStylesheets: 'always'
15 | },
16 | prefetch: {
17 | prefetchAll: true
18 | },
19 | server: {
20 | host: true
21 | } /* access from https://192.168.x.x/ */,
22 | integrations: [
23 | partytown({
24 | config: {
25 | forward: ['dataLayer.push']
26 | }
27 | }),
28 | tailwind()
29 | ],
30 | markdown: {
31 | // Syntax highlighting is handled by render()
32 | syntaxHighlight: false
33 | }
34 | })
35 |
--------------------------------------------------------------------------------
/elixir-metaprogramming.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Elixir metaprogramming
3 | category: Elixir
4 | ---
5 |
6 | ### Kernel
7 |
8 | Most of these magic is defined in [Kernel.SpecialForms](http://devdocs.io/elixir/elixir/kernel.specialforms).
9 |
10 | ### Pseudo-variables
11 |
12 | ```elixir
13 | __DIR__ # current dir
14 | __MODULE__ # current module
15 | __CALLER__ # caller of the function
16 | ```
17 |
18 | ### [`__ENV__`](http://devdocs.io/elixir/elixir/kernel.specialforms#__ENV__/0)
19 |
20 | ```elixir
21 | Map.keys(__ENV__)
22 | [:__struct__, :aliases, :context, :context_modules, :export_vars, :file,
23 | :function, :functions, :lexical_tracker, :line, :macro_aliases, :macros,
24 | :module, :requires, :vars]
25 | ```
26 |
27 | ```elixir
28 | __CALLER__.module |> Module.definitions_in |> IO.inspect
29 | ```
30 |
31 | ```elixir
32 | apply(Enum, :reverse, [[1, 2, 3]])
33 | ```
34 |
--------------------------------------------------------------------------------
/flashlight.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Flashlight
3 | category: Apps
4 | ---
5 |
6 | ## Commands
7 | {: .-three-column}
8 |
9 | ### Events and reminders
10 |
11 | * `add Dinner with Rico 5 pm tomorrow`
12 | * `remind Go to school at 2:30pm`
13 | * `remind Go to school in 15 mins`
14 |
15 | ### DuckDuckGo
16 |
17 | * `!g foo`
18 | * `!mdn settimeout`
19 |
20 | ### System
21 |
22 | * `shutdown`
23 | * `restart`
24 | * `logout`
25 | * `sleep`
26 | * `ejall`
27 | * `screen saver`
28 |
29 | ### Emoji
30 |
31 | * `emoji grin`
32 | * `:rocket:`
33 |
34 | ### Web search
35 |
36 | * `/react`
37 |
38 | Prefix with `/` to do a web search.
39 |
40 | ### References
41 |
42 | * [Flashlight](http://flashlight.nateparrott.com/)
43 | * [Flashlight on GitHub](https://github.com/nate-parrott/Flashlight)
44 | * [Creating a plugin](https://github.com/nate-parrott/Flashlight/wiki/Creating-a-Plugin)
45 |
--------------------------------------------------------------------------------
/sql-join.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: SQL joins
3 | category: Databases
4 | updated: 2018-12-06
5 | weight: -1
6 | ---
7 |
8 | ### Example
9 |
10 | ```
11 | SELECT * FROM order_items \
12 | LEFT OUTER JOIN orders \
13 | ON order_items.order_id = orders.id
14 | ```
15 | {: .-wrap}
16 |
17 | Joins are typically added to `SELECT` statements to add more columns and records.
18 |
19 | ### Diagram
20 |
21 | ```
22 | SELECT * FROM `A` INNER JOIN `B`
23 | ```
24 | {: .-setup}
25 |
26 | ```
27 | ┌────────┐
28 | │ A ┌───┼────┐
29 | │ │ ∩ │ │
30 | └────┼───┘ B │
31 | └────────┘
32 | ```
33 | {: .-box-chars.-setup}
34 |
35 | | Join | What |
36 | | ---- | ---- |
37 | | Inner join | `∩` |
38 | | Left outer join | `A` + `∩` |
39 | | Right outer join | `∩` + `B` |
40 | | Full outer join | `A` + `∩` + `B` |
41 |
--------------------------------------------------------------------------------
/qunit.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Qunit
3 | category: JavaScript libraries
4 | intro: |
5 | A quick reference for the [QUnit](https://yarnpkg.com/package/qunit) testing library in JavaScript.
6 | ---
7 |
8 | ```js
9 | QUnit.module('a')
10 | QUnit.test('ok', function (t) {
11 | /* ... */
12 | })
13 | ```
14 |
15 | ### Hooks
16 |
17 | #### Each test
18 |
19 | ```js
20 | // each test
21 | QUnit.testStart(function)
22 | QUnit.testEnd(function)
23 | ```
24 |
25 | ```js
26 | // each module
27 | QUnit.moduleStart(function)
28 | QUnit.moduleEnd(function)
29 | ```
30 |
31 | ```js
32 | // all
33 | QUnit.begin(function)
34 | QUnit.done(function)
35 | ```
36 |
37 | ### Assertions
38 |
39 | ```js
40 | t.equal(actual, expected)
41 | t.deepEqual(actual, expected)
42 | t.strictEqual(actual, expected)
43 | t.propEqual(actual, expected)
44 | t.notEqual(actual, expected)
45 | t.expect(amount)
46 | ```
47 |
--------------------------------------------------------------------------------
/znc.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: ZNC bouncer
3 | intro: |
4 | A quick reference to the [ZNC](https://znc.bg) IRC bouncer's common commands.
5 | ---
6 |
7 | ## Start
8 |
9 | ```
10 | /msg *status addserver irc.undernet.org [6667]
11 | /msg *status connect
12 |
13 | /msg *status loadmod webadmin
14 | /msg *status loadmod admin
15 | /msg *status loadmod away
16 | /msg *status loadmod awaynick
17 | /msg *status loadmod clientnotify # Notifies when another client logs
18 | /msg *status loadmod keepnick
19 | /msg *status loadmod kickrejoin
20 | ```
21 |
22 | ## Away
23 |
24 | ```
25 | /msg *status loadmod away
26 | /msg *away away
27 | /msg *away back
28 | /msg *away show #=> Show messages
29 | /msg *away delete all
30 | ```
31 |
32 | ## Watch
33 |
34 | ```
35 | /msg *status loadmod watch
36 | /msg *watch list
37 | /msg *watch add * *watch *rico*
38 | /msg *watch add * *watch *%nick%*
39 | ```
40 |
--------------------------------------------------------------------------------
/cordova.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Apache Cordova
3 | intro: |
4 | A quick reference to common [Apache Cordova](https://cordova.apache.org/) commands.
5 | ---
6 |
7 | ### Common commands
8 |
9 | ```
10 | cordova plugin ls
11 | cordova plugin search facebook
12 | cordova plugin add com.phonegap.plugins.facebookconnect
13 | ```
14 |
15 | ```
16 | cordova platform add ios
17 | cordova platform ls
18 | cordova platform update ios
19 | cordova platform check
20 | ```
21 |
22 | ### Common plugins
23 |
24 | Some commonly-used plugins:
25 |
26 | - [org.apache.cordova.console](https://github.com/apache/cordova-plugin-console)
27 | - [org.apache.cordova.inappbrowser](https://github.com/apache/cordova-plugin-inappbrowser)
28 | - [org.apache.cordova.statusbar](https://github.com/apache/cordova-plugin-statusbar)
29 | - org.apache.cordova.splashscreen
30 |
31 | Also:
32 |
33 | - com.phonegap.plugins.facebookconnect
34 |
--------------------------------------------------------------------------------
/siege.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Siege
3 | category: Others
4 | intro: |
5 | [Siege](https://www.joedog.org/siege-home/) is an HTTP and HTTPS load testing tool.
6 | ---
7 |
8 | ### Basic usage
9 |
10 | ```sh
11 | siege -b -c=10 -t=5m "http://..."
12 | ```
13 |
14 | ### Options
15 |
16 | #### Repetitions
17 |
18 | ```
19 | -c, --concurrent=N
20 | -t, --time=MINSm
21 | -r, --reps=N
22 | ```
23 |
24 | #### Modes
25 |
26 | ```
27 | -i, --internet Hit URLs randomly
28 | -b, --benchmark No delay between requests
29 | ```
30 |
31 | #### Configuration
32 |
33 | ```
34 | -f, --file=FILE load urls.txt
35 | -R, --rc=FILE load siegerc
36 | ```
37 |
38 | #### Headers
39 |
40 | ```
41 | -H, --header="Cookie: foo=bar"
42 | -A, --user-agent="Mozilla"
43 | -T, --content-type="text/html"
44 | ```
45 |
46 | ### References
47 |
48 | Also see: [siegerc](https://gist.github.com/stansmet/3067988)
49 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Devhints
2 |
3 |
4 | TL;DR for developer documentation - a ridiculous collection of cheatsheets
5 |
6 |
7 |
8 |
9 |
10 | 
11 |
12 | ✨ devhints.io ✨
13 |
14 |
15 |
16 |
17 | ---
18 |
19 | See [CONTRIBUTING.md](CONTRIBUTING.md) for developer notes.
20 |
21 | [](https://gitpod.io/#https://github.com/rstacruz/cheatsheets)
22 |
23 | Similar projects
24 |
25 | - [Command Line Interface Pages](https://github.com/command-line-interface-pages)
26 | - [tldr-pages](https://github.com/tldr-pages/tldr)
27 | - [Cheat](https://github.com/cheat/cheat)
28 | - [Eg](https://github.com/srsudar/eg)
29 |
--------------------------------------------------------------------------------
/analytics.js.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Google Analytics's analytics.js
3 | category: Analytics
4 | updated: 2017-10-29
5 | intro: |
6 | Google Analytics's analytics.js is deprecated.
7 | ---
8 |
9 | ### Page view
10 |
11 | ```js
12 | ga('create', 'UA-XXXX-Y', 'auto')
13 | ga('create', 'UA-XXXX-Y', { userId: 'USER_ID' })
14 | ```
15 |
16 | ```js
17 | ga('send', 'pageview')
18 | ga('send', 'pageview', { 'dimension15': 'My custom dimension' })
19 | ```
20 |
21 | ### Events
22 |
23 | ```js
24 | ga('send', 'event', 'button', 'click', {color: 'red'});
25 | ```
26 |
27 | ```js
28 | ga('send', 'event', 'button', 'click', 'nav buttons', 4);
29 | /* ^category ^action ^label ^value */
30 | ```
31 |
32 | ### Exceptions
33 |
34 | ```js
35 | ga('send', 'exception', {
36 | exDescription: 'DatabaseError',
37 | exFatal: false,
38 | appName: 'myapp',
39 | appVersion: '0.1.2'
40 | })
41 | ```
42 |
--------------------------------------------------------------------------------
/less.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Less.js
3 | ---
4 |
5 | ### Functions
6 |
7 | unit(30px / 5px) #=> 6
8 | unit(5, px) #=> 5px
9 |
10 | e("ms:stuff()") #=> ms:stuff() (unquote)
11 |
12 | %("count: %d", 1+2) #=> "count: 3"
13 |
14 | iscolor(@x)
15 | isstring(@x)
16 | isnumber(@x)
17 | iskeyword(@x)
18 | isurl(url(...))
19 | ispixel()
20 | isem()
21 | ispercentage()
22 | isunit()
23 |
24 | hue(@color)
25 | saturation(@color)
26 | lightness(@color)
27 | luma(@color)
28 | luminance(@color)
29 |
30 | fade(@color, amount)
31 | fadein(@color, amount)
32 | fadeout(@color, amount)
33 | spin(@color, degrees)
34 | mix(@a, @b, amount)
35 |
36 | ### Conditionals
37 |
38 | .image when (luma(@color) > 50%) { }
39 | .image when (not(...)) { }
40 | .image when (default()) {}
41 | .image when (e(@shape) = 'circle') { }
42 |
43 |
--------------------------------------------------------------------------------
/src/scripts/v2017/behaviors_2/disqus.js:
--------------------------------------------------------------------------------
1 | import { onScrollVisible } from '~/lib/domutils/onScrollVisible'
2 | import injectDisqus from '../helpers/inject_disqus'
3 |
4 | /**
5 | * Injects Disqus onto the page.
6 | */
7 |
8 | export function setupDisqus() {
9 | document.querySelectorAll('[data-js-disqus]').forEach((el) => {
10 | const data = JSON.parse(el.getAttribute('data-js-disqus'))
11 | const $parent = el.parentNode
12 |
13 | onScrollVisible($parent, () => {
14 | activateDisqus(data, $parent)
15 | })
16 | })
17 | }
18 |
19 | function activateDisqus(data, $parent) {
20 | $parent.setAttribute('hidden', true)
21 |
22 | window.disqus_config = function () {
23 | this.page.url = data.url
24 | this.page.identifier = data.identifier
25 | }
26 |
27 | // Disqus takes a while to load, don't do it so eagerly.
28 | injectDisqus(data.host)
29 | $parent.removeAttribute('hidden')
30 | }
31 |
--------------------------------------------------------------------------------
/haml.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Haml
3 | category: Markup
4 | prism_languages: [haml]
5 | ---
6 |
7 | ### Doctype
8 |
9 | ```haml
10 | !!! 5
11 | ```
12 |
13 | ### Tags
14 |
15 | ```haml
16 | %html
17 | %head
18 | %title
19 | %body
20 | %h1 Hello World
21 | %br/
22 | ```
23 |
24 | ### Classes and ID's
25 |
26 | ```haml
27 | %p.class-example
28 | .no-tag-defaults-to-div
29 | %div#butItCanBeIncluded
30 | ```
31 |
32 | ### Inline Attributes
33 |
34 | Either hash syntax works
35 |
36 | ```haml
37 | %meta{ name: "viewport", content: "width=device-width, initial-scale=1.0" }
38 | %input{ :type => "text", :required => true }
39 | ```
40 |
41 | ### Ruby
42 |
43 | ```haml
44 | -# This is a comment
45 | -# Anything starting with a hyphen signals to Haml that Ruby is coming
46 | - @arr = [1, 2, 3]
47 | - @str = "test"
48 | -# Equal signals output
49 | = render partial: "shared/header"
50 | = yield
51 | = link_to page_url
52 | ```
53 |
--------------------------------------------------------------------------------
/mocha.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Mocha.js
3 | category: JavaScript libraries
4 | ---
5 |
6 | ### BDD
7 |
8 | mocha.setup('bdd');
9 |
10 | describe('something', function() {
11 | beforeEach(function() {
12 | });
13 |
14 | it('should work', function() {
15 | });
16 | });
17 |
18 | ### Async
19 |
20 | it('should save', function(done) {
21 | var user = new User();
22 | user.save(function(err) {
23 | if (err) throw err;
24 | done();
25 | });
26 | });
27 |
28 | ### Chai: Shoulds
29 |
30 | chai.should();
31 |
32 | foo.should.be.a('string');
33 | foo.should.equal('bar');
34 | foo.should.have.length(3);
35 | tea.should.have.property('flavors').with.length(3);
36 |
37 | ### See also
38 |
39 | * [Mocha TDD](mocha-tdd.html)
40 | * [Mocha HTML](mocha-html.html)
41 | * [Chai](chai.html)
42 | * [Sinon](sinon.html)
43 | * [Sinon Chai](sinon-chai.html)
44 |
--------------------------------------------------------------------------------
/src/types/SheetFrontmatter.ts:
--------------------------------------------------------------------------------
1 | import { z } from 'zod'
2 |
3 | export const SheetFrontmatterSchema = z.object({
4 | title: z
5 | .union([z.string(), z.number()])
6 | .transform((x) => x.toString())
7 | .pipe(z.string())
8 | .optional(),
9 |
10 | category: z.string().optional(),
11 | weight: z.number().optional(),
12 | tags: z.string().array().optional(),
13 | updated: z.date().optional(),
14 | keywords: z
15 | .string()
16 | .array()
17 | .optional()
18 | .describe(
19 | 'Search keywords. Appears in meta descriptions, and helps in search.'
20 | ),
21 | deprecated_by: z.string().optional().describe('Name of newer sheet'),
22 | intro: z
23 | .string()
24 | .optional()
25 | .describe(
26 | 'Introduction text in Markdown. Appears above the fold and on meta descriptions.'
27 | )
28 | })
29 |
30 | export type SheetFrontmatter = z.infer
31 |
--------------------------------------------------------------------------------
/js-lazy.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: JavaScript lazy shortcuts
3 | category: JavaScript
4 | ---
5 |
6 | ## Shortcuts
7 | {: .-left-reference}
8 |
9 | ### Examples
10 |
11 | ```js
12 | n = +'4096' // n === 4096
13 | s = '' + 200 // s === '200'
14 | ```
15 |
16 | ```js
17 | now = +new Date()
18 | isPublished = !!post.publishedAt
19 | ```
20 |
21 | ### Shortcuts
22 |
23 | | What | Lazy mode | "The right way" |
24 | | --- | --- | --- |
25 | | String to number | `+str` | `parseInt(str, 10)` _or_ `parseFloat()` |
26 | | Math floor | `num | 0` | `Math.floor(num)` |
27 | | Number to string | `'' + num` | `num.toString()` |
28 | | Date to UNIX timestamp | `+new Date()` | `new Date().getTime()` |
29 | | Any to boolean | `!!value` | `Boolean(value)` |
30 | | Check array contents | `if (~arr.indexOf(v))` | `if (arr.includes(v))` |
31 | {: .-left-align.-headers}
32 |
33 | `.includes` is ES6-only, otherwise use `.indexOf(val) !== -1` if you don't polyfill.
34 |
--------------------------------------------------------------------------------
/nodejs-process.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: process
3 | category: Node.js
4 | ---
5 |
6 | ### Streams
7 |
8 | process.stdout.write('...');
9 | process.stderr.write('...');
10 |
11 | function stdin(fn) {
12 | var data = '';
13 |
14 | process.stdin.setEncoding('utf8');
15 | process.stdin.on('readable', function() {
16 | var chunk = process.stdin.read();
17 | if (chunk !== null) data += chunk;
18 | });
19 |
20 | process.stdin.on('end', function() {
21 | fn(null, data);
22 | });
23 | }
24 |
25 | ### stuff
26 |
27 | process.argv; //=> ['node', 'file.js', 'one', 'two']
28 | process.env; //=> {TERM: 'screen-256color', SHELL: '/bin/bash', ...}
29 |
30 | process.exit();
31 | process.exit(1);
32 |
33 | ### Directories
34 |
35 | process.cwd(); //=> "/tmp"
36 | process.chdir('dir');
37 |
38 | ### References
39 |
40 | - http://nodejs.org/api/process.html
41 |
--------------------------------------------------------------------------------
/src/sass/2017/components/missing-message.scss:
--------------------------------------------------------------------------------
1 | .missing-message.missing-message {
2 | text-align: center;
3 | margin: 32px 0;
4 | display: flex;
5 | align-items: center;
6 | border-top: solid 1px $dark-line-color;
7 | padding-top: 16px;
8 |
9 | @media (min-width: 769px) {
10 | padding-top: 32px;
11 | }
12 |
13 | & > h3,
14 | & > p {
15 | margin: 0;
16 | padding: 0;
17 | }
18 |
19 | & > h3 {
20 | @include font-size(1);
21 | font-weight: normal;
22 | color: $base-text;
23 | flex: 1 0 auto;
24 | text-align: left;
25 | }
26 |
27 | & > h3::before {
28 | content: '';
29 | @include ion-md-arrow-forward(24px, $base-a);
30 | margin-right: 16px;
31 | }
32 |
33 | & > p {
34 | color: $base-mute;
35 | flex: 0 0 auto;
36 | }
37 |
38 | @media (max-width: 480px) {
39 | flex-wrap: wrap;
40 |
41 | & > p {
42 | margin-top: 16px;
43 | }
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/jquery.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: jQuery
3 | category: JavaScript libraries
4 | tags: [WIP]
5 | weight: -1
6 | ---
7 |
8 | ### Traversing
9 |
10 | ```js
11 | $('.box')
12 | .children()
13 | .closest('div')
14 | .filter(':selected')
15 | .find('div')
16 | .has('div')
17 | .first()
18 | .next('div')
19 | .nextUntil('div')
20 | ```
21 |
22 | ## Advanced features
23 |
24 | ### Extending selectors
25 |
26 | ```js
27 | $.expr[':'].inline = function (el) {
28 | return $(el).css('display') === 'inline'
29 | }
30 | ```
31 |
32 | Enables `$(':inline')`
33 |
34 | ### Extend CSS properties
35 |
36 | ```js
37 | $.cssHooks.someCSSProp = {
38 | get: function (elem, computed, extra) {
39 | },
40 | set: function (elem, value) {
41 | }
42 | }
43 |
44 | // Disable "px"
45 | $.cssNumber["someCSSProp"] = true
46 | ```
47 |
48 | ### fn.animate() hooks
49 |
50 | ```js
51 | $.fn.step.someWhatever = function(fx) {
52 | // ...
53 | }
54 | ```
55 |
--------------------------------------------------------------------------------
/vimscript-snippets.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Vimscript snippets
3 | category: Vim
4 | ---
5 |
6 | ### Bind function to key and command
7 |
8 | command! YoFunctionHere call s:YoFunctionHere()
9 | nnoremap x :call FunctionHere()
10 | function! s:FunctionHere()
11 | endfunction
12 |
13 | ### Call a function in insert mode
14 |
15 | inoremap X =script#myfunction()
16 | inoremap =MyVimFunc()?'':''
17 |
18 | ### Checking plugins
19 |
20 | if globpath(&rtp, "plugin/commentary.vim") != ""
21 |
22 | ## Autoload
23 |
24 | " autoload/hello.vim
25 | if exists("g:hello_loaded") | finish | endif
26 | let g:hello_loaded=1
27 |
28 | function hello#method()
29 | endfunction
30 |
31 | " calling hello#method() will load only if autoload()
32 |
33 | ## Misc
34 |
35 | ### Version check
36 |
37 | if version < 704
38 | echom "requires vim >= 7.4"
39 | endif
40 |
41 |
--------------------------------------------------------------------------------
/bookshelf.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Bookshelf.js
3 | category: JavaScript libraries
4 | ---
5 |
6 | Model
7 | -----
8 |
9 | ### Model
10 | ```js
11 | Summary = bookshelf.Model.extend({
12 | tableName: 'summaries',
13 | hasTimestamps: true,
14 | hasTimestamps: ['created_at', 'updated_at'],
15 | })
16 | ```
17 |
18 | ### Associations
19 |
20 | ```js
21 | Summary = bookshelf.Model.extend({
22 | book () {
23 | return this.belongsTo(Book)
24 | },
25 | author () {
26 | return this.hasOne(Author)
27 | }
28 | // belongsToMany
29 | // hasMany
30 | // hasMany().through()
31 | })
32 | ```
33 |
34 | ### CRUD
35 |
36 | ```js
37 | Book.create({ title: '..' }).save()
38 | new Book({ title: '..' }).save()
39 |
40 | new Book({ id: 1 }).fetch()
41 |
42 | Book.where({ id: 1 }).fetch()
43 | Book.where('favorite_color', 'red').fetch()
44 | Book.where('favorite_color', '<>', 'red').fetch()
45 | Book
46 | .query((q) => q.orderBy('updated_at')
47 | ```
48 |
--------------------------------------------------------------------------------
/src/pages/sitemap.xml.ts:
--------------------------------------------------------------------------------
1 | import { site } from '~/config'
2 | import { getPages } from '~/lib/page'
3 | import { isListed } from '~/lib/page/accessors'
4 |
5 | export async function GET() {
6 | const lines = [
7 | ``,
8 | ``
9 | ]
10 |
11 | const visiblePages = Object.values(await getPages()).filter(isListed)
12 |
13 | for (const page of visiblePages) {
14 | const url = `${site.url}/${page.slug}`
15 | lines.push(`${url}`)
16 | }
17 |
18 | lines.push(``)
19 |
20 | const data = lines.join('\n') + '\n'
21 |
22 | return new Response(data, {
23 | status: 200,
24 | headers: { 'Content-Type': 'application/xml' }
25 | })
26 | }
27 |
--------------------------------------------------------------------------------
/rubygems.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Rubygems
3 | category: Ruby
4 | intro: |
5 | A quick reference to common [rubygems](https://rubygems.org) CLI commands.
6 | ---
7 |
8 | ### Building and publishing
9 |
10 | ```sh
11 | gem build *.gemspec # Build a gem
12 | gem install *.gem # Install locally
13 | gem push *.gem # Upload to rubygems.org
14 | gem yank foogem -v 0.0.1 # Take it back
15 | ```
16 |
17 | ### Querying
18 |
19 | ```sh
20 | gem owner foogem -a rico@ricostacruz.com
21 |
22 | gem list # List local gems
23 | gem which rake # Point to where lib/rake.rb is
24 | gem search -r rails # [remote] Search for gems
25 | ```
26 |
27 | ### Opening a gem
28 |
29 | ```sh
30 | # https://github.com/fnando/gem-open
31 | gem open foogem
32 | GEM_EDITOR="vim" gem open foogem
33 | ```
34 |
35 | ### Changing to a directory
36 |
37 | ```sh
38 | cd $(basename `gem which rake`) # Go to a gem's path
39 | ```
40 |
--------------------------------------------------------------------------------
/weinre.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Weinre
3 | category: JavaScript libraries
4 | tags: [Archived]
5 | intro: |
6 | [weinre](https://www.npmjs.com/package/weinre) is a remote Web inspector. Note that it has been deprecated since 2016.
7 | archived: Weinre has been deprecated since 2016.
8 | ---
9 |
10 | ### Usage
11 |
12 | #### Install:
13 |
14 | ```
15 | $ npm install -g weinre
16 | ```
17 |
18 | #### Start the server:
19 |
20 | ```
21 | $ weinre --boundHost 0.0.0.0
22 | $ open http://localhost:8080
23 | ```
24 |
25 | ### HTML to inject
26 |
27 |
28 | ```html
29 |
30 | ```
31 |
32 | ### References
33 |
34 | - [Weinre](http://people.apache.org/~pmuellr/weinre/)
35 |
36 |
--------------------------------------------------------------------------------
/blessed.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Blessed
3 | category: JavaScript libraries
4 | ---
5 |
6 | ### Screen
7 |
8 | ```js
9 | screen = blessed.screen({
10 | smartCSR: true // optimize for flickering
11 | autoPadding: true // ..
12 | })
13 |
14 | screen.append(Element)
15 | screen.destroy()
16 |
17 | screen.width
18 | screen.height
19 | screen.title = 'My window title'
20 | screen.key(['escape', 'q', 'C-c'], (ch, key) => { ... })
21 | ```
22 |
23 | ### Element
24 |
25 | ```js
26 | box = blessed.box({
27 | style: { fg, bg, border.fg, scrollbar.bg, focus.bg, hover.bg },
28 | border: { type: 'line'|'bg', bg, fg, bold, underline }
29 | tags: true, // parse {bold}tags{/bold}
30 |
31 | top, left, width, height,
32 | width: '100%',
33 | height: '100%-1',
34 | top: 'center'
35 | })
36 | ```
37 |
38 | ### Tags
39 |
40 | ```
41 | {bold}
42 | {right} {center}
43 | {|} left-right separator
44 | {#c0ff33-fg}{/}
45 | ```
46 |
47 | ```
48 | blessed.escape('...')
49 | ```
50 |
--------------------------------------------------------------------------------
/js-appcache.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: applicationCache
3 | category: JavaScript
4 | ---
5 |
6 | ## Reference
7 | {: .-one-column}
8 |
9 | ### applicationCache checking
10 |
11 | ```js
12 | if (window.applicationCache) {
13 | // "Naturally" reload when an update is available
14 | var reload = false
15 |
16 | window.applicationCache.addEventListener('updateready', () => {
17 | if (window.applicationCache.status === window.applicationCache.UPDATEREADY) {
18 | window.applicationCache.swapCache()
19 | reload = true
20 | }
21 | }, false)
22 |
23 | setInterval(() => {
24 | try {
25 | // There's nothing to update for first-time load, browser freaks out :/
26 | window.applicationCache.update()
27 | } catch (e) { }
28 | }, 1000 * 60 * 60) // Every hour
29 | }
30 | ```
31 |
32 | This is a deprecated HTML feature. See: [Using the application cache](https://developer.mozilla.org/en-US/docs/HTML/Using_the_application_cache) _(developer.mozilla.org)_
33 |
--------------------------------------------------------------------------------
/tape.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Tape
3 | category: JavaScript libraries
4 | ---
5 |
6 | ### Example
7 |
8 | ```js
9 | test('things', (t) => {
10 | t.plan(1)
11 |
12 | t.equal('actual', 'expected')
13 | t.equal('actual', 'expected', 'should be equal') // messages are optional
14 |
15 | t.end(err)
16 | t.fail('msg')
17 | t.pass('msg')
18 | t.timeoutAfter(2000)
19 | t.skip('msg')
20 |
21 | t.ok(value, 'is truthy')
22 | t.notOk(value, 'is falsy')
23 | t.error(err, 'is falsy (print err.message)')
24 |
25 | t.equal(actual, expected, 'is equal')
26 | t.notEqual
27 |
28 | t.deepEqual(actual, expected, 'is equal (use node's deepEqual)')
29 | t.notDeepEqual
30 |
31 | t.looseEqual(actual, expected, 'is equal (use node's deepEqual with ==)')
32 | t.notLooseEqual
33 |
34 | t.throws(fn, /FooError/)
35 | t.throws(fn, FooError /* class */)
36 | t.doesNotThrow
37 |
38 | t.comment('message')
39 | })
40 | ```
41 |
42 | ```js
43 | test.only((t) => { ... })
44 | ```
45 |
--------------------------------------------------------------------------------
/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | /* eslint-env node */
2 | module.exports = {
3 | extends: [
4 | 'eslint:recommended',
5 | 'plugin:@typescript-eslint/recommended',
6 | 'plugin:astro/recommended',
7 | 'prettier'
8 | ],
9 | env: {
10 | browser: true // enables window, document, etc
11 | },
12 | parser: '@typescript-eslint/parser',
13 | plugins: ['@typescript-eslint'],
14 | root: true,
15 | ignorePatterns: ['dist/**'],
16 |
17 | overrides: [
18 | {
19 | files: ['*.test.ts'],
20 | rules: {
21 | '@typescript-eslint/no-explicit-any': 'off'
22 | }
23 | },
24 | {
25 | files: ['*.astro'],
26 | parser: 'astro-eslint-parser',
27 | parserOptions: {
28 | parser: '@typescript-eslint/parser',
29 | extraFileExtensions: ['.astro']
30 | }
31 | // rules: {
32 | // override/add rules settings here, such as:
33 | // "astro/no-set-html-directive": "error"
34 | // },
35 | }
36 | ]
37 | }
38 |
--------------------------------------------------------------------------------
/chunky_png.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Chunky PNG
3 | category: Ruby libraries
4 | ---
5 |
6 | ### Loading
7 |
8 | ```ruby
9 | image = ChunkyPNG::Image.from_file('file.png')
10 | ```
11 |
12 | #### Alternate ways
13 |
14 | ```ruby
15 | image = ChunkyPNG::Image.from_blob(File.read('file.png'))
16 | image = ChunkyPNG::Image.from_io(io)
17 | ```
18 |
19 | Loads from `file.png`.
20 |
21 | ### Saving
22 |
23 | ```ruby
24 | image.save('filename.png')
25 | ```
26 |
27 | #### Alternate ways
28 |
29 | ```ruby
30 | File.open('newfile.png', 'wb') { |io| image.write(io) }
31 | binary_string = image.to_blob
32 | ```
33 |
34 | Writes an image to `newfile.png`.
35 |
36 | ### Drawing
37 |
38 | ```ruby
39 | image[0, 0] = ChunkyPNG::Color.rgba(255, 0,0, 128)
40 | image.line(1, 1, 10, 1, ChunkyPNG::Color.from_hex('#aa007f'))
41 | ```
42 |
43 | ### Canvas
44 |
45 | ```ruby
46 | crop(x, y, w, h)
47 | ```
48 |
49 | ### Transforms
50 |
51 | ```ruby
52 | new_image = image.flip_horizontally.rotate_right
53 | ```
54 |
--------------------------------------------------------------------------------
/src/ruby/cache_kramdown.rb:
--------------------------------------------------------------------------------
1 | # frozen_string_literal: true
2 |
3 | # Caches Kramdown results in .cache/
4 | # Normally, Kramdown is invoked as needed (kramdown.rb), but this is
5 | # going to be slow down builds significantly. By doing all Kramdown
6 | # rendering beforehand, this cuts down the time from 70s to 10s.
7 | require 'fileutils'
8 | require 'digest'
9 | require_relative 'renderer'
10 |
11 | # This seems to default to US-ASCII in some environments, which causes
12 | # errors in some sheets
13 | Encoding.default_external = Encoding::UTF_8
14 |
15 | def remove_frontmatter(input_string)
16 | input_string.sub(/\A(---\s*\n.*?\n?)^((---|\.\.\.)\s*$\n?)/m, '')
17 | end
18 |
19 | FileUtils.mkdir_p '.cache'
20 |
21 | ARGV.each do |filepath|
22 | input = File.read(filepath)
23 | input = remove_frontmatter(input)
24 | digest = Digest::SHA2.hexdigest(input.strip)
25 | outfile = ".cache/#{digest}.html"
26 | output = Renderer.render(input: input)
27 | File.write(outfile, output)
28 | end
29 |
--------------------------------------------------------------------------------
/pass.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Pass
3 | category: CLI
4 | ---
5 |
6 | Reference
7 | ---------
8 |
9 | ### Create
10 |
11 | ```sh
12 | $ pass init [-p]
13 | $ pass git init
14 | $ pass git remote add origin
15 | $ pass git push -u --all
16 | ```
17 |
18 | ### Store
19 |
20 | ```sh
21 | $ pass insert [-m] twitter.com/rsc
22 | $ pass generate [-n] twitter.com/rsc length
23 | ```
24 |
25 | ### Retrieve
26 |
27 | ```sh
28 | $ pass ls twitter.com/
29 | $ pass show twitter.com/rsc
30 | $ pass -c twitter.com/rsc
31 | ```
32 |
33 | ### Search
34 |
35 | ```sh
36 | $ pass find twitter.com
37 | ```
38 |
39 | ### Management
40 |
41 | ```sh
42 | $ pass mv twitter.com twitter.com/rsc
43 | $ pass rm [-rf] twitter.com
44 | $ pass cp twitter.com/rsc twitter.com/ricosc
45 | ```
46 |
47 | ```sh
48 | $ pass edit twitter.com/rsc
49 | ```
50 |
51 | ### Synchronize
52 |
53 | ```sh
54 | $ pass git push
55 | $ pass git pull
56 | ```
57 |
58 | ## References
59 |
60 | *
61 |
--------------------------------------------------------------------------------
/ets.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Erlang ETS
3 | category: Elixir
4 | weight: -1
5 | ---
6 |
7 | ## ETS
8 |
9 | ### Usage
10 |
11 | ```elixir
12 | iex> table = :ets.new(:my_table, [])
13 | 8211
14 | ```
15 |
16 | ```elixir
17 | iex> :ets.insert(table, {:fruit, "Apple"})
18 | iex> :ets.lookup(table, :fruit)
19 | [{:fruit, "Apple"}]
20 | ```
21 |
22 | ```elixir
23 | iex> :ets.delete(table)
24 | iex> :ets.delete_all_objects(table)
25 | ```
26 |
27 | ### Flags
28 |
29 | ```elixir
30 | iex> table = :ets.new(:my_table, [:set, :protected])
31 | ```
32 | {: .-setup}
33 |
34 | | `:set` | no duplicate keys (or: `:ordered_set`, `:bag`, `:duplicate_bag`) |
35 | | `:protected` | only this process can use it (or: `:public`, `:private`) |
36 |
37 | ### Ordered sets
38 |
39 | ```elixir
40 | :ets.first(table)
41 | :ets.last(table)
42 | :ets.next(table, key)
43 | :ets.prev(table, key)
44 | ```
45 |
46 | ## References
47 | {: .-one-column}
48 |
49 | *
50 | *
51 |
--------------------------------------------------------------------------------
/dom-selection.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: DOM Selection
3 | category: JavaScript
4 | intro: |
5 | Quick introduction to the HTML [DOM selection API](https://devdocs.io/dom/selection).
6 | ---
7 |
8 | ## Reference
9 | {: .-three-column}
10 |
11 | ### Selection
12 |
13 | ```js
14 | var sel = document.getSelection()
15 | ```
16 |
17 | See:
18 |
19 | ### Methods
20 |
21 | ```js
22 | sel.removeAllRanges() // deselects
23 | sel.addRange(range) // sets a selection
24 | sel.removeRange(range) // remove a range
25 | ```
26 |
27 | ```js
28 | sel.rangeCount
29 | sel.getRangeAt(0) // get the 0th range
30 | ```
31 |
32 | ### Collapsing
33 |
34 | ```js
35 | sel.collapse(parent, offset)
36 | sel.collapseToEnd()
37 | sel.collapseToStart()
38 | sel.isCollapsed
39 | ```
40 |
41 | ```js
42 | sel.containsNode(node)
43 | ```
44 |
45 | ### Deleting
46 |
47 | ```js
48 | sel.deleteFromDocument()
49 | ```
50 |
51 | ### Events
52 |
53 | ```js
54 | document.addEventListener('selectionchange', () => {})
55 | ```
56 |
--------------------------------------------------------------------------------
/mocha-tdd.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Mocha.js TDD interface
3 | category: JavaScript libraries
4 | ---
5 |
6 | ### TDD
7 |
8 | mocha.setup('tdd');
9 |
10 | suite('something', function() {
11 | setup(function() {
12 | });
13 |
14 | test('should work', function() {
15 | });
16 |
17 | teardown(function() {
18 | });
19 | });
20 |
21 | ### Async
22 |
23 | test('should save', function(done) {
24 | var user = new User();
25 | user.save(function(err) {
26 | if (err) throw err;
27 | done();
28 | });
29 | });
30 |
31 | ### Chai: Expect
32 |
33 | var expect = chai.expect;
34 |
35 | expect(foo).to.be.a('string');
36 | expect(foo).to.equal('bar');
37 | expect(foo).to.have.length(3);
38 | expect(tea).to.have.property('flavors').with.length(3);
39 |
40 | ### See also
41 |
42 | * [Mocha BDD](mocha.html)
43 | * [Mocha HTML](mocha-html.html)
44 | * [Chai](chai.html)
45 | * [Sinon](sinon.html)
46 | * [Sinon Chai](sinon-chai.html)
47 |
--------------------------------------------------------------------------------
/ledger-periods.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Ledger periods
3 | category: Ledger
4 | ---
5 |
6 | ### About
7 | {: .-intro}
8 |
9 | -
10 |
11 | ### Usage
12 |
13 | [INTERVAL] [BEGIN] [END]
14 |
15 | #### Intervals
16 |
17 | every day
18 | every week
19 | every month
20 | every quarter
21 | every year
22 | every N days # N is any integer
23 | every N weeks
24 | every N months
25 | every N quarters
26 | every N years
27 | daily
28 | weekly
29 | biweekly
30 | monthly
31 | bimonthly
32 | quarterly
33 | yearly
34 |
35 | #### Begin
36 |
37 | from
38 | since
39 |
40 | #### End
41 |
42 | to
43 | until
44 |
45 | ### Spec
46 |
47 | 2004
48 | 2004/10
49 | 2004/10/1
50 | 10/1
51 | october
52 | oct
53 | this week # or day, month, quarter, year
54 | next week
55 | last week
56 |
57 | ### Examples
58 |
59 | $ ledger r -p "since last month"
60 |
--------------------------------------------------------------------------------
/macos-mouse-acceleration.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Mouse Acceleration
3 | category: macOS
4 | updated: 2018-03-20
5 | weight: -1
6 | keywords:
7 | - "defaults write .GlobalPreferences com.apple.mouse.scaling -1"
8 | intro: |
9 | Disable mouse acceleration with this one weird trick.
10 | ---
11 |
12 | ## Acceleration
13 |
14 |
15 | ### Disabling
16 |
17 | ```bash
18 | defaults write .GlobalPreferences com.apple.mouse.scaling -1
19 | ```
20 |
21 | Note: Log out to take effect. If you change *Tracking Speed* under System Preferences, it will undo this fix. Only affects the mouse, not the trackpad.
22 |
23 | ### Re-enabling
24 |
25 | Under *System Preferences* → *Mouse*, change *Tracking Speed*.
26 |
27 | ### Trackpad acceleration
28 |
29 | ```bash
30 | defaults write .GlobalPreferences com.apple.trackpad.scaling -1
31 | ```
32 |
33 | Works the same way, but only affects trackpads.
34 |
35 | ## References
36 |
37 | - [Disabling mouse acceleration](https://stackoverflow.com/questions/5782884/disabling-mouse-acceleration-in-mac-os-x) _(stackoverflow.com)_
38 |
--------------------------------------------------------------------------------
/src/sass/2017/markdown/p.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Crosslink (eg, phoenix.md)
3 | */
4 |
5 | .MarkdownBody.MarkdownBody {
6 | img {
7 | max-width: 100%;
8 | }
9 | }
10 |
11 | .MarkdownBody.MarkdownBody p.-crosslink {
12 | & > a {
13 | display: block;
14 | text-decoration: none;
15 | color: $base-a;
16 | border-bottom: 0;
17 | box-shadow: none;
18 | margin: -16px;
19 | padding: 16px;
20 | }
21 |
22 | & > a:visited {
23 | color: $base-a;
24 | }
25 |
26 | & > a::before {
27 | content: '';
28 | @include ion-md-arrow-forward(16px, white);
29 | margin-right: 16px;
30 | width: 32px;
31 | height: 32px;
32 | line-height: 32px;
33 | border-radius: 50%;
34 | }
35 |
36 | & > a,
37 | & > a:visited {
38 | &::before {
39 | background-color: $base-a;
40 | color: white;
41 | }
42 | }
43 |
44 | & > a:hover,
45 | & > a:focus {
46 | & {
47 | color: $base-a7;
48 | }
49 |
50 | &::before {
51 | background-color: $base-a7;
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/components/V2017Home/Announcements.astro:
--------------------------------------------------------------------------------
1 | ---
2 | import { announcement } from '~/config'
3 | import snarkdown from 'snarkdown'
4 |
5 | const body = snarkdown(announcement.body)
6 | .split('
')
7 | .map((text) => `${text}
`)
8 | .join('')
9 | ---
10 |
11 |
12 |
16 |
{announcement.title}
17 |
18 |
19 |
20 |
27 |
28 |
{t.title}
29 |
{t.description}
30 |
31 |
38 |
21 | {children}
22 |
23 | }
24 | }
25 |
26 | function onCreate ({ props, dispatch, path }) { ... }
27 | function onUpdate ({ props, dispatch, path }) { ... }
28 | function onRemove ({ props, dispatch, path }) { ... }
29 | // actually { children, props, path, context }
30 |
31 | export default { render, onCreate, onRemove }
32 | ```
33 |
34 | ### Rendering
35 |
36 | ```js
37 | import { createStore } from 'redux'
38 | import { dom, element } from 'deku'
39 |
40 | // Create a Redux store to handle all UI actions and side-effects
41 | let store = createStore(reducer)
42 |
43 | // Create a renderer that can turn vnodes into real DOM elements
44 | let render = createRenderer(document.body, store.dispatch)
45 |
46 | // Update the page and add redux state to the context
47 | render(Hello World!, store.getState())
48 | ```
49 |
--------------------------------------------------------------------------------
/tomdoc.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Tomdoc
3 | category: Markup
4 | ---
5 |
6 | ### Tomdoc
7 | {: .-prime}
8 |
9 | ```ruby
10 | # Public: Duplicate some text an arbitrary number of times.
11 | #
12 | # text - The String to be duplicated.
13 | # count - The Integer number of times to duplicate the text.
14 | #
15 | # Examples
16 | #
17 | # multiplex('Tom', 4)
18 | # # => 'TomTomTomTom'
19 | #
20 | # Returns the duplicated String.
21 | def multiplex(text, count)
22 | text * count
23 | end
24 | ```
25 |
26 | See [tomdoc.org](http://tomdoc.org/).
27 |
28 | ### Tags
29 |
30 | - `Deprecated`
31 | - `Internal`
32 | - `Public`
33 |
34 | ### Options
35 |
36 | ```ruby
37 | # options - The Hash options used to refine the selection (default: {}):
38 | # :color - The String color to restrict by (optional).
39 | # :weight - The Float weight to restrict by. The weight should
40 | # be specified in grams (optional).
41 | ```
42 |
43 | ### Yields
44 |
45 | ```ruby
46 | # Yields the Integer index of the iteration.
47 | ```
48 |
49 | ```ruby
50 | # Returns the duplicated String.
51 | ```
52 |
53 | ```ruby
54 | # Returns nothing.
55 | ```
56 |
57 | ```ruby
58 | # Raises Errno::ENOENT if the file can't be found.
59 | ```
60 |
61 | ```ruby
62 | # Returns something else and this is a wrapped
63 | # multi-line comment.
64 | ```
65 |
66 | ### Signatures
67 |
68 | ```ruby
69 | # Signature
70 | #
71 | # find_by_[_and_...](args)
72 | #
73 | ```
74 |
--------------------------------------------------------------------------------
/mocha-blanket.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Mocha blanket
3 | category: JavaScript libraries
4 | intro: |
5 | Use [blanket](https://npmjs.com/package/blanket) for easy coverage reporting for Mocha JavaScript tests.
6 | ---
7 |
8 | ### Quickstart guide
9 |
10 | Install blanket:
11 | {: .-setup}
12 |
13 | ```bash
14 | npm i --save-dev blanket
15 | ```
16 |
17 | In your test helpers, use Blanket before `require`ing:
18 |
19 | ```js
20 | if (process.env.COVERAGE) {
21 | require('blanket')({
22 | pattern: require('path').resolve('./index.js')
23 | });
24 | }
25 | thing = require('../index');
26 | ```
27 |
28 | Add to `package.json`:
29 |
30 | ```json
31 | "scripts": {
32 | "coverage": "env COVERAGE=1 mocha -R html-cov > coverage.html && open coverage.html"
33 | }
34 | ```
35 |
36 | Be sure to ignore it:
37 |
38 | ```bash
39 | echo "coverage.html" >> .gitignore
40 | ```
41 |
42 | Then run:
43 |
44 | ```bash
45 | npm run coverage
46 | ```
47 |
48 | ### Travis + coveralls.io support
49 |
50 | Visit [coveralls.io] then activate your repo. Then install the appropriate packages:
51 | {: .-setup}
52 |
53 | ```bash
54 | npm i --save-dev mocha-lcov-reporter coveralls
55 | ```
56 |
57 | Add this to `.travis.yml`:
58 |
59 | ```yml
60 | after_success:
61 | - ./node_modules/.bin/mocha -R mocha-lcov-reporter | ./node_modules/coveralls/bin/coveralls.js
62 | ```
63 |
64 | Commit, push, wait for Travis to finish.
65 |
66 | [blanket]: https://www.npmjs.org/package/blanket
67 | [coveralls.io]: http://coveralls.io
68 |
--------------------------------------------------------------------------------
/watchexec.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Watchexec
3 | updated: 2017-10-18
4 | category: CLI
5 | weight: -1
6 | keywords:
7 | - "watchexec --excts js,jsx -- npm test"
8 | - "watchexec --help"
9 | intro: |
10 | [mattgreen/watchexec](https://github.com/mattgreen/watchexec) runs commands whenever certain files change.
11 | ---
12 |
13 | ### Installation
14 |
15 | #### OSX
16 |
17 | ```bash
18 | brew install watchexec
19 | ```
20 |
21 | #### Rust
22 |
23 | ```bash
24 | cargo install watchexec
25 | ```
26 |
27 | For Linux and Windows, get it from [GitHub releases](https://github.com/mattgreen/watchexec).
28 |
29 | ### Getting started
30 |
31 | ```bash
32 | watchexec --exts js,jsx -- npm test
33 | ```
34 |
35 | Runs `npm test` when `js,jsx` files change.
36 |
37 | ```bash
38 | watchman -w lib -w test -- npm test
39 | ```
40 |
41 | Runs `npm test` when `lib/` and `test/` files change.
42 |
43 | ### Other options
44 |
45 | #### Flags
46 |
47 | | `-c` `--clear` | Clear screen |
48 | | `-r` `--restart` | Restart process if its still running |
49 |
50 | #### Options
51 |
52 | | `-s` `--signal SIGKILL` | Kill signal to use |
53 | | `-d` `--debounce MS` | Debounce by `MS` milliseconds |
54 | | `-e` `--exts EXTS` | Extensions |
55 | | `-i` `--ignore PATTERN` | Ignore these files |
56 | | `-w` `--watch PATH` | Watch these directories |
57 |
58 | ## Also see
59 |
60 | * [mattgreen/watchexec](https://github.com/mattgreen/watchexec) _(github.com)_
61 |
--------------------------------------------------------------------------------
/dom-range.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: DOM Range
3 | category: JavaScript
4 | intro: |
5 | Quick reference to the HTML [DOM createRange API](https://devdocs.io/dom/range).
6 | ---
7 |
8 | ## Reference
9 | {:.-three-column}
10 |
11 | ### Creating ranges
12 |
13 | ```js
14 | var range = document.createRange()
15 | ```
16 |
17 | See:
18 |
19 | ## Methods
20 |
21 | ```js
22 | range
23 | .setStart(startNode, startOffset)
24 | .setEnd(endNode, endOffset)
25 |
26 | .setStartBefore(node)
27 | .setStartAfter(node)
28 | .setEndBefore(node)
29 | .setEndAfter(node)
30 |
31 | .selectNode(node)
32 | .selectNodeContents(node)
33 | ```
34 |
35 | See:
36 |
37 | ### Collapsing
38 |
39 | ```js
40 | range.collapse() // to end (a single point)
41 | range.collapse(true) // to start (a single point)
42 | range.collapsed // true | false
43 | ```
44 |
45 | ### Operations
46 |
47 | ```js
48 | range.cloneContents() // copy => DocumentFragment
49 | range.extractContents() // cut => DocumentFragment
50 | range.deleteContents() // delete
51 | ```
52 |
53 | ```js
54 | range.insertNode(node)
55 | ```
56 |
57 | ### String
58 |
59 | ```js
60 | range.toString()
61 | ```
62 |
63 | ### Read-only attributes
64 |
65 | ```js
66 | range.collapsed // => true/false
67 | range.startContainer // => Node
68 | range.startOffset
69 | range.endContainer // => Node
70 | range.endOffset
71 | range.commonAncestorContainer // closest of start and end containers
72 | ```
73 |
--------------------------------------------------------------------------------
/linux.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Linux
3 | ---
4 |
5 | ### Read/Write/Execute a file
6 |
7 | $ chmod +rwx App
8 | $ ./App
9 |
10 | ### Remove
11 |
12 | $ rm namefile
13 | $ rm -d Directory
14 | $ rm -rf Directory_with_files
15 |
16 | ### Copy file to a folder
17 |
18 | $ cp namefile Downloads
19 | $ ls
20 | namefile Desktop Documents Downloads Music Pictures Public Templates Videos
21 | $ cd Downloads
22 | ~/Downloads$ ls
23 | namefile
24 |
25 |
26 | ### Create empty file
27 |
28 | $ touch namefile
29 | $ touch --help
30 |
31 | ### Show in the terminal the file
32 |
33 | $ cat namefile
34 | $ cat --help
35 |
36 |
37 | ### Create new directory
38 |
39 | $ mkdir name
40 | $ mkdir --help
41 |
42 | ### list files from directory
43 |
44 | $ ls
45 | Desktop Documents Downloads Music Pictures Public Templates Videos
46 | $ ls --help
47 |
48 | ### Mounting a RAM drive
49 |
50 | $ mount -t tmpfs -o size=5G,nr_inodes=5k,mode=700 tmpfs /tmp
51 |
52 | ### Visudo
53 |
54 | sudo visudo
55 |
56 | username ALL=(ALL) NOPASSWD:/sbin/restart whatever
57 |
58 | ### Display the amount of available disk space
59 |
60 | ```sh
61 | df
62 | df -h # human-readable format
63 | df -a # all filesystems
64 | ```
65 |
66 | ### Display disk usage
67 |
68 | ```sh
69 | du
70 | du -hsx * | sort -rh | head -10 # largest 10 folders
71 | ```
72 |
73 | ### Answer yes in a bash script
74 |
75 | ```bash
76 | yes | /your/command
77 | ```
78 |
--------------------------------------------------------------------------------
/nodejs-fs.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: fs
3 | category: Node.js
4 | ---
5 |
6 | ### Reading
7 |
8 | fs.readFile('file.txt', function(err, data) { .. });
9 | fs.readFile('file.txt', {encoding: 'utf-8'}, function(err, data) { .. });
10 |
11 | ### Writing
12 |
13 | fs.writeFile('output.txt', function(err) { .. });
14 | fs.appendFile('output.txt', function(err) { .. });
15 |
16 | ### Watch
17 |
18 | fs.watch('dir OR file.txt', { persistent: true }, function(event, file) {
19 | event; /* rename | change */
20 | });
21 |
22 | ### Getting info
23 |
24 | fs.exists('file.txt', function(exists /*bool*/) { ... });
25 |
26 | fs.stat('file.txt', function(stats) {
27 | stats.isFile();
28 | stats.isDirectory();
29 | stats.isSymbolicLink();
30 | });
31 |
32 | ### File operations
33 |
34 | fs.rename('old.txt', 'new.txt', function(){});
35 | fs.chown('file.txt', uid, gid, function(){});
36 | fs.symlink('src', 'dest', function(){});
37 | fs.unlink('path', function(){});
38 | fs.rmdir('path', function(){});
39 |
40 | fs.readdir('path', function(err, files) { .. }); /* `files` = array of names */
41 |
42 | ### Path
43 |
44 | fs.realpath('/etc/passwd', function(err, path) { /* "/private/etc/passwd" */ });
45 |
46 | ### Sync
47 |
48 | data = fs.readFileSync('input.txt');
49 | fs.writeFileSync('output.txt', data);
50 | fs.appendFileSync('output.txt', data);
51 | fs.existsSync('file.txt');
52 |
53 | ### References
54 |
55 | - https://nodejs.org/api/fs.html
56 |
--------------------------------------------------------------------------------
/projectionist.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Projectionist
3 | category: Vim
4 | ---
5 |
6 | ### Basic usage
7 |
8 | ```json
9 | /* .projectionist.vim */
10 | {
11 | "app/assets/react/components/*.jsx": {
12 | "type": "component",
13 | "template": [
14 | "import React from 'react'",
15 | "export default {} = React.createClass({ ... })"
16 | ]
17 | }
18 | ```
19 |
20 | ### Available options
21 |
22 | ```js
23 | {
24 | "lib/*.rb": {
25 | "type": "lib", /* enables :Elib */
26 | "alternate": "test/{}_spec.rb", /* for :A */
27 | "template": [ ... ],
28 |
29 | "path": "include", /* for `gf` i think */
30 |
31 | "console": "node", /* for :Console */
32 | "dispatch": "node", /* for :Dispatch (dispatch.vim) */
33 | "start": "rails server", /* for :Start (dispatch.vim) */
34 | "make": "node", /* for makeprg */
35 | }
36 | }
37 | ```
38 |
39 | ### Commands
40 |
41 | | Command | Description |
42 | |---------|-------------|
43 | | `:A` | Edit alternate |
44 | | `:A {file}` | Edit file |
45 | |---------|-------------|
46 | | `:AS` | Edit in split |
47 | | `:AV` | Edit in vsplit |
48 | | `:AT` | Edit in tab |
49 | |---------|-------------|
50 | | `:AD` | Replace with template |
51 | |---------|-------------|
52 | | `:Cd` | cd to root |
53 | | `:Cd {path}` | cd to path in root |
54 | | `:Lcd` | cd to root using :lcd |
55 | |---------|-------------|
56 | | `:ProjectDo {cmd}` | run command in root |
57 |
58 | ### Reference
59 |
60 | See [vim-projectionist](https://github.com/tpope/vim-projectionist).
61 |
--------------------------------------------------------------------------------
/rails-tricks.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Rails tricks
3 | category: Rails
4 | tags: [Archived]
5 | archived: This sheet may describe practices that might be outdated.
6 | ---
7 |
8 | ### Sass source maps
9 |
10 | in config/environments/development.rb:
11 |
12 | # Source maps for Sass
13 | config.sass.debug_info = true
14 | config.sass.line_comments = false
15 |
16 | # Don't break apart
17 | config.assets.debug = false
18 |
19 | ### Partial locals
20 |
21 | <%= render 'article', full: true %>
22 | <%= render 'article' %>
23 |
24 | <% if local_assigns[:full] %>
25 | ...
26 | <% end %>
27 |
28 | ### HTML in i18n
29 |
30 | en:
31 | read_more_html: "read more..."
32 |
33 | ### Exception handling
34 |
35 | # config/application.rb
36 | config.exceptions_app = self.routes
37 |
38 | get '/404', to: 'errors#not_found'
39 | get '/500', to: 'errors#server_error'
40 |
41 | class ErrorsController
42 | def not_found
43 | render status: :not_found
44 | end
45 | end
46 |
47 | ### Rails updating
48 |
49 | rake rails:update
50 |
51 | ### Distinct pluck
52 |
53 | Article.distinct.pluck('author')
54 |
55 | ### Relation#merge
56 |
57 | scope :with_drafts, -> {
58 | uniq.joins(:articles).merge(Article.draft)
59 | }
60 |
61 | ### Order
62 |
63 | scope :recent, -> { order created_at: :desc }
64 |
65 | ### Group by month
66 |
67 | .group("to_char(created_at, 'YYYY-MM')")
68 | .group("to_char(created_at, 'YYYY-MM')").count
69 |
--------------------------------------------------------------------------------
/src/lib/seo/jsonJd.test.ts:
--------------------------------------------------------------------------------
1 | import { getJSONLDsForPage } from './jsonLd'
2 |
3 | it('works', () => {
4 | const page = {
5 | slug: 'react',
6 | frontmatter: {
7 | title: 'React',
8 | description: 'A React cheatsheet',
9 | category: 'JavaScript'
10 | }
11 | }
12 |
13 | const output = getJSONLDsForPage(page)
14 | expect(output).toMatchInlineSnapshot(`
15 | [
16 | {
17 | "@context": "http://schema.org",
18 | "@type": "NewsArticle",
19 | "description": "A React cheatsheet · One-page guide to React",
20 | "headline": "React cheatsheet",
21 | "image": [
22 | "https://assets.devhints.io/previews/react.jpg",
23 | ],
24 | "mainEntityOfPage": {
25 | "@id": "https://google.com/article",
26 | "@type": "WebPage",
27 | },
28 | },
29 | {
30 | "@context": "http://schema.org",
31 | "@type": "BreadcrumbList",
32 | "itemListElement": [
33 | {
34 | "@type": "ListItem",
35 | "item": {
36 | "@id": "https://devhints.io/#javascript",
37 | "name": "JavaScript",
38 | },
39 | "position": 1,
40 | },
41 | {
42 | "@type": "ListItem",
43 | "item": {
44 | "@id": "https://devhints.io/react",
45 | "name": "React cheatsheet",
46 | },
47 | "position": 2,
48 | },
49 | ],
50 | },
51 | ]
52 | `)
53 | })
54 |
--------------------------------------------------------------------------------
/kramdown.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Kramdown
3 | category: Markup
4 | ---
5 |
6 | ### About
7 | {: .-intro}
8 |
9 | Kramdown is a Markdown parser in Ruby.
10 |
11 | -
12 |
13 | ### Configuration
14 |
15 | * `parse_block_html` - process kramdown syntax inside blocks
16 | * `parse_span_html` - process kramdown syntax inside inlines
17 | * `html_to_native` - convert html elements to native elements
18 |
19 | {::options parse_block_html="true" /}
20 |
21 | For the GFM parser:
22 |
23 | * `hard_wrap`
24 |
25 | http://kramdown.gettalong.org/parser/gfm.html
26 |
27 | ### For jekyll (gh-pages)
28 |
29 | # _config.yml
30 | markdown: kramdown
31 | kramdown:
32 | input: GFM
33 |
34 | ### Footnotes (Kramdown)
35 |
36 | This is some text.[^1]. Other text.[^footnote].
37 |
38 | [^1]: Some *crazy* footnote definition.
39 |
40 | ### Abbreviations (Kramdown)
41 |
42 | This is some text not written in HTML but in another language!
43 |
44 | *[another language]: It's called Markdown
45 | *[HTML]: HyperTextMarkupLanguage
46 |
47 | ### Classes and IDs (Kramdown)
48 |
49 | A simple paragraph with an ID attribute.
50 | {: #para-one}
51 |
52 | > A blockquote with a title
53 | {:title="The blockquote title"}
54 | {: #myid}
55 |
56 | * {:.cls} This item has the class "cls"
57 |
58 | {:.ruby}
59 | Some code here
60 |
61 | ### References
62 |
63 | * http://kramdown.gettalong.org/syntax.html
64 | * http://kramdown.gettalong.org/parser/kramdown.html
65 |
--------------------------------------------------------------------------------
/src/lib/fuseSearch/fuseSearch.ts:
--------------------------------------------------------------------------------
1 | import Fuse from 'fuse.js'
2 | import type { SheetPage } from '~/lib/page'
3 |
4 | /**
5 | * This is what gets served in searchindex.json
6 | */
7 |
8 | export type ExternalSearchData = {
9 | index: ReturnType
10 | rows: Array<{ title: string; slug: string }>
11 | }
12 |
13 | export type Row = { title: string; slug: string }
14 |
15 | export type FuseIndex = Fuse.FuseIndex
16 |
17 | /** A subset of `SheetPage` needed for search indexing */
18 | type PartialSheetPage = {
19 | slug: SheetPage['slug']
20 | frontmatter: Pick
21 | }
22 |
23 | /**
24 | * Get `pages` and turn them into a fuse index json.
25 | */
26 |
27 | export function buildFuseIndex(pages: Record) {
28 | const rows = Object.values(pages).map((page): Row => {
29 | return { title: (page.frontmatter.title ?? '') as string, slug: page.slug }
30 | })
31 | const myIndex: FuseIndex = Fuse.createIndex(['title', 'slug'], rows)
32 | const indexJSON = myIndex.toJSON()
33 |
34 | const result = { index: indexJSON, rows }
35 | return result
36 | }
37 |
38 | export async function fetchFuse() {
39 | const res = await fetch('/searchindex.json')
40 | if (res.status > 400) throw new Error('Failed to fetch searchindex.json')
41 | return res.json()
42 | }
43 |
44 | export function parseFuse(data: ExternalSearchData) {
45 | const index = Fuse.parseIndex(data.index)
46 | const fuse = new Fuse(data.rows, {}, index)
47 | return fuse
48 | }
49 |
--------------------------------------------------------------------------------
/src/sass/2017/components/related-post-item.scss:
--------------------------------------------------------------------------------
1 | .related-post-item {
2 | & {
3 | display: flex;
4 | text-align: left;
5 | line-height: 1.4;
6 | }
7 |
8 | // Layout
9 | & > a {
10 | flex: 1 1 100%;
11 | display: block;
12 | border-radius: 2px;
13 | box-shadow: $shadow2;
14 | padding: 16px;
15 | text-decoration: none;
16 | }
17 |
18 | // Color
19 | & > a,
20 | & > a:visited {
21 | background: white;
22 | color: $base-mute;
23 |
24 | & > strong {
25 | color: $base-a;
26 | }
27 |
28 | &:hover,
29 | &:focus {
30 | color: $base-a;
31 | }
32 |
33 | &:hover > strong,
34 | &:focus > strong {
35 | color: darken($base-a, 16%);
36 | }
37 | }
38 |
39 | &:first-of-type > a,
40 | &:first-of-type > a:visited {
41 | background: $base-a;
42 | color: rgba(white, 0.5);
43 |
44 | & > strong {
45 | color: white;
46 | }
47 |
48 | &:hover,
49 | &:focus {
50 | color: white;
51 | }
52 |
53 | &:hover > strong,
54 | &:focus > strong {
55 | color: white;
56 | }
57 |
58 | &:hover,
59 | &:focus {
60 | background: darken($base-a, 8%);
61 | }
62 | }
63 |
64 | // Two lines when bigger
65 | @media (min-width: 481px) {
66 | & > a > strong,
67 | & > a > span {
68 | display: block;
69 | }
70 | }
71 |
72 | & > a > strong {
73 | @include font-size(1);
74 | font-weight: normal;
75 | }
76 |
77 | & > a > span {
78 | @include font-size(-1);
79 | }
80 | }
81 |
--------------------------------------------------------------------------------
/tailwind.config.mjs:
--------------------------------------------------------------------------------
1 | import resolveConfig from 'tailwindcss/resolveConfig'
2 |
3 | const defaults = resolveConfig({})
4 |
5 | /** @type {import('tailwindcss').Config} */
6 | export default {
7 | content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
8 | theme: {
9 | extend: {
10 | spacing: {
11 | // max-widths
12 | content: '1232px',
13 | slim: '740px'
14 | },
15 | colors: {
16 | mildindigo: {
17 | 50: '#F2F1F8',
18 | 100: '#E8E7F3',
19 | 200: '#D0CFE8',
20 | 300: '#B5B4DA',
21 | 400: '#9E9CCF',
22 | 500: '#8784C3',
23 | 600: '#6F6BB7',
24 | 700: '#4C4893',
25 | 800: '#312F60',
26 | 900: '#191730',
27 | 950: '#0C0C18'
28 | }
29 | },
30 |
31 | fontFamily: {
32 | manrope: ['Manrope', ...defaults.theme.fontFamily.sans]
33 | },
34 |
35 | boxShadow: {
36 | 'lg-cool': [
37 | '0 1px 1px rgb(0 0 80 / 0.05)',
38 | '0 1.5px 3px -1px rgb(0 0 80 / 0.15)',
39 | '0 4px 6px -1px rgb(0 0 80 / 0.07)',
40 | '0 8px 12px -1px rgb(0 0 80 / 0.04)'
41 | ].join(', '),
42 | 'md-cool': [
43 | '0 0 0 1px rgb(0 0 80 / 0.1)',
44 | '0 1px 1px rgb(0 0 80 / 0.1)',
45 | '0 1.5px 3px -2px rgb(0 0 80 / 0.3)',
46 | '0 4px 6px rgb(0 0 80 / 0.04)',
47 | '0 8px 12px -1px rgb(0 0 80 / 0.03)'
48 | ].join(', ')
49 | }
50 | }
51 | },
52 | plugins: []
53 | }
54 |
--------------------------------------------------------------------------------
/umdjs.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Universal JS module loader
3 | category: JavaScript libraries
4 | ---
5 |
6 | ### Reference
7 |
8 | *
9 |
10 | ### [With dependency](https://github.com/umdjs/umd/blob/master/amdWebGlobal.js)
11 |
12 | ~~~ js
13 | ;(function (root, factory) {
14 |
15 | if (typeof define === 'function' && define.amd) {
16 | define(['jquery'], factory);
17 | } else if (typeof exports === 'object') {
18 | module.exports = factory(require('jquery'));
19 | } else {
20 | root.YourModule = factory(root.jQuery);
21 | }
22 |
23 | }(this, function (jquery) {
24 | return {};
25 | }));
26 | ~~~
27 |
28 | ### No dependencies
29 |
30 | ~~~ js
31 | ;(function (root, factory) {
32 |
33 | if (typeof define === 'function' && define.amd) {
34 | define(factory);
35 | } else if (typeof exports === 'object') {
36 | module.exports = factory();
37 | } else {
38 | root.YourModule = factory();
39 | }
40 |
41 | }(this, function () {
42 | return {};
43 | }));
44 | ~~~
45 |
46 | ### [Supports circular references](https://github.com/umdjs/umd/blob/master/commonjsStrict.js)
47 |
48 | ~~~ js
49 | (function (root, factory) {
50 |
51 | if (typeof define === 'function' && define.amd) {
52 | define(['exports', 'jquery'], factory);
53 | } else if (typeof exports === 'object') {
54 | factory(exports, require('jquery'));
55 | } else {
56 | factory((root.YourModule = {}), root.jQuery);
57 | }
58 |
59 | }(this, function (exports, jQuery) {
60 | exports.action = function () {};
61 | }));
62 | ~~~
63 |
--------------------------------------------------------------------------------
/src/sass/2017/components/announcements-item.scss:
--------------------------------------------------------------------------------
1 | .announcements-item {
2 | & {
3 | position: relative;
4 | padding: 16px;
5 | box-shadow: $shadow6;
6 | border-radius: 1px;
7 | background: white;
8 | padding-right: 48px;
9 | animation: announcements-item-flyin 500ms ease-out;
10 | transition:
11 | opacity 500ms linear,
12 | transform 500ms ease-out;
13 | }
14 |
15 | &.-hide {
16 | display: none;
17 | }
18 |
19 | & > .title {
20 | @include font-size(1);
21 | font-weight: normal;
22 | color: $base-a;
23 | margin: 0;
24 | padding: 0;
25 | }
26 |
27 | & > .body > p {
28 | margin: 0;
29 | padding: 0;
30 |
31 | & + p {
32 | margin-top: 1em;
33 | }
34 | }
35 |
36 | & > .close {
37 | position: absolute;
38 | right: 0;
39 | top: 0;
40 | width: 40px;
41 | height: 40px;
42 | line-height: 40px;
43 | text-align: center;
44 | border: 0;
45 | margin: 0;
46 | padding: 0;
47 | cursor: pointer;
48 | background: transparent;
49 |
50 | &:hover,
51 | &:focus {
52 | color: $base-a;
53 | }
54 | }
55 |
56 | & > .close::before {
57 | // https://stackoverflow.com/a/30421654
58 | content: unquote('"') + str-insert('00D7', '\\', 1) + unquote('"');
59 | font-size: 14px;
60 | }
61 | }
62 |
63 | @keyframes announcements-item-flyin {
64 | 0% {
65 | transform: translate3d(0, 32px, 0);
66 | opacity: 0;
67 | }
68 |
69 | 100% {
70 | transform: translate3d(0, 0, 0);
71 | opacity: 1;
72 | }
73 | }
74 |
--------------------------------------------------------------------------------
/tar.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: tar
3 | category: CLI
4 | updated: 2022-08-11
5 | intro: Concatenate, Deflate, Inflate files
6 | ---
7 | ## Reference
8 | {:.-two-column}
9 |
10 | ### Deflate / Inflate / Concatenate
11 | ```shell
12 | # Deflate / Compress
13 | tar -czf archive.tar.gz /path/files
14 | ```
15 |
16 | ```shell
17 | # Inflate / Uncompress
18 | tar -xzf archive.tar.gz
19 | ```
20 |
21 | ```shell
22 | # Concatenate files into a single tar
23 | tar -cf archive.tar /path/files
24 | ```
25 |
26 | ```shell
27 | # Extract file to a defined directory
28 | tar -xzf archive.tar.gz -C /target/directory
29 | ```
30 |
31 | ```shell
32 | # Append a file to an existing archive
33 | tar -zu archive.tar.gz -C /target/file
34 | ```
35 |
36 | ```shell
37 | # List files in archive
38 | # Add -v for additional details
39 | tar -tzf archive.tar.gz
40 | ```
41 |
42 | ### Common options
43 |
44 | | Option | Description |
45 | |--------|-------------------------------------------------------------------------|
46 | | `z` | compress with gzip |
47 | | `c` | create an archive |
48 | | `u` | append files which are newer than the corresponding copy in the archive |
49 | | `f` | filename of the archive |
50 | | `v` | verbose, display what is inflated or deflated |
51 | | `a` | unlike of `z`, determine compression based on file extension |
52 |
--------------------------------------------------------------------------------
/rtorrent.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: rTorrent
3 | category: CLI
4 | intro: |
5 | [rTorrent](https://rakshasa.github.io/rtorrent/) is a command-line torrent application. Here are some shortcut keys.
6 | ---
7 |
8 | ## Shortcuts
9 | {: .-three-column}
10 |
11 | ### Global
12 |
13 | | `^q` | Quit |
14 | {: .-shortcuts}
15 |
16 | ### Main view
17 |
18 | | Shortcut | Description |
19 | | --- | --- |
20 | | `bksp` | Add torrent |
21 | | --- | --- |
22 | | `->` | View download |
23 | | --- | --- |
24 | | `1` _-_ `7` | Change view |
25 | | --- | --- |
26 | | `^S` | Start download |
27 | | `^D` | Stop download (or remove stopped) |
28 | | `^K` | Close a torrent |
29 | | --- | --- |
30 | | `+` _/_ `-` | Change priority |
31 | {: .-shortcuts}
32 |
33 | ### Throttling
34 |
35 | #### Upload
36 |
37 | | `a` _/_ `s` _/_ `d` | Increase upload throttle by 1/5/50 KB |
38 | | `z` _/_ `x` _/_ `c` | Decrease upload throttle by 1/5/50 KB |
39 | {: .-shortcuts}
40 |
41 | #### Download
42 |
43 | | `A` _/_ `S` _/_ `D` | Increase download throttle by 1/5/50 KB |
44 | | `Z` _/_ `X` _/_ `C` | Decrease download throttle by 1/5/50 KB |
45 | {: .-shortcuts}
46 |
47 | ### Download view
48 |
49 | | `1` _/_ `2` | Adjust max uploads |
50 | | `3` _/_ `4` | Adjust min peers |
51 | | `5` _/_ `6` | Adjust max peers |
52 | {: .-shortcuts}
53 |
54 | ### File list view
55 |
56 | | `space` | Change priority |
57 | {: .-shortcuts}
58 |
59 | ## Also see
60 |
61 | - [rTorrent website](https://rakshasa.github.io/rtorrent/) _(rakshasa.github.io)_
62 | - [rTorrent wiki](https://github.com/rakshasa/rtorrent/wiki) _(github.com)_
63 |
--------------------------------------------------------------------------------
/yargs.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Yargs
3 | category: JavaScript libraries
4 | ---
5 |
6 | ### Basic usage
7 |
8 | ```js
9 | var argv = require('yargs').argv;
10 |
11 | argv._ // [ ... ]
12 | argv.$0 // "node bin/mybin"
13 | argv.verbose // --verbose
14 | ```
15 |
16 | ### Help and version
17 |
18 | ```js
19 | var argv = require('yargs')
20 |
21 | // version
22 | .alias('v', 'version')
23 | .version(function() { return require('../package').version; })
24 | .describe('v', 'show version information')
25 |
26 | // help text
27 | .alias('h', 'help')
28 | .help('help')
29 | .usage('Usage: $0 -x [num]')
30 | .showHelpOnFail(false, "Specify --help for available options")
31 | ```
32 |
33 | ### Options
34 |
35 | ```js
36 | .option('f', {
37 | alias : 'file',
38 | describe: 'x marks the spot',
39 | type: 'string', /* array | boolean | string */
40 | nargs: 1,
41 | demand: true,
42 | demand: 'file is required',
43 | default: '/etc/passwd'
44 | // also: count:true, requiresArg:true
45 | })
46 |
47 | .options({
48 | f: { ... }
49 | })
50 | ```
51 |
52 | ### Examples and more help stuff
53 |
54 | ```js
55 | // more help
56 | .example('...')
57 | .epilog('copyright 2015')
58 | .command('start', 'start a server')
59 | ```
60 |
61 | ### Stacking
62 |
63 | ```js
64 | .count('verbose')
65 |
66 | argv.verbose // -vvv => 3
67 | ```
68 |
69 | ### Reject non explicits
70 |
71 | ```js
72 | .strict()
73 | ```
74 |
75 | ### Methods
76 |
77 | ```
78 | yargs.showHelp()
79 | yargs.help() //=>string
80 | ```
81 |
--------------------------------------------------------------------------------
/sequelize.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Sequelize
3 | category: JavaScript libraries
4 | ---
5 |
6 | ### About
7 | {: .-intro}
8 |
9 | Sequelize is an ORM for JavaScript.
10 |
11 | -
12 |
13 | ### API
14 |
15 | sequelize.sync().done -> ...
16 |
17 | ### Models
18 |
19 | Project = sequelize.define('Project', {
20 | title: Sequelize.STRING,
21 | description: Sequelize.TEXT,
22 | myDate: { type: Sequelize.DATE, defaultValue: Sequelize.NOW },
23 | title: { type: Sequelize.STRING, allowNull: false },
24 | id: { type: Sequelize.INTEGER, autoIncrement: true, primaryKey: true },
25 | }, {
26 | classMethods: { ... },
27 | instanceMethods: { ... }
28 | });
29 |
30 | Project.hasMany(Task)
31 |
32 | ### Finders
33 |
34 | Project.find(123).success (project) ->
35 |
36 | Project.find({ where: {title: 'Hello'} })
37 | Project.find({ where: {id: [1,3,4]} })
38 | Project.find({ where: ["id > ?", 25] })
39 |
40 | Project.find(
41 | where: {title: 'a'}
42 | attributes: ['id', ['name', 'title']]
43 | )
44 |
45 | .findOrCreate(...)
46 |
47 | .findAll
48 | .findAll({ where: ... })
49 | .findAll({ order: 'title DESC' })
50 | .findAll({ limit: 10 })
51 | .findAll({ offset: 10, limit: 2 })
52 |
53 | .count()
54 |
55 |
56 | ### Build
57 |
58 | item = Project.build({ ... })
59 |
60 | item.title = '...'
61 |
62 | item.save().success (item) ->
63 |
64 | item.updateAttributes({ title: '...' })
65 |
66 | item.destroy().success ->
67 |
68 | item.values
69 |
70 |
--------------------------------------------------------------------------------
/src/scripts/v2017/behaviors_2/anchors.js:
--------------------------------------------------------------------------------
1 | const DEFAULTS = {
2 | // select elements to put anchor on
3 | rule: 'h2[id]',
4 | // class name for anchor
5 | className: 'local-anchor anchor',
6 | // text of anchor
7 | text: '#',
8 | // append before or after innerText?
9 | shouldAppend: true
10 | }
11 |
12 | /*
13 | * Behavior: Add local anchors
14 | */
15 |
16 | export function setupAnchors() {
17 | document.querySelectorAll('[data-js-anchors]').forEach((parent) => {
18 | const data = JSON.parse(parent.getAttribute('data-js-anchors') || '{}')
19 | const rules = Array.isArray(data)
20 | ? data.length
21 | ? data
22 | : [DEFAULTS]
23 | : [Object.assign({}, DEFAULTS, data)]
24 |
25 | for (const { rule, className, text, shouldAppend } of rules) {
26 | for (const el of parent.querySelectorAll(rule)) {
27 | if (!el.hasAttribute('id')) {
28 | continue
29 | }
30 |
31 | const id = el.getAttribute('id')
32 | const anchor = document.createElement('a')
33 | anchor.setAttribute('href', `#${id}`)
34 | anchor.setAttribute('class', className)
35 | anchor.setAttribute('aria-hidden', 'true')
36 | anchor.innerText = String(text || DEFAULTS.text)
37 |
38 | if (shouldAppend) {
39 | el.appendChild(anchor)
40 | } else {
41 | prepend(el, anchor)
42 | }
43 | }
44 | }
45 | })
46 | }
47 |
48 | function prepend(el, child) {
49 | if (el.firstChild) {
50 | el.insertBefore(child, el.firstChild)
51 | } else {
52 | el.appendChild(child)
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/moment.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Moment.js
3 | category: JavaScript libraries
4 | updated: 2018-09-15
5 | tags: [Featurable]
6 | ---
7 |
8 | ### Parsing
9 |
10 | ```js
11 | m = moment('2013-03-01', 'YYYY-MM-DD')
12 | ```
13 |
14 | This parses the given date using the given format. Returns a moment object.
15 |
16 | ### Formatting
17 |
18 | ```js
19 | m.format() // "2013-03-01T00:00:00+01:00"
20 | m.format('dddd') // "Friday"
21 | m.format('MMM Do YY') // "Mar 1st 13"
22 | m.fromNow() // "7 years ago"
23 | m.calendar() // "03/01/2013"
24 | ```
25 |
26 | ### Add
27 |
28 | ```js
29 | m.add(1, 'day')
30 | m.subtract(2, 'days')
31 | ```
32 |
33 | ```js
34 | m.startOf('day')
35 | m.endOf('day')
36 | m.startOf('hour')
37 | ```
38 |
39 | ### Internationalization
40 |
41 | ```js
42 | .format('L') // 06/09/2014
43 | .format('l') // 6/9/2014
44 | .format('LL') // June 9 2014
45 | .format('ll') // Jun 9 2014
46 | .format('LLL') // June 9 2014 9:32 PM
47 | .format('lll') // Jun 9 2014 9:32 PM
48 | .format('LLLL') // Monday, June 9 2014 9:32 PM
49 | .format('llll') // Mon, Jun 9 2014 9:32 PM
50 | ```
51 |
52 | See [datetime](./datetime) for more.
53 |
54 | {% include common/moment_format.md title="Formatting" %}
55 |
56 | ## References
57 |
58 | ### Alternatives
59 |
60 | * [You don't need Moment.js](https://github.com/you-dont-need/You-Dont-Need-Momentjs) _(github.com)_
61 |
62 | ### Also see
63 |
64 | * [Datetime cheatsheet](./datetime) _(devhints.io)_
65 | * [Moment website](http://momentjs.com/) _(momentjs.com)_
66 | * [Moment docs](http://momentjs.com/docs/) _(momentjs.com)_
67 |
--------------------------------------------------------------------------------
/src/components/SocialList.astro:
--------------------------------------------------------------------------------
1 | ---
2 | import { getUrlFromPage } from '~/lib/links'
3 | import type { SheetPage } from '~/lib/page'
4 |
5 | export type Props = {
6 | class?: string
7 | page?: SheetPage
8 | }
9 | const props = Astro.props as Props
10 | const page = props.page
11 | const url = getUrlFromPage(page, Astro.site)
12 |
13 | const t = {
14 | facebookShare: 'Share on Facebook',
15 | twitterShare: 'Share on Twitter',
16 | sheetDescription: 'The ultimate cheatsheet for {title}',
17 | defaultDescription: 'Ridiculous collection of web development cheatsheets'
18 | }
19 |
20 | const title = page?.frontmatter?.title
21 |
22 | const description = title
23 | ? t.sheetDescription.replace('{title}', title)
24 | : t.defaultDescription
25 |
26 | const tweet = `${description} ${url}`
27 |
28 | // prettier-ignore
29 | const facebookURL = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(url)}`
30 | // prettier-ignore
31 | const twitterURL = `https://twitter.com/intent/tweet?text=${encodeURIComponent(tweet)}`
32 | ---
33 |
34 |
35 | -
36 |
42 |
43 | {' '}
44 |
52 |
53 |
--------------------------------------------------------------------------------
/awscli.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: AWS CLI
3 | category: Devops
4 | ---
5 |
6 | ### EC2
7 |
8 | ```
9 | aws ec2 describe-instances
10 | aws ec2 start-instances --instance-ids i-12345678c
11 | aws ec2 terminate-instances --instance-ids i-12345678c
12 | ```
13 |
14 | ### S3
15 |
16 | ```
17 | aws s3 ls s3://mybucket
18 | aws s3 rm s3://mybucket/folder --recursive
19 | aws s3 cp myfolder s3://mybucket/folder --recursive
20 | aws s3 sync myfolder s3://mybucket/folder --exclude *.tmp
21 | ```
22 |
23 | ### ECS
24 |
25 | ```
26 | aws ecs create-cluster
27 | --cluster-name=NAME
28 | --generate-cli-skeleton
29 |
30 | aws ecs create-service
31 | ```
32 |
33 | ### Homebrew
34 |
35 | ```
36 | brew install awscli
37 | aws configure
38 | ```
39 |
40 | ### Configuration profiles
41 |
42 | ```
43 | aws configure --profile project1
44 | aws configure --profile project2
45 | ```
46 |
47 | ## Elastic Beanstalk
48 |
49 | ### Configuration
50 |
51 | * .elasticbeanstalk/config.yml - application config
52 | * .elasticbeanstalk/dev-env.env.yml - environment config
53 |
54 | ```
55 | eb config
56 | ```
57 |
58 | See:
59 |
60 | ## ebextensions
61 |
62 | *
63 | *
64 |
65 | ## Also see
66 |
67 | * [AWS CLI](https://aws.amazon.com/cli/)
68 | * [Documentation](https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-welcome.html)
69 | * [All commands](https://docs.aws.amazon.com/cli/latest/reference/#available-services)
70 |
--------------------------------------------------------------------------------