TFC/tfcconnection-zola
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixing some layout stuff on the sections

Browse source
This commit is contained in:
Chris Cochrun 2025-06-25 11:16:30 -05:00
parent cc089e8cdc
commit e0b4c55364
28 changed files with 42 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
templates/page.html
View file

@ -1,6 +1,7 @@
{% extends "layout.html" %}
{% block content %}
<script src="/js/zoom.js"/>
<div class="flex px-4">
<h1 class="text-2xl text-bold my-6 mx-auto">
{{ page.title }}

10
templates/section.html
View file

@ -32,23 +32,23 @@
{% set image = page.path ~ page.extra.image %}
{% endif %}
{% if image %}
{% set resized = resize_image(path="/content" ~ image, width=200, height=200, op="fit_height") %}
{% set resized = resize_image(path="/content" ~ image, width=500, height=500, op="fit_height") %}
{% else %}
{% set resized = "" %}
{% endif %}
<div class="flex flex-wrap space-x-4 border border-2 border-gray-200 dark:border-black rounded-xl shadow-xl hover:shadow-xl/30 transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800 place-content-center cursor-pointer" onclick='location.href="{{ page.permalink }}";'>
<div class="flex flex-wrap md:space-x-4 border border-2 border-gray-200 dark:border-black rounded-xl shadow-xl hover:shadow-xl/30 transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800 place-content-center cursor-pointer" onclick='location.href="{{ page.permalink }}";'>
<!-- Image -->
{% if resized %}
<div class="w-full md:w-1/3 flex-2 rounded-lg place-content-center">
<img class="object-cover object-top w-full h-96 lg:h-72 md:h-72 nozoom rounded-lg" src="{{ resized.url }}"/>
<div class="w-full basis-full md:flex-2 rounded-lg place-content-center">
<img class="object-cover object-top md:w-full w-full h-96 lg:h-72 md:h-72 nozoom rounded-lg" src="{{ resized.url }}"/>
</div>
{% else %}
<div class="ml-5">
</div>
{% endif %}
<div class="flex flex-col flex-3 mr-5">
<div class="flex flex-col flex-3 mr-5 px-4 md:px-0">
<h2 class="text-2xl text-bold"><a href='{{ page.permalink }}'>{{ page.title }}</a></h2>
<p class="text-bold text-ellipsis">{{ page.description | linebreaksbr | safe }}</p>