lighthouse score for main landing site.

This commit is contained in:
DESKTOP-T0O5CDB\DESK-555BD 2026-01-09 18:47:39 -07:00
parent 2abe3cf55a
commit 432b926c3c
15 changed files with 116 additions and 112 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 108 KiB

BIN
docs/dashboard.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

BIN
docs/demo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

BIN
docs/fuelmileage.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 198 KiB

BIN
docs/garage.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

View File

@ -1,7 +1,9 @@
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Self-Hosted, Open-Source, Unconventionally-Named Vehicle Maintenance Records and Fuel Mileage Tracker">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<title>LubeLogger</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
@ -89,125 +91,127 @@
</ul>
</div>
</div>
<div class="big-container">
<div class="full-height d-flex align-items-center">
<h6 class="display-6 half text-center">Self-Hosted, Open-Source, Unconventionally-Named Vehicle Maintenance Records and Fuel Mileage Tracker<br/><a class='me-2 mt-2 btn btn-lg btn-primary' href="https://docs.lubelogger.com/Installation/Getting%20Started"><span class='d-flex align-items-center'>Get Started<i style="font-size:1rem;" class="ms-2 bi bi-box-arrow-up-right"></i></span></a><a class='mt-2 btn-lg btn btn-outline-primary' href="#demo">Try the demo</a></h6>
<div class="half">
<img class="carousel-img" src="garage.png"/>
</div>
</div>
<div id="showcase" class="full-height alt d-flex align-items-center">
<div class="half">
<img class="carousel-img" src="dashboard.png"/>
</div>
<h6 class="half display-6 text-center">Get an overview of your vehicle expenses<br/><small class="text-secondary">View expenses by year, month, and category</small></h6>
</div>
<div class="full-height d-flex align-items-center">
<h6 class="half display-6 text-center">Plan and track the progress of your To-Do's<br/><small class="text-secondary">Group by type, priority, and progress</small></h6>
<div class="half">
<img class="carousel-img" src="planner.png"/>
</div>
</div>
<div class="full-height alt d-flex align-items-center">
<div class="half">
<img class="carousel-img" src="servicerecord.png"/>
</div>
<h6 class="half display-6 text-center">Track all the work done on your vehicles<br/><small class="text-secondary">Attach documents such as invoices and receipts</small></h6>
</div>
<div class="full-height d-flex align-items-center">
<h6 class="half display-6 text-center">Track the fuel economy of your vehicles<br/><small class="text-secondary">Supports MPG, UK MPG, L/100KM, and KM/L</small></h6>
<div class="half">
<img class="carousel-img" src="fuelmileage.png"/>
</div>
</div>
<div class="full-height alt d-flex align-items-center">
<div class="half">
<img class="carousel-img" src="reminder.png"/>
</div>
<h6 class="half display-6 text-center">Never miss another scheduled maintenance<br/><small class="text-secondary">Set recurring reminders based on date, odometer, or whichever comes first</small></h6>
</div>
<div id="features" class="full-height d-flex align-items-center justify-content-center flex-column">
<h6 class="display-6 mb-3 text-center">Core Features</h6>
<div style="width:100%;" class="d-none d-md-flex row row-cols-1 row-cols-md-3 g-4 justify-content-center">
<div class="col text-center">
<span class="display-6"><i class="bi bi-file-bar-graph"></i></span><br class="d-none d-md-block"/>
<span class="lead">Dashboard</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-bar-chart-steps"></i></span><br class="d-none d-md-block"/>
<span class="lead">Planner</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-card-checklist"></i></span><br class="d-none d-md-block"/>
<span class="lead">Vehicle Records</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-fuel-pump"></i><br class="d-none d-md-block"/>
<span class="lead">Fuel Tracker</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-shop"></i></span><br class="d-none d-md-block"/>
<span class="lead">Supplies</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi bi-bell"></i></span><br class="d-none d-md-block"/>
<span class="lead">Reminders</span>
<main>
<div class="big-container">
<div class="full-height d-flex align-items-center">
<h6 class="display-6 half text-center">Self-Hosted, Open-Source, Unconventionally-Named Vehicle Maintenance Records and Fuel Mileage Tracker<br/><a class='me-2 mt-2 btn btn-lg btn-primary' href="https://docs.lubelogger.com/Installation/Getting%20Started"><span class='d-flex align-items-center'>Get Started<i style="font-size:1rem;" class="ms-2 bi bi-box-arrow-up-right"></i></span></a><a class='mt-2 btn-lg btn btn-outline-primary' href="#demo">Try the demo</a></h6>
<div class="half">
<img class="carousel-img" alt="Image of the Garage tab in LubeLogger showing multiple vehicles in the user's garage along with metrics such as last reported odometer." src="garage.webp"/>
</div>
</div>
<ul style="width:100%;" class="d-block d-md-none">
<li>Dashboard</li>
<li>Planner</li>
<li>Vehicle Records</li>
<li>Fuel Tracker</li>
<li>Supplies</li>
<li>Reminders</li>
</ul>
<h6 class="mt-3 mb-3 display-6 text-center">Other Features<br class="d-none d-md-block"/><small class="d-none d-md-block text-secondary">There's way too many to list, but here's a few we think you'd like</small></h6>
<div style="width:100%;" class="d-none d-md-flex row row-cols-1 row-cols-md-3 g-4 justify-content-center">
<div class="col text-center">
<span class="display-6"><i class="bi bi-newspaper"></i></span><br class="d-none d-md-block"/>
<span class="lead">Professional Vehicle Reports</span>
<div id="showcase" class="full-height alt d-flex align-items-center">
<div class="half">
<img class="carousel-img" alt="Image of the Dashboard tab in LubeLogger showing various metrics such as Expenses by Type, Expense and Distance Traveled by Month, Reminders, and Fuel Mileage by Month." src="dashboard.webp"/>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-people-fill"></i></span><br class="d-none d-md-block"/>
<span class="lead">Multiple Users</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-input-cursor-text"></i></span><br class="d-none d-md-block"/>
<span class="lead">User Customizable Fields</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-upload"></i><br class="d-none d-md-block"/>
<span class="lead">CSV Imports/Exports</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-database-fill-gear"></i></span><br class="d-none d-md-block"/>
<span class="lead">API</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-box-arrow-in-right"></i></span><br class="d-none d-md-block"/>
<span class="lead">Single Sign On</span>
<h6 class="half display-6 text-center">Get an overview of your vehicle expenses<br/><small class="text-secondary">View expenses by year, month, and category</small></h6>
</div>
<div class="full-height d-flex align-items-center">
<h6 class="half display-6 text-center">Plan and track the progress of your To-Do's<br/><small class="text-secondary">Group by type, priority, and progress</small></h6>
<div class="half">
<img class="carousel-img" alt="Image of the Planner tab in LubeLogger showing to-do items in various stages such as Planned, Doing, Testing, and Done." src="planner.webp"/>
</div>
</div>
<ul style="width:100%;" class="d-block d-md-none">
<li>Professional Vehicle Reports</li>
<li>Multiple Users</li>
<li>User Customizable Fields</li>
<li>CSV Imports/Exports</li>
<li>API</li>
<li>Single Sign On</li>
</ul>
</div>
<div id="demo" class="full-height alt d-flex align-items-center">
<div class="half">
<img class="carousel-img" src="demo.png"/>
<div class="full-height alt d-flex align-items-center">
<div class="half">
<img class="carousel-img" alt="Image of the Service Record tab in LubeLogger showing Date, Odometer, Description, Cost, and Notes of each maintenance item." src="servicerecord.webp"/>
</div>
<h6 class="half display-6 text-center">Track all the work done on your vehicles<br/><small class="text-secondary">Attach documents such as invoices and receipts</small></h6>
</div>
<div class="full-height d-flex align-items-center">
<h6 class="half display-6 text-center">Track the fuel economy of your vehicles<br/><small class="text-secondary">Supports MPG, UK MPG, L/100KM, and KM/L</small></h6>
<div class="half">
<img class="carousel-img" alt="Image of the Fuel tab in LubeLogger showing Date Refueled, Odometer, Distance, Consumption, Fuel Economy, Cost, and Unit Cost of each fuel up." src="fuelmileage.webp"/>
</div>
</div>
<div class="full-height alt d-flex align-items-center">
<div class="half">
<img class="carousel-img" alt="Image of the Reminders tab in LubeLogger showing Urgency, Metric, Due Distance, Description, and Notes for urgencies configured." src="reminder.webp"/>
</div>
<h6 class="half display-6 text-center">Never miss another scheduled maintenance<br/><small class="text-secondary">Set recurring reminders based on date, odometer, or whichever comes first</small></h6>
</div>
<div id="features" class="full-height d-flex align-items-center justify-content-center flex-column">
<h6 class="display-6 mb-3 text-center">Core Features</h6>
<div style="width:100%;" class="d-none d-md-flex row row-cols-1 row-cols-md-3 g-4 justify-content-center">
<div class="col text-center">
<span class="display-6"><i class="bi bi-file-bar-graph"></i></span><br class="d-none d-md-block"/>
<span class="lead">Dashboard</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-bar-chart-steps"></i></span><br class="d-none d-md-block"/>
<span class="lead">Planner</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-card-checklist"></i></span><br class="d-none d-md-block"/>
<span class="lead">Vehicle Records</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-fuel-pump"></i><br class="d-none d-md-block"/>
<span class="lead">Fuel Tracker</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-shop"></i></span><br class="d-none d-md-block"/>
<span class="lead">Supplies</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi bi-bell"></i></span><br class="d-none d-md-block"/>
<span class="lead">Reminders</span>
</div>
</div>
<ul style="width:100%;" class="d-block d-md-none">
<li>Dashboard</li>
<li>Planner</li>
<li>Vehicle Records</li>
<li>Fuel Tracker</li>
<li>Supplies</li>
<li>Reminders</li>
</ul>
<h6 class="mt-3 mb-3 display-6 text-center">Other Features<br class="d-none d-md-block"/><small class="d-none d-md-block text-secondary">There's way too many to list, but here's a few we think you'd like</small></h6>
<div style="width:100%;" class="d-none d-md-flex row row-cols-1 row-cols-md-3 g-4 justify-content-center">
<div class="col text-center">
<span class="display-6"><i class="bi bi-newspaper"></i></span><br class="d-none d-md-block"/>
<span class="lead">Professional Vehicle Reports</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-people-fill"></i></span><br class="d-none d-md-block"/>
<span class="lead">Multiple Users</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-input-cursor-text"></i></span><br class="d-none d-md-block"/>
<span class="lead">User Customizable Fields</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-upload"></i><br class="d-none d-md-block"/>
<span class="lead">CSV Imports/Exports</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-database-fill-gear"></i></span><br class="d-none d-md-block"/>
<span class="lead">API</span>
</div>
<div class="col text-center">
<span class="display-6"><i class="bi bi-box-arrow-in-right"></i></span><br class="d-none d-md-block"/>
<span class="lead">Single Sign On</span>
</div>
</div>
<ul style="width:100%;" class="d-block d-md-none">
<li>Professional Vehicle Reports</li>
<li>Multiple Users</li>
<li>User Customizable Fields</li>
<li>CSV Imports/Exports</li>
<li>API</li>
<li>Single Sign On</li>
</ul>
</div>
<div id="demo" class="full-height alt d-flex align-items-center">
<div class="half">
<img class="carousel-img" src="demo.webp"/>
</div>
<h6 class="half display-6 text-center">Try the <a href="https://demo.lubelogger.com" class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover'>demo<i style="font-size:1.5rem;" class="ms-2 bi bi-box-arrow-up-right"></i></a><br/><small class="text-secondary">Login using the username <code>test</code> and password <code>1234</code></small></h6>
</div>
<div class="ll-footer d-flex justify-content-center">
<span class="lead text-center">Proudly developed in <a class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover' href="https://www.visitutah.com/Places-To-Go/Cities-and-Towns/Price" target="_blank">Price Utah</a> by <a class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover' href='mailto:hargatasoftworks@gmail.com'>Hargata Softworks</a></span>
</div>
<h6 class="half display-6 text-center">Try the <a href="https://demo.lubelogger.com" class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover'>demo<i style="font-size:1.5rem;" class="ms-2 bi bi-box-arrow-up-right"></i></a><br/><small class="text-secondary">Login using the username <code>test</code> and password <code>1234</code></small></h6>
</div>
<div class="ll-footer d-flex justify-content-center">
<span class="lead text-center">Proudly developed in <a class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover' href="https://www.visitutah.com/Places-To-Go/Cities-and-Towns/Price" target="_blank">Price Utah</a> by <a class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover' href='mailto:hargatasoftworks@gmail.com'>Hargata Softworks</a></span>
</div>
</div>
</main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

BIN
docs/planner.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

BIN
docs/reminder.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

BIN
docs/servicerecord.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB