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 @@
diff --git a/templates/index.html b/templates/index.html index 46acb1a..97fe171 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,6 +6,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 @@

+
+ IG + IG + IG +