ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finish people page

Browse Source
This commit is contained in:
Ehab Hassan
2024-03-06 22:18:06 +02:00
parent 1a54ca6def
commit cc7de2e2b8
39 changed files with 18 additions and 8075 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/partials/filter_bar.html
View File

@@ -7,7 +7,7 @@
<div class="left-0 z-50 bg-gray-100 my-3 w-full rounded-md">
<div class="left-0 z-50 border border-gray-200 bg-gray-100 my-3 w-full rounded-md">
<header class="flex flex-wrap container mx-auto pb-0 sm:px-0 transition-all transition-500">
<div class="flex justify-between px-4 sm:p-0">
<div class="ml-8 inline-flex flex-shrink-0">
@@ -26,7 +26,7 @@
</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">
<a data-v-21fd5df0="" href="/people" class="blue 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">
<a data-v-21fd5df0="" href="/people" class="text-gray-700 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>
{% set taxonomy = get_taxonomy(kind="memberships") %}
@@ -34,7 +34,7 @@
{% for category in categories %}
{% set path = category.name | slugify %}
{% set fullpath = "/memberships/" ~ path %}
<a href="{{fullpath}}" class="blue 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">
<a href="{{fullpath}}" class="text-gray-700 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">
{{category.name}}
</a>
{% endfor %}

10
templates/people/single.html
View File

@@ -11,13 +11,13 @@
<div class="container sm:pxi-0 lg:w-5/6 mx-auto min-h-screen overflow-x-hidden pt-24">
<div class="flex flex-row flex-wrap items-start mx-4 sm:mx-0">
<div class="w-full md:w-1/6 mx-auto sm:mx-0">
<img src="{{page.extra.imgPath}}" alt="" class="rounded bg-gray-200 w-48 border-2 border-gray-400 mx-auto md:mx-0 g-image g-image--lazy g-image--loaded my-4">
<img src="{{page.extra.imgPath}}" alt="" class="aspect-[14/13] w-full rounded-2xl object-cover g-image g-image--lazy g-image--loaded my-4 lg:my-0">
</div>
<div class="w-full md:w-5/6 text-center md:text-left md:pl-8">
<div class="flex flex-row items-center">
<h1 class="pb-0 mb-0 mt-0 text-4xl font-normal tracking-wide my-1">
<div class="flex flex-row items-center lg:justify-start justify-center">
<h2 class="pb-0 mb-0 mt-0 text-3xl font-normal tracking-wide my-1">
{{page.title}}
</h1>
</h2>
<div class="ml-4">
{% include "partials/socialLinks.html" %}
</div>
@@ -40,7 +40,7 @@
</div>
{% if page.taxonomies.memberships %}
{% for tag in page.taxonomies.memberships %}
<a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-1 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-1 font-normal 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 ">
{{tag}}
</a>
{% endfor %}