socials added

public/css/styles.css

@@ -49,6 +49,23 @@ hr {
 	border-top: thin solid #0075FF;
 }
 
+#socials {
+	display: flex;
+	flex-direction: row;
+	gap: 20px;
+	flex-wrap: wrap;
+}
+
+.social-image {
+	width: 25px;
+	height: 25px;
+}
+
+.social-image img {
+	width: 100%;
+	height: auto;
+}
+
 #main-wrapper {
 	display: flex;
 	flex-direction: column;
@@ -139,6 +156,9 @@ hr {
 	font-family: 'Inter', sans-serif;
 	font-weight: 300;
 	color: #0075FF;
+	display: flex;
+	flex-direction: row;
+	gap: 20px;
 	
 }
 
@@ -192,10 +212,20 @@ hr {
 }
 
 #container-index {
-	flex: 4.5;
+	flex: 4.5 1;
 	min-height: 400px;
 }
 
+.socials {
+	position: absolute;
+	padding-top: 25px;
+	right: 50px;
+	display: flex;
+	flex-direction: row;
+	gap: 20px;
+	color:#0075FF;
+}
+
 #main-container-article {
 	display: flex;
 	flex-direction: column;
@@ -237,6 +267,7 @@ hr {
 	border: 1px solid;
 	/* font-family: 'Syne Mono', monospace; */
 	color: #0075FF;
+	background-color: #ffffff95;
 }
 
 .hyperlink-header {
@@ -710,7 +741,7 @@ animation: 2s fadeInUp;
 		order: 2;
 		flex-basis: 0%;
 		flex-direction: column-reverse;
-		padding-top: 0px;
+		padding-top: 50px;
 		overflow-y: visible;
 		
 	}
@@ -751,6 +782,14 @@ animation: 2s fadeInUp;
 
 	.nav-element {
 		font-size: 20px;
+		flex-direction: column;
+		gap: 5px;
+	}
+
+	.socials {
+		position: inherit;
+		justify-content: center;
+		width: 100%;
 	}
 
 	#main-container {

templates/_nav.html

@@ -1,5 +1,7 @@
 <div id="nav-bar">
     <a href="/"><div class="nav-element">BETA FESTIVAL (2024)</div></a>
-    <div class="nav-element nav-element-align">NOV 1 - 17 | DUBLIN</div>
+    <div class="nav-element nav-element-align">
+       <div>NOV 1 - 17 | DUBLIN</div>
+    </div>
 </div>
 <hr>

templates/index.html

@@ -6,6 +6,7 @@
 	<div id="main-wrapper">
 		{% include '_nav.html' %}
 		<div id="index-container">
+		
 		<div id="index-info">
 				<p>
 					Beta is a new festival of art and technology critically engaging with the impact of emerging technologies on society. Taking Ireland’s role as a central node in today's wired world as a starting point, Beta will showcase and celebrate Ireland’s research and artistic communities through a combination of creativity, debate and experimentation. Beta allows members of the public to engage playfully and critically with new technologies essentially beta testing ethical issues facing society.
@@ -48,6 +49,11 @@
 			</div>
 		</div>	
 		<div id="container-index">
+			<div class="socials">
+				<span>IG</span>
+				<span>IG</span>
+				<span>IG</span>
+			</div>
 		</div>
 		</div>
 	</div>