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

update news css

Browse Source
This commit is contained in:
Ehab Hassan
2024-03-19 11:41:45 +02:00
parent c242612745
commit dea3e05dcb
5 changed files with 38 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/news-category/single.html
View File

@@ -2,9 +2,9 @@
{% block content %} {% block content %}
<main class="pt-16"> <main class="pt-12">
<div class="flex flex-col md:flex-row"> <div class="flex flex-col md:flex-row container mx-auto">
{% include "partials/newsPosts.html" %} {% include "partials/newsPosts.html" %}
{% include "partials/newsSidebar.html" %} {% include "partials/newsSidebar.html" %}
</div> </div>

18
templates/partials/featuredBlog.html
View File

@@ -12,7 +12,7 @@
<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-600 mb-4">FEATURED POST</h3>
<a href={{featured.permalink}} class=""> <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 leading-snug font-medium">
{{ featured.title }} {{ featured.title }}
@@ -23,6 +23,20 @@
</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-600">
{{ 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 %}
{% set author_path = 'people/' ~ author ~ '/index.md' %}
{% 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)) %}
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-800"> <img
src="{{ author_img }}" alt="{{ author.title }}" class="
inline-flex
w-8
h-8
rounded-full
bg-gray-200
border-2 border-white
" /> {{ author.title }}</a>
{% endfor %}
</h4> </h4>
</div> </div>
@@ -32,7 +46,7 @@
</div> </div>
</div> </div>
<hr class="mt-6 max-w-7xl mx-auto"> <hr class="mt-6 container mx-auto">
</div> </div>
</div> </div>

21
templates/partials/featuredNews.html
View File

@@ -1,16 +1,19 @@
<body> <body>
<div class="md:grid md:grid-cols-2 md:gap-8 relative mt-16 lg:mt-16 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 lg:ml-8 my-8 w-full md:w-auto"> <div class="relative my-8 w-full md:w-auto mx-3 lg:mx-12">
<h3 class="text-base not-italic leading-6 text-gray-600">FEATURED NEWS</h3> <h3 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4">FEATURED NEWS</h3>
<a href={{featured.permalink}} class=""> <a href={{featured.permalink}}>
<h2 <h2
class="mt-8 text-2xl main-title sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-4 md:mb-10 "> class="text-2xl main-title md:text-4xl fw-500 leading-snug font-medium">
{{ featured.title }} {{ featured.title }}
</h2> </h2>
<p class="mt-2 text-base font-normal text-gray-500 text-left">
{{ featured.description }}
</p>
</a> </a>
<h4 class="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-600">
{{ 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' %}
@@ -30,13 +33,13 @@
</div> </div>
<div class="mx-4 relative lg:mt-0 max-w-full"> <div class="relative lg:mt-0 max-w-full">
{% if featured.extra.imgPath %} {% if featured.extra.imgPath %}
<img class="relative mx-auto md:w-auto md:max-w-full max-h-80" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" /> <img class="relative rounded mx-auto max-h-64 p-2 border-2 border-gray-100" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" />
{% endif %} {% endif %}
</div> </div>
</div> </div>
<hr class="mt-6"> <hr class="mt-6 container mx-auto">
</div> </div>
</div> </div>
</body> </body>

10
templates/partials/newsPosts.html
View File

@@ -1,8 +1,8 @@
{% block content %} {% block content %}
<div class="text-center main-title px-0 md:w-2/3 lg:w-2/3 mx-8 md:mx-12"> <div class="text-center main-title px-0 md:w-2/3 mx-8 md:mx-12">
<h1 <h2
class="tracking-tight text-left text-2xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10" class="tracking-tight text-left text-2xl md:text-4xl fw-500 leading-snug font-medium"
> >
{% set path_array = current_path | split(pat="/") %} {% set path_array = current_path | split(pat="/") %}
{% set taxonomy = path_array[1] %} {% set taxonomy = path_array[1] %}
@@ -11,9 +11,9 @@
{% if taxonomy == "news-category" %} - {% if taxonomy == "news-category" %} -
{{category | replace(from='-', to=' ' ) | title}} {{category | replace(from='-', to=' ' ) | title}}
{% endif %} {% endif %}
</h1> </h2>
<div> <div>
<div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-3 lg:max-w-none"> <div class="mt-3 grid gap-5 max-w-lg mx-auto md:grid-cols-2 lg:grid-cols-3 lg:max-w-none">
{%- for post in paginator.pages %} {%- for post in paginator.pages %}
{% if "Engineering" == "Engineering"%} {% if "Engineering" == "Engineering"%}
{% include "partials/newsCard.html" %} {% include "partials/newsCard.html" %}

6
templates/partials/newsSidebar.html
View File

@@ -1,8 +1,8 @@
<div class="mx-8 md:mx-4 flex flex-col"> <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-6"> FILTER NEWS BY</h4> <h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4"> FILTER NEWS BY</h4>
<a id="all" class="mb-3 text-black font-normal" href="/newsroom">All</a> <a id="all" class="mb-2 text-black 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 %}