Use links-without-underline

prachtsaal · Jun 3, 2024 · c41ce4b · c41ce4b
1 parent 0cae274
commit c41ce4b
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 12 deletions.
diff --git a/_includes/navigation.html b/_includes/navigation.html
@@ -10,7 +10,7 @@
       <svg class="w-6 h-6" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="currentColor" viewBox="0 0 24 24"><path d="M4 6h16M4 12h16M4 18h16"></path></svg>
     </div>  
     <!-- <div class="hidden block sm:flex sm:flex-row sm:space-x-12" id="menu"> -->
-    <div class="hidden sm:flex" id="menu">
+    <div class="hidden sm:flex links-without-underline" id="menu">
       <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>

diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -855,10 +855,6 @@ video {
   text-align: center;
 }
 
-.text-justify{
-  text-align: justify;
-}
-
 .text-end{
   text-align: end;
 }
@@ -900,6 +896,14 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+a {
+  text-decoration: underline;
+}
+
+div.links-without-underline a {
+  text-decoration: none;
+}
+
 h1{
   text-align: center;
   font-family: Outfit;
@@ -1018,6 +1022,10 @@ figcaption {
     width: 650px;
   }
 
+  .md\:w-\[760px\]{
+    width: 760px;
+  }
+
   .md\:columns-2{
     -moz-columns: 2;
          columns: 2;

diff --git a/events.html b/events.html
@@ -16,7 +16,7 @@ <h1>{{ page.title }}</h1>
 
     <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mx-8">
         {% for event in site.posts %}
-        <div class="w-full max-w-64 lg:w-64">
+        <div class="w-full max-w-64 lg:w-64 links-without-underline">
             <a href="{{ event.url }}" class="flex flex-col">
                 <div class="font-bold font-prachtsaal">{{ event.date | date: "%d.%m.%Y" }}</div>
                 {% if event.main_image %}
@@ -41,7 +41,7 @@ <h1>{{ page.portfolio_title }}</h1>
 
         <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mx-8 mb-14">
             {% for event in site.posts %}
-            <div class="w-full max-w-64 lg:w-64">
+            <div class="w-full max-w-64 lg:w-64 links-without-underline">
                 <span class="font-bold">{{ event.date | date: "%d.%m.%y" }}</span><br>
                 <a href="{{ event.url }}">
                     {% if event.main_image %}
@@ -54,4 +54,4 @@ <h1>{{ page.portfolio_title }}</h1>
             {% endfor %}
         </div>
     </div>
-</div>
+</div>
diff --git a/people.html b/people.html
@@ -9,7 +9,7 @@ <h1>{{ page.title }}</h1>
 
 <div class="flex justify-center mb-28">
 
-    <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-1 mx-8">
+    <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-1 mx-8 links-without-underline">
         {% for member in site.people %}
         <div class="w-full max-w-64 lg:w-64">
             <!-- {% if member.content %}
@@ -23,7 +23,7 @@ <h1>{{ page.title }}</h1>
                 <span class="font-prachtsaal font-bold text-lg">{{ member.full_name }}</span><br />
                 <span class="font-prachtsaal">{{ member.description }}</span>
             {% if member.content or member.website %}
-            </a>
+            <!-- </a> -->
             {% endif %}
         </div>
         {% endfor %}
@@ -36,7 +36,7 @@ <h1 class="min-[460px]:mx-8 mb-28">
 </h1>
 
 <div class="flex justify-center mb-28">
-    <div class="grid sm:grid-cols-3 lg:grid-cols-4 gap-8 mx-8">
+    <div class="grid sm:grid-cols-3 lg:grid-cols-4 gap-8 mx-8 links-without-underline">
         {% for org in site.data.communities %}
         <div class="w-full max-w-32 lg:w-32">
             <a href="{{ org.website }}" target="_blank">
@@ -53,4 +53,4 @@ <h1 class="min-[460px]:mx-8 mb-28">
         {% endfor %}
     </div>
 </div>
-
+