cailean
/
beta-2024
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

release-v1

graphics
Cailean Finn 3 months ago
parent
20e5d8cd45
commit
c097120f36
9 changed files with 142 additions and 78 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      README.md
  2. 3
      app.py
  3. 116
      public/css/styles.css
  4. 2
      public/js/main.js
  5. 14
      templates/article.html
  6. 2
      templates/base.html
  7. 63
      templates/index.html
  8. 18
      templates/list.html
  9. 1
      templates/locations.html

1
README.md
View File

@ -0,0 +1 @@
<span id="article-sep">˗ˏˋ ★ ˎˊ˗</span>

3
app.py
View File

@ -2,6 +2,7 @@ from flask import Flask, render_template
import contentful import contentful
from dotenv import load_dotenv from dotenv import load_dotenv
import os import os
import markdown
load_dotenv() load_dotenv()
@ -86,7 +87,7 @@ def process_content(entries, type):
content = { content = {
'title': getattr(entry, f'title_of_{type}'), 'title': getattr(entry, f'title_of_{type}'),
'information': getattr(entry, f'{type}_information'), 'information': markdown.markdown(getattr(entry, f'{type}_information')),
'image': 'https:{0}'.format(getattr(entry, f'{type}_reference_image').url()), 'image': 'https:{0}'.format(getattr(entry, f'{type}_reference_image').url()),
'artists': getattr(entry, f'{type}_artists'), 'artists': getattr(entry, f'{type}_artists'),
'dates': dates, 'dates': dates,

116
public/css/styles.css
View File

@ -153,7 +153,7 @@ hr {
.nav-element { .nav-element {
font-size: 30px; font-size: 30px;
font-family: 'Inter', sans-serif; font-family: 'JetBrains', monospace;
font-weight: 300; font-weight: 300;
color: #0075FF; color: #0075FF;
display: flex; display: flex;
@ -183,9 +183,8 @@ hr {
display: flex; display: flex;
padding-top: 0px; padding-top: 0px;
flex-direction: row; flex-direction: row;
gap: 50px; gap: 25px;
padding-bottom: 0px; padding-bottom: 0px;
padding-left: 50px;
padding-right: 50px; padding-right: 50px;
overflow-y: scroll; overflow-y: scroll;
box-sizing: border-box; /* Include padding in the height calculation */ box-sizing: border-box; /* Include padding in the height calculation */
@ -199,7 +198,10 @@ hr {
gap: 25px; gap: 25px;
padding-top: 25px; padding-top: 25px;
overflow-y: scroll; overflow-y: scroll;
padding-bottom: 25px; padding-bottom: 50px;
padding-right: 25px;
padding-left: 50px;
} }
#index-info p{ #index-info p{
@ -250,6 +252,10 @@ hr {
color:#ffffff; color:#ffffff;
font-weight: 400; font-weight: 400;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
margin-bottom: 50px;
text-transform: uppercase;
} }
.hyperlink { .hyperlink {
@ -264,32 +270,51 @@ hr {
padding: 10px; padding: 10px;
padding-left: 25px; padding-left: 25px;
padding-right: 25px; padding-right: 25px;
font-family: 'JetBrains', monospace;
border: 1px solid; border: 1px solid;
/* font-family: 'Syne Mono', monospace; */ /* font-family: 'Syne Mono', monospace; */
color: #0075FF; color: #0075FF;
background-color: #ffffff95; background-color: #ffffff95;
} }
.hyperlink-home {
display: flex;
flex-direction: row;
gap: 20px;
width: fit-content;
border-color: #0075FF;
background-size: cover; /* or contain, depending on your preference */
background-repeat:repeat;
font-family: 'JetBrains', monospace;
text-decoration: underline;
color: #ffffff;
background-color: #0075FF;
font-size: 40px;
font-weight: 300;
padding: 5px;
filter: drop-shadow(0 0 0.25rem black);
}
.hyperlink-header { .hyperlink-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 20px; gap: 20px;
border: 1px solid;
width: fit-content; width: fit-content;
background-color: #0075FF; background-color: #0075FF;
background-size: cover; /* or contain, depending on your preference */ background-size: cover; /* or contain, depending on your preference */
background-repeat:repeat; background-repeat:repeat;
border-radius: 30px;
padding: 10px; padding: 10px;
padding-left: 25px; padding-left: 25px;
padding-right: 25px; padding-right: 25px;
color: white; color: white;
border-color: #0075FF; border-color: #0075FF;
transition: transform 0.7s ease-out; font-family: 'JetBrains', monospace;
text-transform: uppercase;
} }
.hyperlink-header:hover { .hyperlink-header:hover {
transform: scale(1.05); /* Scale up the element */ /* transform: scale(1.05); Scale up the element */
} }
.active-page { .active-page {
@ -318,22 +343,22 @@ hr {
align-items: stretch; align-items: stretch;
row-gap: 100px; row-gap: 100px;
column-gap: 50px; column-gap: 50px;
justify-content: space-evenly; justify-content: space-between;
padding-top: 40px; padding-top: 0px;
padding-bottom: 40px; padding-bottom: 50px;
} }
.list { .list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 400px; width: 400px;
height: 300px; min-height: 300px;
gap:10px; gap:10px;
} }
.list-image { .list-image {
width: 100%; width: 100%;
height: 500px; height: 200px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
border-radius: 0px; border-radius: 0px;
@ -367,7 +392,7 @@ hr {
font-size: 20px; font-size: 20px;
color: #0075FF; color: #0075FF;
font-weight: 500; font-weight: 500;
font-family: 'Inter', sans-serif font-family: 'JetBrains', monospace
} }
.list-details { .list-details {
@ -379,16 +404,24 @@ hr {
row-gap: 5px; row-gap: 5px;
column-gap: 20px; column-gap: 20px;
flex-wrap: wrap; flex-wrap: wrap;
font-family: 'Inter', sans-serif; font-family: 'JetBrains', monospace;
} }
.list-artists { .list-artists {
font-size: 15px; font-size: 15px;
font-family: 'Inter', sans-serif; font-family: 'JetBrains', monospace;
color: black; color: black;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
text-transform: capitalize;
}
#list-info-container {
font-size: 18px;
font-family: 'Inter', sans-serif;
line-height: 25px;
font-style: italic;
} }
#page-header { #page-header {
@ -418,7 +451,7 @@ hr {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap:10px; gap:10px;
font-family: 'Inter', sans-serif; font-family: 'JetBrains', monospace;
} }
.page-info-title { .page-info-title {
@ -449,7 +482,7 @@ hr {
flex-direction: row; flex-direction: row;
width: 100%; width: 100%;
height: 100%; height: 100%;
gap: 40px; gap: 5px;
} }
#article-image { #article-image {
@ -473,7 +506,9 @@ hr {
line-height: 25px; line-height: 25px;
width: 100%; width: 100%;
padding-left: 50px; padding-left: 50px;
padding-top: 25px; padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
overflow-y: scroll; overflow-y: scroll;
} }
@ -487,11 +522,19 @@ hr {
text-indent: 2rem; text-indent: 2rem;
} }
#article-information em {
font-size: 14px;
font-weight: 400;
font-family: 'JetBrains', monospace;
}
#article-title { #article-title {
font-size: 25px; font-size: 25px;
font-family: 'Inter', sans-serif; font-family: 'JetBrains', monospace;
color: #0075FF; color: #0075FF;
text-transform: uppercase; text-transform: uppercase;
display: flex;
justify-content: space-between;
} }
#article-book { #article-book {
@ -502,10 +545,11 @@ hr {
margin-bottom: 50px; margin-bottom: 50px;
width: fit-content; width: fit-content;
text-transform: uppercase; text-transform: uppercase;
font-weight: 300;
} }
#article-artists { #article-artists {
font-family: 'Inter', sans-serif; font-family: 'JetBrains', monospace;
color: #0075FF; color: #0075FF;
text-transform: uppercase; text-transform: uppercase;
} }
@ -524,20 +568,22 @@ hr {
overflow-y: hidden; overflow-y: hidden;
box-sizing: border-box; /* Include padding in the height calculation */ box-sizing: border-box; /* Include padding in the height calculation */
flex: 1; flex: 1;
flex-shrink: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding-bottom: 0;
} }
#location-list { #location-list {
display: flex; display: flex;
flex-basis: 45%; /* Initial width */ flex-basis: 45%; /* Initial width */
flex-grow: 0; /* Do not grow beyond the flex-basis */ flex-grow: 0; /* Do not grow beyond the flex-basis */
flex-shrink: 0; /* Do not shrink below the flex-basis */ background-color: rgba(255, 255, 255, 0);
background-color: white;
flex-direction: column; flex-direction: column;
padding-top: 25px; padding-top: 25px;
padding-right: 25px;
gap: 25px; gap: 25px;
height: 100%;
overflow-y: scroll;
} }
#location-button-list { #location-button-list {
@ -546,7 +592,8 @@ hr {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
gap:20px 10px; gap:10px 10px;
font-family: 'JetBrains', monospace;
} }
#location-information { #location-information {
@ -584,15 +631,17 @@ hr {
.location-button { .location-button {
font-size: 20px; font-size: 20px;
border: 1px solid; /* border: 1px solid;
border-radius: 30px; border-radius: 30px;
padding: 10px; padding: 10px;
padding-left: 25px; padding-left: 25px;
padding-right: 25px; padding-right: 25px;
border-color: #0075FF; border-color: #0075FF; */
color: #0075FF; color: white;
width: fit-content; width: fit-content;
cursor: pointer; cursor: pointer;
background-color: #0075FF;
padding: 5px;
} }
#location-text { #location-text {
@ -698,11 +747,13 @@ animation: 2s fadeInUp;
#location-list { #location-list {
padding-top: 20px; padding-top: 20px;
gap: 0px; gap: 25px;
padding-bottom: 20px; padding-bottom: 20px;
flex-shrink: 0; flex-shrink: 0;
overflow-y: scroll; overflow-y: scroll;
flex-basis: 60%; flex-basis: 60%;
padding-right: 5px;
padding-left: 5px;
justify-content: space-evenly; justify-content: space-evenly;
} }
@ -711,7 +762,7 @@ animation: 2s fadeInUp;
} }
.location-button { .location-button {
font-size: 20px; font-size: 16px;
padding: 10px; padding: 10px;
} }
@ -741,8 +792,11 @@ animation: 2s fadeInUp;
order: 2; order: 2;
flex-basis: 0%; flex-basis: 0%;
flex-direction: column-reverse; flex-direction: column-reverse;
padding-top: 50px; padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
overflow-y: visible; overflow-y: visible;
} }

2
public/js/main.js
View File

@ -93,7 +93,7 @@
function AddLights() { function AddLights() {
// Add Ambient Light // Add Ambient Light
const ambientLight = new THREE.AmbientLight(0xffffff, 3); // Soft white light const ambientLight = new THREE.AmbientLight(0xffffff, 4); // Soft white light
scene.add(ambientLight); scene.add(ambientLight);
// Add Directional Light // Add Directional Light

14
templates/article.html
View File

@ -9,8 +9,13 @@
{% for article in content %} {% for article in content %}
<div id="article-container"> <div id="article-container">
<div id="article-text"> <div id="article-text">
<div id="article-title">{{ article.title }}</div> <div id="article-title">
<div>{{ article.title }}</div>
</div>
<div id="article-artists">{{ article.artists | join(', ') }}</div> <div id="article-artists">{{ article.artists | join(', ') }}</div>
{% if article.bookUrl %}
<div class="hyperlink"><a href="{{ article.bookUrl }}" target="_blank">Tickets</a></div>
{% endif %}
<div id="article-stats"> <div id="article-stats">
{% for article in content %} {% for article in content %}
{% if article.dates %} {% if article.dates %}
@ -35,11 +40,8 @@
</script> </script>
{% endfor %} {% endfor %}
</div> </div>
<span id="article-sep">˗ˏˋ ★ ˎˊ˗</span>
<div id="article-information">{{ article.information }}</div> <div id="article-information"><br>{{ article.information | replace('\n', '<br>') | safe }}</div>
{% if article.bookUrl %}
<a href="{{ article.bookUrl }}" target="_blank"><div id="article-book">↳ Book</div></a>
{% endif %}
</div> </div>
<div id="article-image"> <div id="article-image">
<div id="container-article"></div> <div id="container-article"></div>

2
templates/base.html
View File

@ -14,7 +14,7 @@
<title>Beta Festival 2024 {% block title %}{% endblock %}</title> <title>Beta Festival 2024 {% block title %}{% endblock %}</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Syne+Mono&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/styles.css') }}"> <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/styles.css') }}">
<link rel="icon" type="image/png" href="{{ url_for('static', filename='images/favicon/beta-favicon-32x32.png') }}" sizes="32x32"> <link rel="icon" type="image/png" href="{{ url_for('static', filename='images/favicon/beta-favicon-32x32.png') }}" sizes="32x32">
<link rel="icon" type="image/png" href="{{ url_for('static', filename='images/favicon/beta-favicon-192x192.png') }}" sizes="192x192"> <link rel="icon" type="image/png" href="{{ url_for('static', filename='images/favicon/beta-favicon-192x192.png') }}" sizes="192x192">

63
templates/index.html
View File

@ -8,52 +8,47 @@
<div id="index-container"> <div id="index-container">
<div id="index-info"> <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.
</p>
<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.
</p>
<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.
</p>
<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.
</p>
<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.
</p>
<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.
</p>
<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.
</p>
<div id="hyperlink-container"> <div id="hyperlink-container">
<a href="/exhibitions"><div class="hyperlink"> <a href="/exhibitions"><div class="hyperlink-home">
<div>Exhibitions</div> <div>\Exhibitions</div>
</div></a> </div></a>
<a href="/events"><div class="hyperlink"> <a href="/events"><div class="hyperlink-home">
<div>Events</div> <div>\Events</div>
</div></a> </div></a>
<a href="/conferences"><div class="hyperlink"> <a href="/conferences"><div class="hyperlink-home">
<div>Conferences</div> <div>\Conferences</div>
</div></a> </div></a>
<a href="/locations"><div class="hyperlink"> <a href="/locations"><div class="hyperlink-home">
<div>Locations</div> <div>\Locations</div>
</div></a> </div></a>
</div> </div>
<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.
</p>
<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.
</p>
<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.
</p>
<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.
</p>
<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.
</p>
<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.
</p>
<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.
</p>
</div> </div>
<div id="container-index"> <div id="container-index">
<div class="socials">
<span>IG</span>
<span>IG</span>
<span>IG</span>
</div>
</div> </div>
</div> </div>
</div> </div>

18
templates/list.html
View File

@ -6,12 +6,24 @@
<div id="main-wrapper"> <div id="main-wrapper">
{% include '_nav.html' %} {% include '_nav.html' %}
<div id="page-header"> <div id="page-header">
<a href="/exhibitions"><div class="hyperlink-header" id="exhibitions">Exhibitions</div></a> <a href="/exhibitions"><div class="hyperlink-header" id="exhibitions">\Exhibitions</div></a>
<a href="/events"><div class="hyperlink-header" id="events">Events</div></a> <a href="/events"><div class="hyperlink-header" id="events">\Events</div></a>
<a href="/conferences"><div class="hyperlink-header" id="conferences">Conferences</div></a> <a href="/conferences"><div class="hyperlink-header" id="conferences">\Conferences</div></a>
</div> </div>
<hr> <hr>
<div id="main-container"> <div id="main-container">
<div id="list-info-container">
{% if title == 'Conferences'%}
<p id="list-info-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ornare quis mauris consequat molestie. Cras porta porta dignissim.</p>
{% endif %}
{% if title == 'Exhibitions'%}
<p id="list-info-text">Xorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ornare quis mauris consequat molestie. Cras porta porta dignissim. Pellentesque blandit felis nec sapien cursus, in pulvinar nunc semper. Suspendisse vitae varius ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed luctus mi sit amet lobortis interdum. Curabitur quis blandit massa. Vestibulum fringilla tortor sit amet lacus consequat tristiq.</p>
{% endif %}
{% if title == 'Events'%}
<p id="list-info-text">Porem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ornare quis mauris consequat molestie. Cras porta porta dignissim. Pellentesque blandit felis nec sapien cursus, in pulvinar nunc semper. Suspendisse vitae varius ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
{% endif %}
</div>
<div id="list-container" class="fadeInUp-animation"> <div id="list-container" class="fadeInUp-animation">
{% for event in content %} {% for event in content %}
<a href='/{{ title.lower() }}/{{ event.title }}'> <a href='/{{ title.lower() }}/{{ event.title }}'>

1
templates/locations.html
View File

@ -17,7 +17,6 @@
<div class="location-button" data-location="pallas-projects">Pallas Projects</div> <div class="location-button" data-location="pallas-projects">Pallas Projects</div>
</div> </div>
<div id="location-information"> <div id="location-information">
<span id="location-sep">˗ˏˋ ★ ˎˊ˗</span>
<div id="location-text"> <div id="location-text">
10-13 Thomas Street 10-13 Thomas Street
</div> </div>

Write Preview
Loading…
Cancel
Save