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

fix blog and news

Browse Source
This commit is contained in:
Ehab Hassan
2024-11-19 14:10:54 +02:00
parent 9c862e91c1
commit 34e5594cff
7 changed files with 45 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/index.css
View File

@@ -256,7 +256,7 @@ background-color:#5596f5 !important;
@layer components { @layer components {
h1 { h1 {
@apply text-4xl lg:text-6xl font-normal; @apply text-4xl lg:text-6xl font-normal;
color: #2b2b2b; color: #ffffff;
font-family: "Inter", sans-serif !important; font-family: "Inter", sans-serif !important;
} }
h2 { h2 {
@@ -269,7 +269,7 @@ background-color:#5596f5 !important;
} }
h3 { h3 {
@apply text-2xl lg:text-3xl my-4 font-extralight; @apply text-2xl lg:text-3xl my-4 font-extralight;
color: #2b2b2b; color: #ffffff;
font-family: "Inter", sans-serif !important; font-family: "Inter", sans-serif !important;
} }
h3 strong { h3 strong {
@@ -324,12 +324,12 @@ background-color:#5596f5 !important;
} }
h3 a{ h3 a{
color:#2b2b2b; color:#ffffff;
} }
h3 a:hover{ h3 a:hover{
color:#2E83FF; color:#b6b6b6;
} }
@@ -342,7 +342,7 @@ background-color:#5596f5 !important;
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
line-height: 1.5; line-height: 1.5;
font-weight: 700; font-weight: 700;
color:#333; color:#e2e2e2;
} }
.article h1{ .article h1{
@@ -354,7 +354,7 @@ background-color:#5596f5 !important;
font-size: 1.125rem; font-size: 1.125rem;
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
line-height: 1.7; line-height: 1.7;
color:#333 color:#e2e2e2
} }
.post-content-text a, .article a{ .post-content-text a, .article a{
@@ -369,7 +369,7 @@ background-color:#5596f5 !important;
font-size: 1.125rem; font-size: 1.125rem;
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
line-height: 1.7; line-height: 1.7;
color:#333 color:#e2e2e2
} }
.article h3{ .article h3{

10
templates/partials/blogSidebar.html
View File

@@ -1,25 +1,25 @@
<div class="mx-8 md:mx-4 flex flex-col"> <div class="mx-8 md:mx-4 flex flex-col">
<div class="flex flex-col mb-12"> <div class="flex flex-col mb-12">
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4"> FILTER POSTS BY</h4> <h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4"> FILTER POSTS BY</h4>
<a id="all" class="mb-2 text-black font-normal" href="/blog">All</a> <a id="all" class="mb-2 text-white font-normal" href="/blog">All</a>
{% set taxonomy = get_taxonomy(kind="categories") %} {% set taxonomy = get_taxonomy(kind="categories") %}
{% set categories = taxonomy.items %} {% set categories = taxonomy.items %}
{% for category in categories %} {% for category in categories %}
{% set path = category.name | slugify %} {% set path = category.name | slugify %}
{% set fullpath = "/categories/" ~ path %} {% set fullpath = "/categories/" ~ path %}
<a id="{{path}}" class="mb-2 text-black font-normal" href={{fullpath}}> {{category.name}} </a> <a id="{{path}}" class="mb-2 text-gray-100 font-normal" href={{fullpath}}> {{category.name}} </a>
{% endfor %} {% endfor %}
</div> </div>
{% set section = get_section(path="blog/_index.md")%} {% set section = get_section(path="blog/_index.md")%}
<div class="lg:pt-6 flex flex-col mb-12 w-64 mr-8 lg:mr-24"> <div class="lg:pt-6 flex flex-col mb-12 w-64 mr-8 lg:mr-24">
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FEATURED POSTS</h4> <h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-6"> FEATURED POSTS</h4>
{% for page in section.pages %} {% for page in section.pages %}
{% if page.extra.isFeatured %} {% if page.extra.isFeatured %}
<a class="mb-3 text-blue-700" href={{page.permalink}}>{{ page.title }}</a> <a class="mb-3 text-gray-400" href={{page.permalink}}>{{ page.title }}</a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}

16
templates/partials/featuredBlog.html
View File

@@ -11,30 +11,30 @@
<div class="md:grid md:grid-cols-2 md:gap-8 relative mt-12 md:mt-10 items-center container mx-auto"> <div class="md:grid md:grid-cols-2 md:gap-8 relative mt-12 md:mt-10 items-center container mx-auto">
<div class="relative my-8 w-full md:w-auto mx-3 lg:mx-12"> <div class="relative my-8 w-full md:w-auto mx-3 lg:mx-12">
<h3 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4">FEATURED POST</h3> <h3 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4">FEATURED POST</h3>
<a href={{featured.permalink}}> <a href={{featured.permalink}}>
<h2 <h2
class="text-2xl main-title md:text-4xl fw-500 leading-snug font-medium"> class="text-2xl main-title md:text-4xl fw-500 text-gray-50 leading-snug font-medium">
{{ featured.title }} {{ featured.title }}
</h2> </h2>
<p class="mt-2 text-base font-normal text-gray-500 text-left"> <p class="mt-2 text-base font-normal text-gray-50 text-left">
{{ featured.description }} {{ featured.description }}
</p> </p>
</a> </a>
<h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-600"> <h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-100">
{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} - {{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
{% for author in featured.taxonomies.people %} {% for author in featured.taxonomies.people %}
{% set author_path = 'people/' ~ author ~ '/index.md' %} {% set author_path = 'people/' ~ author ~ '/index.md' %}
{% set author = get_page(path=author_path) %} {% set author = get_page(path=author_path) %}
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %} {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-800"> <img <a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-200"> <img
src="{{ author_img }}" alt="{{ author.title }}" class=" src="{{ author_img }}" alt="{{ author.title }}" class="
inline-flex inline-flex
w-8 w-8
h-8 h-8
rounded-full rounded-full
bg-gray-200 bg-gray-200
border-2 border-white border border-gray-400
" /> {{ author.title }}</a> " /> {{ author.title }}</a>
{% endfor %} {% endfor %}
</h4> </h4>
@@ -42,11 +42,11 @@
</div> </div>
<div class="relative lg:mt-0 max-w-full"> <div class="relative lg:mt-0 max-w-full">
<img class="relative rounded mx-auto max-h-64 p-2 border-2 border-gray-100" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" /> <img class="relative rounded mx-auto max-h-64 p-2 border border-gray-600" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" />
</div> </div>
</div> </div>
<hr class="mt-6 container mx-auto"> <hr class="mt-6 container border-gray-600 mx-auto">
</div> </div>
</div> </div>

12
templates/partials/featuredNews.html
View File

@@ -2,24 +2,24 @@
<div class="md:grid md:grid-cols-2 md:gap-8 relative mt-12 md:mt-10 items-center container mx-auto"> <div class="md:grid md:grid-cols-2 md:gap-8 relative mt-12 md:mt-10 items-center container mx-auto">
<div class="relative my-8 w-full md:w-auto mx-3 lg:mx-12"> <div class="relative my-8 w-full md:w-auto mx-3 lg:mx-12">
<h3 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4">FEATURED NEWS</h3> <h3 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4">FEATURED NEWS</h3>
<a href={{featured.permalink}}> <a href={{featured.permalink}}>
<h2 <h2
class="text-2xl main-title md:text-4xl fw-500 font-medium"> class="text-2xl main-title md:text-4xl fw-500 text-gray-50 font-medium">
{{ featured.title }} {{ featured.title }}
</h2> </h2>
<p class="mt-2 text-base font-normal text-gray-500 text-left"> <p class="mt-2 text-base font-normal text-gray-50 text-left">
{{ featured.description }} {{ featured.description }}
</p> </p>
</a> </a>
<h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-600"> <h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-100">
{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} - {{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
{% for author in featured.taxonomies.people %} {% for author in featured.taxonomies.people %}
{% set author_path = 'people/' ~ author ~ '/index.md' %} {% set author_path = 'people/' ~ author ~ '/index.md' %}
{% set author = get_page(path=author_path) %} {% set author = get_page(path=author_path) %}
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %} {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-800"> <img <a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-200"> <img
src="{{ author_img }}" alt="{{ author.title }}" class=" src="{{ author_img }}" alt="{{ author.title }}" class="
inline-flex inline-flex
w-8 w-8
@@ -39,7 +39,7 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
<hr class="mt-6 container mx-auto"> <hr class="mt-6 container border-gray-600 mx-auto">
</div> </div>
</div> </div>
</body> </body>

12
templates/partials/newsCard.html
View File

@@ -1,4 +1,4 @@
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border"> <div class="flex flex-col rounded-lg shadow-lg overflow-hidden border border-gray-600">
<div class="flex-1"> <div class="flex-1">
<a href={{ post.permalink }} class="block"> <a href={{ post.permalink }} class="block">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
@@ -7,13 +7,13 @@
<img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="" /> <img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="" />
{% endif %} {% endif %}
</div> </div>
<div class="flex-1 bg-white p-4 flex flex-col justify-between"> <div class="flex-1 p-4 flex flex-col justify-between">
<h3 class="mt-2 text-xl leading-7 font-medium text-gray-900 text-left not-italic"> <h3 class="mt-2 text-xl leading-7 font-medium text-gray-100 text-left not-italic">
{{ post.title }} {{ post.title }}
</h3> </h3>
{% if post.description %} {% if post.description %}
<p class="mt-3 text-sm font-normal leading-5 text-gray-500 text-left"> <p class="mt-3 text-sm font-normal leading-5 text-gray-300 text-left">
{{ post.description }} {{ post.description }}
</p> </p>
{% endif %} {% endif %}
@@ -36,7 +36,7 @@
h-8 h-8
rounded-full rounded-full
bg-gray-200 bg-gray-200
border-2 border-white border border-gray-400
" /> " />
</a> </a>
</li> </li>
@@ -46,7 +46,7 @@
</ul> </ul>
</div> </div>
<p class="text-gray-700 text-xs"> <p class="text-gray-400 text-xs">
<time datetime="{{post.date}}"> <time datetime="{{post.date}}">
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }} {{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
</time> </time>

10
templates/partials/newsSidebar.html
View File

@@ -1,25 +1,25 @@
<div class="mx-8 md:mx-4 flex flex-col mt-2 md:mt-8"> <div class="mx-8 md:mx-4 flex flex-col mt-2 md:mt-8">
<div class="flex flex-col mb-12 mr-8 lg:mr-24"> <div class="flex flex-col mb-12 mr-8 lg:mr-24">
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4"> FILTER NEWS BY</h4> <h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4"> FILTER NEWS BY</h4>
<a id="all" class="mb-2 text-black font-normal" href="/newsroom">All</a> <a id="all" class="mb-2 text-white font-normal" href="/newsroom">All</a>
{% set taxonomy = get_taxonomy(kind="news-category") %} {% set taxonomy = get_taxonomy(kind="news-category") %}
{% set categories = taxonomy.items %} {% set categories = taxonomy.items %}
{% for category in categories %} {% for category in categories %}
{% set path = category.name | slugify %} {% set path = category.name | slugify %}
{% set fullpath = "/news-category/" ~ path %} {% set fullpath = "/news-category/" ~ path %}
<a id="{{path}}" class="mb-3 text-black font-normal" href={{fullpath}}> {{category.name}} </a> <a id="{{path}}" class="mb-3 text-gray-100 font-normal" href={{fullpath}}> {{category.name}} </a>
{% endfor %} {% endfor %}
</div> </div>
{% set section = get_section(path="newsroom/_index.md")%} {% set section = get_section(path="newsroom/_index.md")%}
<div class="lg:pt-6 flex flex-col mb-12 w-64 mr-8 lg:mr-24"> <div class="lg:pt-6 flex flex-col mb-12 w-64 mr-8 lg:mr-24">
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FEATURED NEWS</h4> <h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-6"> FEATURED NEWS</h4>
{% for page in section.pages %} {% for page in section.pages %}
{% if page.extra.isFeatured %} {% if page.extra.isFeatured %}
<a class="mb-3 text-blue-700" href={{page.permalink}}>{{ page.title }}</a> <a class="mb-3 text-gray-400" href={{page.permalink}}>{{ page.title }}</a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}

16
templates/partials/postCard.html
View File

@@ -9,7 +9,7 @@
{% endif %} {% endif %}
{% endif %} {% endif %}
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border"> <div class="flex flex-col rounded-lg shadow-lg overflow-hidden border border-gray-600">
<div class="flex-1"> <div class="flex-1">
<a href="{{ post.permalink }}" class="block"> <a href="{{ post.permalink }}" class="block">
{% if post.extra.imgPath %} {% if post.extra.imgPath %}
@@ -19,13 +19,13 @@
<img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="{{post.title ~ ' Picture'}}" /> <img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="{{post.title ~ ' Picture'}}" />
</div> </div>
{%endif%} {%endif%}
<div class="flex-1 bg-white p-4 flex flex-col justify-between"> <div class="flex-1 p-4 flex flex-col justify-between">
<h3 class="mt-2 text-lg leading-6 font-medium text-gray-900 text-left not-italic"> <h3 class="mt-2 text-lg leading-6 font-medium text-gray-100 text-left not-italic">
{{ post.title }} {{ post.title }}
</h3> </h3>
{% if post.description %} {% if post.description %}
<p class="mt-3 text-sm font-normal text-gray-500 text-left"> <p class="mt-3 text-sm font-normal text-gray-300 text-left">
{{ post.description }} {{ post.description }}
</p> </p>
{% endif %} {% endif %}
@@ -40,20 +40,20 @@
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') |
replace(from='index.md', to=author.extra.imgPath)) %} replace(from='index.md', to=author.extra.imgPath)) %}
<li class="author-list-item"><img alt="{{author.title}}" src="{{author_img}}" <li class="author-list-item"><img alt="{{author.title}}" src="{{author_img}}"
class="w-8 h-8 rounded-full bg-gray-200 border-2 border-white"></li> class="w-8 h-8 rounded-full bg-gray-200 border border-gray-400"></li>
{% endif %} {% endif %}
</ul> </ul>
</div> </div>
<div class="flex flex-col text-left leading-none uppercase"> <div class="flex flex-col text-left leading-none uppercase">
{% if author %} {% if author %}
<p class="text-gray-700 text-xs">{{ author.title }}</p> <p class="text-gray-400 text-xs">{{ author.title }}</p>
{% endif %} {% endif %}
<p class="text-gray-700 text-xs"> <p class="text-gray-400 text-xs">
<time datetime="{{post.date}}"> <time datetime="{{post.date}}">
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }} {{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
</time> </time>
</p> </p>
<p class="flex justify-between lowercase my-2 items-center text-gray-700 text-xs"><span id="time" <p class="flex justify-between lowercase my-2 items-center text-gray-400 text-xs"><span id="time"
class="time"></span> class="time"></span>
</p> </p>
</div> </div>