Adding an anchor to all subitems on the info page.

This commit is contained in:
Víðir Valberg Guðmundsson 2016-08-11 23:11:23 +02:00
parent 5462d6853f
commit 19eb83ddbf

View file

@ -17,13 +17,19 @@ Info | {{ block.super }}
margin-top: -80px; /*same height as header*/
visibility: hidden;
}
.sub-anchor{
display: block;
height: 94px; /*same height as header*/
margin-top: -94px; /*same height as header*/
visibility: hidden;
}
</style>
<div class="row">
<div class="col-md-12">
<h2>Table of Contents</h2>
<p>
<div class="list-group">
<p class="list-group">
<a href="#when" class="list-group-item">When is BornHack happening?</a>
<a href="#where" class="list-group-item">Where is BornHack going to take place?</a>
<a href="#travel" class="list-group-item">Travel Information</a>
@ -37,7 +43,6 @@ Info | {{ block.super }}
<a href="#power_and_network" class="list-group-item">Power and Connectivity</a>
<a href="#shuttlebus" class="list-group-item">Shuttle Bus</a>
<a href="#info_and_cert" class="list-group-item">Infodesk and CERT</a>
</div>
</p>
</div>
</div>
@ -49,7 +54,13 @@ Info | {{ block.super }}
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Opening</h4>
<span class="sub-anchor" id="opening"></span>
<h4 class="panel-title">
Opening
<a href="#opening">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -62,7 +73,13 @@ Info | {{ block.super }}
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Closing</h4>
<span class="sub-anchor" id="closing"></span>
<h4 class="panel-title">
Closing
<a href="#closing">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -85,7 +102,13 @@ Info | {{ block.super }}
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">The Venue</h4>
<span class="sub-anchor" id="the-venue"></span>
<h4 class="panel-title">
The Venue
<a href="#the-venue">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<div id="map" class="map"></div>
@ -109,7 +132,13 @@ Info | {{ block.super }}
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Public Transportation</h4>
<span class="sub-anchor" id="public-transportation"></span>
<h4 class="panel-title">
Public Transportation
<a href="#public-transportation">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<h4>From/Via Copenhagen</h4>
@ -213,7 +242,13 @@ Info | {{ block.super }}
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Bus to and from BornHack</h4>
<span class="sub-anchor" id="bus-to-and-from-bornhack"></span>
<h4 class="panel-title">
Bus to and from BornHack
<a href="#bus-to-and-from-bornhack">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -298,7 +333,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Driving and Parking</h4>
<span class="sub-anchor" id="driving-and-parking"></span>
<h4 class="panel-title">
Driving and Parking
<a href="#driving-and-parking">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -326,7 +367,13 @@ We encourage our attendees to make use of this offer!
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Camping</h4>
<span class="sub-anchor" id="camping"></span>
<h4 class="panel-title">
Camping
<a href="#camping">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -340,7 +387,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Cabins</h4>
<span class="sub-anchor" id="cabins"></span>
<h4 class="panel-title">
Cabins
<a href="#cabins">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -364,7 +417,13 @@ We encourage our attendees to make use of this offer!
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">The Map</h4>
<span class="sub-anchor" id="the-map"></span>
<h4 class="panel-title">
The Map
<a href="#the-map">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p class="text-center">
@ -444,7 +503,13 @@ We encourage our attendees to make use of this offer!
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Quiet Area</h4>
<span class="sub-anchor" id="quiet-area"></span>
<h4 class="panel-title">
Quiet Area
<a href="#quiet-area">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -457,7 +522,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Family Area</h4>
<span class="sub-anchor" id="family-area"></span>
<h4 class="panel-title">
Family Area
<a href="#family-area">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -472,7 +543,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Nature Area</h4>
<span class="sub-anchor" id="nature-area"></span>
<h4 class="panel-title">
Nature Area
<a href="#nature-area">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -487,7 +564,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">The Noisy Area</h4>
<span class="sub-anchor" id="the-noisy-area"></span>
<h4 class="panel-title">
The Noisy Area
<a href="#the-noisy-area">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -510,7 +593,13 @@ We encourage our attendees to make use of this offer!
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">The Bar</h4>
<span class="sub-anchor" id="the-bar"></span>
<h4 class="panel-title">
The Bar
<a href="#the-bar">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -541,7 +630,13 @@ We encourage our attendees to make use of this offer!
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">What is a Village?</h4>
<span class="sub-anchor" id="what-is-a-village"></span>
<h4 class="panel-title">
What is a Village?
<a href="#what-is-a-village">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>If this is your first hackercamp the term 'Village' might
@ -556,7 +651,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Renting Village Tents</h4>
<span class="sub-anchor" id="renting-village-tents"></span>
<h4 class="panel-title">
Renting Village Tents
<a href="#renting-village-tents">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -573,7 +674,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Registering a Village</h4>
<span class="sub-anchor" id="registering-a-village"></span>
<h4 class="panel-title">
Registering a Village
<a href="#registering-a-village">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p><a href="{% url 'villages:list' %}">You can register your village here</a>!
@ -595,7 +702,13 @@ We encourage our attendees to make use of this offer!
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Showers</h4>
<span class="sub-anchor" id="showers"></span>
<h4 class="panel-title">
Showers
<a href="#showers">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -611,7 +724,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Toilets</h4>
<span class="sub-anchor" id="toilets"></span>
<h4 class="panel-title">
Toilets
<a href="#toilets">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -626,7 +745,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Pissoirs</h4>
<span class="sub-anchor" id="pissoirs"></span>
<h4 class="panel-title">
Pissoirs
<a href="#pissoirs">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -650,7 +775,13 @@ We encourage our attendees to make use of this offer!
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Food Vendors</h4>
<span class="sub-anchor" id="food-vendors"></span>
<h4 class="panel-title">
Food Vendors
<a href="#food-vendors">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -664,7 +795,13 @@ We encourage our attendees to make use of this offer!
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Cooking</h4>
<span class="sub-anchor" id="cooking"></span>
<h4 class="panel-title">
Cooking
<a href="#cooking">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -682,7 +819,13 @@ We encourage our attendees to make use of this offer!
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">The Outdoor Kitchen</h4>
<span class="sub-anchor" id="the-outdoor-kitchen"></span>
<h4 class="panel-title">
The Outdoor Kitchen
<a href="#the-outdoor-kitchen">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -701,7 +844,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Buying Groceries</h4>
<span class="sub-anchor" id="buying-groceries"></span>
<h4 class="panel-title">
Buying Groceries
<a href="#buying-groceries">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -718,7 +867,13 @@ We encourage our attendees to make use of this offer!
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">The Shop/Kiosk</h4>
<span class="sub-anchor" id="the-shop-kiosk"></span>
<h4 class="panel-title">
The Shop/Kiosk
<a href="#the-shop-kiosk">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -748,7 +903,13 @@ We encourage our attendees to make use of this offer!
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Breakfeast/Bakery</h4>
<span class="sub-anchor" id="breakfeast-bakery"></span>
<h4 class="panel-title">
Breakfeast/Bakery
<a href="#breakfeast-bakery">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -763,7 +924,13 @@ We encourage our attendees to make use of this offer!
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">The Farmer Next Door</h4>
<span class="sub-anchor" id="the-farmer-next-door"></span>
<h4 class="panel-title">
The Farmer Next Door
<a href="#the-farmer-next-door">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -785,7 +952,13 @@ We encourage our attendees to make use of this offer!
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Power</h4>
<span class="sub-anchor" id="power"></span>
<h4 class="panel-title">
Power
<a href="#power">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -797,7 +970,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Internet Connection and Uplink</h4>
<span class="sub-anchor" id="internet-connection-and-uplink"></span>
<h4 class="panel-title">
Internet Connection and Uplink
<a href="#internet-connection-and-uplink">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -806,9 +985,16 @@ We encourage our attendees to make use of this offer!
of IP space to go around, courtesy of RIPE NCC temporary assignment.
</p>
</div>
</div> <div class="panel panel-default">
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Networks: Wired and Wireless</h4>
<span class="sub-anchor" id="networks-wired-and-wireless"></span>
<h4 class="panel-title">
Networks: Wired and Wireless
<a href="#networks-wired-and-wireless">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -828,7 +1014,13 @@ We encourage our attendees to make use of this offer!
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Wireless Network</h4>
<span class="sub-anchor" id="wireless-network"></span>
<h4 class="panel-title">
Wireless Network
<a href="#wireless-network">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -860,7 +1052,13 @@ We encourage our attendees to make use of this offer!
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Opening Day</h4>
<span class="sub-anchor" id="opening-day"></span>
<h4 class="panel-title">
Opening Day
<a href="#opening-day">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -876,7 +1074,13 @@ We encourage our attendees to make use of this offer!
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Grocery Shopping</h4>
<span class="sub-anchor" id="grocery-shopping"></span>
<h4 class="panel-title">
Grocery Shopping
<a href="#grocery-shopping">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -895,7 +1099,13 @@ We encourage our attendees to make use of this offer!
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Closing Day</h4>
<span class="sub-anchor" id="closing-day"></span>
<h4 class="panel-title">
Closing Day
<a href="#closing-day">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -919,7 +1129,13 @@ We encourage our attendees to make use of this offer!
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Infodesk</h4>
<span class="sub-anchor" id="infodesk"></span>
<h4 class="panel-title">
Infodesk
<a href="#infodesk">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>
@ -941,7 +1157,13 @@ We encourage our attendees to make use of this offer!
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">CERT</h4>
<span class="sub-anchor" id="CERT"></span>
<h4 class="panel-title">
CERT
<a href="#CERT">
<i class="glyphicon glyphicon-link"></i>
</a>
</h4>
</div>
<div class="panel-body">
<p>