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

fix css

Browse Source
This commit is contained in:
Ehab Hassan 2023-05-22 10:16:27 +03:00
parent 91d64dc4ef
commit 4b3acb3943
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); background-color: rgba(255, 255, 255, 0.75);
} }
.article h2{
font-size: 1.5rem;
}
/* Custom css allowing image styling in markdown */ /* Custom css allowing image styling in markdown */
img[src*="#mx-auto"] { img[src*="#mx-auto"] {
margin: auto; margin: auto;

4
templates/blogPage.html
View File

@ -2,13 +2,13 @@
{% block content %} {% block content %}
<!-- Default page template for blog posts and basic informative markdown files --> <!-- 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"> <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=""> <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> <div>
<article class="article lg:w-5/6 mx-auto"> <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 }} {{ page.title }}
</h2> </h2>
<h4 class="text-sm not-italic font-light leading-6 text-gray-600"> <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"> <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 <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 path_array = current_path | split(pat="/") %}
{% set taxonomy = path_array[1] %} {% set taxonomy = path_array[1] %}

6
templates/partials/featuredBlog.html
View File

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