[add] logo & banner, [fix] mobile alignment issue
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Evan Reichard 2023-11-05 13:15:22 -05:00
parent a8bcd0f588
commit 22d804295c
8 changed files with 20 additions and 11 deletions

View File

@ -1,8 +1,7 @@
<h1 align="center">AnthoLume</h1> <img align="center" src="https://gitea.va.reichard.io/evan/AnthoLume/raw/branch/master/banner.png">
<p align="center">Track and Illuminate Your Reading Journey</p>
<p align="center"> <p align="center">
<a href="https://gitea.va.reichard.io/evan/AnthoLume/src/branch/master/screenshots/web/README.md">Web App</a> - <a href="https://gitea.va.reichard.io/evan/AnthoLume/src/branch/master/screenshots/pwa/README.md">PWA</a> <a href="https://gitea.va.reichard.io/evan/AnthoLume/src/branch/master/screenshots/web/README.md">Web App</a> <a href="https://gitea.va.reichard.io/evan/AnthoLume/src/branch/master/screenshots/pwa/README.md">PWA</a>
</p> </p>
<p align="center"> <p align="center">
@ -24,7 +23,7 @@
</p> </p>
<p align="center"><strong><a href="https://antholume-demo.cloud.reichard.io/">Demo Server</a></strong></p> <p align="center"><strong><a href="https://antholume-demo.cloud.reichard.io/">Demo Server</a></strong></p>
<p align="center"><strong>user:</strong> demo <strong>pass:</strong> demo</p> <p align="center"><strong>user:</strong> demo <strong>pass:</strong> demo</p>
<p align="center"> <p align="center">
<a href="https://drone.va.reichard.io/evan/AnthoLume" target="_blank"> <a href="https://drone.va.reichard.io/evan/AnthoLume" target="_blank">

BIN
assets/icons/icon512.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

View File

@ -1,8 +1,17 @@
{ {
"short_name": "AnthoLume",
"name": "AnthoLume", "name": "AnthoLume",
"short_name": "AnthoLume",
"lang": "en-US",
"theme_color": "#1F2937", "theme_color": "#1F2937",
"display": "standalone", "display": "standalone",
"scope": "/", "scope": "/",
"start_url": "/" "start_url": "/",
"icons": [
{
"purpose": "any",
"sizes": "512x512",
"src": "/assets/icons/icon512.png",
"type": "image/png"
}
]
} }

File diff suppressed because one or more lines are too long

View File

@ -63,6 +63,7 @@ const PRECACHE_ASSETS = [
"/reader", "/reader",
"/assets/local/index.js", "/assets/local/index.js",
"/assets/reader/index.js", "/assets/reader/index.js",
"/assets/icons/icon512.png",
"/assets/images/no-cover.jpg", "/assets/images/no-cover.jpg",
"/assets/reader/readerThemes.css", "/assets/reader/readerThemes.css",

BIN
banner.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

BIN
banner.xcf Normal file

Binary file not shown.

View File

@ -127,16 +127,16 @@
<body class="bg-gray-100 dark:bg-gray-800"> <body class="bg-gray-100 dark:bg-gray-800">
<div class="flex items-center justify-between w-full h-16"> <div class="flex items-center justify-between w-full h-16">
<div id="mobile-nav-button" class="flex flex-col z-40 relative ml-6"> <div id="mobile-nav-button" class="flex flex-col z-40 relative ml-6">
<input type="checkbox" class="absolute lg:hidden z-50 -top-2 w-7 h-7 flex cursor-pointer opacity-0 w-12 h-12" /> <input type="checkbox" class="absolute lg:hidden z-50 -top-2 w-7 h-7 flex cursor-pointer opacity-0" />
<span class="lg:hidden bg-black w-7 h-0.5 z-40 mt-0.5 dark:bg-white"></span> <span class="lg:hidden bg-black w-7 h-0.5 z-40 mt-0.5 dark:bg-white"></span>
<span class="lg:hidden bg-black w-7 h-0.5 z-40 mt-1 dark:bg-white"></span> <span class="lg:hidden bg-black w-7 h-0.5 z-40 mt-1 dark:bg-white"></span>
<span class="lg:hidden bg-black w-7 h-0.5 z-40 mt-1 dark:bg-white"></span> <span class="lg:hidden bg-black w-7 h-0.5 z-40 mt-1 dark:bg-white"></span>
<div id="menu" class="fixed -ml-6 h-full w-56 lg:w-48 bg-white dark:bg-gray-700 shadow-lg"> <div id="menu" class="fixed -ml-6 h-full w-56 lg:w-48 bg-white dark:bg-gray-700 shadow-lg">
<div class="h-16 flex justify-end lg:justify-around"> <div class="h-16 flex justify-end lg:justify-around">
<p class="text-xl font-bold dark:text-white text-right my-auto pr-4 lg:pr-0">AnthoLume</p> <p class="text-xl font-bold dark:text-white text-right my-auto pr-8 lg:pr-0">AnthoLume</p>
</div> </div>
<div class="mt-6"> <div>
<a <a
class="flex items-center justify-start w-full p-2 pl-6 my-2 transition-colors duration-200 border-l-4 {{if eq .RouteName "home"}}border-purple-500 dark:text-white{{else}}border-transparent text-gray-400 hover:text-gray-800 dark:hover:text-gray-100{{end}}" class="flex items-center justify-start w-full p-2 pl-6 my-2 transition-colors duration-200 border-l-4 {{if eq .RouteName "home"}}border-purple-500 dark:text-white{{else}}border-transparent text-gray-400 hover:text-gray-800 dark:hover:text-gray-100{{end}}"
href="/" href="/"