Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

update

  • Loading branch information...
commit cc1221f9af470b79c7f599a7a0c313e6b39921b5 1 parent 897f1ed
@paulca paulca authored
Showing with 170 additions and 305 deletions.
  1. +170 −305 public/index.html
View
475 public/index.html
@@ -1,8 +1,4 @@
<!doctype html>
-<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
-<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
-<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<script>
@@ -14,379 +10,248 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
<title>&Uacute;ll</title>
- <meta name="description" content="">
- <meta name="author" content="">
- <!-- <meta name="viewport" content="width=device-width,initial-scale=1"> -->
+ <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/main/css/style.css">
<link rel="shortcut icon" href="/main/images/ull_favicon.png">
<link rel="icon" href="/main/images/ull_favicon.png">
<script type="text/javascript" src="http://use.typekit.com/khy6vgi.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
- <script src="/main/js/libs/modernizr-2.0.6.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
- <!--
- <script type="text/javascript">
+ <script src="http://flesler-plugins.googlecode.com/files/jquery.localscroll-1.2.7-min.js"></script>
+ <script src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script>
+ <script>
$(document).ready(function() {
- $('#navItems').hide();
- $('.speakerDescription').hide();
- $('#logo').on('click',function() {
- $('#navItems').slideToggle();
- });
- $('#navItems a').on('click', function() {
- $('#navItems').slideToggle('fast');
- return false
- });
-
- $('#andyDescriptionToggle').on('click', function() {
- $('#andyDescription').slideToggle();
- return false
- });
-
- $('#morganDescriptionToggle').on('click', function() {
- $('#morganDescription').slideToggle();
- return false
- });
-
- $('#chrisDescriptionToggle').on('click', function() {
- $('#chrisDescription').slideToggle();
- return false
- });
-
- $('#coleDescriptionToggle').on('click', function() {
- $('#coleDescription').slideToggle();
- return false
- });
-
- $('#docDescriptionToggle').on('click', function() {
- $('#docDescription').slideToggle();
- return false
- });
-
- $('#dave2DescriptionToggle').on('click', function() {
- $('#dave2Description').slideToggle();
- return false
+ $('.mobile-nav-logo').on('click',function() {
+ $('.main-nav-list').slideToggle('fast');
});
- $('#kyleDescriptionToggle').on('click', function() {
- $('#kyleDescription').slideToggle();
- return false
+ $('.main-nav-list li a').on('click', function() {
+ if ($(window).width() < 481) {
+ $('.main-nav-list').slideToggle('fast');
+ }
});
-
- $('#mikeDescriptionToggle').on('click', function() {
- $('#mikeDescription').slideToggle();
- return false
- });
-
- $('#wilsonDescriptionToggle').on('click', function() {
- $('#wilsonDescription').slideToggle();
- return false
- });
-
+
+ $(window).resize(function() {
+ if ($(window).width() < 481) {
+ $('.main-nav-list').hide();
+ } else {
+ $('.main-nav-list').show();
+ }
+ });
});
-
-
-
</script>
- -->
</head>
<body>
-
- <header>
- <nav id="navigation">
- <ul id="navItems">
- <li><a href="#home">Home</a></li>
- <li><a href="#speakers">Speakers</a></li>
- <li><a href="#schedule">Schedule</a></li>
- <li><a href="#sessions">Sessions</a></li>
- <li><a href="#workshops">Workshops</a></li>
- <li><a href="#sponsors">Sponsors</a></li>
- <li><a href="#tickets">Register</a></li>
- </ul>
- <hr id="topLine" />
- <a id="logo" href="#" alt="Menu Reveal">Úll</a>
- <a id="logoHome" href="#head" alt="Menu Reveal">Úll</a>
- </nav>
- </header>
- <div id="container">
- <div id="content" class="clearfix">
- <div id="home" class="clearfix">
- <img src="/main/images/coach-house-cropped_red_varient_s.jpg" alt="coach house dublin">
- <p id="tagline">
- &Uacute;ll is a conference for iOS / OSX / mobile web developers and designers. The three day event will include workshops, keynotes, talks and in-depth presentations on all the aspects of <span id="head">building</span>, designing and marketing your apps.
+ <nav class="main-nav">
+ <ul class="main-nav-list show-hide">
+ <li><a href="#home">Home</a></li>
+ <li><a href="#speakers">Speakers</a></li>
+ <li><a href="#schedule">Schedule</a></li>
+ <li><a href="#sessions">Sessions</a></li>
+ <li><a href="#workshops">Workshops</a></li>
+ <li><a href="#sponsors">Sponsors</a></li>
+ <li><a href="#tickets">Register</a></li>
+ </ul>
+
+ <hr class="mobile-nav-bar" />
+ <a class="mobile-nav-logo" alt="Menu Reveal">Úll</a>
+ <a class="main-nav-home-link ir" href="#home" alt="Menu Reveal">Úll</a>
+ </nav>
+ <div id="container" class="clearfix">
+ <div id="home" class="content-section home" class="clearfix">
+ <div class="home-hero"></div>
+ <p class="home-outline">
+ &Uacute;ll is a conference for iOS / OSX / mobile web developers and designers. </br>The three day event will include workshops, keynotes, talks and in-depth presentations on all the aspects of <span id="head">building</span>, designing and marketing your apps.
</p>
- <p id="date" class="date-range">Dublin, Ireland &middot; April 27&ndash;29<sup>th</sup>, 2012</p>
-
+ <p>Dublin, Ireland &middot; April 27&ndash;29<sup>th</sup>, 2012</p>
</div><div id="benefits">
<hr class="section-line">
- <h2 class="sectionTitle">Why Úll?</h2>
+ <h2 class="section-title">Why Úll?</h2>
- <h3>A sense of place</h3>
+ <h3 class="paragraph-title">A sense of place</h3>
<p class="additional-info">
Dublin is the ultimate conference city. Within a 2km square area, you'll find everything you need: restaurants, pubs, hotels, sights and architecture. Everywhere is walkable, low-rise and super-friendly.
</p>
- <h3>A world-class venue</h3>
+ <h3 class="paragraph-title">A world-class venue</h3>
<p class="additional-info">The Úll main conference sessions day will be held in the Coach House of Dublin Castle, right in the heart of the city, between the old city centre and Trinity College. It's steeped in history and intimate, with raftered wooden ceilings and stoned walls behind dramatic entrance gates.</p>
- <h3>Amazing speakers</h3>
+ <h3 class="paragraph-title">Amazing speakers</h3>
<p class="additional-info">At Úll, you'll not only learn how to build apps, but we'll look at the whole economy of building apps. You'll learn about market analysis; you'll discover insights from speakers who know and understand Apple inside and out. You'll learn how to plan your app's development, and you'll discover the importance of user experience through examples and stories from speakers who have been and done it themselves.</p>
- <h3>Quality relationships</h3>
+ <h3 class="paragraph-title">Quality relationships</h3>
<p class="additional-info">Mostly though, at Úll, you'll get to hang out. We have a low speaker:attendee ratio and we encourage participation from everyone. There's ample time to socialise, chat and share your experiences. We're putting a huge emphasis the things that matter: a quality lineup, a quality venue, quality catering and a high value event that we hope you'll never forget.</p>
<p class="additional-info">You're the customer, not the product. Like what you hear? <a href="#tickets">Register now</a>.</p>
</div><div id="speakers" class="clearfix">
<hr class="section-line">
- <h2 class="sectionTitle">Speakers</h2>
- <div class="clearfix speakerGroups">
- <article class="speaker">
- <h3 class="speaker">
- <a id="horaceDescriptionToggle" href="#">Horace Dediu</a>
- </h3>
- <img src="/main/images/speakers/horace.jpg" class="visionImg" alt="Horace Dediu" width="264" height="183">
- <p class="speakerDescription" id="horaceDescription">
- &hellip;writes <a href="http://www.asymco.com/">Asymco</a>, a world-leading
- market analysis blog, specialising in Apple and mobile.
- <br/><br/>
- Horace also appears regularly on the <a href="http://5by5.tv/criticalpath">Critical Path</a> podcast, and runs
- <a href="http://www.asymconf.com/">Asymconf</a>.
+ <h2 class="section-title">Speakers</h2>
+ <div class="clearfix speaker-group">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Horace Dediu</h3>
+ <img src="/main/images/speakers/horace.jpg" class="speaker-image" alt="Horace Dediu">
+ <p class="speaker-description body-text">
+ &hellip;writes <a href="http://www.asymco.com/">Asymco</a>, a world-leading market analysis blog, specialising in Apple and mobile.<br/>
+ <br/>
+ Horace also appears regularly on the
+ <a href="http://5by5.tv/criticalpath">Critical Path</a> podcast, and runs <a href="http://www.asymconf.com/">Asymconf</a>.
</p>
- <div class="circle">
- <span class="symbols twitter">t</span>
+ <div class="twitter-container">
+ <a href="http://twitter.com/hdediu/" class="speaker-twitter">hdediu</a>
</div>
- <a href="http://twitter.com/hdediu/" class="speakerTwitter">@hdediu</a>
-
-
</article>
- <article class="speaker">
- <h3 class="speaker"><a id="randsDescriptionToggle" href="#">Michael Lopp</a></h3>
- <img src="/main/images/speakers/rands.jpg" class="designImg" alt="Michael Lopp" width="264" height="183">
- <p class="speakerDescription" id="randsDescription">
- &hellip;writes <a href="http://randsinrepose.com/">Rands in Repose</a>. He is the author of two books centred on his experience managing
- software teams. <a href="http://www.managinghumans.com/">Managing Humans</a> is a guide to the personalities of typical engineers and how to deal with them, while <a href="http://www.beinggeek.com/">Being Geek</a> gives engineers insight into how managers work and how to survive.
- </p>
- <div class="circle">
- <span class="symbols twitter">t</span>
- </div>
- <a href="http://twitter.com/rands" class="speakerTwitter">@rands</a>
- </article>
+ <article class="speaker-container">
+ <h3 class="speaker-name">Michael Lopp</h3>
+ <img src="/main/images/speakers/rands.jpg" class="speaker-image" alt="Michael Lopp">
+ <p class="speaker-description body-text">
+ &hellip;writes <a href="http://randsinrepose.com/">Rands in Repose</a>. He is the author of two books centred on his experience managing
+ software teams. <a href="http://www.managinghumans.com/">Managing Humans</a> is a guide to the personalities of typical engineers and how to deal with them, while <a href="http://www.beinggeek.com/">Being Geek</a> gives engineers insight into how managers work and how to survive.
+ </p>
+ <div class="twitter-container">
+ <a href="http://twitter.com/rands" class="speaker-twitter">rands</a>
+ </div>
+ </article>
- <article class="speaker">
- <h3 class="speaker">
- <a id="steveDescriptionToggle" href="#">
- Steve Troughton-Smith
- </a>
- </h3>
- <img src="/main/images/speakers/steve.jpg" class="designImg"
- alt="Steve Troughton-Smith" width="264" height="183">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Steve Troughton-Smith</h3>
+ <img src="/main/images/speakers/steve.jpg" class="speaker-image"
+ alt="Steve Troughton-Smith">
- <p class="speakerDescription" id="steveDescription">
+ <p class="speaker-description body-text">
&hellip;Ireland&rsquo;s foremost iOS developer. He runs <a href="http://www.highcaffeinecontent.com/">High Caffeine Content</a> and is regularly featured worldwide for his groundbreaking &ldquo;investigative hacking&rdquo;.
</p>
- <div class="circle">
- <span class="symbols twitter">t</span>
+ <div class="twitter-container">
+ <a href="http://twitter.com/stroughtonsmith" class="speaker-twitter">stroughtonsmith</a>
</div>
- <a href="http://twitter.com/stroughtonsmith" class="speakerTwitter">@stroughtonsmith</a>
-
</article>
</div>
- <div class="clearfix speakerGroups">
- <article class="speaker">
- <h3 class="speaker">
- <a id="mattDescriptionToggle" href="#">
- Matt Gemmell
- </a>
- </h3>
- <img src="/main/images/speakers/matt.jpg" class="devImg"
- alt="Matt Gemmell" width="264" height="183">
- <p class="speakerDescription" id="mattDescription">
+ <div class="clearfix speaker-group">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Matt Gemmell</h3>
+ <img src="/main/images/speakers/matt.jpg" class="speaker-image"
+ alt="Matt Gemmell">
+ <p class="speaker-description body-text" id="mattDescription">
&hellip;a &ldquo;legend&rdquo; in the Apple design community, is an iOS and Cocoa developer with a focus on user experience and interface design. He runs <a href="http://instinctivecode.com">Instinctive Code</a>, has contributed a ton of popular <a href="http://mattgemmell.com/source/">open source</a>, and writes a <a href="http://mattgemmell.com/">popular blog</a>.
</p>
- <div class="circle">
- <span class="symbols twitter">t</span>
+ <div class="twitter-container">
+ <a href="http://twitter.com/mattgemmell" class="speaker-twitter">mattgemmell</a>
</div>
- <a href="http://twitter.com/mattgemmell" class="speakerTwitter">
- @mattgemmell
- </a>
</article>
- <article class="speaker">
- <h3 class="speaker">
- <a id="joshDescriptionToggle" href="#">
- Josh Clark
- </a>
- </h3>
- <img src="/main/images/speakers/josh.jpg" class="devImg"
- alt="Josh Clark" width="264" height="183">
- <p class="speakerDescription" id="joshDescription">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Josh Clark</h3>
+ <img src="/main/images/speakers/josh.jpg" class="speaker-image" alt="Josh Clark">
+ <p class="speaker-description body-text">
&hellip;is the author of
&ldquo;<a href="http://shop.oreilly.com/product/0636920001133.do">Tapworthy</a>,
Designing Great iPhone Apps&rdquo;. He is a seasoned developer for a number of platforms, and runs <a href="http://globalmoxie.com">Global Moxie</a>, offering consulting, training and workshops on building amazing apps.
</p>
- <div class="circle">
- <span class="symbols twitter">t</span>
+ <div class="twitter-container">
+ <a href="http://twitter.com/globalmoxie" class="speaker-twitter">globalmoxie</a>
</div>
- <a href="http://twitter.com/globalmoxie" class="speakerTwitter">
- @globalmoxie
- </a>
</article>
- <article class="speaker">
- <h3 class="speaker">
- <a id="dave2DescriptionToggle" href="#">
- Michael Simmons
- </a>
- </h3>
- <img src="/main/images/speakers/michael.jpg" class="designImg"
- alt="Michael Simmons" width="264" height="183">
- <p class="speakerDescription" id="simmonsDescription">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Michael Simmons</h3>
+ <img src="/main/images/speakers/michael.jpg" class="speaker-image" alt="Michael Simmons">
+ <p class="speaker-description body-text">
&hellip;is a seasoned speaker and developer, particularly passionate about UI and UX. He runs <a href="http://flexibits.com">Flexibits</a>, and is the creator of <a href="http://flexibits.com/fantastical">Fantastical</a>.
</p>
- <div class="circle">
- <span class="symbols twitter">t</span>
+ <div class="twitter-container">
+ <a href="http://twitter.com/macguitar" class="speaker-twitter">macguitar</a>
</div>
- <a href="http://twitter.com/macguitar" class="speakerTwitter">@macguitar</a>
</article>
</div>
- <div class="clearfix speakerGroups">
- <article class="speaker">
- <h3 class="speaker">
- <a id="kyleDescriptionToggle" href="#">Kyle Neath</a>
- </h3>
- <img src="/main/images/speakers/kyle.jpg" class="designImg"
- alt="Kyle" width="264" height="183">
- <p class="speakerDescription" id="kyleDescription">
+ <div class="clearfix speaker-group">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Kyle Neath</h3>
+ <img src="/main/images/speakers/kyle.jpg" class="speaker-image"
+ alt="Kyle">
+ <p class="speaker-description body-text">
&hellip;is director of design at <a href="http://github.com">GitHub</a>,
and was the driving force behind <a href="http://mac.github.com/">GitHub for Mac</a>. Kyle writes <a href="http://warpspire.com">a popular blog</a> on software design. He's a true developer&rsquo;s designer.
</p>
- <div class="circle">
- <span class="symbols twitter">t</span>
+ <div class="twitter-container">
+ <a href="http://twitter.com/kneath" class="speaker-twitter">kneath</a>
</div>
- <a href="http://twitter.com/kneath" class="speakerTwitter">
- @kneath
- </a>
</article>
- <article class="speaker">
- <h3 class="speaker">
- <a id="aralDescriptionToggle"
- href="http://aralbalkan.com">Aral Balkan</a>
- </h3>
- <img src="/main/images/speakers/aral.jpg" class="designImg"
- alt="Aral Balkan" width="264" height="183">
- <p class="speakerDescription" id="mysteryDescription">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Aral Balkan</h3>
+ <img src="/main/images/speakers/aral.jpg" class="speaker-image" alt="Aral Balkan">
+ <p class="speaker-description body-text">
&hellip;writes at <a href="http://aralbalkan.com/">aralbalkan.com</a>. He is a seasoned and passionate speaker and a prolific open source contributor. He describes himself as &ldquo;a designer, developer, author, teacher, entrepreneur, and performer; a Renaissance Geek&rdquo;
</p>
- <div class="circle">
- <span class="symbols twitter">t</span>
+ <div class="twitter-container">
+ <a href="http://twitter.com/aral" class="speaker-twitter">aral</a>
</div>
- <a href="http://twitter.com/aral" class="speakerTwitter">
-@aral
- </a>
</article>
- <article class="speaker">
- <h3 class="speaker">
- <a id="andyDescriptionToggle" href="http://ihnatko.com/">
- Andy Ihnatko
- </a>
- </h3>
- <img src="/main/images/speakers/ihnatko.jpg" class="designImg"
- alt="Des Traynor" width="264" height="183">
- <p class="speakerDescription" id="mysteryDescription">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Andy Ihnatko</h3>
+ <img src="/main/images/speakers/ihnatko.jpg" class="speaker-image" alt="Des Traynor">
+ <p class="speaker-description body-text">
Andy Ihnatko is a writer, pundit, everyman and a giant of the Mac World.
He needs no introduction. You can find out a lot more about him on <a href="http://ihnatko.com/a-little-bit-about-me/">his site.</a>
</p>
- <div class="circle">
- <span class="symbols twitter">t</span>
+ <div class="twitter-container">
+ <a href="http://twitter.com/ihnatko" class="speaker-twitter">ihnatko</a>
</div>
- <a href="http://twitter.com/ihnatko" class="speakerTwitter">
-@ihnatko
- </a>
</article>
-
- <article class="speaker">
- <h3 class="speaker">
- <a id="desDescriptionToggle" href="http://ihnatko.com/">
- Des Traynor
- </a>
- </h3>
- <img src="/main/images/speakers/des.jpg" class="designImg"
- alt="Des Traynor" width="264" height="183">
- <p class="speakerDescription" id="desDescription">
+ </div>
+
+ <div class="clearfix speaker-group">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Des Traynor</h3>
+ <img src="/main/images/speakers/des.jpg" class="speaker-image" alt="Des Traynor">
+ <p class="speaker-description body-text">
Des, UX Lead and co-founder of <a href="http://intercom.io">Intercom</a> is fast becoming one of the most influential writers on user experience and customer development in the world. As local Dubliner, we love him and the &Uacute;ll lineup wouldn't be the same without him.
</p>
-
-
- <div class="circle">
- <span class="symbols twitter">t</span>
- </div>
- <a href="http://twitter.com/destraynor" class="speakerTwitter">
-@destraynor
- </a>
+ <div class="twitter-container">
+ <a href="http://twitter.com/destraynor" class="speaker-twitter">destraynor</a>
</article>
- <article class="speaker">
- <h3 class="speaker">
- <a id="garethDescriptionToggle" href="http://www.36peas.com/">
- Gareth Jenkins
- </a>
- </h3>
- <img src="/main/images/speakers/gareth.jpg" class="designImg"
- alt="Gareth Jenkins" width="264" height="183">
- <p class="speakerDescription" id="garethDescription">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Gareth Jenkins</h3>
+ <img src="/main/images/speakers/gareth.jpg" class="speaker-image" alt="Gareth Jenkins">
+ <p class="speaker-description body-text">
Gareth makes iOS games, and writes about making them on the <a href="http://www.36peas.com/">36peas blog</a>. He is particularly interested in component architecture, iPad game design, and the business of games. Gareth is based in the UK, but spent time working in Dublin, and we're delighted to invite him back.
</p>
-
-
- <div class="circle">
- <span class="symbols twitter">t</span>
+ <div class="twitter-container">
+ <a href="http://twitter.com/36peas" class="speaker-twitter">36peas</a>
</div>
- <a href="http://twitter.com/36peas" class="speakerTwitter">
-@36peas
- </a>
</article>
- <article class="speaker">
- <h3 class="speaker">
- <a id="jimDescriptionToggle" href="http://www.loopinsight.com">
- Jim Dalrymple
- </a>
- </h3>
- <img src="/main/images/speakers/jim.jpg" class="designImg"
- alt="Jim Dalrymple" width="264" height="183">
- <p class="speakerDescription" id="jimDescription">
+ <article class="speaker-container">
+ <h3 class="speaker-name">Jim Dalrymple</h3>
+ <img src="/main/images/speakers/jim.jpg" class="speaker-image" alt="Jim Dalrymple">
+ <p class="speaker-description body-text">
Jim Dalrymple is a co-founder and blogger at <a href="http://loopinsight.com">Loop Insight</a>, an Apple, tech and geek ephemera blog. Previously, he was editor at large of Macworld. He also knows quite a bit about <a href="https://www.facebook.com/media/set/?set=a.9958371535.26661.593356535&type=3">actual</a> <a href="https://www.facebook.com/media/set/?set=a.10031401535.26922.593356535">rock</a> <a href="https://www.facebook.com/media/set/?set=a.10031401535.26922.593356535&type=3">stars</a>.
</p>
-
-
- <div class="circle">
- <span class="symbols twitter">t</span>
+ <div class="twitter-container">
+ <a href="http://twitter.com/jdalrymple" class="speaker-twitter">jdalrymple</a>
</div>
- <a href="http://twitter.com/jdalrymple" class="speakerTwitter">
-@jdalrymple
- </a>
</article>
</div>
</div><div id="schedule" class="clearfix">
<hr class="section-line">
- <h2 class="sectionTitle">Schedule</h2>
+ <h2 class="section-title">Schedule</h2>
<div class="schedule-wrap clearfix">
<article class="schedule-day">
- <h3 class="subsectionTitle">Friday, 27<sup>th</sup> April</h3>
- <div class="schedule-details">
- <img src="/main/images/sugar-club.jpg" alt="The sugar club interior" width="264" height="183">
- <h3><a href="http://www.thesugarclub.com/">The Sugar Club</a></h3>
- <p>
- Keynote, cocktails &amp; pre-party.
- <dl>
+ <h3 class="subsection-title">Friday, 27<sup>th</sup> April</h3>
+ <div class="schedule-details">
+ <img src="/main/images/sugar-club.jpg" alt="The sugar club interior">
+ <h3 class="venue-name"><a href="http://www.thesugarclub.com/">The Sugar Club</a></h3>
+ <p>Keynote, cocktails &amp; pre-party.
+ <dl>
<hr>
<dt>7pm</dt>
<dd>
@@ -407,15 +272,16 @@ <h3 class="subsectionTitle">Friday, 27<sup>th</sup> April</h3>
<dd>
<h3>Bedtime</h3>
</dd>
- </dl>
- </p>
- </div>
+ </dl>
+ </p>
+ </div>
</article>
+
<article class="schedule-day">
- <h3 class="subsectionTitle">Saturday, 28<sup>th</sup> April</h3>
+ <h3 class="subsection-title">Saturday, 28<sup>th</sup> April</h3>
<div class="schedule-details">
- <img src="/main/images/dublin-castle.jpg" alt="The sugar club interior" width="264" height="183">
- <h3><a href="http://www.dublincastle.ie/ConferenceDining/CoachHouse/">Dublin Castle Coach House</a></h3>
+ <img src="/main/images/dublin-castle.jpg" alt="The sugar club interior">
+ <h3 class="venue-name"><a href="http://www.dublincastle.ie/ConferenceDining/CoachHouse/">Dublin Castle Coach House</a></h3>
<p>Sessions, discussions &amp; learning.</p>
<dl>
<hr>
@@ -463,13 +329,13 @@ <h3 class="subsectionTitle">Saturday, 28<sup>th</sup> April</h3>
</div>
</article>
<article class="schedule-day">
- <h3 class="subsectionTitle">Sunday, 29<sup>th</sup> April</h3>
+ <h3 class="subsection-title">Sunday, 29<sup>th</sup> April</h3>
<div class="schedule-details">
- <img src="/main/images/odessa.jpg" alt="The sugar club interior" width="264" height="183">
- <h3><a href="http://odessa.ie/club">The Odessa Club</a></h3>
+ <img src="/main/images/odessa.jpg" alt="The sugar club interior">
+ <h3 class="venue-name"><a href="http://odessa.ie/club">The Odessa Club</a></h3>
<p>Recovery, food &amp; conversation.</p>
<dl>
- <hr>
+ <hr>
<dt>2pm</dt>
<dd>
<h3>Barbeque</h3>
@@ -489,26 +355,26 @@ <h3 class="subsectionTitle">Sunday, 29<sup>th</sup> April</h3>
</div>
<div id="sessions">
<hr class="section-line">
- <h2 class="sectionTitle">Sessions</h2>
+ <h2 class="section-title">Sessions</h2>
- <p class="info">
+ <p class="additional-info">
Sessions will cover the journey from the planning stages, development, design, marketing and the business of app development.
</p>
<dl class="session-list">
- <dt>What is Business Strategy?</dt>
+ <dt class="paragraph-title">What is Business Strategy?</dt>
<dd>
<cite><a href="http://asymco.com/">Horace Dediu</a></cite>
<p class="additional-info">A talk about what business strategy means.</p>
</dd>
- <dt>Keynote Kung-Fu.</dt>
+ <dt class="paragraph-title">Keynote Kung-Fu.</dt>
<dd>
<cite><a href="http://randsinrepose.com/">Michael Lopp</a></cite>
<p class="additional-info">In January 2003, two years before their word processor and four before their spreadsheet, Apple released their presentation software, Keynote. In this talk, I'll discuss why Keynote was the first "office" application to land as well as why I think it's one of the best examples of Apple's application design philosophy. I will also teach you Keynote Kung-Fu.</p>
</dd>
- <dt>Turning Ideas Into Apps</dt>
+ <dt class="paragraph-title">Turning Ideas Into Apps</dt>
<dd>
<cite><a href="http://mattgemmell.com/">Matt Gemmell</a></cite>
<p class="additional-info">
@@ -520,7 +386,7 @@ <h2 class="sectionTitle">Sessions</h2>
</p>
</dd>
- <dt>Teaching Touch</dt>
+ <dt class="paragraph-title">Teaching Touch</dt>
<dd>
<cite><a href="http://globalmoxie.com/">Josh Clark</a></cite>
<p class="additional-info">Touch gestures are sweeping away buttons, menus and windows from mobile devices—and even from the next version of Windows. The challenge: gestures are invisible, without the visual cues offered by buttons and menus. As your app sheds buttons, how do people figure out how to use the thing? Learn to lead your audience by the hand (and fingers) with practical techniques that make invisible gestures obvious.</p>
@@ -530,7 +396,7 @@ <h2 class="sectionTitle">Sessions</h2>
</p>
</dd>
- <dt>Making Great Apps</dt>
+ <dt class="paragraph-title">Making Great Apps</dt>
<dd>
<cite><a href="http://flexibits.com/">Michael Simmons</a></cite>
<p class="additional-info">
@@ -546,13 +412,13 @@ <h2 class="sectionTitle">Sessions</h2>
</p>
</dd>
- <dt>You Are Not What You Eat</dt>
+ <dt class="paragraph-title">You Are Not What You Eat</dt>
<dd>
<cite><a href="http://warpspire.com">Kyle Neath</a></cite>
<p class="additional-info">Designers can't be developers and companies who build web apps can't build desktop apps. Well, maybe in 1994 — but it's 2012. Things done changed. It's time to focus on building amazing companies full of fantastic people. Build amazing apps that people love to use. Screw false specialization, iOS shops, and mobile-only products. We're people building apps for other people to use on technofantastical devices of tomorrow.</p>
</dd>
- <dt>A Happy Grain of Sand</dt>
+ <dt class="paragraph-title">A Happy Grain of Sand</dt>
<dd>
<cite><a href="http://aralbalkan.com/">Aral Balkan</a></cite>
<p class="additional-info">A light-hearted, funny, daresay inspirational, talk on user experience &amp; design.</p>
@@ -562,14 +428,14 @@ <h2 class="sectionTitle">Sessions</h2>
</dl>
</div><div id="workshops">
<hr class="section-line">
- <h2 class="sectionTitle">Workshops</h2>
+ <h2 class="section-title">Workshops</h2>
- <p class="info">
+ <p class="additional-info">
Workshops will take place on the afternoon of the 27<sup>th</sup> April.
</p>
<dl class="workshop-list">
- <dt>Tapworthy Mobile Design and UX</dt>
+ <dt class="paragraph-title">Tapworthy Mobile Design and UX</dt>
<dd>
<cite>with <a href="http://globalmoxie.com/">Josh Clark</a></cite>
<p class="additional-info">From first concept to polished pixel, learn to create mobile apps and websites that delight. The workshop explores the practical principles of mobile and touchscreen design, teaching you to "think mobile" by planning and creating app interfaces in tune with the psychology and ergonomics of an audience on the go. You'll learn to conceive and refine an app's interface and user experience in tune with the needs of a mobile audience... and their fingers and thumbs.</p>
@@ -581,7 +447,7 @@ <h2 class="sectionTitle">Workshops</h2>
</p>
</dd>
- <dt>Asymco Workshop</dt>
+ <dt class="paragraph-title">Asymco Workshop</dt>
<dd>
<cite>with Horace Dediu</cite>
<p class="additional-info">A detailed workshop on Apple's strategy in the form of a question and answer session.</p>
@@ -595,7 +461,7 @@ <h2 class="sectionTitle">Workshops</h2>
</dl>
</div><div id="sponsors">
<hr class="section-line">
- <h2 class="sectionTitle">Sponsors &amp; Supporters</h2>
+ <h2 class="section-title sponsors">Sponsors &amp; Supporters</h2>
<img src="/main/images/Logo_NoStrapLine.png" class="ei-logo" alt="Enterprise Ireland Logo" />
<p class="additional-info">
We are privileged to have <a href="http://www.enterprise-ireland.com/en/">Enterprise Ireland</a> as our Platinum+ Sponsor.
@@ -610,7 +476,7 @@ <h2 class="sectionTitle">Sponsors &amp; Supporters</h2>
</p>
</div><div id="tickets" class="clearfix">
<hr class="section-line">
- <h2 class="sectionTitle">Tickets</h2>
+ <h2 class="section-title">Tickets</h2>
<p class="ticket-info">
For those who would like to promote their product, service or brand, with a micro-sponsorship, we are offering &ldquo;Supporter&rdquo; tickets. They are slightly more expensive than regular tickets, but we will offer you a link on the site and a shout out during the conference.
@@ -623,7 +489,7 @@ <h2 class="sectionTitle">Tickets</h2>
<div id="additional">
<hr class="section-line">
- <h2 class="sectionTitle">Additional Info</h2>
+ <h2 class="section-title additional">Additional Info</h2>
<p class="additional-info">
Dublin has tons and tons of great hotels. Anywhere in the city centre is perfect. Both <a href="http://dublinhotels.jurysinns.com/jurysinn_christchurch">Jury's Inn Christchurch</a> and <a href="http://www.theclarence.ie/">The Clarence</a> are a one minute walk from Dublin Castle, and convenient for the other venues. Mention &Uacute;ll (via Lisa_Walshe@jurysinns.com>) for &euro;120 bed and breakfast per single occupancy and &euro;130 per double at Jury's. Mention Úll for &euro;189 B&amp;B at the Clarence.
@@ -633,7 +499,6 @@ <h2 class="sectionTitle">Additional Info</h2>
If you're booking flights, be sure to check out the Aer Lingus <a href="http://www.aerlingus.com/conference/ull">official Úll conference</a> page.
</p>
</div>
- </div>
</div>
<footer class="clearfix">
Please sign in to comment.
Something went wrong with that request. Please try again.