Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

revamped speakers page

  • Loading branch information...
commit f0e8617de46876c9bea9f33d799e5417fc4a6a29 1 parent 3ff73a9
@leafnode leafnode authored
Showing with 44 additions and 22 deletions.
  1. +26 −6 css/style.css
  2. +18 −16 speakers.html
View
32 css/style.css
@@ -12,6 +12,7 @@ body {
font-family: 'Quantico', 'helvetica', cursive;
font-weight: 400;
padding-bottom: 10px;
+ padding-top: 20px;
}
.logo {
@@ -117,9 +118,8 @@ h7, h6, h5, h4, h3, h2, h1 {
.text {
text-align: left;
font-size: 16px;
- width: 800px;
- margin: 0 auto;
- margin-top: 20px;
+ width: 700px;
+ margin: 20px auto 0;
text-shadow: 0px 0px 0px #7AA5C6;
}
@@ -236,7 +236,7 @@ h7, h6, h5, h4, h3, h2, h1 {
box-shadow: -5px 5px 0px 0px #221E1D;
}
-.speaker {
+/*.speaker {
color: #221E1D;
background-color: #7AA5C6;
width: 800px;
@@ -250,7 +250,7 @@ h7, h6, h5, h4, h3, h2, h1 {
box-shadow: 5px 5px 0px 0px #221E1D;
font-family: Helvetica;
min-height: 170px;
-}
+}*/
.speaker img {
border: 1px solid black;
@@ -259,8 +259,21 @@ h7, h6, h5, h4, h3, h2, h1 {
margin-top: 10px;
}
-.who {
+.speaker_foto {
+ float: right;
+ color: #221E1D;
+ background-color: #7AA5C6;
+
+ margin: 50px 0 0 0;
+ text-align: right;
+ padding-right: 25px;
+
+ -webkit-box-shadow: 5px 5px 0px 0px #221E1D;
+ -moz-box-shadow: -5px 5px 0px 0px #221E1D;
+ box-shadow: 5px 5px 0px 0px #221E1D;
+}
+.who {
}
.bio {
@@ -286,6 +299,13 @@ h7, h6, h5, h4, h3, h2, h1 {
padding-right: 8px;
}
+.speaker_social a {
+ color: #357BAD;
+ text-decoration: none;
+ font-family: 'Quantico', 'helvetica', cursive;
+ font-size: 16px;
+}
+
.twitter {
font-family: WebIconFonts;
}
View
34 speakers.html
@@ -71,13 +71,14 @@
</div>
<div class="content" style="clear: both;">
- <div class="speakers" style="height: 540px;">
- <div class="speaker">
- <img src="images/Maciek.jpg" />
- <div class="who">
- <span class="name">Maciej Małecki</span>
- <div class="speaker_social"><a href="http://twitter.com/maciejmalecki"><span class="twitter">t</span> maciejmalecki</a></div>
- </div>
+ <div class="speaker_foto">
+ <img src="images/Maciek.jpg" />
+ </div>
+ <div class="box_title">
+ <span class="name">Maciej Małecki</span>
+ <div class="speaker_social"><a href="http://twitter.com/maciejmalecki"><span class="twitter">t</span> maciejmalecki</a></div>
+ </div>
+ <div class="text">
<div class="bio">
Maciej is an engineer at nodejitsu, where he works on node.js at
the ninja level. He maintains many high visibility open source
@@ -95,14 +96,16 @@
<div class="topic_about">
</div>
- </div>
- <br />
- <div class="speaker" style="">
- <img src="images/Filip.jpg" />
- <div class="who">
- <span class="name">Filip Tepper</span>
- <div class="speaker_social"><a href="http://twitter.com/filiptepper"><span class="twitter">t</span> filiptepper</a></div>
- </div>
+ </div>
+ <br style="clear: both" />
+ <div class="speaker_foto">
+ <img src="images/Filip.jpg" />
+ </div>
+ <div class="box_title">
+ <span class="name">Filip Tepper</span>
+ <div class="speaker_social"><a href="http://twitter.com/filiptepper"><span class="twitter">t</span> filiptepper</a></div>
+ </div>
+ <div class="text">
<div class="bio">
Filip wrote his first piece of code at the age 9 when his
Commodore 64 joystick broke down and he wanted to have a game that he
@@ -131,7 +134,6 @@
best practices for choosing proper libraries and some general good
practices and ideas for making your application scale better.
</div>
- </div>
</div>
<div style="height: 340px;">
<div class="platinum_box_left" style="text-align: left;font-family: 'Quantico', cursive;">
Please sign in to comment.
Something went wrong with that request. Please try again.