Skip to content

Commit

Permalink
Cleaning up the UI of the hotels section
Browse files Browse the repository at this point in the history
  • Loading branch information
@dragoonis
dragoonis committed Feb 23, 2012
1 parent f841228 commit 23bfabe
Show file tree
Hide file tree
Showing 4 changed files with 60 additions and 33 deletions.
2 changes: 1 addition & 1 deletion css/anythingslider.css
View file
Expand Up @@ -105,7 +105,7 @@ div.anythingSlider .anythingWindow {

/* Navigation Arrows */
div.anythingSlider .arrow {
top: 310px;
top: 180px;
position: absolute;
display: block;
}
Expand Down
18 changes: 16 additions & 2 deletions css/style.css
View file
Expand Up @@ -377,7 +377,7 @@ section h1:before {

.information-section .active .inner-tall {
border-top: 3px solid white;
height: 600px;
height: 435px;
}
.information-section .inner-tall {
-webkit-transition: height 0.3s ease-out;
Expand Down Expand Up @@ -923,13 +923,27 @@ footer > a {
opacity: 1;
}

#accommodation .slider li h3 {
font-size: 1.8em;
}
#accommodation .slider li {
width: 891px;
height: 380px;
}

#accommodation div.hotel-map {
z-index: 0;
float: left;
margin: 10px;
width: 555px;
height: 350px;
background: #333;
clear: both;
/*clear: both;*/
}

#accommodation div.hotel-info {
float: left;
width: 300px;
}

#accommodation div.hotel-map img {
Expand Down
72 changes: 43 additions & 29 deletions index.html
View file
Expand Up @@ -140,56 +140,70 @@ <h2>How to get to the Conference</h2>
<div class="item">
<h2>Accommodation</h2>
<div class="inner-tall" id="accommodation">
<p>While Whisky Web are in no affiliated with the establishments shown below, we thought it might be useful to our delegates and speakeres to provide some details of local hotels that are a short distance from the main conference venue.</p>
<p>While Whisky Web are in not affiliated with the establishments shown below, we thought it might be useful to our delegates and speakeres to provide some details of local hotels that are a short distance from the main conference venue.</p>
<div class="slider-container">
<ul class="slider">
<li>
<h3><a href="http://www.ibishotel.com/gb/hotel-2039-ibis-edinburgh-centre/index.shtml">Ibis Hotel</a></h3>
<p>From &pound;45 pp/pn</p>
<p>~5 minute walk to/from The Hub</p>
<p>6 Hunter Square, Off Royal Mile, Edinburgh, EH1 1QW</p>
<div class="hotel-info">
<h3><a href="http://www.ibishotel.com/gb/hotel-2039-ibis-edinburgh-centre/index.shtml">Ibis Hotel</a></h3>
<p><u>Price</u>: From &pound;45 pp/pn</p>
<p><u>Distance</u>: ~5 minute walk to/from The Hub</p>
<p><u>Address</u>: 6 Hunter Square, Off Royal Mile, Edinburgh, EH1 1QW</p>
</div>
<div id="hotel-map-1" class="hotel-map"><span class="lat">55.949616</span><span class="lon">-3.188095</span></div>
</li>
<li>
<h3><a href="http://www.easyhotel.com/hotels/edinburgh.html">Easy Hotel</a></h3>
<p>From &pound;47 pp/pn</p>
<p>~20 minute walk to/from The Hub</p>
<p>125A Princes Street, Edinburgh, EH2 4AD</p>
<div class="hotel-info">
<h3><a href="http://www.easyhotel.com/hotels/edinburgh.html">Easy Hotel</a></h3>
<p><u>Price</u>: From &pound;47 pp/pn</p>
<p><u>Distance</u>: ~20 minute walk to/from The Hub</p>
<p><u>Address</u>: 125A Princes Street, Edinburgh, EH2 4AD</p>
</div>
<div id="hotel-map-2" class="hotel-map"><span class="lat">55.951087</span><span class="lon">-3.204138</span></div>
</li>
<li>
<h3><a href="http://www.thistle.com/en/hotels/united_kingdom/edinburgh/the_king_james/index.html">King James Hotel</a></h3>
<p>From &pound;95 pp/pn</p>
<p>~15 minute walk to/from The Hub</p>
<p>107 Leith Street, Edinburgh, EH1 3SW</p>
<div class="hotel-info">
<h3><a href="http://www.thistle.com/en/hotels/united_kingdom/edinburgh/the_king_james/index.html">King James Hotel</a></h3>
<p><u>Price</u>: From &pound;95 pp/pn</p>
<p><u>Distance</u>: ~15 minute walk to/from The Hub</p>
<p><u>Address</u>: 107 Leith Street, Edinburgh, EH1 3SW</p>
</div>
<div id="hotel-map-3" class="hotel-map"><span class="lat">55.954478</span><span class="lon">-3.188003</span></div>
</li>
<li>
<h3><a href="http://www.apexhotels.co.uk/hotels/edinburgh-city/find-us/">Edinburgh Apex Hotel</a></h3>
<p>From &pound;89 pp/pn</p>
<p>~5 minute walk to/from The Hub</p>
<p>Apex City Hotel, 61 Grassm2HJarket, Edinburgh, EH1 2HJ</p>
<div class="hotel-info">
<h3><a href="http://www.apexhotels.co.uk/hotels/edinburgh-city/find-us/">Edinburgh Apex Hotel</a></h3>
<p><u>Price:</u> From &pound;89 pp/pn</p>
<p><u>Distance</u>: ~5 minute walk to/from The Hub</p>
<p><u>Address</u>: Apex City Hotel, 61 Grassm2HJarket, Edinburgh, EH1 2HJ</p>
</div>
<div id="hotel-map-4" class="hotel-map"><span class="lat">55.947521</span><span class="lon">-3.194756</span></div>
</li>
<li>
<h3><a href="http://www.bankhoteledinburgh.co.uk/">Bank Hotel</a></h3>
<p>From &pound;45 pp/pn</p>
<p>~10 minute walk to/from The Hub</p>
<p>1 South Bridge, Edinburgh, Scotland, EH1 1LL</p>
<div class="hotel-info">
<h3><a href="http://www.bankhoteledinburgh.co.uk/">Bank Hotel</a></h3>
<p><u>Price</u>: From &pound;45 pp/pn</p>
<p><u>Distance</u>: ~10 minute walk to/from The Hub</p>
<p><u>Address</u>: 1 South Bridge, Edinburgh, Scotland, EH1 1LL</p>
</div>
<div id="hotel-map-5" class="hotel-map"><span class="lat">55.948902</span><span class="lon">-3.186696</span></div>
</li>
<li>
<h3><a href="http://www.accorhotels.com/gb/hotel-3271-novotel-edinburgh-centre/index.shtml">Novotel</a></h3>
<p>From &pound;55 pp/pn</p>
<p>~15 minute walk to/from The Hub</p>
<p>80 Lauriston Place, Edinburgh, EH3 9DE</p>
<div class="hotel-info">
<h3><a href="http://www.accorhotels.com/gb/hotel-3271-novotel-edinburgh-centre/index.shtml">Novotel</a></h3>
<p><u>Price</u>: From &pound;55 pp/pn</p>
<p><u>Distance</u>: ~15 minute walk to/from The Hub</p>
<p><u>Address</u>: 80 Lauriston Place, Edinburgh, EH3 9DE</p>
</div>
<div id="hotel-map-6" class="hotel-map"><span class="lat">55.945091</span><span class="lon">-3.199757</span></div>
</li>
<li>
<h3><a href="http://edinburghhotels.jurysinns.com/">Jurys Inn</a></h3>
<p>From &pound;80 pp/pn</p>
<p>~10 minute walk to/from The Hub</p>
<p>43 Jeffrey Street, Edinburgh, EH1 1DH</p>
<div class="hotel-info">
<h3><a href="http://edinburghhotels.jurysinns.com/">Jurys Inn</a></h3>
<p><u>Price</u>: From &pound;80 pp/pn</p>
<p><u>Distance</u>: ~10 minute walk to/from The Hub</p>
<p><u>Address</u>: 43 Jeffrey Street, Edinburgh, EH1 1DH</p>
</div>
<div id="hotel-map-7" class="hotel-map"><span class="lat">55.951151</span><span class="lon">-3.185435</span></div>
</li>
</ul>
Expand Down
1 change: 0 additions & 1 deletion js/whiskyweb.js
View file
Expand Up @@ -104,7 +104,6 @@ var WhiskyWeb = (function() {
var lon = $(this).find('span.lon').text();
$(this).find('span.lon').remove();
var mapId = $(this).attr('id');
console.log($(this));
var mapNumber = mapId.charAt(mapId.length -1);

var map = new L.Map('hotel-map-' + mapNumber);
Expand Down

0 comments on commit 23bfabe

Please sign in to comment.