Add a link to our open source policy in the footer below "Linking policy."

Newbies, add yourself to the website! :) See previous PRs or ping a fellow 18F for help. Team building!

@vz3 @yozlet @ultrasaurus

...that links to our APIs and related resources.

Just wanted to mention that Tumblr is blocked from within the VA firewall so the site just gives the Loading latest posts notice and never pulls in any blog posts or gives an error.

Remove "you are leaving" nonsense.

I know usa.gov taught us quite a few things; perhaps we can ask them?

The SBA isn't up to speed, they should put some PIFs on that.

Given how often we have guests come, what do folks think about creating a /directions page on how to get to the 4th floor infill? You could repurpose any of this material.

• need new photo from Raphy
• need new photo from Gray

see branch uglypopups and launch-nolinks -- conflict with slideshow js? @amoose?

Include team members with respective URLs.

...to remind folks to pull and work from the devel branch, not master.

tweak fonts sizes, margins, line-height from bootstrap standard.
add more margin to headings.

-State our open-source first team policy
-Link to our projects
-Link to http://18f.github.io/open-source-program

@amoose helped me troubleshoot but couldn't get it to work. removed .min references in .html files:

index.html
thank-you.html
linking-policy.html

if a priority, this is issue is to get them back in. perhaps @polastre can help me figure out what the heck is wrong on my machine since it worked a month ago.

Sadly, https://gsa.gov does not resolve. Link needs to be http.

I am pretty sure it was working, so it appears I broke it. Not sure what commit. 😦

Similar to labs.data.gov, a labs section where we host (or link to) projects that are meant to be prototypes only.

This file is:

1. Redundant
2. Incorrect

We should remove it.

Pull requests should go to devel, but we don't tell people this in the README. I'll get to this later today unless somebody is feeling particularly helpful before then.

The page needs to include this file:
https://raw.github.com/GSA/DAP-Gov-wide-GA-Code/master/Federated-Analytics.js

http://browser-update.org/

<script type="text/javascript"> 
var $buoop = {vs:{i:8,f:10,o:12,s:5}}; 
$buoop.ol = window.onload; 
window.onload=function(){ 
 try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
 var e = document.createElement("script"); 
 e.setAttribute("type", "text/javascript"); 
 e.setAttribute("src", "//browser-update.org/update.js"); 
 document.body.appendChild(e); 
} 
</script> 

18f is, sadly, not 508 compliant. It's fine for large text, so we don't need to change our logo. But the link text needs to be darker. Similarly, the orange color is ok for large text, but we should darken it for links and the bio headers.

Recommendations:

1188ff --> #0068d0

e53013 --> #ca2910

Include at least basic reports for:

• 18f.gsa.gov
• fbopen.gsa.gov
• notalone.gov
• api.data.gov
• http://18f.github.io/API-All-the-X/

And what else?

Names are left-justified under photos. Looks fine when there are also links under each name, but if it's just the names, maybe we should center them?

It's just .bio > h4 { text-align: center; width: 200px; } and then .bio > h4 { width: [75px | 120px | 225px]; } to match the image widths under each of the media queries.

(I'd fix and make a pull request, but I'm not sure which branch to start from ... can we consolidate from all the stray branches that are hanging out there now?)

We need the brochure page that lists our services. I'd want to add in API.Data.gov, API Usability Testing and the /Developer Program, but I know we want to highlight a number of other services, too.

The green "Sign Up for More Information" uses the .btn-success class from bootstrap which has,
background - #5cb85c
Text - white

This fails 508 color contrast at 2.48:1

The hover state has,
background - #47a447
Text - White

Which fails 508 at 3.15:1

Fix Suggestion
Override bootstrap class with new background colors
Normal state
Background - 387f38

Hover
Background - 2a632a

Should we add an 'improve this' or 'fork this' ribbon in the top right?

It's a small thing but just seems to be worth doing.

Geek hazing: adding yourself to the 18f website via pull request. If you need help creating the graphics or the code feel free to ping someone who's paved the way before you. Or work together and do it all in one fell swoop. Team building! :)

@adelevie @konklone @nbrethauer @rjmajma

For consideration as the default filler for the section of the homepage below the banner, to the right of the text that begins "delivery is the strategy".

For when we don't have anything else we want to highlight there.

If there's support for it, I'd like to take a stab at a /technology page for the site, that projects a clear image to the techies of the world of how we work. Unlike other pages on the site, it'd freely use tech nomenclature that on other pages might not work well.

It would do a few things:

• We're an all-open-source, all-public-domain shop. (Link to our policy page.)
• We're an all-SSL shop. (Possibly with a link to something separate I'm working on about why that's a good thing.)
• We use cloud services and open stacks. (Regular AWS, nginx, Ubuntu.)
• We love pull requests as a public service. We're on GitHub, watch us there, help us out.

And if we can figure out a way to guarantee this (cc @seanherron):

• We're an all IPv6 shop, because it's goddamn important.

There are a lot of images on this site, and none of the ones I tested (using exiftool, but there are many options) are progressive.

In general, progressive jpgs feel faster for users, and are often actually smaller than their baseline equivalents. We'd need to test on the actual images here, but in general for any non-trivial images, making them all progressive is a solid plus for the user experience.

Newest additions to team section have put some of the rows off kilter.

Need to fix and check at mobile/tablet sizes.

Possibly rework code to get rid of rows and make it one big div that wraps?

The blue "RSVP for 18F Demo Day" uses the .btn-primary class from bootstrap which has,
background - #428bca
Text - white

This fails 508 color contrast at 3.63:1 Which is just below 508 standards.

The hover state has,
background - #3276b1
Text - White

Which passes 508 but not AAA.

Fix Suggestion
Override bootstrap class with new background colors
Normal state
Background - 2e6ca2

Hover
Background - 255782

We don't need anything complicated yet, but we shouldn't be sending a vanilla nginx page either.

I'm thinking our blue square with the numerals 404 in it with a little bit of copy. But if someone wants to do something fun right off the bat, speak up.

Right now our reference to the Privacy policy is in the content near the signup.

If we move this and our future Linking Policy into the footer, we can just set it and forget it.

Seems like we have room to the left of the Always Be Shipping image.

By setting up some basic framework for us to do branded redirects.

I know we'll want to be v. intentional about top level folder space at 18f.gsa.gov/XXXX, but if we set up some lightweight redirect engine at 18f.gsa.gov/s/ then we can put all of the URLs which don't quite warrant that realestate there and still have much better urls to circulate and possibly some lightweight analytics to use on them. That way, anything, no matter how long or ugly can easily become 18f.gsa.gov/s/XXXX.

Gray

See screenshot:

Repro:

1. Visit 18f.gsa.gov on an iPad.
2. Tap on one of the external links.
3. Don't tap through the "You are leaving 18F" modal dialog; wait until the counter winds down and automatically sends you to the external page.
4. Once you're on the external page, tap the Back button.

Unwanted result: the "You are leaving 18F" modal reappears.

This result does not occur if you tap the modal's "Leave 18F" button instead of waiting through the countdown.

https://18f.gsa.gov/

Activity: Hover over highlighted picture in staff section and left-click it
Expected behavior: Biography of selected person loads
Actual behavior: Nothing happens

Will paste the video embed code here when ready.
Need Eventbrite link.

We don't "hate to see you go" when they click on our 18f.tumblr blog posts.

I created a new local feature branch to add my bio after cloning this repo but it sez Invalid username or password when I try to push it up :( I'm not sure if this is my issue or a true permissions issue -- can someone with admin on this repo help me check? Thx!!

Currently, slideshow transitions at 10s intervals but images are not preloaded. Include a preloader in order to showcase transitions.

Along the same lines as this - 18F/open-source-program#35

(h/t Justin)