Skip to content

Commit

Permalink
jscamp schedule outline
Browse files Browse the repository at this point in the history
  • Loading branch information
sayanee committed Nov 28, 2012
1 parent cc4bc93 commit 58a27fb
Show file tree
Hide file tree
Showing 11 changed files with 313 additions and 55 deletions.
Binary file added img/t1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/t2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/t3.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
208 changes: 185 additions & 23 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,35 +21,197 @@
<div id="bg"></div>
<div id="top" style="display: block;">
<table class="colors">
<tbody>
<tbody>
<tr>
<td><a href="#"><span class="jscamp">jscamp</span><span class="asia">.asia</span></a></td>
<td>2012</td>
<td></td>
<td></td>
<td></td>
<td><a href="http://blog.jscamp.asia" target="_blank" class="link">Blog</a></td>
</tr>
</tbody>
</table>
</div>


<div class="wrapper">
<h2>Schedule</h2>
<h3><a href="#day1" class="active">Day 1</a><a href="#day2">Day 2</a></h3>

<table class="schedule day1">
<tr>
<td><div class="day"><p class="panel-day">Thursday</p></div></td>
<td><span class="track1">Under Water Track</span></td>
<td><span class="track2">Beach Track</span></td>
<td><span class="track3">Palm Track</span></td>
</tr>
<tr>
<td><a href="#"><span class="jscamp">jscamp</span><span class="asia">.asia</span></a></td>
<td>2012</td>
<td>9am</td>
<td><p>Hello <span>Thomas Gorissen</span></p></td>
<td></td>
<td></td>
</tr>
<tr>
<td>9:15am</td>
<td><a href="http://blog.jscamp.asia/post/35110120470/jscamp-talk-jason-smith-real-world-javascript">Real World Javascript <span>Jason Smith</span></a></td>
<td></td>
<td></td>
<td><a href="http://blog.jscamp.asia" target="_blank" class="link">Blog</a></td>
</tr>
</tbody>
</table>

<div class="schedule-area">

<ul class="tabs group">
<li><a href="#day1">Day 1</a></li>
<li><a href="#day2">Day 2</a></li>
</ul>

<div class="box-wrap">
<div id="box-one">
<img src="http://jscamp.asia/asset/JSCamp%202012%20Schedule%20Day%201.jpg" alt="jscamp schedule day 1">
</div>

<div id="box-two">
<img src="http://jscamp.asia/asset/JSCamp%202012%20Schedule%20Day%202.jpg" alt="jscamp schedule day 2">
</div>
<tr>
<td>10am</td>
<td><a href="#">Workshop #1</a></td>
<td><a href="#">Workshop #2</a></td>
<td><a href="#">Workshop #3</a></td>
</tr>
<tr>
<td>10:30am</td>
<td><a href="#">Workshop #4</a></td>
<td><a href="#">Workshop #5</a></td>
<td><a href="#">Workshop #6</a></td>
</tr>
<tr>
<td>11am</td>
<td><p>Coding Gap</p></td>
<td></td>
<td></td>
</tr>
<tr>
<td>11:45am</td>
<td><a href="http://blog.jscamp.asia/post/35036976524/jscamp-talk-tim-oxley-client-side-frameworks-a">Client-Side Frameworks: A Vehicle of Opression <span>Tim Oxley</span></a></td>
<td><a href="http://blog.jscamp.asia/post/35327936017/jscamp-talk-jan-jongboom-the-architect-way">The Architect Way <span>Jan Jongboom</span></a></td>
<td></td>
</tr>
<tr>
<td>12:30pm</td>
<td><p>Lunch</p></td>
<td></td>
<td></td>
</tr>
<tr>
<td>1:15pm</td>
<td><a href="http://blog.jscamp.asia/post/35110229372/jscamp-talk-michal-budzynski-yo-mamas-so-ugly-she">Yo Mama's so ugly, She Makes Onions Cry <span>Michal Budzynski</span></a></td>
<td></td>
<td></td>
</tr>
<tr>
<td>2:00pm</td>
<td><a href="http://blog.jscamp.asia/post/34889081313/jscamp-talk-eric-bidelman-web-components-are-the">Web Components Are The Future<span>Eric Bidelman</span></a></td>
<td></td>
<td></td>
</tr>
<tr>
<td>2:45pm</td>
<td><a href="http://blog.jscamp.asia/post/35328141319/jscamp-talk-bradley-priest-a-shallow-dive-into">A Shallow Dive into Ember.js <span>Bradley Priest</span></a></td>
<td><a href="http://blog.jscamp.asia/post/35619694277/jscamp-talk-henrik-karlstom-developing-a">Developing a Multiplatform PvP Game in JS <span>Henrik Karlstrom</span></a></td>
<td></td>
</tr>
<tr>
<td>3:30pm</td>
<td><p>Coding Gap</p></td>
<td></td>
<td></td>
</tr>
<tr>
<td>4:15pm</td>
<td><a href="http://blog.jscamp.asia/post/35262658185/jscamp-talk-jed-schmidt-markup-and-style-without">Markup and Style Without HTML and CSS <span>Jed Schmidt</span></a></td>
<td><a href="http://blog.jscamp.asia/post/35109945078/jscamp-talk-giorgio-sardo-from-zero-to-hero">From Zero to Hero! Building a Windows Store Game in HTML5 <span>Giorgio Sardo</span></a></td>
<td></td>
</tr>
<tr>
<td>5pm</td>
<td><p>The Art of Abstraction <span>Divya Manian, Jed Schmidt, Tim Oxley, Alex McCaw</span></p></td>
<td></td>
<td></td>
</tr>
</table>

</div>
<table class="schedule day2">
<tr>
<td><div class="day"><p class="panel-day">Friday</p></div></td>
<td><span class="track1">Under Water Track</span></td>
<td><span class="track2">Beach Track</span></td>
<td><span class="track3">Palm Track</span></td>
</tr>
<tr>
<td>9am</td>
<td><a href="http://blog.jscamp.asia/post/35037554361/jscamp-talk-alex-maccaw-vastly-better-user">Vastly Better User Experience <br><span>Alex MacCaw</span></a></td>
<td></td>
<td></td>
</tr>
<tr>
<td>9:45am</td>
<td><a href="http://blog.jscamp.asia/post/35037224230/jscamp-talk-irene-ros-building-better-apps-with">Building Better Apps with Client-Side Data <span>Irene Ross</span></a></td>
<td><a href="http://blog.jscamp.asia/post/35328004510/jscamp-talk-tomasz-janczuk-node-js-on-windows">Node.js on Windows</a> <span>Tomasz Janczuk</span></td>
<td></td>
</tr>
<tr>
<td>10:30am</td>
<td><p>Coding Gap</p></td>
<td></td>
<td></td>
</tr>
<tr>
<td>11am</td>
<td><a href="http://blog.jscamp.asia/post/34889290406/jscamp-talk-divya-manian-css-next">CSS Next <span>Divya Manian</span></a></td>
<td><a href="http://blog.jscamp.asia/post/35328004510/jscamp-talk-tomasz-janczuk-node-js-on-windows">Node.js on Windows</a> <span>Tomasz Janczuk</span></td>
<td></td>
</tr>
<tr>
<td>11:45am</td>
<td><a href="http://blog.jscamp.asia/post/35620008524/jscamp-talk-sangmin-shim-high-performance-mobile">High Performance Mobile Web Game Development in HTML5 <span>Sangmin Shim</span></a></td>
<td><a href="http://blog.jscamp.asia/post/35262740737/jscamp-talk-kate-chapman-custom-maps-through">Custom Maps Through OpenStreetMap <span>Kate Chapman</span></a></td>
<td></td>
</tr>
<tr>
<td>12:30pm</td>
<td><p>Lunch</p></td>
<td></td>
<td></td>
</tr>
<tr>
<td>1:15pm</td>
<td><a href="http://blog.jscamp.asia/post/35262692331/jscamp-talk-lakshan-perera-embracing-the-static">Embracing the Static Web <span>Lakshan Perera</span></a></td>
<td><a href="http://blog.jscamp.asia/post/35620189144/jscamp-talk-sebastian-burkhard-the-missing-ruby">The Missing Ruby Core Library for JS <span>Sebastian Burkhard</span></a></td>
<td></td>
</tr>
<tr>
<td>2pm</td>
<td><p>Coding Gap</p></td>
<td></td>
<td></td>
</tr>
<tr>
<td>2:45pm</td>
<td><a href="#">Workshop #1</a></td>
<td><a href="#">Workshop #2</a></td>
<td><a href="#">Workshop #3</a></td>
</tr>
<tr>
<td>3:15pm</td>
<td><a href="#">Workshop #4</a></td>
<td><a href="#">Workshop #5</a></td>
<td><a href="#">Workshop #6</a></td>
</tr>
<tr>
<td>4:15pm</td>
<td><a href="http://blog.jscamp.asia/post/34889385302/jscamp-talk-angus-croll-parlez-vous-javascript">Parlez-Vous Javascript? <span>Angus Croll</span></a></td>
<td></td>
<td></td>
</tr>
<tr>
<td>5pm</td>
<td><p>Onwards & Upwards <span>Thomas Gorissen</span></p></td>
<td></td>
<td></td>
</tr>
<tr>
<td>6pm</td>
<td><p>Beach Party <span>Mambo, Sentosa</span></p></td>
<td></td>
<td></td>
</tr>
</table>

</div>

Expand Down
13 changes: 3 additions & 10 deletions sass/foundation/layout.sass
Original file line number Diff line number Diff line change
@@ -1,11 +1,3 @@
::-moz-selection
background: lighten(red, 20%)
text-shadow: none

::selection
background: lighten(red, 20%)
text-shadow: none

*
box-sizing: border-box
@include transition-property(all)
Expand All @@ -17,5 +9,6 @@ body
color: black

.wrapper
width: $width
margin: 0 auto
width: $total-width
margin: 0 auto 40px

42 changes: 23 additions & 19 deletions sass/foundation/typography.sass
Original file line number Diff line number Diff line change
@@ -1,34 +1,38 @@
// ----- Fonts ----- //
$arial: Helvetica Neue, serif
$courier: Courier, monospace
$opensans: 'Open Sans'


body
font-size: 16px //12pt
line-height: 1.25 // 20px
font-family: $arial
font-family: $opensans

h1, h2, h3, h4, h5, h6
margin: 0

h1
font-size: 1.875rem //30px

h2
font-size: 1.5rem //24px
line-height: 1.3em
margin: 30px 0 10px 0
font-size: 5.2em
font-weight: bold
font-family: $courier
color: $blue

h3
font-size: 1.25rem //20px

h4
font-size: 1.125rem //18px

h5
font-size: 1rem //16px

h6
font-size: 0.875rem //14px

p
font-size: 1rem //16px
font-size: 2em
font-weight: bold
font-family: $courier
a
text-decoration: none
color: orange
margin: 0 40px 0 0
padding: 5px 10px
&:hover, &:active, &.active
background-color: orange
text-decoration: none
@include border-radius(5px)
color: white

a
color: blue
Expand Down
5 changes: 4 additions & 1 deletion sass/pages/home.sass
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,14 @@ img
left: 0px
right: 0px
bottom: 0px
z-index: -1000

#top
position: fixed
top: -1px
left: 0px
right: 0px
z-index: 100

table
border-collapse: separate
Expand Down Expand Up @@ -73,4 +75,5 @@ table
color: $blue

.asia
color: orange
color: orange

Loading

0 comments on commit 58a27fb

Please sign in to comment.