external links open in new tab

prachtsaal · Jun 3, 2024 · ad357a2 · ad357a2
1 parent a7060ee
commit ad357a2
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 104 deletions.
diff --git a/_includes/contact.html b/_includes/contact.html
@@ -5,7 +5,7 @@ <h1 class="mb-4"><a name="contact" />contact us</h1>
         Jonasstraße 22 <br>
         12053 Berlin<br>
         <br>  
-        <a href="https://instagram.com/prachtsaal_">
+        <a href="https://instagram.com/prachtsaal_" target="_blank">
           <img src="/assets/img/Instagram_Glyph_white_logo.svg.png" class="size-6">
         </a>
     </div>

diff --git a/_includes/history.html b/_includes/history.html
@@ -183,15 +183,15 @@ <h2>DAN LAHAV AND THE JEWISH THEATRE</h2>
   <h2>References</h2>
   <ul>
     <li>
-      <a href="https://facettenneukoelln.wordpress.com/2017/05/18/bezirksgeschichte-tanzschule_meisel-inge_meysel-neukoelln/">
+      <a href="https://facettenneukoelln.wordpress.com/2017/05/18/bezirksgeschichte-tanzschule_meisel-inge_meysel-neukoelln/" target="_blank">
         Reinhold Steinle: Voller Leidenschaft für das Tanzen und die Etikette
       </a>
     </li>
     <li>
-      <a href="https://www.stadtmuseum.de/stadtschreiber/tanzschule-meisel">Gudrun Parnitzke: Tanzschule Meisel</a>
+      <a href="https://www.stadtmuseum.de/stadtschreiber/tanzschule-meisel" target="_blank">Gudrun Parnitzke: Tanzschule Meisel</a>
     </li>
     <li>
-      <a href="http://www.qm-koernerpark.de/index.php/service/koernerpost/nachbarn?id=325:cafe-und-bar-prachtsaal&catid=26">Claudia Mattern: Café und Bar Prachtsaal</a>
+      <a href="http://www.qm-koernerpark.de/index.php/service/koernerpost/nachbarn?id=325:cafe-und-bar-prachtsaal&catid=26" target="_blank">Claudia Mattern: Café und Bar Prachtsaal</a>
     </li>
   </ul>
 </section>
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -611,10 +611,18 @@ video {
   margin-bottom: 7rem;
 }
 
+.mb-14{
+  margin-bottom: 3.5rem;
+}
+
 .mb-16{
   margin-bottom: 4rem;
 }
 
+.mb-2{
+  margin-bottom: 0.5rem;
+}
+
 .mb-28{
   margin-bottom: 7rem;
 }
@@ -643,18 +651,6 @@ video {
   margin-top: 2rem;
 }
 
-.mb-8{
-  margin-bottom: 2rem;
-}
-
-.mb-14{
-  margin-bottom: 3.5rem;
-}
-
-.mb-2{
-  margin-bottom: 0.5rem;
-}
-
 .block{
   display: block;
 }
@@ -832,41 +828,23 @@ video {
      object-fit: cover;
 }
 
-.p-14{
-  padding: 3.5rem;
-}
-
 .p-16{
   padding: 4rem;
 }
 
-.p-8{
-  padding: 2rem;
-}
-
 .px-4{
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
-.py-24{
-  padding-top: 6rem;
-  padding-bottom: 6rem;
-}
-
 .py-14{
   padding-top: 3.5rem;
   padding-bottom: 3.5rem;
 }
 
-.px-2{
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
-.px-8{
-  padding-left: 2rem;
-  padding-right: 2rem;
+.py-24{
+  padding-top: 6rem;
+  padding-bottom: 6rem;
 }
 
 .text-left{
@@ -959,85 +937,33 @@ ul{
   list-style-type: disc;
 }
 
-@media (min-width: 280px){
-  .min-\[280px\]\:mx-8{
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-}
-
-@media (min-width: 320px){
-  .min-\[320px\]\:mx-8{
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .min-\[320px\]\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-}
-
 @media (min-width: 340px){
   .min-\[340px\]\:mx-8{
     margin-left: 2rem;
     margin-right: 2rem;
   }
 }
 
-@media (min-width: 380px){
-  .min-\[380px\]\:mx-8{
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-}
-
 @media (min-width: 400px){
   .min-\[400px\]\:px-8{
     padding-left: 2rem;
     padding-right: 2rem;
   }
 }
 
-@media (min-width: 420px){
-  .min-\[420px\]\:mx-8{
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-}
-
 @media (min-width: 460px){
   .min-\[460px\]\:mx-8{
     margin-left: 2rem;
     margin-right: 2rem;
   }
 }
 
-@media (min-width: 480px){
-  .min-\[480px\]\:mx-8{
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-}
-
-@media (min-width: 520px){
-  .min-\[520px\]\:mx-8{
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-}
-
 @media (min-width: 640px){
   .sm\:mx-28{
     margin-left: 7rem;
     margin-right: 7rem;
   }
 
-  .sm\:mx-8{
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
   .sm\:flex{
     display: flex;
   }
@@ -1058,10 +984,6 @@ ul{
     flex-direction: row;
   }
 
-  .sm\:gap-1{
-    gap: 0.25rem;
-  }
-
   .sm\:space-x-12 > :not([hidden]) ~ :not([hidden]){
     --tw-space-x-reverse: 0;
     margin-right: calc(3rem * var(--tw-space-x-reverse));
@@ -1073,16 +995,6 @@ ul{
     padding-right: 6rem;
   }
 
-  .sm\:px-4{
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .sm\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
   .sm\:text-3xl{
     font-size: 1.875rem;
     line-height: 2.25rem;

diff --git a/people.html b/people.html
@@ -39,7 +39,7 @@ <h1 class="min-[460px]:mx-8 mb-28">
     <div class="grid sm:grid-cols-3 lg:grid-cols-4 gap-8 mx-8">
         {% for org in site.data.communities %}
         <div class="w-full max-w-32 lg:w-32">
-            <a href="{{ org.website }}">
+            <a href="{{ org.website }}" target="_blank">
                 {% if org.thumb %}
                 <img class="size-32 object-contain" src="{{ org.thumb }}">
                 {%else %}