ourworld_web/www_ourworld_tf
20
0
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Projects Releases 1 Wiki Activity

update

Browse Source
This commit is contained in:
Ehab Hassan 2023-05-22 10:20:00 +03:00
commit 4564c74b5f
4 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/index.css
View File

@ -45,6 +45,10 @@ a {
background-color: rgba(255, 255, 255, 0.75);
}
.article h2{
font-size: 1.5rem;
}
/* Custom css allowing image styling in markdown */
img[src*="#mx-auto"] {
margin: auto;

4
templates/blogPage.html
View File

@ -2,13 +2,13 @@
{% block content %}
<!-- Default page template for blog posts and basic informative markdown files -->
<main>
<main class="container mx-auto mt-10">
<div class="sm:w-5/6 md:w-4/5 mr-auto ml-auto px-6 lg:px-16 xl:w-11/12 py-12">
<img class="max-h-60 sm:max-h-60 md:max-h-80 lg:max-h-96 mx-auto" src={{"/" ~ page.extra.imgPath}} alt="">
<div>
<article class="article lg:w-5/6 mx-auto">
<h2 class="tracking-tight pt-8 lg:pt-8 2xl:pt-24 text-left fw-500 leading-snug font-normal mb-10">
<h2 class="tracking-tight pt-2 lg:pt-8 text-left fw-500 leading-snug font-normal mb-4">
{{ page.title }}
</h2>
<h4 class="text-sm not-italic font-light leading-6 text-gray-600">

2
templates/partials/blogPosts.html
View File

@ -2,7 +2,7 @@
<div class="font-sans text-center px-0 md:w-full md:w-2/3 lg:w-2/3 mx-8 md:mx-12">
<h1
class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
class="tracking-tight text-left text-2xl mt-4 sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
>
{% set path_array = current_path | split(pat="/") %}
{% set taxonomy = path_array[1] %}

6
templates/partials/featuredBlog.html
View File

@ -10,7 +10,7 @@
<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="relative lg:ml-8 my-8 w-full md:w-auto">
<div class="relative lg:ml-8 my-8 w-full mx-4 md:w-auto">
<h3 class="text-base not-italic leading-6 text-gray-600">FEATURED POST</h3>
<a href={{featured.permalink}} class="">
<h2
@ -24,8 +24,8 @@
</div>
<div class="-mx-4 relative lg:mt-0 max-w-full">
<img class="relative mx-auto w-7/12 md:w-auto rounded md:max-w-full max-h-80" src=/{{featured.extra.imgPath}} alt="" />
<div class="mx-4 relative lg:mt-0 max-w-full">
<img class="relative mx-auto md:w-auto rounded md:max-w-full max-h-80" src=/{{featured.extra.imgPath}} alt="" />
</div>
</div>