Permalink
Browse files

Adding Ade Oshineye to the speakers page

  • Loading branch information...
1 parent 0a87168 commit 17d2f82420f51d1c129299f149e1974240cf96f0 @dragoonis dragoonis committed Feb 25, 2013
Showing with 93 additions and 78 deletions.
  1. +79 −77 css/main.css
  2. BIN img/ade.jpg
  3. +14 −1 speakers.html
View
156 css/main.css
@@ -1,51 +1,51 @@
body {
- font-family: 'Open Sans', Arial;
- line-height: 1.1em;
+ font-family: 'Open Sans', Arial;
+ line-height: 1.1em;
background: url(../img/light_bg.png) repeat;
}
h1, h2, h3 {
- font-family: Oswald, Arial;
+ font-family: Oswald, Arial;
}
h1 {
margin: 30px auto;
text-align: center;
- font-size: 4.0em;
- color: #e2961c;
- text-shadow: 1px 3px 2px #a55b00;
- filter: dropshadow(color=#a55b00, offx=1, offy=0);
+ font-size: 4.0em;
+ color: #e2961c;
+ text-shadow: 1px 3px 2px #a55b00;
+ filter: dropshadow(color=#a55b00, offx=1, offy=0);
}
h2 {
- margin: 12px auto;
+ margin: 12px auto;
text-align: center;
- font-size: 3.0em;
- color: #b06712;
+ font-size: 3.0em;
+ color: #b06712;
}
h3 {
margin: 6px auto;
- text-align: center;
- font-size: 2.4em;
+ text-align: center;
+ font-size: 2.4em;
}
h1.light {
- color: #fffff4;
- text-shadow: 1px 3px 2px #a55b00;
- filter: dropshadow(color=#a55b00, offx=1, offy=3);
+ color: #fffff4;
+ text-shadow: 1px 3px 2px #a55b00;
+ filter: dropshadow(color=#a55b00, offx=1, offy=3);
}
h3.light {
- color: #fffff4;
- text-shadow: 1px 3px 2px #a55b00;
- filter: dropshadow(color=#a55b00, offx=1, offy=3);
+ color: #fffff4;
+ text-shadow: 1px 3px 2px #a55b00;
+ filter: dropshadow(color=#a55b00, offx=1, offy=3);
}
h3.dark {
- color: #4a4a4a;
- text-shadow: 2px 3px 1px #C3C3C3;
- filter: dropshadow(color=#C3C3C3, offx=2, offy=3);
+ color: #4a4a4a;
+ text-shadow: 2px 3px 1px #C3C3C3;
+ filter: dropshadow(color=#C3C3C3, offx=2, offy=3);
}
h3.extradark {
@@ -63,26 +63,26 @@ a:active {
}
#wrapper {
- margin: 0 auto;
- height: 100%;
- min-height: 100%;
+ margin: 0 auto;
+ height: 100%;
+ min-height: 100%;
}
#top-nav select {
display: none;
}
#top-nav {
- background: url(../img/grey_bg.png) repeat;
+ background: url(../img/grey_bg.png) repeat;
text-align: center;
- position: relative;
+ position: relative;
}
#top-nav ul {
min-height: 80px;
background: url(../img/shark.png) no-repeat 99% 50%;
- list-style-type: none;
- margin: 0 auto;
+ list-style-type: none;
+ margin: 0 auto;
}
#top-nav li {
@@ -102,11 +102,11 @@ a:active {
}
#top-nav li a {
- color: #fff;
- font-size: 1.4em;
- display: inline-block;
+ color: #fff;
+ font-size: 1.4em;
+ display: inline-block;
padding: 20px 25px;
- font-family: Oswald, Arial;
+ font-family: Oswald, Arial;
}
#top-nav li a:hover {
@@ -121,29 +121,29 @@ body#page-speakers #top-nav li#speakers-link a,
body#page-tickets #top-nav li#tickets-link a,
body#page-team #top-nav li#team-link a,
body#page-faq #top-nav li#faq-link a {
- color: #e2961c;
+ color: #e2961c;
}
.light-bg {
- text-align: center;
- color: #7f7f7f;
+ text-align: center;
+ color: #7f7f7f;
}
.medium-bg {
- background: url(../img/yellow_bg.png) repeat;
+ background: url(../img/yellow_bg.png) repeat;
text-align: center;
color: #fffff4;
}
.dark-bg {
background: url(../img/grey_bg.png) repeat;
text-align: center;
- color: #fffff4;
+ color: #fffff4;
}
.large-text {
- line-height: 1.3em;
- font-size: 1.8em;
+ line-height: 1.3em;
+ font-size: 1.8em;
}
#main {
@@ -192,8 +192,8 @@ body#page-faq #top-nav li#faq-link a {
#current-sponsors,
#schedule,
#tweets {
- padding: 12px;
- margin-top: 0;
+ padding: 12px;
+ margin-top: 0;
}
#get-involved p {
@@ -210,7 +210,7 @@ div.triangle {
#sponsors {
position: relative;
- height: 420px;
+ height: 420px;
}
#sponsors .become-a-sponsor {
@@ -261,7 +261,7 @@ div.triangle {
#current-sponsors table,
#schedule table {
- font-family: Helvetica, Arial, sans-serif;
+ font-family: Helvetica, Arial, sans-serif;
width: 100%;
margin: 0 auto;
text-align: left;
@@ -277,7 +277,7 @@ div.triangle {
#current-sponsors table thead tr th,
#schedule table thead tr th {
text-align: left;
- background: #a55b00;
+ background: #a55b00;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
@@ -289,7 +289,7 @@ div.triangle {
#current-sponsors table tbody tr td,
#schedule table tbody tr td {
- color: #a55b00;
+ color: #a55b00;
background: #fff;
border: 1px solid #e2961c;
padding: 10px;
@@ -307,7 +307,7 @@ div.triangle {
#current-sponsors table tbody tr td.table-na,
#schedule table tbody tr td.table-na {
- background: #a55b00;
+ background: #a55b00;
}
#schedule table tbody tr td.time {
@@ -324,14 +324,14 @@ p.tier-title {
p.tier-price {
margin: 10px;
font-size: 1.0em;
- color: #e2961c;
+ color: #e2961c;
font-weight: bold;
}
p.tier-qty {
margin: 10px;
font-size: 1.0em;
- color: #fff;
+ color: #fff;
font-style: italic;
}
@@ -388,9 +388,9 @@ div#sponsors ul li {
}
span.copyright {
- float: left;
- font-size: 1.3em;
- font-family: "Open Sans", Arial;
+ float: left;
+ font-size: 1.3em;
+ font-family: "Open Sans", Arial;
}
footer {
@@ -399,23 +399,23 @@ footer {
}
footer ul {
- float: right;
- list-style-type: none;
+ float: right;
+ list-style-type: none;
}
footer ul li {
- margin-right: 12px;
- float: left;
+ margin-right: 12px;
+ float: left;
}
footer ul li a {
- color: #fffff4;
- font-size: 1.2em;
- font-family: "Open Sans", Arial;
+ color: #fffff4;
+ font-size: 1.2em;
+ font-family: "Open Sans", Arial;
}
footer ul li:last-child {
- margin-right: 0;
+ margin-right: 0;
}
#team {
@@ -433,7 +433,7 @@ footer ul li:last-child {
}
#team li {
- display: inline-block;
+ display: inline-block;
list-style-type: none;
text-align: center;
}
@@ -457,18 +457,18 @@ form#contact_form ul {
form#contact_form li.formfield label {
margin-top: 10px;
- color: #a55b00;
+ color: #a55b00;
font-size: 1.4em;
font-weight: bold;
}
form#contact_form li.formfield input {
width: 330px;
- border: 3px solid #a55b00;
+ border: 3px solid #a55b00;
}
form#contact_form li.formfield textarea {
- border: 3px solid #a55b00;
+ border: 3px solid #a55b00;
width: 330px;
resize: both;
}
@@ -478,8 +478,8 @@ form#contact_form li.formfield select {
}
form#contact_form li.formbuttons input {
- background: #a55b00;
- border: 1px solid #a55b00;
+ background: #a55b00;
+ border: 1px solid #a55b00;
color: #fff;
padding: 10px;
width: 100px;
@@ -516,7 +516,7 @@ div#shark {
}
div#tweets {
- margin 10px 0;
+ margin: 10px 0;
}
div#tweets ul li {
@@ -529,17 +529,17 @@ div#tweets ul li {
span.twitter_handle {
font-weight: bold;
- color: #a55b00;
+ color: #a55b00;
}
dl#prices dt{
font-size: 1.6em;
- line-height: 1.3em;
+ line-height: 1.3em;
}
dl#prices dd{
font-size: 1.6em;
- line-height: 1.3em;
+ line-height: 1.3em;
}
div#airthphotos {
@@ -588,12 +588,13 @@ div.last {
}
div.speaker-left div.abstract h2 {
- margin-top: 20px;
- margin-right: 240px;
+ margin: 20px auto;
+ line-height: 1.2em;
+ width: 100%;
}
div.speaker-right {
- background: url(../img/yellow_bg.png) repeat;
+ background: url(../img/yellow_bg.png) repeat;
color: #fffff4;
}
@@ -605,13 +606,14 @@ div.speaker-right img {
}
div.speaker-right div.abstract h2 {
- margin-top: 20px;
- margin-left: 240px;
+ margin: 20px auto;
+ line-height: 1.2em;
+ width: 100%;
}
div.speaker-right h1,
div.speaker-right h2 {
- color: #fffff4;
- text-shadow: 1px 3px 2px #a55b00;
- filter: dropshadow(color=#a55b00, offx=1, offy=3);
+ color: #fffff4;
+ text-shadow: 1px 3px 2px #a55b00;
+ filter: dropshadow(color=#a55b00, offx=1, offy=3);
}
View
BIN img/ade.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
15 speakers.html
@@ -41,7 +41,7 @@
</div>
</div>
-<div class='speaker speaker-right last'>
+<div class='speaker speaker-right'>
<div class='bio'>
<h1>David Zuelke</h1>
<img class="hidden-phone" src='img/dzuelke.jpg' alt='David Zuelke' />
@@ -54,3 +54,16 @@
<p>This is a talk about lessons learned and missions accomplished.</p>
</div>
</div>
+
+<div class='speaker speaker-left last'>
+ <div class='bio'>
+ <h1>Ade Oshineye</h1>
+ <img class="hidden-phone" src='/img/ade.jpg' alt='Ade Oshineye' />
+ <p>Ade is a Senior Developer Advocate in Google's London office and works on the Google+ project. Over the last decade he's worked on trading systems for a variety of investment banks as well as on Google's advertising and mobile search systems. He's also the co-author of "Apprenticeship Patterns": a book that teaches you how to learn to be a great programmer. He's particularly interested in Developer Experience, distributed systems and the future of online news.</p>
+ </div>
+ <div class='abstract'>
+ <h2>Identity, responsiveness and the future of the web</h2>
+ <p>Devices like the Chromebook Pixel (which are hi-DPI, touch-sensitive but aren't phones or tablets) show us that the future of the web is too complex for a simplistic approach to responsiveness. It's not enough to think that media queries and a few screen width breakpoints suffice to make your site future-friendly.</p>
+ <p>In this talk I'm going to propose that responsiveness requires us to take into account the entire context of the user. That means everything from device orientation to bandwidth to identity.</p>
+ </div>
+</div>

0 comments on commit 17d2f82

Please sign in to comment.