Knowledge fuels change - Support energypedia!
For over 10 years, energypedia has been connecting energy experts around the world — helping them share knowledge, learn from each other, and accelerate the global energy transition.
Today, we ask for your support to keep this platform free and accessible to all. Even a small contribution makes a big difference! If just 10–20% of our 60,000+ monthly visitors donated the equivalent of a cup of coffee — €5 — Energypedia would be fully funded for a whole year.
Is the knowledge you’ve gained through Energypedia this year worth €5 or more?
Your donation keeps the platform running, helps us create new knowledge products, and contributes directly to achieving SDG 7.

Donate now and support open access to energy expertise
Thank you for your support, your donation, big or small, truly matters!

Difference between revisions of "Sandbox"

From energypedia
***** (***** | *****)
m
***** (***** | *****)
m
Tag: 2017 source edit
 
(750 intermediate revisions by 9 users not shown)
Line 1: Line 1:
−
= '''4 Boxes with different colors'''<br/> =
+
<div style="padding:1.2rem; background:#FFD54F; border-radius:6px; margin-bottom:1rem; border:1px solid #C9A63A;">
−
<div class="spis-bars-container"><div class="front-icon spis-bar">
+
<center>
−
{| style="width:100%" cellspacing="0" cellpadding="5" border="0"
+
<span style="color:#212121; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; line-height:1.5;">
−
|-
+
<span style="font-size:1.4rem; font-weight:bold;">
−
| style="background-color: rgb(204, 0, 0)" |
+
Knowledge fuels change.
−
= <span class="fa fa-chevron-down" style="color:#ffffff"></span>'''1 Heading'''<br/> =
+
</span>
 +
<br/>
 +
<span style="font-size:1.05rem;">
 +
For over a decade, Energypedia has shared free, reliable energy expertise with the world.
 +
</span>
 +
<br/>
 +
<span style="font-size:1.1rem; font-weight:bold;">
 +
We’re now facing a serious funding gap.
 +
</span>
 +
<br/>
 +
<span style="font-size:1.05rem;">
 +
Help keep this platform alive — <b>your donation, big or small, truly matters.</b>
 +
</span>
 +
<br/><br/>
 +
<!-- DONATE BUTTON -->
 +
<span class="button-link brand-3" style="background:#212121; color:#FFD54F; padding:0.5rem 1.2rem; border-radius:4px; font-weight:bold; text-decoration:none;">[[Energypedia_-_Donate|Donate now]]</span>
 +
</span>
 +
<!-- Bank transfer (single line, spaced evenly) -->
 +
<div style="font-size:0.9rem; margin-top:0.5rem; line-height:1.4; display:flex; justify-content:center; gap:2rem; flex-wrap:wrap;">
 +
<span>Spendenkonto: <b>Wikimedia e. V.</b></span>
 +
<span>BIC: <b>BFSWDE33XXX</b></span>
 +
<span>IBAN: <b>DE09 3702 0500 0003 2873 00</b></span>
 +
</div>
 +
</center>
 +
</div>
 +
-----
  
−
|}
+
<div id="fundraising-banner" style="position:relative; padding:1rem; background:#FFD54F; border-radius:6px; margin:0 0 1rem 0; border:1px solid #C9A63A; max-width:960px; margin-left:auto; margin-right:auto;">
−
</div><div class="front-icons-sub-box"><div class="front-icon-sub">
+
<!-- Close (X) button -->
−
*TEXT
+
<span style="position:absolute; top:6px; right:10px; cursor:pointer; font-size:1.2rem; font-weight:bold; color:#5C4A13;"
−
</div></div></div><div class="front-icon spis-bar">
+
onclick="document.getElementById('fundraising-banner').style.display='none';">
−
{| style="width:100%" cellspacing="0" cellpadding="5" border="0"
+
&times;
−
|-
+
</span>
−
| style="background-color: rgb(255, 0, 0)" |
+
<center>
−
= <span class="fa fa-chevron-down" style="color:#ffffff"></span> '''2 Heading'''<br/> =
+
<div style="color:#212121; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; line-height:1.5; padding:0 0.3rem;">
−
 
+
<div style="font-size:1.25rem; font-weight:bold; margin-bottom:0.4rem;">
−
|}
+
Knowledge fuels change.
−
</div><div class="front-icons-sub-box"><div class="front-icon-sub">
+
</div>
−
*TEXT2&nbsp;
+
<div style="font-size:0.95rem; margin-bottom:0.35rem;">
−
</div></div><div class="front-icon spis-bar">
+
For over a decade, Energypedia has shared free, reliable energy expertise with the world.
−
{| style="width:100%" cellspacing="0" cellpadding="5" border="0"
+
</div>
−
|-
+
<div style="font-size:1rem; font-weight:bold; margin-bottom:0.7rem;">
−
| style="background-color: rgb(255, 102, 0)" |  
+
We’re now facing a serious funding gap.
−
= <span class="fa fa-chevron-down" style="color:#ffffff"></span> '''3 Heading'''<br/> =
+
</div>
−
 
+
<div style="font-size:0.95rem; margin-bottom:0.9rem;">
−
|}
+
Help keep this platform alive — <b>your donation, big or small, truly matters.</b>
−
</div><div class="front-icons-sub-box"><div class="front-icon-sub">
+
</div>
−
*TEXT3
+
<!-- Amount boxes -->
−
</div></div><div class="front-icon spis-bar">
+
<span style="background:#212121; color:#FFD54F; padding:0.4rem 0.9rem; border-radius:4px; font-weight:bold; margin:3px; display:inline-block; font-size:0.95rem;">
−
{| style="width:100%" cellspacing="0" cellpadding="5" border="0"
+
[[Donate|€5]]
−
|-
+
</span>
−
| style="background-color: rgb(255, 204, 0)" |
+
<span style="background:#212121; color:#FFD54F; padding:0.4rem 0.9rem; border-radius:4px; font-weight:bold; margin:3px; display:inline-block; font-size:0.95rem;">
−
= <span class="fa fa-chevron-down" style="color:#ffffff"></span> '''4 Heading'''<br/> =
+
[[Donate|€10]]
−
 
+
</span>
−
|}
+
<span style="background:#212121; color:#FFD54F; padding:0.4rem 0.9rem; border-radius:4px; font-weight:bold; margin:3px; display:inline-block; font-size:0.95rem;">
−
</div><div class="front-icons-sub-box"><div class="front-icon-sub">
+
[[Donate|€20]]
−
*TEXT4<br/>
+
</span>
−
</div></div>
+
<span style="background:#212121; color:#FFD54F; padding:0.4rem 0.9rem; border-radius:4px; font-weight:bold; margin:3px; display:inline-block; font-size:0.95rem;">
 +
[[Donate|Other]]
 +
</span>
 +
<br/><br/>
 +
<!-- Main Donate Button -->
 +
<span style="background:#212121; color:#FFD54F; padding:0.55rem 1.4rem; border-radius:4px; font-weight:bold; font-size:1rem; display:inline-block;">
 +
[[Donate|Donate now]]
 +
</span>
 +
<br/><br/>
 +
<!-- Bank transfer (single line, spaced evenly) -->
 +
<div style="font-size:0.9rem; margin-top:0.5rem; line-height:1.4; display:flex; justify-content:center; gap:2rem; flex-wrap:wrap;">
 +
<span>Spendenkonto: <b>Wikimedia e. V.</b></span>
 +
<span>BIC: <b>BFSWDE33XXX</b></span>
 +
<span>IBAN: <b>DE09 3702 0500 0003 2873 00</b></span>
 +
</div>
 +
</div>
 +
</center>
 +
</div>

Latest revision as of 08:47, 3 December 2025

Knowledge fuels change.
For over a decade, Energypedia has shared free, reliable energy expertise with the world.
We’re now facing a serious funding gap.
Help keep this platform alive — your donation, big or small, truly matters.

Donate now

Spendenkonto: Wikimedia e. V. BIC: BFSWDE33XXX IBAN: DE09 3702 0500 0003 2873 00

×

Knowledge fuels change.

For over a decade, Energypedia has shared free, reliable energy expertise with the world.

We’re now facing a serious funding gap.

Help keep this platform alive — your donation, big or small, truly matters.

€5 €10 €20 Other

Donate now

Spendenkonto: Wikimedia e. V. BIC: BFSWDE33XXX IBAN: DE09 3702 0500 0003 2873 00

Retrieved from "https://energypedia.info/index.php?title=Sandbox&oldid=452398"