Adding the right images and changing some descriptions.
This commit is contained in:
Douwe
+36
-20
@@ -259,20 +259,28 @@
|
||||
<div class="service-section">
|
||||
<div class="service-selector">
|
||||
<button class="service-selector-item selected" data-name="Wattif"
|
||||
data-description="Energy monitoring and analysis tool for smart homes."
|
||||
data-description="Fluvius-data-based simulator: see how installing a heat pump or battery would change your consumption pattern."
|
||||
data-url="https://wattif.douwco.be" data-image="/assets/img/wattif_screenshot.png">
|
||||
<span class="service-selector-icon" style="--icon-bg: #7d3c98;">
|
||||
<img src="/assets/img/wattif_screenshot.png" alt="Wattif logo">
|
||||
<img src="/assets/img/logos/wattif-icon.png" alt="Wattif logo">
|
||||
</span>
|
||||
<span class="service-selector-label">Wattif</span>
|
||||
</button>
|
||||
<button class="service-selector-item" data-name="Findash"
|
||||
data-description="A self-hosted finance dashboard for tracking and analysing my personal spending."
|
||||
data-url="https://findash.douwco.be" data-image="/assets/img/findash_dashboard.svg">
|
||||
<span class="service-selector-icon" style="--icon-bg: #3fb950;">
|
||||
<img src="/assets/img/findash_dashboard.svg" alt="Findash logo">
|
||||
<button class="service-selector-item" data-name="Proostenkrant"
|
||||
data-description="A family newspaper where every family member writes about their life, printed every season for the grandparents to read."
|
||||
data-url="https://proostenkrant.douwco.be" data-image="/assets/img/proostenkrant_screenshot.png">
|
||||
<span class="service-selector-icon" style="--icon-bg: #8d6e63;">
|
||||
<img src="/assets/img/logos/proostenkrant-icon.png" alt="Proostenkrant logo">
|
||||
</span>
|
||||
<span class="service-selector-label">Findash</span>
|
||||
<span class="service-selector-label">Proostenkrant</span>
|
||||
</button>
|
||||
<button class="service-selector-item" data-name="Dadel"
|
||||
data-description="Dashboard for the sensors in my garden, fed by a solar-powered ESP32-C6 hub that syncs whenever I come near it with my phone's hotspot on."
|
||||
data-url="https://dadel.douwco.be" data-image="/assets/img/dadel_screenshot.png">
|
||||
<span class="service-selector-icon" style="--icon-bg: #558b2f;">
|
||||
<img src="/assets/img/logos/dadel-icon.png" alt="Dadel logo">
|
||||
</span>
|
||||
<span class="service-selector-label">Dadel</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="service-detail">
|
||||
@@ -281,7 +289,8 @@
|
||||
</div>
|
||||
<div class="service-info">
|
||||
<h2 class="service-title">Wattif</h2>
|
||||
<p class="service-description">Energy monitoring and analysis tool for smart homes.</p>
|
||||
<p class="service-description">Fluvius-data-based simulator: see how installing a heat pump or
|
||||
battery would change your consumption pattern.</p>
|
||||
<a href="https://wattif.douwco.be" target="_blank" rel="noopener"
|
||||
class="go-to-app-button">Go to App</a>
|
||||
</div>
|
||||
@@ -294,35 +303,43 @@
|
||||
<div class="service-section" data-visit-label="Visit">
|
||||
<div class="service-selector">
|
||||
<button class="service-selector-item selected" data-name="Nextcloud"
|
||||
data-description="Self-hosted file storage, calendar, contacts and collaboration suite."
|
||||
data-description="Self-hosted cloud file storage for all my files."
|
||||
data-url="https://nextcloud.douwco.be"
|
||||
data-image="/assets/img/nextcloud_screenshot.png">
|
||||
<span class="service-selector-icon" style="--icon-bg: #0082c9;">
|
||||
<img src="/assets/img/nextcloud_screenshot.png" alt="Nextcloud logo">
|
||||
<img src="/assets/img/logos/nextcloud-icon.png" alt="Nextcloud logo">
|
||||
</span>
|
||||
<span class="service-selector-label">Nextcloud</span>
|
||||
</button>
|
||||
<button class="service-selector-item" data-name="Gitea"
|
||||
data-description="Lightweight self-hosted Git service with a web interface for my code repositories."
|
||||
data-url="https://gitea.douwco.be" data-image="/assets/img/gitea_screenshot.png">
|
||||
<span class="service-selector-icon" style="--icon-bg: #e94e36;">
|
||||
<img src="/assets/img/gitea_screenshot.png" alt="Gitea logo">
|
||||
data-url="https://git.douwco.be" data-image="/assets/img/gitea_screenshot.png">
|
||||
<span class="service-selector-icon" style="--icon-bg: #ffffff;">
|
||||
<img src="/assets/img/logos/gitea-icon.png" alt="Gitea logo">
|
||||
</span>
|
||||
<span class="service-selector-label">Gitea</span>
|
||||
</button>
|
||||
<button class="service-selector-item" data-name="Beszel"
|
||||
data-description="Lightweight server monitoring: real-time metrics and alerts for my servers."
|
||||
data-url="https://beszel.douwco.be" data-image="/assets/img/beszel_screenshot.png">
|
||||
<span class="service-selector-icon" style="--icon-bg: #4a90d9;">
|
||||
<img src="/assets/img/beszel_screenshot.png" alt="Beszel logo">
|
||||
data-url="https://stats.douwco.be" data-image="/assets/img/beszel_screenshot.png">
|
||||
<span class="service-selector-icon" style="--icon-bg: #1f2630;">
|
||||
<img src="/assets/img/logos/beszel-icon.png" alt="Beszel logo">
|
||||
</span>
|
||||
<span class="service-selector-label">Beszel</span>
|
||||
</button>
|
||||
<button class="service-selector-item" data-name="Jellyfin"
|
||||
data-description="Open-source media server for streaming my movies, series and music."
|
||||
data-url="https://jellyfin.douwco.be" data-image="/assets/img/jellyfin_screenshot.png">
|
||||
<span class="service-selector-icon" style="--icon-bg: #1f2630;">
|
||||
<img src="/assets/img/logos/jellyfin-icon.png" alt="Jellyfin logo">
|
||||
</span>
|
||||
<span class="service-selector-label">Jellyfin</span>
|
||||
</button>
|
||||
<button class="service-selector-item" data-name="Penpot"
|
||||
data-description="Open-source, self-hosted design and prototyping platform (Figma alternative)."
|
||||
data-url="https://penpot.douwco.be" data-image="/assets/img/penpot_screenshot.png">
|
||||
<span class="service-selector-icon" style="--icon-bg: #f16521;">
|
||||
<img src="/assets/img/penpot_screenshot.png" alt="Penpot logo">
|
||||
<img src="/assets/img/logos/penpot-icon.png" alt="Penpot logo">
|
||||
</span>
|
||||
<span class="service-selector-label">Penpot</span>
|
||||
</button>
|
||||
@@ -333,8 +350,7 @@
|
||||
</div>
|
||||
<div class="service-info">
|
||||
<h2 class="service-title">Nextcloud</h2>
|
||||
<p class="service-description">Self-hosted file storage, calendar, contacts and
|
||||
collaboration suite.</p>
|
||||
<p class="service-description">Self-hosted cloud file storage for all my files.</p>
|
||||
<a href="https://nextcloud.douwco.be" target="_blank" rel="noopener"
|
||||
class="go-to-app-button">Visit</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user