Skip to content
Browse files

Cleaning up the UI of the hotels section

  • Loading branch information...
1 parent f841228 commit 23bfabe7a65ce9958c1d152941bdc7096a521e12 @dragoonis dragoonis committed Feb 23, 2012
Showing with 60 additions and 33 deletions.
  1. +1 −1 css/anythingslider.css
  2. +16 −2 css/style.css
  3. +43 −29 index.html
  4. +0 −1 js/whiskyweb.js
View
2 css/anythingslider.css
@@ -105,7 +105,7 @@ div.anythingSlider .anythingWindow {
/* Navigation Arrows */
div.anythingSlider .arrow {
- top: 310px;
+ top: 180px;
position: absolute;
display: block;
}
View
18 css/style.css
@@ -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;
@@ -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 {
View
72 index.html
@@ -140,56 +140,70 @@ <h2 class="date">
<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>
View
1 js/whiskyweb.js
@@ -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);

0 comments on commit 23bfabe

Please sign in to comment.
Something went wrong with that request. Please try again.