Skip to content

Instantly share code, notes, and snippets.

View thisisdano's full-sized avatar
👋
Hi

Dan O. Williams thisisdano

👋
Hi
  • GSA/TTS Solutions
  • PDX
View GitHub Profile
@thisisdano
thisisdano / gsa-identifier.html
Last active April 7, 2022 17:06
GSA Identifier
<div class="usa-identifier">
<section class="usa-identifier__section usa-identifier__section--masthead" aria-label="Agency identifier">
<div class="usa-identifier__container">
<div class="usa-identifier__logos">
<a href="javascript:void(0);" class="usa-identifier__logo">
<img class="usa-identifier__logo-img" src="/img/gsa-logo.svg" alt="GSA logo" role="img">
</a>
</div>
<div class="usa-identifier__identity" aria-label="Agency description">
<p class="usa-identifier__identity-domain">UPDATE--yourdomain.gov</p>
@thisisdano
thisisdano / uswds-core-import.md
Last active September 8, 2021 23:34
Import only the USWDS Core design language

Using only the core USWDS design language in your project

So, USWDS source files are written in a language called Sass and need to be compiled into CSS to be browser-readable. We use a task-runner called Gulp to do this compiling, and we have a project called uswds-gulp that outlines one way to set it up.

Essentially you'll want the compiler to look for the following files, in the following order:

  1. USWDS Settings files
  2. USWDS Core files
  3. Your project stylesheets
@thisisdano
thisisdano / 18Frankify.txt
Created July 15, 2017 17:36
Convert all the text on the page to 18Franklin
javascript:(function(){document.getElementsByTagName('head')[0].appendChild(document.createElement('style')).innerText='*{font-family:"18franklin" !important}'})();
@thisisdano
thisisdano / read-safari.txt
Last active July 6, 2017 20:57
Bookmarklet for reading in Safari Books
javascript:(function(){document.getElementsByTagName('head')[0].appendChild(document.createElement('style')).innerText='body #HtmlView, #HtmlView h1, #HtmlView h2, #HtmlView h3, #HtmlView h4, #HtmlView h5, #HtmlView h6{font-family:"18franklin";}#HtmlView h1, #HtmlView h2{color: #D75736;}#HtmlView .epub__pd_red {color: #D75736;font-weight: 300;}#readercontent #HtmlView {background-color: #fafaf8;}.htmlcontent {max-width: 35em;background-color: white;padding-top: 32px;}.htmlcontent p, #HtmlView p {max-width: 34em;line-height: 1.618;}#HtmlView .epub__indent {margin-top: 1.25em;margin-bottom: 4pt;text-indent: 0;}#HtmlView .epub__pd_ash1 {color: #D75736;}#HtmlView .epub__image {margin-top: 16pt;text-align: left;}#HtmlView .epub__fig-caption {font-weight: 500;line-height: 1.35;font-size: 90%;text-align: left;}.reader_container .paneR .readerContent{background-color:#fafaf8;}#HtmlView h4{margin-top: 24px;}#HtmlView .htmlcontent{padding: 32px;}#HtmlView code{display:inline-block;padding: 0 4px;background-color: