Skip to content

Instantly share code, notes, and snippets.

View ryanmr's full-sized avatar

Ryan Rampersad ryanmr

View GitHub Profile

Compose a japanese lesson.

Use these basic words that I have "learned" from duolingo. You can use other words at the same relative level. You may need to introduce them in the lesson. You may use kanji but also include (furigana). For new words, also provide the romaji.

'["シーフード","ぎゅうにく","こしょう","やきます","そと","すずしい","けしき","川","たのしみます","雨","くらい","ピクニック","バーベキュー","一日","五月","がいいです","キャンプ","ハイキング","バックパック","ほっかいどう","すみ","カラフルな","よんひき","カメレオン","なんびき","さんびき","へや","口","トマト","みみ","いぬ","にひき","ハムスター","ちゃいろ","パンケーキ","め","いっぴき","カプチーノ","にんき","どうぶつ","ねこ","チェス","ボランティア","サークル","ボードゲーム","キャンパス","ルームメイト","りょう","駅","タガログご","ドイツご","げんご","ドイツ","フィリピン","すうがく","ビジネス","せんこう","四年生","三年生","サム","かい","二年生","一年生","何年生","みなみぐち","飲み物","よびます","ゆっくりします","ツアー","インフォメーション","八百","はらいます","エスカレーター","きたぐち","三ばん","のりかえます","かいそく","二ばん","オレンジ","おります","一ばん","きっぷうりば","モノレール","三百","のります","うた","ワイン","ステーキ","かんとく","ポップコーン","えいがかん","ホットドッグ","よやくします","ブラウス","スーツ","きます","うでどけい","ネックレス","プレゼント","げんき","たんじょうび","人","デート","カウントダウン","クリスマス","おおみそか","イルミネーション","十

@ryanmr
ryanmr / example.html
Created February 27, 2024 19:36
an example of css modules vs tailwind; why not both in some cases?
<template>
<div class="app-wrapper">
<app-header></app-header>
<main class="main-content">
<slot></slot>
</main>
<app-footer></app-footer>
# https://www.npmjs.com/package/string-width 87,290,385 weekly downloads
# vs
# https://www.npmjs.com/package/string-width-cjs 64 weekly downloads
*,
:before,
:after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
:before,
:after {
*,
:before,
:after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
:before,
:after {

this is a header

<picture>
  <source srcset="/large.jpg"
          media="(prefers-color-scheme: dark)">
  <source srcset="/small.jpg"
          media="(prefers-color-scheme: light)">
  <img src="/large.jpg" />
const YAML = require("yaml");
const data = {
overview: {
str: "this is a string",
num: 5,
},
};
const yml = YAML.stringify(data, {
#!/bin/bash
# A sample Bash script, by Ryan
DT=$(date '+%Y-%m-%d-%H%M%S')
OUTPUT_NAME="converted-$DT.mp4"
OUTPUT_FOLDER=$(dirname "$1")
OUTPUT_PATH="$OUTPUT_FOLDER/$OUTPUT_NAME"
echo "converting input video $1 to $OUTPUT_NAME mp4"
from datetime import date
import random
import sublime_plugin
def callback(s):
print('saved: ', s)
class SuperSaveCommand(sublime_plugin.TextCommand):
def run(self, edit):
self.view.insert(edit, 0, "saving all the files")

Following the steps documented to get tailwind to work with snowpack, nothing happens.

My script uses npm-run-all as an intermediate parallel or sequential step to handle tailwind.

  "scripts": {
    "tailwind:start": "postcss ./public/tailwind.css -o ./public/tailwind.include.css -w",
    "tailwind:build": "postcss ./public/tailwind.css -o ./public/tailwind.include.css --env production",
    "snowpack:start": "snowpack dev",
 "snowpack:build": "snowpack build",