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