initial events structure and pages

prachtsaal · Jun 2, 2024 · 65f2bf6 · 65f2bf6
1 parent 23b8d15
commit 65f2bf6
Show file tree

Hide file tree

Showing 67 changed files with 311 additions and 501 deletions.
diff --git a/.gitignore b/.gitignore
@@ -5,6 +5,7 @@ _site/
 # Ignore folders generated by Bundler
 .bundle/
 vendor/
+node_modules/
 
 .idea/
 .vscode/
diff --git a/_config.yml b/_config.yml
@@ -8,18 +8,8 @@ collections:
   people:
     sort_by: full_name
     # output: true  # uncomment if want member pages
-  communities:
-    order:
-      - tapeover.md
-      - xemantic.md
-      - artiststop.md
-      - ccb.md
-      - openrndr.md
-      - processing.md
-      - toplap.md
-      - livecodera.md
-      - schoolofma.md
-      - vetra.md
+
+future: true
 
 # plugins:
 #   - jekyll-sitemap

diff --git a/_includes/figure.html b/_includes/figure.html
@@ -1,4 +1,4 @@
 <figure>
-  <img src="images/{{ include.src }}" alt="{{ include.title }}" title="{{ include.title }}">
+  <img src="{{ include.src }}" alt="{{ include.title }}" title="{{ include.title }}">
   <figcaption>{{ include.title }}</figcaption>
 </figure>
diff --git a/_includes/navigation.html b/_includes/navigation.html
@@ -11,7 +11,7 @@
     </div>  
     <!-- <div class="hidden block sm:flex sm:flex-row sm:space-x-12" id="menu"> -->
     <div class="hidden sm:flex" id="menu">
-      <ul class="sm:flex sm:flex-row sm:space-x-12">
+      <ul class="sm:flex sm:flex-row sm:space-x-12 list-none">
         <li><a href="/events/">events</a></li>
         <li><a href="/people/">people</a></li>
         <li><a href="/about/">about</a></li>

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -9,9 +9,6 @@
   <meta name="description" content="{{ page.description }}">
   {% endif %}
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  {% if page.add-js %}
-  <script src="/assets/js/{{ page.add-js }}"></script>
-  {% endif %}
 </head>
 
 <body>

diff --git a/_layouts/event.html b/_layouts/event.html
@@ -0,0 +1,51 @@
+---
+layout: default
+---
+<div class="flex justify-center">
+    <div class="flex-col mx-12 lg:max-w-6xl items-center">
+
+        <header class="flex flex-col mt-28 mb-16 mx-28 text-center font-prachtsaal">
+            <h1>{{ page.title }}</h1>
+            {% if page.subtitle %}
+            <h2 class="text-sm my-2">{{ page.subtitle }}<br>{{ page.date | date: "%d %B %Y" }}</h2>
+            {% endif %}
+            <div>
+                {% if page.quote %}
+                <div class="mt-16 text-2xl sm:text-3xl font-bold text-gray-400">"{{ page.quote }}"</div>
+                {% endif %}
+                {% if page.quote_author %}
+                <div class="mt-4 text-end font-bold">{{ page.quote_author }}</div>
+                    {% if page.quote_author_role %}
+                    <div class="text-end">{{ page.quote_author_role }}</div>
+                    {% endif %}
+                {% endif %}
+            </div>
+        </header>
+
+        <div class="flex flex-col items-center">
+            {% if page.main_image %}
+            <img src="{{ page.main_image }}">
+            {% endif %}
+
+
+            <div class="my-16 md:w-[650px] md:columns-2 gap-4 text-justify">
+                {{ content | markdownify }}
+            </div>
+
+            {% if page.link%}
+                <div class="text-center bg-purple-300 border-2 border-gray-200">
+                    <a href="{{ page.link }}" class="font-bold m-2">{{ page.link_text }}</a>
+                </div>
+            {% endif %}
+
+            {% if page.images%}
+            <div class="grid grid-flow-row sm:grid-cols-2 lg:grid-cols-3 justify-center gap-2">
+                {% for image in page.images %}
+                    {% include figure.html src=image.file title=image.label%}
+                {% endfor %}
+            </div>
+            {% endif %}
+        </div>
+
+    </div>
+</div>
diff --git a/assets/css/source.css b/assets/css/source.css
@@ -19,4 +19,8 @@ h2 {
 
 .nav-y {
     @apply my-6
+}
+
+ul {
+    @apply list-disc list-inside
 }
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -564,6 +564,10 @@ video {
   margin: 4rem;
 }
 
+.m-2{
+  margin: 0.5rem;
+}
+
 .m-28{
   margin: 7rem;
 }
@@ -572,15 +576,16 @@ video {
   margin: 2rem;
 }
 
-.m-14{
-  margin: 3.5rem;
-}
-
 .mx-12{
   margin-left: 3rem;
   margin-right: 3rem;
 }
 
+.mx-28{
+  margin-left: 7rem;
+  margin-right: 7rem;
+}
+
 .mx-8{
   margin-left: 2rem;
   margin-right: 2rem;
@@ -591,6 +596,15 @@ video {
   margin-bottom: 4rem;
 }
 
+.my-2{
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.mb-16{
+  margin-bottom: 4rem;
+}
+
 .mb-28{
   margin-bottom: 7rem;
 }
@@ -607,6 +621,14 @@ video {
   margin-top: 0.5rem;
 }
 
+.mt-28{
+  margin-top: 7rem;
+}
+
+.mt-4{
+  margin-top: 1rem;
+}
+
 .mt-8{
   margin-top: 2rem;
 }
@@ -654,12 +676,8 @@ video {
   height: 24rem;
 }
 
-.h-72{
-  height: 18rem;
-}
-
-.h-auto{
-  height: auto;
+.w-3\/4{
+  width: 75%;
 }
 
 .w-6{
@@ -674,18 +692,6 @@ video {
   width: 100%;
 }
 
-.w-96{
-  width: 24rem;
-}
-
-.w-1\/2{
-  width: 50%;
-}
-
-.w-3\/4{
-  width: 75%;
-}
-
 .max-w-32{
   max-width: 8rem;
 }
@@ -698,9 +704,8 @@ video {
   cursor: pointer;
 }
 
-.columns-2{
-  -moz-columns: 2;
-       columns: 2;
+.list-none{
+  list-style-type: none;
 }
 
 .grid-flow-row{
@@ -759,11 +764,30 @@ video {
   gap: 2rem;
 }
 
+.border-2{
+  border-width: 2px;
+}
+
+.border-black{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.border-gray-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+
 .bg-black{
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
+.bg-purple-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(216 180 254 / var(--tw-bg-opacity));
+}
+
 .bg-\[url\(\'\/assets\/img\/home\/404_crop\.jpeg\'\)\]{
   background-image: url('/assets/img/home/404_crop.jpeg');
 }
@@ -786,6 +810,10 @@ video {
      object-fit: cover;
 }
 
+.p-14{
+  padding: 3.5rem;
+}
+
 .p-16{
   padding: 4rem;
 }
@@ -808,6 +836,14 @@ video {
   text-align: center;
 }
 
+.text-justify{
+  text-align: justify;
+}
+
+.text-end{
+  text-align: end;
+}
+
 .font-prachtsaal{
   font-family: Outfit;
 }
@@ -816,11 +852,21 @@ video {
   font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
+.text-2xl{
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
 .text-lg{
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
 
+.text-sm{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
 .font-bold{
   font-weight: 700;
 }
@@ -860,6 +906,11 @@ h2{
   margin-bottom: 1.5rem;
 }
 
+ul{
+  list-style-position: inside;
+  list-style-type: disc;
+}
+
 @media (min-width: 640px){
   .sm\:flex{
     display: flex;
@@ -891,27 +942,33 @@ h2{
     padding-left: 6rem;
     padding-right: 6rem;
   }
+
+  .sm\:text-3xl{
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
 }
 
 @media (min-width: 768px){
   .md\:w-\[650px\]{
     width: 650px;
   }
 
-  .md\:w-1\/2{
-    width: 50%;
+  .md\:columns-2{
+    -moz-columns: 2;
+         columns: 2;
   }
 
   .md\:grid-cols-2{
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-
-  .md\:flex-row{
-    flex-direction: row;
-  }
 }
 
 @media (min-width: 1024px){
+  .lg\:w-1\/2{
+    width: 50%;
+  }
+
   .lg\:w-32{
     width: 8rem;
   }
@@ -920,10 +977,6 @@ h2{
     width: 16rem;
   }
 
-  .lg\:w-1\/2{
-    width: 50%;
-  }
-
   .lg\:max-w-6xl{
     max-width: 72rem;
   }

diff --git a/events/images/2022-adje-gorelick.jpg → assets/img/events/2022-adje-gorelick.jpg b/events/images/2022-adje-gorelick.jpg → assets/img/events/2022-adje-gorelick.jpg
diff --git a/events/images/2022-kazik-gorelick.jpg → assets/img/events/2022-kazik-gorelick.jpg b/events/images/2022-kazik-gorelick.jpg → assets/img/events/2022-kazik-gorelick.jpg
diff --git a/assets/img/events/2024-48hoursNK-group-shot.png b/assets/img/events/2024-48hoursNK-group-shot.png
diff --git a/events/2023/bestiario/images/bestiario.jpg → assets/img/events/bestiario.jpg b/events/2023/bestiario/images/bestiario.jpg → assets/img/events/bestiario.jpg
diff --git a/...images/an-introduction-by-casey-reas.jpeg → ...atalog/an-introduction-by-casey-reas.jpeg b/...images/an-introduction-by-casey-reas.jpeg → ...atalog/an-introduction-by-casey-reas.jpeg
diff --git a/...ng/images/casey-reas-and-olivia-jack.jpeg → ...g-catalog/casey-reas-and-olivia-jack.jpeg b/...ng/images/casey-reas-and-olivia-jack.jpeg → ...g-catalog/casey-reas-and-olivia-jack.jpeg
diff --git a/assets/img/events/processing-catalog/eventbrite-casey-reas.jpeg b/assets/img/events/processing-catalog/eventbrite-casey-reas.jpeg
diff --git a/.../images/processing-community-catalog.jpeg → ...catalog/processing-community-catalog.jpeg b/.../images/processing-community-catalog.jpeg → ...catalog/processing-community-catalog.jpeg
diff --git a/...ty-catalog-reading/images/rachel-uwa.jpeg → ...events/processing-catalog/rachel-uwa.jpeg b/...ty-catalog-reading/images/rachel-uwa.jpeg → ...events/processing-catalog/rachel-uwa.jpeg
diff --git a/...eading/images/so-kanno-and-omii-chen.jpeg → ...ssing-catalog/so-kanno-and-omii-chen.jpeg b/...eading/images/so-kanno-and-omii-chen.jpeg → ...ssing-catalog/so-kanno-and-omii-chen.jpeg
diff --git a/...t-artists/images/prachtsaal-open-call.jpg → assets/img/news/prachtsaal-open-call.jpg b/...t-artists/images/prachtsaal-open-call.jpg → assets/img/news/prachtsaal-open-call.jpg
diff --git a/...12-13-new-tenant-artists/images/unit3.jpg → assets/img/news/unit3.jpg b/...12-13-new-tenant-artists/images/unit3.jpg → assets/img/news/unit3.jpg
diff --git a/...new-tenant-artist/images/unit7-square.jpg → assets/img/news/unit7-square.jpg b/...new-tenant-artist/images/unit7-square.jpg → assets/img/news/unit7-square.jpg
diff --git a/...12-13-new-tenant-artists/images/unit7.jpg → assets/img/news/unit7.jpg b/...12-13-new-tenant-artists/images/unit7.jpg → assets/img/news/unit7.jpg
diff --git a/...12-13-new-tenant-artists/images/unit8.jpg → assets/img/news/unit8.jpg b/...12-13-new-tenant-artists/images/unit8.jpg → assets/img/news/unit8.jpg
diff --git a/...-03-20-new-tenant-artist/images/unit9.jpg → assets/img/news/unit9.jpg b/...-03-20-new-tenant-artist/images/unit9.jpg → assets/img/news/unit9.jpg
diff --git a/...nt-artists/images/view_from_the_venue.jpg → assets/img/news/view_from_the_venue.jpg b/...nt-artists/images/view_from_the_venue.jpg → assets/img/news/view_from_the_venue.jpg