location imgs added

app.py

@@ -97,6 +97,10 @@ def process_content(entries, type):
         }
 
         content_list.append(content)
+        
+         # Sort the content list by the 'title' key alphabetically
+        content_list.sort(key=lambda x: x['title'].lower())
+        
     return content_list
 
 def format_datetime(dt):

public/css/styles.css

@@ -236,7 +236,6 @@ hr {
 	margin-top: 50px;
 	text-decoration: underline;
 	text-transform: uppercase;
-	order: -1;
 }
 
 .socials {
@@ -757,6 +756,11 @@ animation: 2s fadeInUp;
 
 /* Mobile breakpoint (less than 768px) */
 @media (max-width: 768px) {
+
+	#index-socials{
+		order: -1;
+	}
+
 	#article-sep {
 		text-align: center;
 		padding-top: 10px;

public/js/locations.js

@@ -1,12 +1,24 @@
 // Example location data
 const locationData = {
     'digital-hub': {
-        text: '10-13 Thomas Street',
-        imageUrl: '/public/images/locations/digital-hub.png'
+        text: 'The Digital Hub, 10-13 Thomas St, The Liberties, Dublin 8, D08 PX8H',
+        imageUrl: '/public/images/locations/digital-hub.webp',
+        direction: 'https://www.google.com/maps/dir//115-117,+The+Coombe,+The+Liberties,+Dublin,+D08+A970/@53.3391179,-6.3569591,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48670e89423ed249:0x8aa3669566840ff9!2m2!1d-6.274559!2d53.3391463?entry=ttu'
     },
     'pallas-projects': {
         text: '115-117, The Coombe, The Liberties, Dublin, D08 A970',
-        imageUrl: 'public/images/locations/pallas.png'
+        imageUrl: 'public/images/locations/pallas.webp',
+        direction: 'https://www.google.com/maps?gs_lcrp=EgZjaHJvbWUqBggAEEUYOzIGCAAQRRg7MgYIARBFGDkyBggCEEUYOzIGCAMQRRg8MgYIBBAuGEDSAQgxNDA3ajBqOagCALACAQ&um=1&ie=UTF-8&fb=1&gl=ie&sa=X&geocode=KUnSPkKJDmdIMfkPhGaVZqOK&daddr=115-117,+The+Coombe,+The+Liberties,+Dublin,+D08+A970'
+    },
+    'ncad': {
+        text: '100 Thomas St, Ushers Quay, Dublin 8, D08 K521',
+        imageUrl: 'public/images/locations/ncad.png',
+        direction: 'https://www.google.com/maps/place//data=!4m2!3m1!1s0x48670c250954601d:0x73901f0562b8bd9f?sa=X&ved=1t:8290&ictx=111'
+    },
+    'imma': {
+        text: 'Royal Hospital Kilmainham, Military Rd, Kilmainham, Dublin 8, D08 FW31',
+        imageUrl: 'public/images/locations/imma.webp',
+        direction: 'https://www.google.com/maps/place//data=!4m2!3m1!1s0x48670c462efd7fcd:0x3dc9b365e0e6ace?sa=X&ved=1t:8290&ictx=111'
     }
     // Add more locations as needed
 };
@@ -17,6 +29,7 @@ function updateLocationContent(locationKey) {
     if (location) {
         document.getElementById('location-text').innerText = location.text;
         document.getElementById('location-img').src = location.imageUrl;
+        document.getElementById('location-direction').href = location.direction;
     }
 }
 

templates/index.html

@@ -55,9 +55,9 @@ of artworks by selected artists.
 			</p>
 
 			<div id="index-socials">
-				<a href="https://betafestival.ie/" target="_blank"><span>.ᐟbeta-festival</span></a>
-				<a href="https://x.com/BetaFest_IRL" target="_blank"><span>.ᐟtwitter</span></a>
-				<a href="https://www.instagram.com/betafest_irl/" target="_blank"><span>.ᐟinstagram</span></a>
+				<a href="https://betafestival.ie/" target="_blank"><span>↑ beta-festival</span></a>
+				<a href="https://x.com/BetaFest_IRL" target="_blank"><span>↑ twitter</span></a>
+				<a href="https://www.instagram.com/betafest_irl/" target="_blank"><span>↑ instagram</span></a>
 			</div>
 		</div>	
 		<div id="container-index">

templates/locations.html

@@ -10,24 +10,21 @@
 			<div id="location-button-list">
 				<div class="location-button" data-location="digital-hub">The Digital Hub</div>
 				<div class="location-button" data-location="pallas-projects">Pallas Projects</div>
-				<div class="location-button" data-location="pallas-projects">IMMA</div>
-				<div class="location-button" data-location="pallas-projects">NCAD</div>
-				<div class="location-button" data-location="pallas-projects">X</div>
-				<div class="location-button" data-location="pallas-projects">Pallas Projects</div>
-				<div class="location-button" data-location="pallas-projects">Pallas Projects</div>
+				<div class="location-button" data-location="imma">IMMA</div>
+				<div class="location-button" data-location="ncad">NCAD</div>
 			</div>
 			<div id="location-information">
 				<div id="location-text">
-					10-13 Thomas Street
+					The Digital Hub, 10-13 Thomas St, The Liberties, Dublin 8, D08 PX8H
 				</div>
-				<a target="_blank" href="https://www.google.com/maps/dir//115-117,+The+Coombe,+The+Liberties,+Dublin,+D08+A970/@53.3391179,-6.3569591,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48670e89423ed249:0x8aa3669566840ff9!2m2!1d-6.274559!2d53.3391463?entry=ttu">
+				<a id="location-direction" target="_blank" href="https://www.google.com/maps/dir//115-117,+The+Coombe,+The+Liberties,+Dublin,+D08+A970/@53.3391179,-6.3569591,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48670e89423ed249:0x8aa3669566840ff9!2m2!1d-6.274559!2d53.3391463?entry=ttu">
 					<div class="location-button">↳ Directions</div>
 				</a>
 			</div>
 		</div>
 		<div id="location-images">
 			<div id="location-image">
-				<img id="location-img" src="{{ url_for('static', filename='images/locations/digital-hub.png') }}">
+				<img id="location-img" src="{{ url_for('static', filename='images/locations/digital-hub.webp') }}">
 			</div>
 		</div>	
 	</div>