18f / 18f.gsa.gov Goto Github PK
View Code? Open in Web Editor NEWThe 18F website
Home Page: https://18f.gsa.gov
License: Other
The 18F website
Home Page: https://18f.gsa.gov
License: Other
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.
The page needs to include this file:
https://raw.github.com/GSA/DAP-Gov-wide-GA-Code/master/Federated-Analytics.js
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.
tweak fonts sizes, margins, line-height from bootstrap standard.
add more margin to headings.
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.
see branch uglypopups
and launch-nolinks
-- conflict with slideshow js? @amoose?
Activity: Hover over highlighted picture in staff section and left-click it
Expected behavior: Biography of selected person loads
Actual behavior: Nothing happens
Currently, slideshow transitions at 10s intervals but images are not preloaded. Include a preloader in order to showcase transitions.
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.
(h/t Justin)
<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>
...that links to our APIs and related resources.
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.
Sadly, https://gsa.gov does not resolve. Link needs to be http.
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:
And if we can figure out a way to guarantee this (cc @seanherron):
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
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?)
Add a link to our open source policy in the footer below "Linking policy."
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.
I am pretty sure it was working, so it appears I broke it. Not sure what commit. ๐ฆ
Repro:
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.
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!!
Will paste the video embed code here when ready.
Need Eventbrite link.
Similar to labs.data.gov, a labs section where we host (or link to) projects that are meant to be prototypes only.
Recommendations:
-State our open-source first team policy
-Link to our projects
-Link to http://18f.github.io/open-source-program
...to remind folks to pull and work from the devel
branch, not master
.
Include at least basic reports for:
And what else?
Along the same lines as this - 18F/open-source-program#35
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?
Include team members with respective URLs.
@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.
This file is:
We should remove it.
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.
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
Newbies, add yourself to the website! :) See previous PRs or ping a fellow 18F for help. Team building!
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
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.