Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Replace embedded tweets #3869

Merged
merged 1 commit into from
Jun 12, 2024
Merged

Replace embedded tweets #3869

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-0ce81ce23a2491fe0e6fe7a76d2d95
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"0ce81ce23a2491fe0e6fe7a76d2d95":"1"},{"cachedAt":1718212425058,"type":"2"},"json"]
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't understand what the .cache is for, can you please clarify?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes! The cache is preventing the site from pinging the Twitter to fetch the data every time we run a build. It stores all the tweet request/response data, and I've set it to cache permanently, so once we have the tweet, we should never need an external connection to get it again.

This is also going to save us a lot of ZScaler headaches.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

OK! Sensible, but does that necessarily follow that we have to update the cache ourselves? Or is the .cache a directory we can git ignore going forward and trust that the build has the updated data?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I mean, I'm thinking we don't need to see the updated twitter feed ourselves while doing local dev?

Copy link
Contributor Author

@beechnut beechnut Jun 12, 2024 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

does that necessarily follow that we have to update the cache ourselves?
we don't need to see the updated twitter feed ourselves while doing local dev?

Neither of those questions squares with my understanding of how this caching works, so let me try to explain my understanding and get us on the same page.

About four of our blog posts embed tweets in them, as part of the narrative of the post. Here's a good example.

To get these tweets, we have to interact with one of the Twitter APIs. Previously this was done through an oembed gem. It doesn't look like that gem had any caching, so I think every time you ran jekyll build it hit the network and re-requested the tweet data.

The 11ty twitter plugin fetches tweets in blog posts one time, then caches the network data, then uses that cached data in the templates. There's no need for additional network requests to request a resource that's, for our purposes, immutable. Moncef isn't going to update his tweet from 2014 about a hack night. (I'd be open to reducing the cache length to 1 year or 6 months, though, to account for the possibility of account deletion.)

Let's say we add a new blog post that embeds a few tweets. When the person adding that post builds the site, it will request the new tweets, cache the data, and that's it — it's part of the blog, no need for anyone else to have to make the same requests.

Keeping the cache in the repo solves a lot of problems; .gitignoreing the cache creates headaches:

Keep the cache .gitignore the cache
No additional network dependency in CI Dependency on Twitter API for every CI build
ZScaler issues only when tweets are added (rare) ZScaler issues for every new contributor and for every new git clone
Only users adding tweets will need to deal with sudo permissions or local certs All contributors will need to deal with these things
High dev-prod parity: what you see in local dev is what you see in production If Twitter API is down or network issues happen during prod build, tweets will go missing

If we .gitignore the .cache then every new contributor and every CI build will have to re-download the tweet data and deal with zscaler; by keeping the cache, we can avoid all of this.

And if new contributors all have to fetch the tweet data, it means a lot more of this kind of exchange:

"can someone help me figure out this certificate error?"
"oh that's zscaler, temporarily disable zscaler or get these certs"
"how do i do that?"
"sudo etc."
"I don't have sudo permissions yet"
"oh ok here's how to get them"
[ work is blocked a few days, or permanently if we can't justify them having sudo permissons ]

I suspect the permissions to temporarily disable zscaler may be revoked at some point, so I'd like the design of the solution here to minimize that workaround.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Gotcha. Yes, I misunderstood the usage of the embed plugin -- this is for explicitly embedded tweets in posts. SGTM

1 change: 1 addition & 0 deletions .cache/eleventy-fetch-0ce81ce23a2491fe0e6fe7a76d2d95.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/stroupaloop/status/593525508945489921","author_name":"Andrew Stroup 최영호","author_url":"https://twitter.com/stroupaloop","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">Some <a href=\"https://twitter.com/WhiteHouse?ref_src=twsrc%5Etfw\">@WhiteHouse</a> Pres Innov Fellows on policing data at moveForward(100) / @whitehouseostp talks <a href=\"https://twitter.com/18F?ref_src=twsrc%5Etfw\">@18F</a> <a href=\"https://twitter.com/USGSA?ref_src=twsrc%5Etfw\">@usgsa</a> <a href=\"https://twitter.com/hashtag/govlife?src=hash&amp;ref_src=twsrc%5Etfw\">#govlife</a> <a href=\"http://t.co/QTqfMmbhFs\">pic.twitter.com/QTqfMmbhFs</a></p>&mdash; Andrew Stroup 최영호 (@stroupaloop) <a href=\"https://twitter.com/stroupaloop/status/593525508945489921?ref_src=twsrc%5Etfw\">April 29, 2015</a></blockquote>\n<script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-2c6b74860b54324c210492f60eb9ea
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"2c6b74860b54324c210492f60eb9ea":"1"},{"cachedAt":1718212425287,"type":"2"},"json"]
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-2c6b74860b54324c210492f60eb9ea.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/seldo/status/571453200093437952","author_name":"Laurie Voss","author_url":"https://twitter.com/seldo","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">Does your project pass the Bechdel test? To pass, a function written by a woman dev must call a function written by another woman dev.</p>&mdash; Laurie Voss (@seldo) <a href=\"https://twitter.com/seldo/status/571453200093437952?ref_src=twsrc%5Etfw\">February 27, 2015</a></blockquote>\n<script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-3175d7d5aed9c093038d0739895aae
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"3175d7d5aed9c093038d0739895aae":"1"},{"cachedAt":1718212425878,"type":"2"},"json"]
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-3175d7d5aed9c093038d0739895aae.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/enBloomMedia/status/519288750640480256","author_name":"Alisa Hughley, MPH","author_url":"https://twitter.com/enBloomMedia","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">Thank to the folks <a href=\"https://twitter.com/18F?ref_src=twsrc%5Etfw\">@18F</a> and <a href=\"https://twitter.com/hhsidealab?ref_src=twsrc%5Etfw\">@HHSIDEALab</a> for moving the <a href=\"https://twitter.com/hashtag/opensource?src=hash&amp;ref_src=twsrc%5Etfw\">#opensource</a> code of <a href=\"https://twitter.com/hashtag/Midas?src=hash&amp;ref_src=twsrc%5Etfw\">#Midas</a> forward; learned lots</p>&mdash; Alisa Hughley, MPH (@enBloomMedia) <a href=\"https://twitter.com/enBloomMedia/status/519288750640480256?ref_src=twsrc%5Etfw\">October 7, 2014</a></blockquote>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-41198981b42daba837eedfada4b325
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"41198981b42daba837eedfada4b325":"1"},{"cachedAt":1718212425579,"type":"2"},"json"]
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-41198981b42daba837eedfada4b325.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/monfresh/status/519297925965684736","author_name":"Moncef Belyamani","author_url":"https://twitter.com/monfresh","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">Had a great time at the <a href=\"https://twitter.com/18F?ref_src=twsrc%5Etfw\">@18F</a> hack night. Sent a PR to update installation instructions and fixed 2 bugs that <a href=\"https://twitter.com/saikofish?ref_src=twsrc%5Etfw\">@saikofish</a> found.</p>&mdash; Moncef Belyamani (@monfresh) <a href=\"https://twitter.com/monfresh/status/519297925965684736?ref_src=twsrc%5Etfw\">October 7, 2014</a></blockquote>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-4df3809831b720bb2338122a0a9fe7
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"4df3809831b720bb2338122a0a9fe7":"1"},{"cachedAt":1718212425574,"type":"2"},"json"]
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-4df3809831b720bb2338122a0a9fe7.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/corizarek/status/593525117210103809","author_name":"Cori Zarek","author_url":"https://twitter.com/corizarek","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">The <a href=\"https://twitter.com/hashtag/digitalservices?src=hash&amp;ref_src=twsrc%5Etfw\">#digitalservices</a> teams in the USG are AMAZING. Awesome demos today from <a href=\"https://twitter.com/18F?ref_src=twsrc%5Etfw\">@18F</a>, PIFs + <a href=\"https://twitter.com/USDS?ref_src=twsrc%5Etfw\">@USDS</a> at <a href=\"https://twitter.com/hashtag/moveforward100?src=hash&amp;ref_src=twsrc%5Etfw\">#moveforward100</a> <a href=\"http://t.co/2oZ491TUP2\">pic.twitter.com/2oZ491TUP2</a></p>&mdash; Cori Zarek (@corizarek) <a href=\"https://twitter.com/corizarek/status/593525117210103809?ref_src=twsrc%5Etfw\">April 29, 2015</a></blockquote>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-90d45473fd48f14202bed6b586de4c
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"90d45473fd48f14202bed6b586de4c":"1"},{"cachedAt":1718212425880,"type":"2"},"json"]
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-90d45473fd48f14202bed6b586de4c.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/thebenedict/status/578572813155590144","author_name":"Michael Benedict","author_url":"https://twitter.com/thebenedict","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\"><a href=\"https://twitter.com/18F?ref_src=twsrc%5Etfw\">@18F</a> Picture in tweet: screenshot of a tweet featuring a screenshot of a reply to a tweet featuring an image. <a href=\"http://t.co/PWUIJgubPd\">pic.twitter.com/PWUIJgubPd</a></p>&mdash; Michael Benedict (@thebenedict) <a href=\"https://twitter.com/thebenedict/status/578572813155590144?ref_src=twsrc%5Etfw\">March 19, 2015</a></blockquote>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-ac76c6912caf31b4258aca47327ad3
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"ac76c6912caf31b4258aca47327ad3":"1"},{"cachedAt":1718212425042,"type":"2"},"json"]
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-ac76c6912caf31b4258aca47327ad3.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/travelingheidi/status/578569906834264064","author_name":"Heidi Tandy (my tweets are not legal advice) 💫","author_url":"https://twitter.com/travelingheidi","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\"><a href=\"https://twitter.com/18F?ref_src=twsrc%5Etfw\">@18F</a> Since it doesn&#39;t work the same way in all apps, or if one goes back to earlier tweet days/months later can you link to earlier tweet.</p>&mdash; Heidi Tandy (my tweets are not legal advice) 💫 (@travelingheidi) <a href=\"https://twitter.com/travelingheidi/status/578569906834264064?ref_src=twsrc%5Etfw\">March 19, 2015</a></blockquote>\n<script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-c01364da60e21e17b304ecad867be6
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"c01364da60e21e17b304ecad867be6":"1"},{"cachedAt":1718212426138,"type":"2"},"json"]
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-c01364da60e21e17b304ecad867be6.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/VLVarin/status/519229900516233216","author_name":"Vanessa Varin","author_url":"https://twitter.com/VLVarin","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">It&#39;s like CSI, but for <a href=\"https://twitter.com/hashtag/ux?src=hash&amp;ref_src=twsrc%5Etfw\">#ux</a> <a href=\"https://twitter.com/18F?ref_src=twsrc%5Etfw\">@18F</a> <a href=\"http://t.co/ZjltngriZ1\">pic.twitter.com/ZjltngriZ1</a></p>&mdash; Vanessa Varin (@VLVarin) <a href=\"https://twitter.com/VLVarin/status/519229900516233216?ref_src=twsrc%5Etfw\">October 6, 2014</a></blockquote>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-c456ffb390e7d85d92cd6382ae9f7e
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"c456ffb390e7d85d92cd6382ae9f7e":"1"},{"cachedAt":1718212425877,"type":"2"},"json"]
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-c456ffb390e7d85d92cd6382ae9f7e.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/USGSA/status/593540092871970817","author_name":"GSA","author_url":"https://twitter.com/USGSA","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">The <a href=\"https://twitter.com/USDS?ref_src=twsrc%5Etfw\">@USDS</a> and <a href=\"https://twitter.com/18F?ref_src=twsrc%5Etfw\">@18F</a> teams saying hi to <a href=\"https://twitter.com/DeniseUSGSA?ref_src=twsrc%5Etfw\">@DeniseUSGSA</a> at the <a href=\"https://twitter.com/hashtag/moveForward100?src=hash&amp;ref_src=twsrc%5Etfw\">#moveForward100</a> event. <a href=\"http://t.co/uncSFpyaEH\">pic.twitter.com/uncSFpyaEH</a></p>&mdash; GSA (@USGSA) <a href=\"https://twitter.com/USGSA/status/593540092871970817?ref_src=twsrc%5Etfw\">April 29, 2015</a></blockquote>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-c8be41e4b1a77adf6efb6dfe0dec48
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"c8be41e4b1a77adf6efb6dfe0dec48":"1"},{"cachedAt":1718212425055,"type":"2"},"json"]
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-c8be41e4b1a77adf6efb6dfe0dec48.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/18F/status/519227871311953920","author_name":"18F","author_url":"https://twitter.com/18F","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">The daytime <a href=\"https://twitter.com/hashtag/hackathon?src=hash&amp;ref_src=twsrc%5Etfw\">#hackathon</a> crew at work! Looking forward to what comes out of today&#39;s Midas hack: <a href=\"https://t.co/PYjHVwuJHu\">https://t.co/PYjHVwuJHu</a> <a href=\"http://t.co/OE273Sil0Z\">pic.twitter.com/OE273Sil0Z</a></p>&mdash; 18F (@18F) <a href=\"https://twitter.com/18F/status/519227871311953920?ref_src=twsrc%5Etfw\">October 6, 2014</a></blockquote>\n<script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-d29afdc5b25f847b412eb8708bd171
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[{"d29afdc5b25f847b412eb8708bd171":"1"},{"cachedAt":1718212425569,"type":"2"},"json"]
1 change: 1 addition & 0 deletions .cache/eleventy-fetch-d29afdc5b25f847b412eb8708bd171.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"url":"https://twitter.com/kimberlymunoz/status/578571119164264449","author_name":"Kimberly Muñoz","author_url":"https://twitter.com/kimberlymunoz","html":"<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\"><a href=\"https://twitter.com/18F?ref_src=twsrc%5Etfw\">@18F</a> Would creating another account @18FImages to link + reply to tweets with descriptions be an option? It allows folks to turn it on/off.</p>&mdash; Kimberly Muñoz (@kimberlymunoz) <a href=\"https://twitter.com/kimberlymunoz/status/578571119164264449?ref_src=twsrc%5Etfw\">March 19, 2015</a></blockquote>\n\n","width":550,"height":null,"type":"rich","cache_age":"3153600000","provider_name":"Twitter","provider_url":"https://twitter.com","version":"1.0"}
8 changes: 6 additions & 2 deletions .eleventy.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ const fs = require('fs');
const { EleventyRenderPlugin } = require('@11ty/eleventy');
const pluginRss = require('@11ty/eleventy-plugin-rss');
const pluginNavigation = require('@11ty/eleventy-navigation');
const embedTwitter = require('eleventy-plugin-embed-twitter');
const markdownIt = require('markdown-it');
const markdownItAttrs = require('markdown-it-attrs');
const markdownItAnchor = require('markdown-it-anchor');
Expand All @@ -20,7 +21,6 @@ const { readableDate
, teamLink
, markdownify
, weightedSort
, oembed
, asRelativeUrl
, matchPosts } = require('./config/filters');
const { postsCollection, servicesCollection, tagsCollection } = require('./config/collections');
Expand Down Expand Up @@ -80,6 +80,11 @@ module.exports = function (config) { /* eslint-disable-line func-names */
// Plugin to style code blocks
config.addPlugin(syntaxHighlight);

config.addPlugin(embedTwitter, {
cacheText: true,
cacheDuration: '*' // caches tweets forever
});

// Allow yaml to be used in the _data dir
config.addDataExtension('yml, yaml', contents => yaml.load(contents));

Expand All @@ -102,7 +107,6 @@ module.exports = function (config) { /* eslint-disable-line func-names */
// Add a link to an 18F team member's author page
config.addFilter('team_link', teamLink);
config.addFilter('weighted_sort', weightedSort);
config.addShortcode('oembed', oembed);
config.addFilter('relative_url', asRelativeUrl);
config.addFilter('match_posts', matchPosts);
config.addFilter('limit', (arr, limit) => arr.slice(0, limit));
Expand Down
56 changes: 0 additions & 56 deletions _plugins/oembed.rb
View file
Open in desktop

This file was deleted.

2 changes: 0 additions & 2 deletions assets/presentations/presentation-README.md
View file
Open in desktop

This file was deleted.

2 changes: 0 additions & 2 deletions config/filters.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,6 @@ const teamLink = (slug) => {
// TODO remove the eslint-disable directive after implementation
/* eslint-disable */
const weightedSort = (array, weight_name, sort_name) => array
const oembed = (url) => `TODO EMBED ${url}`
const asRelativeUrl = (url) => url
const matchPosts = (page, property='tags') => []
/* eslint-enable */
Expand All @@ -112,7 +111,6 @@ module.exports = {
teamLink,
markdownify,
weightedSort,
oembed,
asRelativeUrl,
matchPosts,
};
3 changes: 1 addition & 2 deletions content/posts/2014-04-28-18f-demo-day-may-9-2014.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,8 +54,7 @@ Space is limited, so [register today to join us at GSA on May
9.](https://www.eventbrite.com/e/18f-demo-day-tickets-11062384891). We
can't wait to see you there!

{{ "https://www.youtube-nocookie.com/embed/aeQX16HCKSs" | embed: 'register today to join us at GSA on May
9.' }}
{{ "https://www.youtube-nocookie.com/embed/aeQX16HCKSs" | embed: 'register today to join us at GSA on May 9.' }}

[Register at Eventbrite for 18F Demo
Day](https://www.eventbrite.com/e/18f-demo-day-tickets-11062384891)
8 changes: 4 additions & 4 deletions content/posts/2014-12-10-great-community-turnout-for-open-source-hack-night.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,27 +24,27 @@ Midas is a [marketplace of skill building opportunities](https://18f.gsa.gov/201

More than 30 developers, designers, and government product leaders got together for an afternoon and evening of sketching, coding, writing and learning.

{% oembed "https://twitter.com/18F/status/519227871311953920" %}
https://twitter.com/18F/status/519227871311953920

### Positive impact

Thanks to the hack night, we had nine commits and 22 issues reported, seven of which were fixed within the week and integrated into the [next release](https://github.com/18F/midas/releases/tag/0.0.18) of the software. Some bugs were reported and fixed in the same evening! The usability testing confirmed some of our issues, but also offered some unexpected findings that informed future designs of the user interface. UX sketches were added to GitHub issues to resolve problems discovered in the usability testing. In addition to the direct contributions, the enthusiasm of the participants infused energy into our small team.

The event also had a positive impact on the participants themselves. Volunteers from the private sector learned about work across different agencies and new initiatives inside government.

{% oembed "https://twitter.com/monfresh/status/519297925965684736" %}
https://twitter.com/monfresh/status/519297925965684736

> "The Hackathon was great! I loved getting to quickly go from testing to creating a map of the issues. Then we modeled a potential solution and got practical feedback on it! We made a lot of progress in just one session! Everyone was really excited and open to the experience, and there were a lot of great ideas. I was so excited about the Hackathon that I told everyone at my office about it. I hope that we have more. Five Stars! Most fun day of work!" -- Ken Ambrose, Health and Human Services

{% oembed "https://twitter.com/enBloomMedia/status/519288750640480256" %}
https://twitter.com/enBloomMedia/status/519288750640480256

Government workers had the chance to meet people from other teams or other agencies who are doing similar work. Developers and designers using new technology and techniques sometimes feel isolated in their day-to-day work -- making connections to others in the same field can be transformative. Usability testing and UX sketching was new to a lot of participants, and it was exciting to see the findings from the testing sessions so quickly transformed into new ideas.

## How it worked

We split the room into two areas: on one side coding, the other side, user experience (UX). While the volunteer developers got their environments set up and worked on code or technical documentation improvements, the UX experience group worked with the Midas team to test different usage scenarios and identify a number of usability and design issues. The UX group even used the wall of the room to create a quick cluster map of the issues.

{% oembed "https://twitter.com/VLVarin/status/519229900516233216" %}
https://twitter.com/VLVarin/status/519229900516233216

Midas contributors from across the country were on hand to answer questions and merge in [pull requests](http://oss-watch.ac.uk/resources/pullrequest), and there were even volunteers working remotely on both design and development. The hackathon was split into afternoon and evening sessions, and a core group stayed for the whole event. In between the sessions, we had inspiring presentations from two government leaders – Read Holman from Health and Human Services and Lisa Nelson from GSA – who talked about how Midas has the potential to drive positive change across government.

Expand Down
2 changes: 1 addition & 1 deletion content/posts/2015-03-17-does-18f-pass-the-bechdel-test-for-tech.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ excerpt: "How does the Bechdel test, originally designed for evaluating works fo
Kaitlin Devine, 18F’s Director of Engineering recently noticed this
tweet:

{% oembed "https://twitter.com/seldo/status/571453200093437952" %}
https://twitter.com/seldo/status/571453200093437952

The coding Bechdel test, as described above, is a variant of the
original Bechdel test, which was created by writer and graphic novelist
Expand Down
Loading
Loading