ehab/www_zola_template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: ehab:3baf6ecc015ac781ee6532c445c7eae0f40d64f8
Branches Tags
ehab:main
ehab:sasha
..
compare: ehab:deaaf7314caac221055e7848b00ab95fc052b2a6
Branches Tags
ehab:main
ehab:sasha

No commits in common. "3baf6ecc015ac781ee6532c445c7eae0f40d64f8" and "deaaf7314caac221055e7848b00ab95fc052b2a6" have entirely different histories.
3baf6ecc01 ... deaaf7314c

2 changed files with 13 additions and 5 deletions
Show Stats Expand all files Collapse all files

8
templates/base.html
View File

@ -3,24 +3,24 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}TF Zola Template{% endblock %}</title> <title>{% block title %}Zola with Tailwind CSS{% endblock %}</title>
<link rel="stylesheet" href="{{ get_url(path='css/main.css') }}"> <link rel="stylesheet" href="{{ get_url(path='css/main.css') }}">
<script src="{{ get_url(path='js/main.js') }}" defer></script> <script src="{{ get_url(path='js/main.js') }}" defer></script>
{% block head %}{% endblock %} {% block head %}{% endblock %}
</head> </head>
<body class="bg-gray-100 min-h-screen flex flex-col" role="banner"> <body class="bg-gray-100 min-h-screen flex flex-col min-h-screen">
<header> <header>
{% include "partials/navigation.html" %} {% include "partials/navigation.html" %}
</header> </header>
<main> <main>
<div class="w-full flex-grow px-6 lg:px-8"> <div class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
<div class="px-4 py-6 sm:px-0"> <div class="px-4 py-6 sm:px-0">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
</div> </div>
</main> </main>
<footer class="bg-white shadow mt-auto"> <footer class="bg-white shadow mt-auto">
<div class="w-full mx-auto py-4 px-4 sm:px-6 lg:px-8"> <div class="max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8">
<p class="text-center text-gray-500"> <p class="text-center text-gray-500">
&copy; {{ now() | date(format="%Y") }} {{ config.title }} &copy; {{ now() | date(format="%Y") }} {{ config.title }}
</p> </p>

10
templates/index.html
View File

@ -1,7 +1,15 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="bg-white w-full shadow overflow-hidden"> <div class="bg-white shadow overflow-hidden sm:rounded-lg">
<div class="px-4 py-5 sm:px-6">
<h2 class="text-2xl font-bold text-gray-900">
Welcome to {{ config.title }}
</h2>
<p class="mt-1 max-w-2xl text-sm text-gray-500">
A beautiful site built with Zola and Tailwind CSS.
</p>
</div>
<div class="border-t border-gray-200"> <div class="border-t border-gray-200">
<div class="px-4 py-5 sm:p-6"> <div class="px-4 py-5 sm:p-6">
<div class="prose prose-indigo lg:prose-xl"> <div class="prose prose-indigo lg:prose-xl">