From 94c6a1f1bc984190485d151d8c5672fd79ace49d Mon Sep 17 00:00:00 2001 From: ehab-hassan Date: Wed, 19 Mar 2025 12:10:14 +0200 Subject: [PATCH] fix alignment --- config.toml | 2 +- content/_index.md | 34 +++++++++++++++++++++++---------- templates/index.html | 12 ++++++------ templates/shortcodes/hero2.html | 2 +- templates/shortcodes/hero3.html | 6 +++--- 5 files changed, 35 insertions(+), 21 deletions(-) diff --git a/config.toml b/config.toml index 6882249..59dbb47 100644 --- a/config.toml +++ b/config.toml @@ -2,7 +2,7 @@ base_url = "http://template.com" # Site title and description -title = "Zola with Tailwind CSS" +title = "Zola template" description = "A modern static site built with Zola and Tailwind CSS" # Whether to automatically compile all Sass files in the sass directory diff --git a/content/_index.md b/content/_index.md index cb96406..898ded6 100644 --- a/content/_index.md +++ b/content/_index.md @@ -7,7 +7,7 @@ template = "index.html" {{ hero3( announcement='Read more →', subheader="SUBHEADER", - title="This is Hero1.html", + title="This is Hero1.htmll", subtitle="This is smaller title h2", description="Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.", button1_text="Get started", @@ -16,14 +16,27 @@ template = "index.html" button2_link="#" ) }} -{{ hero2(title="Welcome to Your Zola Site", subtitle="A modern, responsive website built with Zola and styled with Tailwind CSS", button_text="Learn More", button_link="/blog", bg_color="bg-blue-700") }} +{{ + hero2( + title="Welcome to Your Zola Site", + subtitle="A modern, responsive website built with Zola and styled with Tailwind CSS", + button_text="Learn More", + button_link="/blog", bg_color="bg-blue-700" +) }} + ## About This Site This is a modern, responsive website built with [Zola](https://www.getzola.org/) and styled with [Tailwind CSS](https://tailwindcss.com/). It demonstrates the use of shortcodes and markdown together to create beautiful, reusable components.
-{{ feature_card(title="Fast and Lightweight", description="Zola generates static HTML files that load quickly", icon="⚡") }} +{{ + feature_card( + title="Fast and Lightweight", + description="Zola generates static HTML files that load quickly", + icon="⚡" + ) +}} {{ feature_card(title="Modern Design", description="Tailwind CSS provides utility classes for rapid UI development", icon="🎨") }} @@ -43,11 +56,12 @@ To add new content, create Markdown files in the `content` directory. Zola will For more information, check out the [Zola documentation](https://www.getzola.org/documentation/getting-started/overview/) and [Tailwind CSS documentation](https://tailwindcss.com/docs). -{{ cta(title="Ready to Get Started?", description="Create your own beautiful website with Zola and Tailwind CSS today.", button_text="View Blog", button_link="/blog") }} +{{ + cta( + title="Ready to Get Started?", + description="Create your own beautiful website with Zola and Tailwind CSS today.", + button_text="View Blog", + button_link="/blog") +}} + -{% raw %} -```html - -{{ hero2(title="Welcome", subtitle="A subtitle here", button_text="Click Me", button_link="/some-page", bg_color="bg-blue-700", image="/path/to/image.jpg") }} -``` -{% endraw %} diff --git a/templates/index.html b/templates/index.html index 30de905..e3880ad 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,18 +1,18 @@ {% extends "base.html" %} {% block content %} -
-
+
+ +
-
+
{% if section.content %} {{ section.content | safe }} {% else %} diff --git a/templates/shortcodes/hero2.html b/templates/shortcodes/hero2.html index fc0a79e..c536647 100644 --- a/templates/shortcodes/hero2.html +++ b/templates/shortcodes/hero2.html @@ -6,7 +6,7 @@ {% set text_color = text_color | default(value="text-white") %} {% set image = image | default(value="") %} -
+
diff --git a/templates/shortcodes/hero3.html b/templates/shortcodes/hero3.html index 28a95e5..3daf838 100644 --- a/templates/shortcodes/hero3.html +++ b/templates/shortcodes/hero3.html @@ -1,6 +1,6 @@ -
+
-
+