Skip to content

Commit

Permalink
location
Browse files Browse the repository at this point in the history
  • Loading branch information
@mamuso
mamuso committed Jun 17, 2011
1 parent be5b93b commit 233f0b6
Show file tree
Hide file tree
Showing 6 changed files with 168 additions and 4 deletions.
Binary file added beta/assets/sponsorship2011.pdf
View file
Binary file not shown.
Binary file added beta/images/map.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions beta/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ <h1 class="logo"><a href="/">Conferencia Rails - July 14-15 2011 - Madrid</a></h
<li class="active"><a href="/"><span>home</span></a></li>
<li><a href="https://autofiscal.com/aprodeweb/campaigns/conf2011/sales/new"><span>tickets</span></a></li>
<li><a href="speakers.html"><span>speakers</span></a></li>
<li><a href="#location"><span>location</span></a></li>
<li><a href="location.html"><span>location</span></a></li>
<li><a href="http://twitter.com/conferenciaror">@conferenciaror</a></li>
<li><a href="#sponsors">sponsors</a></li>
</ul>
Expand Down Expand Up @@ -98,7 +98,7 @@ <h2>STAY<br/>
<h2>FLORIDA<br/>
PARK</h2>
<p class="subterm">the venue</p>
<a href="#" class="the_venue">
<a href="location.html" class="the_venue">
know the venue
</a>
</li>
Expand Down
82 changes: 82 additions & 0 deletions beta/location.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Conferencia Rails - July 13-15 2011 - Florida Park - Madrid</title>
<meta name="viewport" content="width=device-width; initial-scale=1"/>
<link rel="stylesheet" href="stylesheets/cr.css" type="text/css" media="screen"/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:bold' rel='stylesheet' type='text/css'/>
</head>
<body>
<header>
<div class="wrapper">

<h1 class="logo"><a href="/">Conferencia Rails - July 14-15 2011 - Madrid</a></h1>
<i class="header_arrow"></i>
<nav>
<ul>
<li><a href="/"><span>home</span></a></li>
<li><a href="https://autofiscal.com/aprodeweb/campaigns/conf2011/sales/new"><span>tickets</span></a></li>
<li><a href="speakers.html"><span>speakers</span></a></li>
<li class="active"><a href="location.html"><span>location</span></a></li>
<li><a href="http://twitter.com/conferenciaror">@conferenciaror</a></li>
<li><a href="#sponsors">sponsors</a></li>
</ul>
</nav>

<section id="call_for_papers" class="cfp">
<h2>Do you wanna attend?</h2>
<p><a href="http://bit.ly/confror2011" class="cfp_action"><span>get your tickets now »</span></a></p>
</section>

</div><!-- .wrapper -->

</header>
<section id="content">
<div class="wrapper">

<section class="location">
<h2>The venue: Florida Park</h2>

<a href="http://bit.ly/florida_park" class="map"><span>Florida Park, Madrid</span></a>
<p>This year's conference is to be held at a very special venue in Madrid's renowned
<a href="http://en.wikipedia.org/wiki/Parque_del_Buen_Retiro">Parque del Buen Retiro</a>.
Normally accustomed to <a href="http://en.wikipedia.org/wiki/Flamenco">Flamenco dancers</a>, Florida Park
is surrounded by museums and Madrid's beautiful
<a href="http://en.wikipedia.org/wiki/Salamanca_(Madrid)">Salamanca district</a>, and just a
stone's throw away from the energetic old town.
</p>
<p>Combined with the fabulous Spanish summer weather, the Conferencia Rails 2011 will be just too hot to miss!</p>
</section>


<section id="sponsors" class="sponsors">
<h2>Sponsors</h2>
<ul>
<li><a href="http://www.vizzuality.com"><img src="images/sponsors/vizzuality.png" alt="ASPGems"/></a></li>
<li><a href="http://www.aspgems.com"><img src="images/sponsors/aspgems.png" alt="ASPGems"/></a></li>
<li><a href="http://www.the-cocktail.com"><img src="images/sponsors/tck.png" alt="The Cocktail"/></a></li>
<li><a href="http://www.aentos.com"><img src="images/sponsors/aentos.png" alt="Aentos"/></a></li>
</ul>

<h3 class="subterm">supporters:</h3>
<a href="http://www.1uptalent.com">1uptalent</a>

<div class="note">
<p>Would you like your company to appear <strong>RIGHT HERE</strong>? Get your
<a href="http://bit.ly/confror2011">supporter ticket</a>
now or <a href="mailto:info@conferenciarails.org">contact us</a> for more information on our exclusive
<a href="assets/sponsorship2011.pdf">sponsorship bundles (PDF)</a>.</p>
</div>
</section>

</div>
</section>
<footer>
<div class="wrapper">
<i class="rubyto_f"></i>
<p>Conferencia Rails is a non-profit volunteer-driven event run by the Spanish Association for Promoting Web Development (APRODEWEB). <a href="mailto:info@aprodeweb.es">Send us an email</a> if you'd like to join us!</p>
</div>
</footer>
</body>
</html>
24 changes: 23 additions & 1 deletion beta/speakers.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ <h1 class="logo"><a href="/">Conferencia Rails - July 14-15 2011 - Madrid</a></h
<li><a href="/"><span>home</span></a></li>
<li><a href="https://autofiscal.com/aprodeweb/campaigns/conf2011/sales/new"><span>tickets</span></a></li>
<li class="active"><a href="speakers.html"><span>speakers</span></a></li>
<li><a href="#location"><span>location</span></a></li>
<li><a href="location.html"><span>location</span></a></li>
<li><a href="http://twitter.com/conferenciaror">@conferenciaror</a></li>
<li><a href="#sponsors">sponsors</a></li>
</ul>
Expand Down Expand Up @@ -184,6 +184,28 @@ <h3>Amy Woodward</h3>

</ul>
</section>


<section id="sponsors" class="sponsors">
<h2>Sponsors</h2>
<ul>
<li><a href="http://www.vizzuality.com"><img src="images/sponsors/vizzuality.png" alt="ASPGems"/></a></li>
<li><a href="http://www.aspgems.com"><img src="images/sponsors/aspgems.png" alt="ASPGems"/></a></li>
<li><a href="http://www.the-cocktail.com"><img src="images/sponsors/tck.png" alt="The Cocktail"/></a></li>
<li><a href="http://www.aentos.com"><img src="images/sponsors/aentos.png" alt="Aentos"/></a></li>
</ul>

<h3 class="subterm">supporters:</h3>
<a href="http://www.1uptalent.com">1uptalent</a>

<div class="note">
<p>Would you like your company to appear <strong>RIGHT HERE</strong>? Get your
<a href="http://bit.ly/confror2011">supporter ticket</a>
now or <a href="mailto:info@conferenciarails.org">contact us</a> for more information on our exclusive
<a href="assets/sponsorship2011.pdf">sponsorship bundles (PDF)</a>.</p>
</div>
</section>

</div>
</section>
<footer>
Expand Down
62 changes: 61 additions & 1 deletion beta/stylesheets/cr.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -333,7 +333,9 @@ h2 {
.ico_email { background-position: -354px -478px; }

.sponsors {
margin-top: 35px;
display: block;
clear: both;
padding-top: 35px;
overflow: hidden;
}
.sponsors ul {
Expand Down Expand Up @@ -408,6 +410,64 @@ footer {
box-shadow: 0px 0px 2px #DDD;
}

.location { margin-top: 35px}
.location h2 { padding-bottom: 25px; }
.location p {
margin-bottom: 8px;
}

.map {
float: right;
display: inline;
position: relative;
margin: -10px 0 0 10px;
}
.map span {
position: relative;
display: block;
width: 630px;
height: 300px;
position: relative;
border: 10px solid #F4F6F7;
background: url('../images/map.png') no-repeat center center;
z-index: 2;
overflow: hidden;
text-indent: -900em;
}
.map:after {
z-index: 0;
position: absolute;
background: transparent;
width: 100px;
height: 100px;
content: '';
right: 12px;
top: 14px;
transform: skew(-15deg) rotate(-6deg);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.3);
}

.map:before {
z-index: 0;
position: absolute;
background: transparent;
width: 100px;
height: 100px;
content: '';
left: 12px;
bottom: 12px;
transform: skew(-15deg) rotate(-6deg);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1020px) and (min-width: 768px) { /* iPad portrait and other tablet/mid-sized viewports */
}

Expand Down

0 comments on commit 233f0b6

Please sign in to comment.