Matt Nunogawa @amattn amattn
amattn
/ generate_html_for_route.ex
Last active
October 4, 2022 23:20
snippet from https://amattn.com/p/static_site_generator_using_elixir_and_phoenix.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| def generate_html_for_route(route_path) do | |
| conn = Phoenix.ConnTest.build_conn() | |
| conn = get(conn, route_path) | |
| resp = html_response(conn, 200) | |
| priv_static_path = | |
| Path.join([ | |
| :code.priv_dir(:dash_home), | |
| "static", | |
| route_path |
amattn
/ tailwind.config.js
Last active
January 28, 2021 17:49
tailwind.config.js snippet to do fancy block quotes. see https://amattn.com/p/brief_history_of_and_advanced_tricks_with_tailwind_css.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // https://tailwindcss.com/docs/customizing-colors#color-palette-reference | |
| const colors = require('tailwindcss/colors') | |
| const round = (num) => | |
| num | |
| .toFixed(7) | |
| .replace(/(\.[0-9]+?)0+$/, '$1') | |
| .replace(/\.0$/, '') | |
| const rem = (px) => `${round(px / 16)}rem` | |
| const em = (px, base) => `${round(px / base)}em` |
amattn
/ input.css
Last active
January 28, 2021 17:49
input.css to get custom scroll bar colors. see https://amattn.com/p/brief_history_of_and_advanced_tricks_with_tailwind_css.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import "tailwindcss/base"; | |
| @import "tailwindcss/components"; | |
| @import "tailwindcss/utilities"; | |
| /* Works on Firefox */ | |
| pre { | |
| scrollbar-color: #6B7280 #1f2937; | |
| } | |
| /* Works on Chrome, Edge, and Safari */ |
amattn
/ input.css
Created
January 28, 2021 17:48
Tailwind input.css file which supports sup and sub tags. see: https://amattn.com/p/brief_history_of_and_advanced_tricks_with_tailwind_css.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import "tailwindcss/base"; | |
| @import "tailwindcss/components"; | |
| @import "tailwindcss/utilities"; | |
| /* I mostly use this for math like exponents and stuff */ | |
| sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } | |
| sup { top: -0.3em; vertical-align: super;} | |
| sub { bottom: -0.25em; vertical-align: sub;} |
amattn
/ input.css
Created
January 28, 2021 17:58
Tailwind input.css to support footnotes. see: https://amattn.com/p/brief_history_of_and_advanced_tricks_with_tailwind_css.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import "tailwindcss/base"; | |
| @import "tailwindcss/components"; | |
| @import "tailwindcss/utilities"; | |
| @layer utilities { | |
| .fgoto { | |
| /* don't use this with <sup>... one or the other.*/ | |
| font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; | |
| top: -0.3em; vertical-align: super; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [Adblock Plus 2.0] | |
| ! Title: Misc Widgets | |
| *ko-fi.com/* | |
| *jsdelivr.net/npm/cookieconsent* | |
| https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js | |
| *blogger.com/*comment_from_post_iframe.js | |
| *blogger.com/*widgets.js | |
| *sharethis.com/* |
OlderNewer