Compare commits

...

10 Commits

Author SHA1 Message Date
admin 418f5f9322 Delete index2.php 2026-03-30 14:41:20 +02:00
admin b9f9370ddd Add donation section to index.php
Added a donation section with a link to Buy Me a Coffee.
2026-03-30 14:36:54 +02:00
admin 0430ee62b0 Update index.php 2026-03-30 14:32:11 +02:00
admin 090959e524 Update index.php 2026-03-30 13:33:04 +02:00
admin 1b2cc5150b Enhance layout and add eco-business section
Updated styles and added eco-business box with features.
2026-03-30 13:27:05 +02:00
admin b0edb79a44 Update index.php 2026-03-30 12:30:38 +02:00
admin cf2e30fafa Update index.php 2026-03-30 12:26:48 +02:00
admin 0e3bdd0686 Replace old donation section with new TWINT info 2026-03-30 12:23:05 +02:00
admin 54ff05f260 Add TWINT image section to index.php 2026-03-30 12:17:53 +02:00
admin ef0a239641 Add Starlink banner with styling and content 2026-03-30 11:48:34 +02:00
2 changed files with 243 additions and 1780 deletions
+243
View File
@@ -2746,6 +2746,152 @@ body.theme-neo footer {
}
.starlink-banner-wrapper {
text-align: center;
margin: 30px 0 20px 0;
}
.starlink-banner {
max-width: 700px;
margin: 0 auto;
padding: 20px;
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
.starlink-banner h3 {
color: white;
margin: 0 0 15px 0;
}
.starlink-banner p {
color: white;
margin: 0 0 15px 0;
line-height: 1.6;
}
.starlink-banner a {
display: inline-block;
}
.starlink-banner img {
max-width: 220px;
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
background: white;
padding: 6px;
transition: transform 0.3s;
}
.starlink-banner img:hover {
transform: scale(1.05);
}
.twint-box {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 14px;
margin: 30px auto 20px auto;
max-width: 760px;
}
.twint-image {
max-width: 320px;
width: 100%;
height: auto;
display: block;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.green-label-badge {
display: inline-block;
background: linear-gradient(135deg, #2e7d32, #43a047);
color: white;
font-size: 12px;
font-weight: bold;
padding: 7px 14px;
border-radius: 20px;
letter-spacing: 0.3px;
box-shadow: 0 4px 10px rgba(46,125,50,0.25);
}
.eco-business-box {
background: rgba(255,255,255,0.92);
border-radius: 14px;
padding: 22px 24px;
max-width: 700px;
width: 100%;
box-shadow: 0 10px 24px rgba(0,0,0,0.10);
border: 1px solid rgba(46,125,50,0.15);
}
.eco-business-box h3 {
margin: 0 0 8px 0;
font-size: 24px;
color: #1b5e20;
line-height: 1.3;
}
.eco-subtitle {
margin: 0 0 16px 0;
font-size: 16px;
font-weight: bold;
color: #2e7d32;
}
.eco-business-box p {
font-size: 15px;
color: #333;
line-height: 1.7;
margin-bottom: 18px;
}
.eco-feature-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 10px;
}
.eco-feature-list li {
background: #f4faf4;
border-left: 4px solid #43a047;
padding: 12px 14px;
border-radius: 8px;
font-size: 14px;
color: #2d2d2d;
text-align: left;
line-height: 1.5;
}
@media (max-width: 768px) {
.eco-business-box {
padding: 18px 16px;
}
.eco-business-box h3 {
font-size: 20px;
}
.eco-subtitle {
font-size: 15px;
}
.eco-feature-list li {
font-size: 13px;
}
}
</style>
<script src="https://cdn.jsdelivr.net/npm/qrcode-generator@1.4.4/qrcode.min.js"></script>
@@ -3002,6 +3148,100 @@ body.theme-neo footer {
Gefällt dir die Livecam? Unterstütze das Projekt <br>jeder Franken zählt und hilft die Betriebskosten<br>zu decken. So kannst du auch weiterhin<br>Fotos und Videos kostenlos nutzen.
</p>
</div>
<div class="twint-box">
<img src="twint1.jpg" alt="TWINT" class="twint-image">
<p
data-de="Unterstütze die Aurora Livecam mit deiner Spende. Du hilfst dabei, Kamera, Server, Starlink-Verbindung und die 100 % autarke Stromversorgung mit Solarenergie und EcoFlow-Speichern zu finanzieren. So bleibt das Projekt nachhaltig, unabhängig und für alle frei zugänglich."
data-en="Support the Aurora livecam with your donation. You help fund the camera, server, Starlink connection, and the 100% off-grid power system based on solar energy and EcoFlow storage. This keeps the project sustainable, independent, and freely accessible to everyone."
data-fr="Soutenez la webcam Aurora par votre don. Vous contribuez au financement de la caméra, du serveur, de la connexion Starlink et du système d'alimentation 100 % autonome basé sur l'énergie solaire et le stockage EcoFlow. Cela permet au projet de rester durable, indépendant et accessible à tous."
data-it="Sostieni la livecam Aurora con la tua donazione. Aiuti a finanziare la telecamera, il server, la connessione Starlink e il sistema di alimentazione 100% autonomo basato su energia solare e accumulo EcoFlow. Così il progetto resta sostenibile, indipendente e accessibile a tutti."
data-zh="通过捐助支持 Aurora 实时摄像头。您的支持将帮助承担摄像头、服务器、Starlink 连接,以及基于太阳能和 EcoFlow 储能的 100% 自给供电系统成本,让项目保持可持续、独立并持续免费开放。"
style="font-size: 14px; color: #333; background: rgba(255,255,255,0.92); padding: 14px 18px; border-radius: 10px; margin: 12px auto 0; max-width: 640px; line-height: 1.7;">
Unterstütze die Aurora Livecam mit deiner Spende. Du hilfst dabei, Kamera, Server, Starlink-Verbindung und die 100 % autarke Stromversorgung mit Solarenergie und EcoFlow-Speichern zu finanzieren. So bleibt das Projekt nachhaltig, unabhängig und für alle frei zugänglich.
</p>
<span class="green-label-badge">
🌱 724 Green Label
</span>
<div class="eco-business-box">
<h3
data-de="Live & 100% autark: Unsere Aurora-Webcam"
data-en="Live & 100% Off-Grid: Our Aurora Webcam"
data-fr="Live & 100% autonome : Notre Webcam Aurora"
data-it="Live & 100% autonoma: La nostra Webcam Aurora"
data-zh="实时在线 & 100% 能源自给:Aurora 实时摄像头">
Live & 100% autark: Unsere Aurora-Webcam
</h3>
<p class="eco-subtitle"
data-de="Powered by EcoFlow & Swiss Sun"
data-en="Powered by EcoFlow & Swiss Sun"
data-fr="Propulsée par EcoFlow & le Soleil Suisse"
data-it="Alimentata da EcoFlow & Sole Svizzero"
data-zh="由 EcoFlow 与瑞士阳光驱动">
Powered by EcoFlow & Swiss Sun
</p>
<p
data-de="Erleben Sie Dürnten in Echtzeit angetrieben durch die reine Kraft der Natur. Unsere Infrastruktur wird zu 100 % mit Solarstrom und EcoFlow-Batteriespeichern betrieben."
data-en="Experience Dürnten in real-time powered by the pure force of nature. Our infrastructure runs 100% on solar power and EcoFlow battery storage."
data-fr="Découvrez Dürnten en temps réel, propulsé par l'énergie pure de la nature. Notre infrastructure fonctionne à 100 % à l'énergie solaire avec le stockage par batterie EcoFlow."
data-it="Scoprite Dürnten in tempo reale, alimentata dalla pura forza della natura. La nostra infrastruttura è gestita al 100 % con energia solare e sistemi di accumulo EcoFlow."
data-zh="实时感受迪恩滕(Dürnten)—— 由纯净自然能量驱动。我们的基础设施 100% 采用太阳能和 EcoFlow 电池储能系统。">
Erleben Sie Dürnten in Echtzeit angetrieben durch die reine Kraft der Natur. Unsere Infrastruktur wird zu 100 % mit Solarstrom und EcoFlow-Batteriespeichern betrieben.
</p>
<ul class="eco-feature-list">
<li
data-de="724 Green Label Swiss: "
data-en="724 Green Label Swiss: "
data-fr="724 Green Label Swiss: "
data-it="724 Green Label Swiss: "
data-zh="724 Green Label Swiss">
724 Green Label Swiss: Zertifizierte Nachhaltigkeit.
</li>
<li
data-de="24/7 Green Power: Dank modernster Speichertechnologie."
data-en="24/7 Green Energy: Thanks to state-of-the-art storage technology."
data-fr="Énergie Verte 24/7 : Grâce à une technologie de stockage de pointe."
data-it="Energia Verde 24/7: Grazie a una tecnologia di accumulo all'avanguardia."
data-zh="24/7 绿色能源:得益于尖端的储能技术。">
24/7 Green Power: Dank modernster Speichertechnologie.
</li>
<li
data-de="Emissionsfrei: Innovation direkt aus dem Herzen der Schweiz."
data-en="Zero Emissions: Innovation straight from the heart of Switzerland."
data-fr="Zéro Émission : L'innovation au cœur de la Suisse."
data-it="Zero Emissioni: Innovazione direttamente dal cuore della Svizzera."
data-zh="零排放:源自瑞士心脏地带的创新。">
Emissionsfrei: Innovation direkt aus dem Herzen der Schweiz.
</li>
</ul>
</div>
</div>
<div class="starlink-banner-wrapper">
<div class="starlink-banner">
<h3>🛰️ Schnelles Internet für Ihre Livestreams</h3>
<p>
Für hochwertige Webcam-Übertragungen empfehlen wir Starlink
Highspeed-Internet überall verfügbar, perfekt für abgelegene Standorte!
</p>
<a href="https://www.starlink.com/" target="_blank" rel="noopener noreferrer">
<img src="starlink.png" alt="Starlink - Schnelles Internet überall">
</a>
</div>
</div>
<!-- ARCHIVE SECTION -->
<section id="archive" class="section">
<div class="container">
@@ -3045,6 +3285,9 @@ body.theme-neo footer {
<p data-en="Click QR code to copy URL" data-de="Klicke auf den QR-Code um die URL zu kopieren" data-it="Fai clic sul codice QR per copiare l'URL" data-fr="Cliquez sur le code QR pour copier l'URL" data-zh="点击二维码复制网址">
Klicke auf den QR-Code, um die URL zu kopieren
</p>
</div>
</section>
-1780
View File
File diff suppressed because one or more lines are too long