From 56135a74db5bae522f8e862e80ebfd31497ca8d0 Mon Sep 17 00:00:00 2001
From: RunasSudo <runassudo@yingtongli.me>
Date: Thu, 4 Apr 2024 00:32:51 +1100
Subject: [PATCH] Convert home page to Tailwind CSS

---
 drcr/templates/index.html | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/drcr/templates/index.html b/drcr/templates/index.html
index 34303e4..4570345 100644
--- a/drcr/templates/index.html
+++ b/drcr/templates/index.html
@@ -1,5 +1,5 @@
 {#  DrCr: Web-based double-entry bookkeeping framework
-    Copyright (C) 2022–2023  Lee Yingtong Li (RunasSudo)
+    Copyright (C) 2022–2024  Lee Yingtong Li (RunasSudo)
 
     This program is free software: you can redistribute it and/or modify
     it under the terms of the GNU Affero General Public License as published by
@@ -15,33 +15,33 @@
     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 #}
 
-{% extends 'base.html' %}
+{% extends 'base_tailwind.html' %}
 {% block title %}DrCr{% endblock %}
 
 {% block content %}
-	<h1 class="h2 my-4">Data sources</h1>
-	<ul>
-		<li><a href="{{ url_for('journal') }}">Journal</a></li>
-		<li><a href="{{ url_for('statement_lines') }}">Statement lines</a></li>
-		<li><a href="{{ url_for('balance_assertions') }}">Balance assertions</a></li>
-		<li><a href="{{ url_for('chart_of_accounts') }}">Chart of accounts</a></li>
+	<h2 class="text-3xl text-gray-900 mb-1">Data sources</h2>
+	<ul class="list-disc ml-6">
+		<li><a href="{{ url_for('journal') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Journal</a></li>
+		<li><a href="{{ url_for('statement_lines') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Statement lines</a></li>
+		<li><a href="{{ url_for('balance_assertions') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Balance assertions</a></li>
+		<li><a href="{{ url_for('chart_of_accounts') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Chart of accounts</a></li>
 		{% for report in data_sources %}
-			<li><a href="{{ url_for(report[0]) }}">{{ report[1] }}</a></li>
+			<li><a href="{{ url_for(report[0]) }}" class="text-gray-900 hover:text-blue-700 hover:underline">{{ report[1] }}</a></li>
 		{% endfor %}
 	</ul>
 	
-	<h1 class="h2 my-4">General reports</h1>
-	<ul>
-		<li><a href="{{ url_for('general_ledger') }}">General ledger</a></li>
-		<li><a href="{{ url_for('trial_balance') }}">Trial balance</a></li>
-		<li><a href="{{ url_for('balance_sheet') }}">Balance sheet</a></li>
-		<li><a href="{{ url_for('income_statement') }}">Income statement</a></li>
+	<h2 class="text-3xl text-gray-900 mt-8 mb-1">General reports</h2>
+	<ul class="list-disc ml-6">
+		<li><a href="{{ url_for('general_ledger') }}" class="text-gray-900 hover:text-blue-700 hover:underline">General ledger</a></li>
+		<li><a href="{{ url_for('trial_balance') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Trial balance</a></li>
+		<li><a href="{{ url_for('balance_sheet') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Balance sheet</a></li>
+		<li><a href="{{ url_for('income_statement') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Income statement</a></li>
 	</ul>
 	
-	<h1 class="h2 my-4">Advanced reports</h1>
-	<ul>
+	<h2 class="text-3xl text-gray-900 mt-8 mb-1">Advanced reports</h2>
+	<ul class="list-disc ml-6">
 		{% for report in advanced_reports %}
-			<li><a href="{{ url_for(report[0]) }}">{{ report[1] }}</a></li>
+			<li><a href="{{ url_for(report[0]) }}" class="text-gray-900 hover:text-blue-700 hover:underline">{{ report[1] }}</a></li>
 		{% endfor %}
 	</ul>
 {% endblock %}