diff --git a/css/style.css b/css/style.css index 2298833..a00bea2 100644 --- a/css/style.css +++ b/css/style.css @@ -241,17 +241,9 @@ dd:last-child, border-bottom: none; } -.q-a, -.key-val { float: left; } +.section > section { margin-top: 2em; } -.key-val dt, -.key { - color: #3d526d; - padding: .5em 0 0 0; - margin: 0; -} - -.tasks { +section ul { font-size: .9em; margin-top: .9em; list-style: none; @@ -259,14 +251,13 @@ dd:last-child, margin-left: 0; } -.tasks li:not(:last-child) { +section li:not(:last-child) { border-bottom: 1px dotted #bfc6cf; - padding: 0 0 .5em 0; -} -.tasks p { - margin: .5em 0 0 0; + padding: 0.5em 0; } +.getinvolved { font-size: 0.9em; } + .pledges { padding-top: .5em; } @@ -307,6 +298,7 @@ dd:last-child, font-size: 1.15em; } + .resources { overflow: auto; list-style: none; @@ -374,8 +366,9 @@ nav li { width: 94.1%; } - .col-a, - .col-b { width: 48.020833333333%; } + .col-a { width: 72%; } + + .col-b { width: 25%;} .col-a { float: left; } @@ -453,18 +446,20 @@ nav li { ========================================================================== */ -/* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } -/* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .a11y-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } -/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .a11y-only.focusable:active, .a11y-only.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } -/* Hide visually and from screenreaders, but maintain layout */ .hide { visibility: hidden; } +.clearfix:before, .clearfix:after, +.section > section:before, +.section > section:after { content: ""; display: table; } +.clearfix:after, +.section > section:after { clear: both; } +.clearfix { *zoom: 1; } diff --git a/index.html b/index.html index 9b9d1f1..5fff0e5 100644 --- a/index.html +++ b/index.html @@ -37,7 +37,7 @@
One of the most beautiful things about the web is that it's constantly changing. While these changes and improvements can be overwhelming, we're here to help you get caught up! Here are some great resources to walk you through how browsers work, and help keep you up to date on their improvements.
If you want to be counted among those brave enough to attempt to do this.
+Once you've picked up the basics, it's time to dive a bit deeper into the current (and future) state of web standards! Get excited, because here, we check out advanced CSS, brand-new HTML5 features/APIs, and even what the future of these languages are expected to be. Several new capabilities are now available in browsers, and exploring these new capabilities will help us push the web forward!
If you want to be counted among those brave enough to attempt to do this.
+Attending local meetups and conferences is a great way to connect with other developers to learn, share resources, and bring new ideas and collaborations to life. Sites like Meetup.com and Lanyrd can help you find events in your neighborhood.
If you want to be counted among those brave enough to attempt to do this.
+How to get started with freenode and irc
@@ -145,53 +169,15 @@If you want to be counted among those brave enough to attempt to do this.
+Curabitur gravida blandit quam, et venenatis libebro cursus vel. Integer mattis, enim in ultricies pharetra, nibh risus accumsan odio.
-Class aptent taciti sociosqu ad litora torquent per conubia nostra.
-Do what is asked in ‘ask for help’ above and check out Addy Osmani’s video about getting involved!
+Do what is asked in ‘ask for help’ above and check out Addy Osmani’s video about getting involved!
If you want to be counted among those brave enough to attempt to do this.
+Specs codify the expected behavior. They are developed by Working Groups (WG) along with active discussion on mailing lists. While we can’t always be certain that all browser vendors will adhere to the rules set forth in a spec they provide us with something that we, as developers, can standardize against.
@@ -246,9 +240,17 @@If you want to be counted among those brave enough to attempt to do this.
+Publish what you learn and don’t be afraid to make mistakes. Publish to your personal blog and keep your posts updated. Be sure to speak with your own voice! Remember that it is okay to not be an absolute authority on a subject to author a post! Always ask questions and prompt conversations. There is seldom a wrong question or a wrong answer.
@@ -275,9 +277,17 @@If you want to be counted among those brave enough to attempt to do this.
+Seriously, all browser vendors would much rather you file tickets with them than tweet about bugs. :)
If you want to be counted among those brave enough to attempt to do this.
+Push the web to it's limits! Hack on CSS, advanced HTML, and JavaScript. Hack on the browser's rendering engine. Fork github repos, dig through the code, and keep on learning. Let's make the web more awesome. There are so many ways…
If you want to be counted among those brave enough to attempt to do this.
+