Deploy preview for PR 67 🛫

prachtsaal · Oct 19, 2024 · 42c478e · 42c478e
1 parent 75e9d46
commit 42c478e
Show file tree

Hide file tree

Showing 2 changed files with 66 additions and 11 deletions.
diff --git a/pr-preview/pr-67/assets/css/styles.css b/pr-preview/pr-67/assets/css/styles.css
@@ -109,7 +109,7 @@
 }
 
 /*
-! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -552,7 +552,7 @@ video {
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
 
-[hidden] {
+[hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }
 
@@ -922,6 +922,18 @@ video {
   border-width: 2px;
 }
 
+.border-8{
+  border-width: 8px;
+}
+
+.border-r{
+  border-right-width: 1px;
+}
+
+.border-r-8{
+  border-right-width: 8px;
+}
+
 .border-black{
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
@@ -1063,6 +1075,15 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-slate-400{
+  --tw-text-opacity: 1;
+  color: rgb(148 163 184 / var(--tw-text-opacity));
+}
+
+.underline{
+  text-decoration-line: underline;
+}
+
 .transition{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -1071,10 +1092,20 @@ video {
   transition-duration: 150ms;
 }
 
+.transition-colors{
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .duration-150{
   transition-duration: 150ms;
 }
 
+.duration-300{
+  transition-duration: 300ms;
+}
+
 .ease-in-out{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -1172,6 +1203,21 @@ div.member img:hover {
   filter: none;
 }
 
+.hover\:border-blue-600:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(37 99 235 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-600:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(234 88 12 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-500:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(132 204 22 / var(--tw-border-opacity));
+}
+
 @media (min-width: 340px){
   .min-\[340px\]\:mx-8{
     margin-left: 2rem;

diff --git a/pr-preview/pr-67/index.html b/pr-preview/pr-67/index.html
@@ -81,20 +81,29 @@ <h2 class="text-left mt-2">Neukölln's non-profit art cooperative</h2>
 </div>
 
 <!-- TODO add news/events, open calls are news -->
-<!-- <h1>recent events</h1>
-<div class="flex flex-row">
-  
-  <div>
-    <img src="">
+
+<h1>news</h1>
+<div class="flex flex-col items-center links-without-underline">
 
+  <a href="/news/2024/08/26/open-call.html">
+  <div class="m-8 md:w-[760px] text-lg border-r-8 border-white hover:border-lime-500 transition-colors duration-300">
+    <h2>Open Call for New Tenant Artists</h2>
+    <p class="text-sm text-slate-400">Aug 26, 2024</p>
+    <p>We’re looking for someone to join us at Prachtsaal Studio, our beautiful open space in Neukölln (halfway between U-Leinestraße and U-Hermannstraße)!</p>
+    <p class="underline">Read more...</p>
   </div>
+  </a>
 
-  <div>
-    <img src="">
-  
+  <a href="/news/2023/09/23/processing-community-catalog-reading.html">
+  <div class="m-8 md:w-[760px] text-lg border-r-8 border-white hover:border-lime-500 transition-colors duration-300">
+    <h2>Processing Community Catalog Reading</h2>
+    <p class="text-sm text-slate-400">Sep 23, 2023</p>
+    <p>A warm evening with Casey Reas and the Processing community in Berlin.</p>
+    <p class="underline">Read more...</p>
   </div>
+  </a>
 
-</div> -->
+</div>
 
 
 <div class="bg-black text-white p-16">