diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 9f2f49e..92705f2 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -35,6 +35,10 @@ width: calc(100% - var(--margin) * 2); } + @media screen and (max-width: 750px) { + padding-top: 0; + } + /* @media screen and (max-width: 750px) { main { --margin: 1rem; @@ -44,5 +48,6 @@ display: none; } } + */ } diff --git a/src/routes/sites/+page.svelte b/src/routes/sites/+page.svelte index 83c97a0..bbffe8a 100644 --- a/src/routes/sites/+page.svelte +++ b/src/routes/sites/+page.svelte @@ -14,34 +14,80 @@ const sites: Array = [ { title: 'Grafana', - image: - 'https://www.stackhero.io/assets/src/images/servicesLogos/openGraphVersions/grafana.png', + image: '/images/grafana.png', link: 'https://grafana.schleppe.cloud', - background: '#082448', - color: 'white' + background: '#F5E3DC', + color: '#F05A24' }, { title: 'Prometheus', - image: 'https://prometheus.io/_next/static/media/prometheus-logo.7aa022e5.svg', - link: 'http://prome.schleppe:9090' + image: '/images/prometheus.svg', + link: 'http://prome.schleppe:9090', + background: '#262221', + color: '#F3BFA2' }, { title: 'Traefik', - image: 'https://storage.googleapis.com/schleppe-files/Traefik.logo_shape_bordered.png', + image: '/images/traefik.png', link: 'https://grafana.schleppe.cloud', background: '#30A4C2', - color: '#343A40' + color: 'white' }, { title: 'Kibana', - image: 'https://marketplace-assets.digitalocean.com/logos/sharklabs-kibana.svg', - link: 'https://kibana.schleppe.cloud' + image: '/images/kibana.svg', + link: 'https://kibana.schleppe.cloud', + background: '#f6cfdd', + color: '#401C26' }, { title: 'HASS', - image: - 'https://upload.wikimedia.org/wikipedia/en/thumb/4/49/Home_Assistant_logo_%282023%29.svg/2048px-Home_Assistant_logo_%282023%29.svg.png', - link: 'http://homeassistant.schleppe:8123' + image: '/images/hass.png', + link: 'http://homeassistant.schleppe:8123', + background: '#1ABCF2', + color: 'white' + }, + { + title: 'Vault', + image: '/images/vault.svg', + link: 'http://vault.schleppe:8200', + background: 'white', + color: 'black' + }, + { + title: 'Drone', + image: '/images/drone.png', + link: 'https://drone.schleppe.cloud', + background: '#D8E2F0', + color: '#1E375A' + }, + { + title: 'Immich', + image: '/images/immich.png', + link: 'http://immich.schleppe:2283', + background: 'white', + color: 'black' + }, + { + title: 'Wiki', + image: '/images/xwiki.png', + link: 'https://wiki.schleppe.cloud', + background: 'white', + color: 'black' + }, + { + title: 'Gitea', + image: '/images/gitea.png', + link: 'https://git.schleppe.cloud', + background: '#E6E7D7', + color: '#609925' + }, + { + title: 'PBS', + image: '/images/proxmox.png', + link: 'https://clio.schleppe:8007', + background: '#EDE1D2', + color: '#E66B00' } ]; @@ -84,5 +130,13 @@ .section-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); + + @media screen and (max-width: 1000px) { + grid-template-columns: repeat(3, 1fr); + } + + @media screen and (max-width: 750px) { + grid-template-columns: repeat(2, 1fr); + } } diff --git a/static/images/drone.png b/static/images/drone.png new file mode 100644 index 0000000..fc7d18f Binary files /dev/null and b/static/images/drone.png differ diff --git a/static/images/gitea.png b/static/images/gitea.png new file mode 100644 index 0000000..75ea7df Binary files /dev/null and b/static/images/gitea.png differ diff --git a/static/images/grafana.png b/static/images/grafana.png new file mode 100644 index 0000000..3f3fa78 Binary files /dev/null and b/static/images/grafana.png differ diff --git a/static/images/hass.png b/static/images/hass.png new file mode 100644 index 0000000..875b0c6 Binary files /dev/null and b/static/images/hass.png differ diff --git a/static/images/immich.png b/static/images/immich.png new file mode 100644 index 0000000..00124fb Binary files /dev/null and b/static/images/immich.png differ diff --git a/static/images/kibana.svg b/static/images/kibana.svg new file mode 100644 index 0000000..26a20ad --- /dev/null +++ b/static/images/kibana.svg @@ -0,0 +1 @@ + diff --git a/static/images/prometheus.svg b/static/images/prometheus.svg new file mode 100644 index 0000000..c4788da --- /dev/null +++ b/static/images/prometheus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/proxmox.png b/static/images/proxmox.png new file mode 100644 index 0000000..3e7e91d Binary files /dev/null and b/static/images/proxmox.png differ diff --git a/static/images/traefik.png b/static/images/traefik.png new file mode 100644 index 0000000..58b67b9 Binary files /dev/null and b/static/images/traefik.png differ diff --git a/static/images/vault.svg b/static/images/vault.svg new file mode 100644 index 0000000..880ebf3 --- /dev/null +++ b/static/images/vault.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/xwiki.png b/static/images/xwiki.png new file mode 100644 index 0000000..cd9043a Binary files /dev/null and b/static/images/xwiki.png differ