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

update blog and news posts

Browse Source
This commit is contained in:
Ehab Hassan
2024-11-19 14:45:04 +02:00
parent ea86a78634
commit 5476697e3f
3 changed files with 34 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/index.css
View File

@@ -358,11 +358,11 @@ background-color:#5596f5 !important;
}
.post-content-text a, .article a{
color: #4ec48f;
color: #a5a5a5;
}
.post-content-text a:hover, .article a:hover{
color: #2e9969;
color: #c6c9c8;
}
.article li{
@@ -377,6 +377,11 @@ background-color:#5596f5 !important;
}
.article h4{
color: #fff !important;
}
.main-title {
font-family: "Inter", sans-serif;
}

18
templates/blogPage.html
View File

@@ -24,12 +24,12 @@
<div>
<article class="article lg:w-4/6 mx-auto">
<section class="post-header px-0 mb-4 border-b">
<h2 class="md:text-4xl text-3xl font-medium mb-2 leading-none text-gray-700">
<section class="post-header px-0 mb-4 border-b border-gray-600">
<h2 class="md:text-4xl text-3xl font-medium mb-2 leading-none text-gray-100">
{{ page.title }}
</h2>
<p class="md:text-lg mb-4 text-base text-gray-600">
<p class="md:text-lg mb-4 text-base text-gray-300">
{{ page.description }}
</p>
</section>
@@ -48,7 +48,7 @@
sm:w-10
rounded-full
bg-gray-200
border-2 border-white
border border-gray-600
" />
</li>
{% endif %}
@@ -57,9 +57,9 @@
<div class="pl-3 flex flex-col text-xs leading-none uppercase">
{% if author %}
<a href="{{author.permalink}}" class="text-gray-700 text-xs">{{ author.title }}</a>
<a href="{{author.permalink}}" class="text-gray-400 text-xs">{{ author.title }}</a>
{% endif %}
<p class="text-gray-700 text-xs">
<p class="text-gray-400 text-xs">
<time datetime="{{ page.date }}"> {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago")
}}</time><br />
<span id="time"
@@ -80,14 +80,14 @@
<button class="
text-xs
bg-transparent
hover:text-blue-700
hover:text-gray-100
py-2
px-4
mr-2
border
hover:border-blue-500
hover:border-gray-100
border-gray-600
text-gray-700
text-gray-400
rounded-full
"><a href="{{fullpath}}">{{ tag }}</a></button>

36
templates/newsPage.html
View File

@@ -37,11 +37,11 @@
<div class="article lg:w-4/6 mx-auto">
<div>
<section class="post-header px-0 mb-4 border-b">
<h2 class="md:text-4xl text-3xl font-medium mb-2 leading-none text-gray-700">
<section class="post-header px-0 mb-4 border-b border-gray-600">
<h2 class="md:text-4xl text-3xl font-medium mb-2 leading-none text-gray-100">
{{ page.title }}
</h2>
<p class="md:text-lg mb-4 text-base text-gray-600">
<p class="md:text-lg mb-4 text-base text-gray-300">
{{ page.description }}
</p>
</section>
@@ -66,7 +66,7 @@
sm:w-10
rounded-full
bg-gray-200
border-2 border-white
border border-gray-600
" />
</a>
</li>
@@ -87,13 +87,13 @@
{% 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)) %}
<span class="text-xs leading-none uppercase">
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="hover:underline text-gray-800">{{ author.title }}</a>
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="hover:underline text-gray-400">{{ author.title }}</a>
</span>
{% endif %}
{% endfor %}
{% endif %}
</p>
<p class="text-gray-700 text-xs leading-none uppercase">
<p class="text-gray-400 text-xs leading-none uppercase">
<time datetime="{{page.date}}">
{{ page.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
</time>
@@ -118,7 +118,7 @@
mx-auto
relative
font-serif
text-gray-700
text-gray-300
">
<div class="post-content-text text-xl">{{ content | safe }}</div>
</section>
@@ -127,17 +127,17 @@
{% for tag in page.taxonomies.tags %}
{% set fullpath = "/tags/" ~ tag | replace(from='_', to='-' ) %}
<a href="{{fullpath}}" class="
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
text-xs
bg-transparent
hover:text-gray-100
py-2
px-4
mr-2
border
hover:border-gray-100
border-gray-600
text-gray-400
rounded-full
">{{ tag }}</a>
{% endfor %}
</section>