diff --git a/templates/partials/filter_bar.html b/templates/partials/filter_bar.html index 4770683..d959bf1 100644 --- a/templates/partials/filter_bar.html +++ b/templates/partials/filter_bar.html @@ -20,12 +20,12 @@ <ul class="list-none sm:flex justify-left capitalize transition-all transition-500 "> <li class="flex items-center"> <div class="relative"> - <button id="filter-btn" class="rounded border-0 px-5 !shadow-none flex flex-row items-center w-full md:w-auto md:inline md:mt-0 mb-0 animated-link bg-gray-300"> + <button id="filter-btn" class="rounded border-0 px-5 !shadow-none flex flex-row items-center w-full md:w-auto md:inline md:mt-0 mb-0 animated-link"> <span class="capitalize">{{category | replace(from='-', to=' ' ) | title}}</span> <svg data-v-21fd5df0="" fill="currentColor" viewBox="0 0 20 20" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1 rotate-180"><path data-v-21fd5df0="" fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> </button> <div id="filter-menu" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="hidden absolute w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48 z-30"> - <div data-v-21fd5df0="" class="w-64 px-2 py-2 bg-white rounded-md shadow dark:bg-gray-700"> + <div data-v-21fd5df0="" class="w-64 px-2 py-2 rounded-md shadow dark:bg-gray-700"> <a data-v-21fd5df0="" href="/people" class="cursor-pointer block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"> All </a> diff --git a/templates/partials/personCard.html b/templates/partials/personCard.html index 907c3a3..e58a490 100644 --- a/templates/partials/personCard.html +++ b/templates/partials/personCard.html @@ -1,10 +1,11 @@ <div class="flex flex-col px-0 sm:px-4 pb-2"> - <a href="{{page.permalink}}" class="border-0 text-gray-700 hover:!text-gray-700 font-normal text-left"> + <a href="{{page.permalink}}" class="border-0 text-gray-50 hover:!text-gray-100 font-normal text-left"> {% set url = get_url(path='/' ~ page.relative_path | replace(from='_', to='-') | replace(from='index.md', to=page.extra.imgPath)) %} - <img src="{{url}}" alt="{{page.title ~ ' Picture'}}" /> + <img class="mt-4 aspect-[4/4]" src="{{url}}" alt="{{page.title ~ ' Picture'}}" /> <div> - <h2 class="text-2xl">{{page.title}}</h2> - <div class="text-gray-700 text-left line-clamp-3 text-ellipsis"> + <br> + <h2 class="text-lg">{{page.title}}</h2> + <div class="text-gray-50 text-left line-clamp-3 text-ellipsis"> {% if page.description %} {{page.description}} {% else %} @@ -14,7 +15,7 @@ <div class="my-2 flex flex-row items-start flex-wrap"> {% if page.taxonomies.memberships %} {% for tag in page.taxonomies.memberships %} - <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 text-xs font-light bg-transparent hover:text-blue-700 py-1 px-2 mr-2 my-1 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full "> + <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 text-xs font-light bg-transparent hover:text-indigo-400 py-1 px-2 mr-2 my-1 border hover:border-indigo-400 border-gray-600 text-gray-50 rounded-full "> {{tag}} </a> {% endfor %} diff --git a/templates/partials/person_card.html b/templates/partials/person_card.html index 44ff867..eb824aa 100644 --- a/templates/partials/person_card.html +++ b/templates/partials/person_card.html @@ -1,10 +1,10 @@ <div class="flex flex-col px-0 sm:px-4 pb-2"> - <a href="{{page.permalink}}" class="border-0 text-gray-700 hover:!text-gray-700 font-normal text-left"> + <a href="{{page.permalink}}" class="border-0 text-gray-50 hover:!text-gray-50 font-normal text-left"> {% set url = get_url(path='/' ~ page.relative_path | replace(from='_', to='-') | replace(from='index.md', to=page.extra.imgPath)) %} <img src="{{url}}" alt="{{page.title ~ ' Picture'}}" /> <div> <h2 class="text-2xl">{{page.title}}</h2> - <div class="text-md text-gray-700 text-left line-clamp-3 text-ellipsis"> + <div class="text-md text-gray-50 text-left line-clamp-3 text-ellipsis"> {% if page.description %} {{page.description}} {% else %} @@ -14,7 +14,7 @@ <div class="my-2 flex flex-row items-start flex-wrap"> {% if page.taxonomies.memberships %} {% for tag in page.taxonomies.memberships %} - <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 text-xs font-light bg-transparent hover:text-blue-700 py-1 px-2 mr-2 my-1 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full "> + <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 text-xs font-light bg-transparent hover:text-blue-700 py-1 px-2 mr-2 my-1 border hover:border-blue-500 border-gray-600 text-gray-50 rounded-full "> {{tag}} </a> {% endfor %} diff --git a/templates/partnerPage.html b/templates/partnerPage.html index 708d2ce..2e2412f 100644 --- a/templates/partnerPage.html +++ b/templates/partnerPage.html @@ -38,7 +38,7 @@ {% endif %} </ul> {% for tag in page.taxonomies.tags %} - <a href="{{'/tags/' ~ tag}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full "> + <a href="{{'/tags/' ~ tag}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-50 rounded-full "> {{tag}} </a> {% endfor %} @@ -49,7 +49,7 @@ <div class="pt-8 border-b mx-4 sm:-mx-4"></div> - <section class="post-content container mx-auto relative text-gray-700"> + <section class="post-content container mx-auto relative text-gray-50"> <div class="post-content-text text-xl">{{ page.content | safe }}</div> </section> </div> diff --git a/templates/people/single.html b/templates/people/single.html index 78dba5d..aa6bd90 100644 --- a/templates/people/single.html +++ b/templates/people/single.html @@ -19,7 +19,7 @@ {{page.title}} </h1> </div> - <div class="text-gray-700 my-4"> + <div class="text-gray-50 my-4"> {{page.content | safe }} </div> <div class="flex items-center"> @@ -37,7 +37,7 @@ </div> {% if page.taxonomies.memberships %} {% for tag in page.taxonomies.memberships %} - <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full "> + <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-50 rounded-full "> {{tag}} </a> {% endfor %} diff --git a/templates/person_page.html b/templates/person_page.html index 574f25a..924ef5c 100644 --- a/templates/person_page.html +++ b/templates/person_page.html @@ -15,7 +15,7 @@ {% include "partials/socialLinks.html" %} </div> </div> - <div class="text-gray-700 my-4"> + <div class="text-gray-50 my-4"> {{page.content | safe }} </div> <div class="flex items-center"> @@ -32,7 +32,7 @@ </div> </div> {% for tag in page.taxonomies.memberships %} - <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full "> + <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-50 rounded-full "> {{tag}} </a> {% endfor %}