tobias/librezo-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

index example with tailwind

Browse Source
This commit is contained in:
oiseauroch
2023-05-24 12:47:04 +02:00
parent ebedc206ff
commit 1c973fb5af
11 changed files with 1650 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
templates/shortcodes/client_box.html
View File

@@ -1,6 +1,5 @@
<div class="client_box">
<div class="client_box-left">
<div class="client_box-left-row">
<div class="flex flex-col md:grid md:grid-cols-4 my-10 gap-x-3">
<div class="col-span-1 self-center justify-self-center mb-5">
<a class="client_box-link" href="{{href|safe}}">
{% if img_dark %}
<picture>
@@ -12,12 +11,10 @@
<img class="client_box-img" src="{{img|safe}}" alt="{{title}}" title="{{title}}" loading="lazy"/>
{% endif %}
</a>
</div>
</div>
<div class="client_box-right">
<p class="client_box-text">
<div class="col-span-3">
{{body|safe}}
{% if sign %}<br/><span class="client_box-sign">{{sign|safe}}</span>{% endif %}
{% if sign %}<br/><span class="text-neutral-700">{{sign|safe}}</span>{% endif %}
</p>
</div>
</div>

8
templates/shortcodes/process_box.html
View File

@@ -1,5 +1,5 @@
<div class="process_box">
<span class="process_box-number">{{number|safe}}</span><br/>
<span class="process_box-title">{{title|safe}}</span>{% if description %}<br/>
<span class="process_box-description">{{description|safe}}</span>{% endif %}
<div class="max-w-[250px] text-center font-librezo flex flex-col ">
<span class=" mx-auto py-4 text-3xl font-bold text-white w-16 h-16 rounded-full bg-gradient-to-r from-lib-blue to-lib-purple">{{number|safe}}</span><br/>
<span class="text-2xl font-bold mt-5">{{title|safe}}</span>{% if description %}<br/>
<span class="text-xl">{{description|safe}}</span>{% endif %}
</div>

6
templates/shortcodes/square_box.html
View File

@@ -1,4 +1,4 @@
<div class="square_box">
<span class="square_box-title">{{ title | safe }}</span>
<p class="square_box-text">{{ text | safe }}</p>
<div class="w-[200px] min-h-[200px] p-2 text-white from-lib-purple to-lib-blue bg-gradient-to-br rounded-md text-center">
<span class="mx-auto text-2xl font-librezo">{{ title | safe }}</span>
<p class="mt-5">{{ text | safe }}</p>
</div>