usds / website Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://www.usds.gov
License: Other
Home Page: https://www.usds.gov
License: Other
Constrain text width for "Solving Big Problems", "Our Work", and "For the people. By the people."
Copy form as is today
Can we change “Referral Code” to “How did you hear about us?”. Instead of a text entry they’ll be a drop down with the following options: Through a current/former U.S. Digital Service Employee, At an event, Through an article/video, Other. Once a user clicks one of those 4 options, we can pop up a text entry for: Which Employee, What event, Which article..
Can we add a character counter to the 500 character limit box at the bottom? I’d like to keep people from having to leave the page to count characters.
unsure why
Google Analytics:
DAP
medium posts, press, etc
Three variations of including the language 'The White House' in the USDS logo for the website.
These are just proposals, and haven't been tested for visibility on mobile view so may still need some refinement.
IMO the seal version is the strongest because it creates a distinction between the text of the navigation and the text of the logo.
For example, http://www.va.gov/ds/
ie: clicking "Dress" should bring up info. Placeholder copy is fine, I will update.
Also, this should be built so that clicking from a partially completed application --> an item on the side nav doesn't clear your application.
this should be the same on every page, except join
think we're okay to use this? http://scrolldepth.parsnip.io/
An important part of this redesign is that we'll be moving most of the content off of whitehouse.gov to an outside domain. While this gives us a lot more flexibility to choose our own design and content.
Are the trade-offs clear? Is there more research to be done?
A few suggestions to the page nav:
cc @chrisfrommann @nguyenist
for @nguyenist + @davidrkaufman -- awesome work on this! per request, here's a slightly modified version to make this a little bit shorter and snappier. Removed 1.5 graphics, increased size + line height of typography, modified padding just a bit. This isn't pixel perfect but happy to help it get there as is helpful. as follows:
Type specs:
Merriweather
size 22px
line-height: 30px
cannot figure out why the bottom row isn't fitting into my infographic-container
class. It's taking up the whole width of the container.
<div="row">
<div class="usa-width-one-half"><img class="reserve" src="img/about-infographic/infographic-states.png" alt="united states" />From 12 states (and Puerto Rico)</div>
<div class="usa-width-one-half"><img class="reserve" src="img/about-infographic/infographic-151.png" alt="151 text large" /><p>151 people and growing</p></div>
</div>
<div="row">
<div class="usa-width-one-half"><img class="reserve" src="img/about-infographic/infographic-piechart.png" alt="pie chart" /><p>Over 50% women</p></div>
<div class="usa-width-one-half"><img class="reserve" src="img/about-infographic/infographic-lamp.png" alt="laptop with stickers and emojis" /><p>Emoji, post-its, and sticker enthusiasts</p></div>
</div>
discuss in person
this will open to new page.
What's the content review plan? Want to make sure we have time saved and a process in place.
The more I work through this, the more I think it should live on Federalist.
I'm waiting on 18F to send me an invite. In the meantime, I'll continue to build out the main styles, visualizations, etc.
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.