Share your homepage

[javijuji]

Anyone up for showing their homepage? Would like to see different ways of organizing apps. I'll start with mine

[henryxrl]

Here's mine:

[henryxrl]

So this docker runs on a VM in Proxmox. The reason I can see the NAS storage is that I set up a shared folder with unlimited storage quota to the VM. In this case, it just shows the entire possible storage space of the NAS.

[dinjojo]

Can you share your yaml flies ?

[mfwadejr]

Would you mind telling me how you were able to get NGINX Proxy Manager stats to show? Share excerpt from yaml file (without username/pass, etc.) Every attempt by me fails.

BTW, great looking page!

[Relax427]

Would you mind telling me how you were able to get NGINX Proxy Manager stats to show? Share excerpt from yaml file (without username/pass, etc.) Every attempt by me fails.

    - NGINX Proxy Manager:
        icon: nginxproxymanager
        href: http://192.168.1.xxx:81
        description: 
        server: docker #setup in docker.yaml
        container: npm
        widget:
            type: npm
            url: http://192.168.1.xxx:81
            username: 
            password: 

Edit: username/password is a new user I added in the nginx web gui that has view only rights for everything.

[martirale]

@mfwadejr Were you able to solve your problem? I had the same problem but unlike Relax427, I have NGINX Proxy Manager (NPM) installed as a container in Proxmox. The thing is that I discovered what the problem was (in my case, of course) and it was the password of my NPM user. My password had special characters and that generated the error. By changing it to one that only contains letters (upper and lower case) and numbers without special characters, the NPM widget worked immediately. In case the information is useful to you.

[sgastol]

Mine:

[dinjojo]

Can you also attach your yaml files

[netsec007]

How did you get rid of the logo at the top left?

[Tokukarin]

[Tokukarin]

Not yet completely finished.

[IIIdefconIII]

do you wanne share you wallpaper? loos nice, just for trial and error

[Tokukarin]

@IIIdefconIII

background: https://images.unsplash.com/photo-1672288072591-619afe830096?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80
backgroundOpacity: 0.5

Edit: Link got cut off, fixed it.
Edit 2: Also in addition:

theme: dark
color: slate
headerStyle: underlined

[javijuji]

Made some changes. Did anyone manage to get a double column for a single category?

[IIIdefconIII]

Please tag me too if you found a solution. I couldn't get it till now

[nebberz]

Started using Homepage a couple days ago, big fan so far!

[ekalp]

Noted you have Docker/2/3, are these portainer instances with the docker-moby icon, or native calls into Docker for status?

[IIIdefconIII]

[Dhruvp25]

i just added fields few mins ago but the problem is occuring since i deployed on homepage.
Yes i read and followed all the commands as per both homepage instructions and portainer token key as example - "prt_sadsadsdasd="
and env was 2 for me.

[ksgriggs]

The only allowed fields for the portainer widget are ["running", "stopped", "total"]

[gazoscalvertos]

You can do this by modifying your custom.css and custom.js this is how I've hacked it together:

custom.css

#widgets-wrap .information-widget-logo:hover {
    cursor: pointer;
}

custom.js

setTimeout(() => {
    // Select the image element based on its source attribute ending with "home-assistant.png"
    const image = document.querySelector('img[src$="home-assistant.png"]');
    // Add a click event listener to the matching image
    if (image) {
        image.addEventListener('click', function() {
            // Redirect the user to the specified URL
            // Open the URL in a new tab
            window.open('http://[ADD YOUR URL HERE], '_blank');
        });
    }
}, 1000);

This is a workaround as the script waits a second before making the link clickable. I might open a pull request to add a proper href option

[gazoscalvertos]

[xJylin]

in widgets.yaml:

oh, it's just a logo, ok. I assumed it was a clickable entity. Thanks.

you can actually add a hyperlink to it via the custom.js file

function addHyperLinkToHeaderLogo(iconName, url) {
    const targetNode = document.getElementById("information-widgets");
    dataNode = targetNode.querySelector('img[alt="logo"][src*="'+iconName+'"]');
	newOuterHTML = '<a href="'+url+'">' + dataNode.outerHTML+ '</a>';
	dataNode.outerHTML=newOuterHTML;
    console.log("Adding URL for header logo: "+iconName);
}

addHyperLinkToHeaderLogo("your_icon", "https://your-url/");

I also opened a feature request for this to avoid having to post-process the html via custom.js here

[mfwadejr]

I just added a path in Unraid. All the other icons I have work just fine, only a select few don’t. Does anyone know what the max size the icon can be? <img width="803" alt="Screenshot 2023-02-15 at 4 21 17 PM" src="https://user-images.githubusercontent.com/125498560/219178343-258e69cb-f81c-4006-b4df-2b66b0a73b90.png"> 

…

On Feb 15, 2023, at 4:16 PM, IIIdefconIII ***@***.***> wrote: for me the custom icons are also not working, just the default one, while in the original uptime page it does shows icons. maybe we should make a pr for this. icon: /icons/deconz.png and mount that icons folder as a volume in the docker compose volumes: - $DOCKERDIR/homepage/images:/app/public/images - $DOCKERDIR/homepage/icons:/app/public/icons — Reply to this email directly, view it on GitHub <#473 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A55PJQAXJAWFPO5XFSTSRWLWXVBTPANCNFSM6AAAAAARTWEOBU>. You are receiving this because you commented.

[IIIdefconIII]

for some reason i have to restart homepage 2 times then with a ctrl+f5 its working

[IIIdefconIII]

[IIIdefconIII]

Uptime kuma is also free and doesn’t take a lot resources. But thanks for the notice From: Zeno ***@***.***> Sent: donderdag 16 februari 2023 16:02 To: benphelps/homepage ***@***.***> ***@***.***>; Manual ***@***.***> Subject: Re: [benphelps/homepage] Share your homepage (Discussion #473) why should i change while uptime kuma does the job perfectly? It's free, you don't have to sacrifice resources and you can get notifications even when your whole system is down. I am not saying you have to, I just recommended it because of the advantages above :) — Reply to this email directly, view it on GitHub<#473 (reply in thread)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/ACLVJW245RSYP2MDUJ3APLLWXY6M3ANCNFSM6AAAAAARTWEOBU>. You are receiving this because you are subscribed to this thread.Message ID: ***@***.******@***.***>>

[IIIdefconIII]

you right, it was only free for 5 sources/slugs.. falled back to internal ping

[Tokukarin]

@IIIdefconIII I only use 3/5, it's a one time setup and forget it thing, and when I fuck something up without noticing it, then I immediately get a telegram message.
But use whatever you like :)

[Tokukarin]

P.S. you might wanna censor your full name from this post.

[IIIdefconIII]

Thanks

[Twit123]

Just started using this a couple of days ago, I'm impressed so far.

[lokiiiii]

Really clean !
May I ask how do you get the grey icons ? Is it a parameter in your config files or did you just modified the icons directly and then specify their paths in your services.yaml ?
Thanks =)

[Twit123]

Hi,

I just modified the the icons directly and specified thier path.

Simon

[mmillner99]

Can I ask what code you used to move the search bar to another line? thx in advance!
-Mike

[alexdelprete]

Just completed the configuration...still tinkering with some things, but I like it:

[Relax427]

Looks very nice.

How do you configure widgets.yaml to see resources from what I assume are remote cpus?

[Tokukarin]

You can use the Proxmox API for it.
Edit:
Or the glances widget like alex wrote below

[alexdelprete]

You can use the Proxmox API for it.

Not on the widgets. These are the available ones:

[mrtargaryen]

How do you see resources widgets on each of those? I would really like to do this.

[Vctrsnts]

Hi.
Can you explain who put six controls ( PVE1, PVE2, PBS, NAS, etc... ) and next the search box?
Because I trying and not very well
Thanks a lot

[alexdelprete]

It's through Glances: https://gethomepage.dev/en/widgets/glances/

You need to install Glances and run it in web server mode on each server you want CPU/RAM info from: -w, --webserver - run Glances in web server mode (bottle needed)

I installed it as a daemon on each server, following this: https://github.com/nicolargo/glances/wiki/Start-Glances-through-Systemd

I hope devs will implement getting also disk info from Glances.

[Relax427]

I got it working, thank you very much.

Is there a way to see an "expanded" glances like with resources?

For anyone else on Debian 11 from scratch:

Installed python3 and pip:

sudo apt install python3 python3-dev python3-jinja2 python3-psutil python3-setuptools psensor psensor-server python3-pip lm-sensors -y

Installed bottle for web server:

sudo pip install bottle

Installed glances:

sudo pip3 install glances

Verified install:

sudo glances --version

Created new unit file glances.service:

sudo echo '[Unit]
Description=Glances
After=network.target

[Service]
ExecStart=/usr/local/bin/glances -w
Restart=on-abort
RemainAfterExit=yes

[Install]
WantedBy=multi-user.target' > /etc/systemd/system/glances.service

Enable unit:

sudo systemctl enable glances.service

Start service:

sudo systemctl start glances.service

[ArbiterGR]

Here's mine. I love homepage so far! Switched from Homer.

[spydermixx]

Looks good! Could you share how you've set up your YAML config to get the extra metrics under your Unraid entry please?

[dfatih]

Would love to see it as well. thinking about switching from homarr but this seems quiet a bit of configuration.

[A-Void-Me]

I love homepage, thanks for this project. many ideas to steal from this thread ;)

[benjamin051000]

I see firewatch background, I upvote

[mariusdmm]

Can you please tell me how you put those icons on Media/SmartHome/Server?

[OberfragGER]

Thats a category. So you habe to put that in you settings.yaml.

[mariusdmm]

layout:
Media:
    icon: mega-nz.png
    header: true
    headerStyle: boxedWidgets
    useEqualHeights: true # overrides global setting
    style: row
    columns: 2

I put an icon like this and it doesn't display it.

[crispybegs]

i've tried quite a few dashboards but this is the best by far. thanks @benphelps

[Rabenherz112]

Homepage is for sure awesome for making some good-looking dashboards!

[crispybegs]

what are the 'fileshare' widgets you've got going on there?

[Rabenherz112]

Those are Synology NAS which I have
https://gethomepage.dev/en/services/diskstation/

[Jas-SinghFSU]

Are you using Shlink as your URL shortener? Trying to find one with a more modern UI but none seems as complete as Shlink. Maybe that's a sign to give up and give shlink some respect lol.

[mrtargaryen]

My updated page:

[BulldozerPete]

@mrtargaryen If I label each resource, my boxes have always spaces in between. How did you resolved that issue?

[mrtargaryen]

@BulldozerPete ... Here are the widgets, settings, and services 👍🏻

settings.yaml.txt
services.yaml.txt
widgets.yaml.txt

[BulldozerPete]

I am still struggling to move my calendar to the right.
It should look like this:

Apps. Calendar
Plex.
Kavita
...

[mariusdmm]

Does anyone know how to reduce that space with yellow between services and bookmarks?

[l1ghtt]

so check margins/paddings upper/lower element.

[mariusdmm]

so check margins/paddings upper/lower element.

Your right. Here are the results.

[l1ghtt]

Edit them, with custom.css as you wish.

[mariusdmm]

Edit them, with custom.css as you wish.

easy to say

[l1ghtt]

try

#bookmarks {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
}

https://www.w3schools.com/css/default.asp

FYI I'm using layout in settings.yml and I don't have so much big empty spaces between sections.

layout:
    Other:
    Social:
    Entertainment:
    Torrent: 
    Proxmox status:
      style: row
      columns: 5
    System management:
      style: row
      columns: 3
    Network:
      style: row
      columns: 3
    Media:
      style: row
      columns: 3
    Downloaders:
    Monitoring:

[l1ghtt]

work in progress...

[l1ghtt]

https://pve.proxmox.com/pve-docs/api-viewer/

[mrtargaryen]

https://pve.proxmox.com/pve-docs/api-viewer/

What section should I be looking at with this link? Thanks for your help.

[RomainD2]

Hi, I tried to use this custom proxmox api, but when I try to access to the proxmox status link :
https://192.168.2.xx:80xx/api2/json/nodes/proxmox/status

I have {"data":null} answer !

Is there is something to do to activate proxmox api to have data ?

Thanks

[tehniemer]

@l1ghtt did you do anything to add the Proxmox SSL cert to the trusted certificates of the Homepage container? I'm getting HTTP errors in Homepage.

If I curl -H 'Authorization: PVEAPIToken=<ID>=<SECRET>' https://phpve01.home:8006/api2/json/nodes/phpve01/status/ I'm returned

curl: (60) SSL certificate problem: unable to get local issuer certificate
More details here: https://curl.se/docs/sslcerts.html

curl failed to verify the legitimacy of the server and therefore could not
establish a secure connection to it. To learn more about this situation and
how to fix it, please visit the web page mentioned above.

But if I curl -k -H 'Authorization: PVEAPIToken=<ID>=<SECRET>' https://phpve01.home:8006/api2/json/nodes/phpve01/status/ I'm returned good data.

[bignay2000]

Submitted a feature request to get the proxmox widget updated
#4248

[dukeseb]

[dukeseb]

i just wish i could get white versions of some of my icons

[Hackashaq666]

i just wish i could get white versions of some of my icons

I use freeware, Irfanview, to invert the color of black icons to make white.

[DroningOn75]

Simple compared to most…

[dukeseb]

What widget is that u are using to monitor warnings and critical on your servers

[DroningOn75]

I use netdata.cloud and have installed the agents on my servers & RasPi’s…. Home/community use is free for up to 5 nodes/PC…. Way too much info for me :)

[DroningOn75]

services.yaml

- NetData:
    - Server 1:
        icon: netdata.svg
        href: http://192.168.50.10:19999
        description: Dell Optiplex 3050 4x Intel i5-7500T CPU @ 2.70GHz
        widget:
          type: customapi
          url: http://192.168.50.10:19999/api/v1/info
          mappings:
            - field:
                alarms: warning
              label: Warnings
              format: number
            - field:
                alarms: critical
              label: Criticals
              format: number

[pelyib]

@DroningOn75
I'm interested in the Asus router widget. Can you please share it? Thanks!
i guess it is something custom

I'm about to create one with the chart integration from the Glances widget

[tdtgit]

A lot of custom APIs but still WIP.

[tdtgit]

The latest one

[tdtgit]

[zoixc]

Could you please share how did you managed to get two columns for Ping widgets in the Network category? It looks like there are three rows with 3, 4 and 3 widgets respectively.

[tdtgit]

I use some custom CSS for this. You have to set ID for the widget first, and the name you can refer in my screenshot:

@media (min-width: 640px) {
    ul:has(li[data-name="Mikrotik"]) {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    ul:has(li[data-name="Gemini CPU"]),
    ul:has(li[data-name="Aquarius CPU"]) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #gemini-memory,
    #aquarius-memory {
        grid-column-start: 1;
        grid-row-start: 2;
    }

    #aquarius-memory {
        grid-column-start: 2;
    }

    #aruba,
    /* #aruba2530, */
    #ups {
        grid-row: span 2 / span 2;
        grid-column: unset !important;
    }
}

[Mlearn]

[Kribensisis]

Here's mine. A bit of custom CSS, but nothing major. Portainer does the Dockge widget.

[brypie]

Hi.
Can you explain how you got the Dockge widget?

Thanks

[DroningOn75]

Hi Botond, its a bit of a workaround tbh, i could never find a way to get the asus router to report directly to Gethompage, those metrics are actually being polled from Home Assistant via the HACS plugin 'Asusrouter' works great tbh but the 0.32.1 update broke the decimal place and im getting huge readings that im yet to fix ie... 0.00000000000000 Mbit/s ie - HomeAssistant: - ASUS TUF-AX6000: icon: asus.png href: http://192.168.1.1/index.asp #link to router Admin webGui description: Internet Router and WiFi access point widget: type: homeassistant url: http://ha.home:8123 key: ########################################## custom: - state: sensor.tuf_ax6000_wan_download_speed label: Download Speed - state: sensor.tuf_ax6000_wan_upload_speed label: Upload Speed - state: sensor.tuf_ax6000_connected_devices label: Connected Devices

…

On Tue, 1 Oct 2024 at 20:27, Botond Pelyi ***@***.***> wrote: @DroningOn75 <https://github.com/DroningOn75> I'm interested in the Asus router widget. Can you please share it? Thanks! i guess it is something custom I'm about to create one with the chart integration from the Glances <https://gethomepage.dev/widgets/services/glances/> widget — Reply to this email directly, view it on GitHub <#473 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A5BBTEVI3OLIHGRS2G5D2UTZZLZTRAVCNFSM6AAAAAARTWEOBWVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTAOBRGI4TGNY> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[pelyib]

Thanks for sharing,
i don't use HA. I found this article (network bandwidth section), i will implement the same in JS

[remussamoila]

Here is my homepage

and monitoring tab

[BeeTwenty]

[nsrafk]

I'll share a somewhat basic one here. I do not like all the blurring/background image stuff :)

[gouthamravee]

Do you mind posting your yaml please?

[bignay2000]

Looking for a better way to show disks and disk stats

My hosts are Debian and have a mix of NVMe, SSD and Hard Drive storage.

Anyone have a widget recommendation?

[bignay2000]

I was able to add disks via Glances Widget

[bignay2000]

Heres mine

services.yaml.txt