ToDo
A loose list on things yet to do with this site
Check Log for things done: https://homeworldlore.net/books/the-site/page/site-updates-and-maintenance-logs
List
List of stuff from ideas with AI
1. Hero Section or Banner
- Where: Update
resources/views/theme/home.blade.php
in your active theme. - How: Add a banner with an image or styled header.
- Use a CSS class for styling, e.g.,
.hero-banner { background: url('/path/to/image.jpg'); height: 300px; ... }
. - Inject
@if
conditions for light/dark mode styles.
2. Menu & Navigation
- Customizing Navigation:
- Adjust in the
base.blade.php
template for universal changes. - Use the sidebar or header containers to place icons or custom buttons.
- For mobile, ensure your
.mobile-menu-toggle
styles are clean and responsive.
- Adjust in the
- Quick Link Sections:
- Modify the
resources/views/theme/home.blade.php
to create collapsible or expandable menus.
- Modify the
3. Typography
- Where: Add global CSS in
theme.css
or inject font styles in the theme files. - How: Use Google Fonts:
- Set font-size hierarchy directly in CSS:
4. Custom Sections
- Where: Modify
home.blade.php
for custom layouts. - How:
- Add cards or panels manually using Bootstrap or custom CSS grids.
- Example:
- Style
.feature-item
in your CSS file.
5. Theme & Colors
- Where:
theme.css
for global light/dark mode changes. - How:
- Use CSS variables:
- Apply to styles:
6. Interactive Features
- Search Bar: Already built into BookStack but can be repositioned or styled in the templates.
- Carousels: Use Bootstrap or custom JavaScript in the theme files.
7. Mobile Optimization
- Where: CSS, especially for the
.mobile-menu-toggle
or responsive grid layouts. - How: Use
@media
queries to adjust layouts:
8. Graphics
- Use icons, logos, or watermarks by embedding
<img>
tags in the Blade templates. - Optimize SVG files for scalable designs.
9. Footer
- Where: Add or modify in
base.blade.php
. - Example:
10. Consistency
- Audit CSS to ensure no overlap of redundant styles.
- Use shared CSS classes for repeatable elements (e.g., buttons, headers).