diff --git a/public/css/styles.css b/public/css/styles.css
index 371907c..98ed2f3 100644
--- a/public/css/styles.css
+++ b/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 {
diff --git a/public/images/ig.png b/public/images/ig.png
new file mode 100644
index 0000000..5dec410
Binary files /dev/null and b/public/images/ig.png differ
diff --git a/templates/_nav.html b/templates/_nav.html
index d842683..d6f0602 100644
--- a/templates/_nav.html
+++ b/templates/_nav.html
@@ -1,5 +1,7 @@
{% include '_nav.html' %}
+
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 @@