Add favicon guide and import package
This commit is contained in:
parent
fabdc5069a
commit
2005f2f49b
|
|
@ -0,0 +1,57 @@
|
||||||
|
# 🎨 Favicon for Homarr
|
||||||
|
|
||||||
|
## Option 1: Use Homarr's Default Favicon
|
||||||
|
Homarr comes with its own favicon - nothing to do!
|
||||||
|
|
||||||
|
## Option 2: Custom Favicon
|
||||||
|
|
||||||
|
### Upload Custom Favicon in Homarr:
|
||||||
|
```
|
||||||
|
Settings → Appearance → Favicon
|
||||||
|
Upload your favicon file
|
||||||
|
```
|
||||||
|
|
||||||
|
### Recommended Favicon Sources:
|
||||||
|
|
||||||
|
**Homarr Logo (Official):**
|
||||||
|
- Use the default - it looks great!
|
||||||
|
|
||||||
|
**Custom Logo:**
|
||||||
|
Create an SVG or use an icon from:
|
||||||
|
- https://fontawesome.com/
|
||||||
|
- https://heroicons.com/
|
||||||
|
- https://iconoir.com/
|
||||||
|
|
||||||
|
### Quick Custom Favicon
|
||||||
|
|
||||||
|
1. Go to: https://favicon.io/favicon-generator/
|
||||||
|
2. Text: "H" or "L" (for lemonlink)
|
||||||
|
3. Background: Rounded
|
||||||
|
4. Font: Bold
|
||||||
|
5. Colors:
|
||||||
|
- Background: #6366f1 (Indigo)
|
||||||
|
- Text: White
|
||||||
|
6. Download and upload to Homarr
|
||||||
|
|
||||||
|
## Option 3: Use lemonlink.eu Favicon
|
||||||
|
|
||||||
|
If you have a favicon at lemonlink.eu:
|
||||||
|
```
|
||||||
|
Settings → Appearance → Favicon URL
|
||||||
|
Enter: https://lemonlink.eu/favicon.ico
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🚀 I Can Generate One For You
|
||||||
|
|
||||||
|
Want me to create a custom favicon command?
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Create a simple favicon using ImageMagick
|
||||||
|
convert -size 128x128 xc:'#6366f1' \
|
||||||
|
-pointsize 80 -fill white -gravity center \
|
||||||
|
-annotate +0+0 "H" favicon.png
|
||||||
|
```
|
||||||
|
|
||||||
|
Or use an online generator and upload it!
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
Homarr 1.0 Import Package
|
||||||
|
=========================
|
||||||
|
|
||||||
|
This package contains pre-configured boards for Homarr 1.0+.
|
||||||
|
|
||||||
|
HOW TO IMPORT:
|
||||||
|
==============
|
||||||
|
|
||||||
|
1. In Homarr, go to the onboarding screen or:
|
||||||
|
Profile → Manage → Tools → Migrate to 1.0
|
||||||
|
|
||||||
|
2. Select "Import from Homarr before 1.0"
|
||||||
|
|
||||||
|
3. Upload this ZIP file
|
||||||
|
|
||||||
|
4. Select what to import:
|
||||||
|
☑ Boards
|
||||||
|
☑ Apps
|
||||||
|
☑ Settings
|
||||||
|
|
||||||
|
5. Complete the import
|
||||||
|
|
||||||
|
BOARDS INCLUDED:
|
||||||
|
================
|
||||||
|
|
||||||
|
1. Main Dashboard (Public)
|
||||||
|
- Clock with date
|
||||||
|
- Weather widget
|
||||||
|
- 3 RSS feed widgets (Homelab, Cyber, Tech)
|
||||||
|
- 10 quick link apps
|
||||||
|
|
||||||
|
2. System Overview (Private)
|
||||||
|
- Full-screen Dash. system monitor
|
||||||
|
|
||||||
|
3. Infrastructure (Private)
|
||||||
|
- System monitor widget
|
||||||
|
- 13 infrastructure apps
|
||||||
|
|
||||||
|
AFTER IMPORT:
|
||||||
|
=============
|
||||||
|
|
||||||
|
1. Update your server IP in System Overview board:
|
||||||
|
- Edit the iFrame widget
|
||||||
|
- Change URL from YOUR-SERVER-IP to your actual IP
|
||||||
|
|
||||||
|
2. Update weather location:
|
||||||
|
- Edit Weather widget in Main Dashboard
|
||||||
|
- Change from "Stockholm, Sweden" to your location
|
||||||
|
|
||||||
|
3. Update app URLs:
|
||||||
|
- Edit each app to match your domain/subdomains
|
||||||
|
- Change "lemonlink.eu" to your domain
|
||||||
|
|
||||||
|
4. Apply custom CSS:
|
||||||
|
- Go to each board → Settings → Appearance
|
||||||
|
- Paste CSS from config/custom-boards.css
|
||||||
|
|
||||||
|
Enjoy your dashboard! 🚀
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||||
|
<stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
|
||||||
|
<stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<rect width="100" height="100" rx="20" fill="url(#grad)"/>
|
||||||
|
<text x="50" y="70" font-family="Arial, sans-serif" font-size="50" font-weight="bold" text-anchor="middle" fill="white">H</text>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 510 B |
|
|
@ -0,0 +1 @@
|
||||||
|
PNG
|
||||||
Loading…
Reference in New Issue