From 21be2fd551f1cfe584f53c94e768b0e5cfbd9aa7 Mon Sep 17 00:00:00 2001
From: Wessel <70779688+WeLeBro@users.noreply.github.com>
Date: Wed, 18 Sep 2024 00:16:49 +0200
Subject: [PATCH] Add files via upload

---
 index.html              | 58 ++++++++++++++++++++---------------------
 style.css               |  4 +++
 three-sacred-souls.html | 18 ++++++-------
 3 files changed, 41 insertions(+), 39 deletions(-)
diff --git a/index.html b/index.html
index d9355fc..9b43e28 100644
--- a/index.html
+++ b/index.html
@@ -11,17 +11,15 @@
 <body>
 
     <header>
-        <button>
-            Menu
-        </button>
+        <button>Menu</button>
+
         <Search>#</Search>
-        <a href="#">My Paradiso</a>
-        <h1>
-            Paradiso
-        </h1>
-        <h2>
-            56 years of concerts, club nights and culture
-        </h2>
+
+        <a href="https://auth.paradiso.nl/authorize?response_type=id_token%20token&response_mode=query&prompt=login&redirect_uri=https://www.paradiso.nl/en/account/profile&client_id=paradiso&state=3kTW3arfPQJ&ui_locales=en">My Paradiso</a>
+
+        <h1>Paradiso</h1>
+
+        <h2>56 years of concerts, club nights and <a href="https://www.paradiso.nl/en/subbrand/kosmos/2048821">culture</a></h2>
     </header>
 
     <main>
@@ -29,7 +27,7 @@ <h2>
             <ul>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/doechii.webp" alt="Woman in yellow an green irregularly striped t-shirt holding a white alligator in front of a dark-green background">
                     
                     <p>Concert</p>
                     <p>Just confirmed</p>
@@ -41,7 +39,7 @@ <h4>24 October</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/mall-grab.webp" alt="Tattooed man wearing a baseball cap and black clothes standing in front of a white textured wall">
                     
                     <p>Club Night</p>
                     <p>Just confirmed</p>
@@ -53,7 +51,7 @@ <h4>7 December</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/Zonneprijs-foto-homepage.webp" alt="Closeup of a man standing behind a microphone with a red electric guitar in his hands">
                     
                     <p>Just confirmed</p>
 
@@ -64,7 +62,7 @@ <h4>3 October</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/brainwash.webp" alt="Two men sitting on a podium talking in front of an audience amidst red and green lighting and a big screen behind them">
                     
                     <p>Talk</p>
                     <p>Just confirmed</p>
@@ -76,7 +74,7 @@ <h4>27 October</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/cmat.webp" alt="The back of a woman in a colorful dress">
                     
                     <p>Concert</p>
                     <p>Just confirmed</p>
@@ -88,7 +86,7 @@ <h4>5 February</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/knits-tits.webp" alt="Illustration of two white rounded objects with colorful lines sticking out of them seemingly colliding in front of a mint green background">
                     
                     <p>Talk</p>
                     <p>Just confirmed</p>
@@ -100,7 +98,7 @@ <h4>9 December</h4>
                 </li>
 
                 <li></li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/bassline-artist.webp" alt="A man coming into the frame of the camera holding up his right hand and pointing upwards">
                     
                     <p>Club night</p>
                     <p>Just confirmed</p>
@@ -112,7 +110,7 @@ <h4>27 September</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/arin-ray.webp" alt="Soft closeup of a braided man with a trimmed facial hair looking downwards, the man is wearing a white shirt covered with crystals and the image has a warm hue to it">
                     
                     <p>Concert</p>
                     <p>Just confirmed</p>
@@ -124,7 +122,7 @@ <h4>10 October</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/james-bay.webp" alt="Smiling man with long hair and a brown hat looking away from the camera wearing a denim jacket with striped shirt beneath it sitting in front of a swamp green wall">
                     
                     <p>Just confirmed</p>
 
@@ -135,7 +133,7 @@ <h4>27 January</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/Yevgueni-web.webp" alt="Four middle-aged men sitting outside wearing monochrome clothing, two of them holding an electric guitar in what seems to be a barn">
                     
                     <p>Just confirmed</p>
 
@@ -146,7 +144,7 @@ <h4>24 April</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/ssj-jam-home.webp" alt="Boy in white shirt playing the drums">
 
                     <h3>Super-Sonic Jam x Skatecafe</h3>
 
@@ -155,7 +153,7 @@ <h4>10 October</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/arny-margret.webp" alt="Long haired woman with rectangular glasses with her head tilted slightly to the right and some of her hair slightly falling over her eyes">
                     
                     <p>Concert</p>
                     <p>Just confirmed</p>
@@ -167,7 +165,7 @@ <h4>26 November</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/porches.webp" alt="Man in blue knitted sweater holding his hands up next to his face, his eyes are closed and his lips are pouched">
                     
                     <p>Just confirmed</p>
 
@@ -190,7 +188,7 @@ <h3>
         <section>
             <ul>
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/aarde-aan-daan.webp" alt="Portrait of two men and two women with crystals on their face looking away from the camera sitting in front of a pink background">
 
                     <h3>Aarde aan Daan</h3>
 
@@ -199,7 +197,7 @@ <h4>Start 19:30</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/junglebynight.webp" alt="Group of men and their instruments in front of a dark wall">
                     
                     <p>Sold out</p>
 
@@ -210,7 +208,7 @@ <h4>Starts 20:30</h4>
                 </li>
 
                 <li>
-                    <img src="images/#" alt="#">
+                    <img src="./images/sadie.webp" alt="Sepia image of a woman with dark eye-makeup and black hair">
                     
                     <p>Sold out</p>
 
@@ -225,19 +223,19 @@ <h4>Starts 20:30</h4>
         <section>
             <ul>
                 <li>
-                    <a href = "#">By date</a>
+                    <button>By date</button>
                 </li>
 
                 <li>
-                    <a href = "#">By month</a>
+                    <button>By month</button>
                 </li>
 
                 <li>
-                    <a href = "#">By location</a>
+                    <button>By location</button>
                 </li>
 
                 <li>
-                    <a href = "#">By type</a>
+                    <button>By type</button>
                 </li>
             </ul>
         </section>
diff --git a/style.css b/style.css
index 3e38e0a..478864a 100644
--- a/style.css
+++ b/style.css
@@ -34,4 +34,8 @@ body {
     font-family: "Paradiso-Regular";
     background: var(--paradiso-orange);
     color: var(--text-color);
+}
+
+main img {
+    max-width: 20em;
 }
\ No newline at end of file
diff --git a/three-sacred-souls.html b/three-sacred-souls.html
index 59fe50e..a54c39f 100644
--- a/three-sacred-souls.html
+++ b/three-sacred-souls.html
@@ -9,7 +9,7 @@
 </head>
 
 <body>
-    
+
     <header>
         <a href="index.html"></a>
     </header>
@@ -19,7 +19,7 @@
         <section>
             <h1>Three Sacred Souls</h1>
 
-            <img src="#" alt="A picture of three man standing on rocks in front of a sky full of clouds during golden hour.">
+            <img src="./images/thee-sacred-souls-banner.webp" alt="A picture of three man standing on rocks in front of a sky full of clouds during golden hour.">
         </section>
 
         <section>
@@ -67,7 +67,7 @@ <h3>Main Hall</h3>
 
             <section>
                 
-                <img src="#" alt="Thumbnail for video of Three Sacred Souls performing live at a Tiny Desk concert."></img>
+                <img src="./images/tinydesk-tss.jpg" alt="Thumbnail for video of Three Sacred Souls performing live at a Tiny Desk concert."></img>
 
                 <h3>Tiny Desk</h3>
 
@@ -81,13 +81,13 @@ <h2>Super-Sonic Jazz</h2>
 
             <p>Super-Sonic Jazz is an Amsterdam-based non-profit platform for exciting artists who move within the universe of jazz. We release music on our independent record label, and in collaboration with Paradiso, we organize concerts, jams, and the annual Super-Sonic Jazz Festival. This year Super-Sonic Jazz Festival 2024 will take place from Wednesday, November 13th to Sunday, November 17th, 2024, at Paradiso, de Duif and the Vondelkerk in Amsterdam.</p>
 
-            <img src="#" alt="Super-Sonic Jazz logo."></img>
+            <img src="./images/SSJ-logo-banner.webp" alt="Super-Sonic Jazz logo."></img>
 
-            <img src="#" alt="Super-Sonic Jazz Festival 2024 poster."></img>
+            <img src="./images/ssj-scheme.webp" alt="Super-Sonic Jazz Festival 2024 poster."></img>
 
             <ul>
                 <li>
-                    <img src="#" alt="#">
+                    <img src="./images/b.cool-aid.webp" alt="Two men standing in front of a white wall, one with glasses and a colorful jacket looking straight in the camera and the other one looking away with a colorful hat covering his eyes">
 
                     <h4>15 Nov 2024</h4>
 
@@ -95,7 +95,7 @@ <h3>B. Cool-Aid, Venna and more · Super-Sonic Jazz Festival 2024</h3>
                 </li>
 
                 <li>
-                    <img src="#" alt="#">
+                    <img src="./images/landeradriaan.webp" alt="Two men looking away from the camera">
 
                     <h4>17 Nov 2024</h4>
 
@@ -103,7 +103,7 @@ <h3>Lander & Adriaan, Super-Sonic Jam and more · Super-Sonic Jazz Festival 2024
                 </li>
 
                 <li>
-                    <img src="#" alt="#">
+                    <img src="./images/butcherbrown.webp" alt="Woman in a glittery 70s disco outfit with big matching earrings and a matching headband holding up a saxophone">
 
                     <h4>16 Nov 2024</h4>
 
@@ -111,7 +111,7 @@ <h3>Butcher Brown, Lakecia Benjamin, Emma-Jean Thackray and more · Super-Sonic
                 </li>
 
                 <li>
-                    <img src="#" alt="#">
+                    <img src="./images/brandee-younger.webp" alt="Group of young adult standing close together in a launderette">
 
                     <h4>14 Nov 2024</h4>
 
