Contact fixes: (#57)

- Instagram link was outdated
- Add link to newsletter (Fix #23)
- Optimize images
- Delete unused images

_layouts/home.html

@@ -47,10 +47,14 @@ <h1 class="mb-4"><a name="contact"></a>contact us</h1>
           Jonasstraße 22 <br>
           12053 Berlin<br>
           <br>  
-          <a href="https://instagram.com/prachtsaal_" target="_blank">
-            <img src="/assets/img/Instagram_Glyph_white_logo.svg.png" class="size-6">
+          <a href="https://instagram.com/prachtsaal" target="_blank">
+            <img src="/assets/img/Instagram_Glyph_white_logo.svg.webp" alt="Instagram logo" class="size-6 inline"> Instagram
           </a>
-      </div>
+          <br>
+          <a href="https://buttondown.com/prachtsaal.berlin" target="_blank">
+            <img src="/assets/img/buttondown-logo.webp" alt="Buttondown logo" class="size-6 inline"> Newsletter
+          </a>
+    </div>
 
     </div> <!-- fixed width -->
   </div> <!-- flex justify-center -->

assets/css/styles.css

@@ -716,6 +716,10 @@ video {
   display: block;
 }
 
+.inline{
+  display: inline;
+}
+
 .flex{
   display: flex;
 }
@@ -762,6 +766,10 @@ video {
   height: 24rem;
 }
 
+.h-auto{
+  height: auto;
+}
+
 .h-full{
   height: 100%;
 }
@@ -770,10 +778,6 @@ video {
   height: 100vh;
 }
 
-.h-52{
-  height: 13rem;
-}
-
 .max-h-\[90vh\]{
   max-height: 90vh;
 }
@@ -818,8 +822,12 @@ video {
   max-width: 16rem;
 }
 
-.max-w-\[760px\]{
-  max-width: 760px;
+.max-w-full{
+  max-width: 100%;
+}
+
+.max-w-lg{
+  max-width: 32rem;
 }
 
 .grow{
@@ -902,6 +910,10 @@ video {
   border-radius: 9999px;
 }
 
+.rounded-lg{
+  border-radius: 0.5rem;
+}
+
 .border{
   border-width: 1px;
 }
@@ -1045,6 +1057,11 @@ video {
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
+.text-gray-500{
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+
 .text-white{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1309,3 +1326,10 @@ div.member img:hover {
   }
 }
 
+@media (prefers-color-scheme: dark){
+  .dark\:text-gray-400{
+    --tw-text-opacity: 1;
+    color: rgb(156 163 175 / var(--tw-text-opacity));
+  }
+}
+