Skip to content

Fix missing docs/donate_with_script.html causing 404 error #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Copilot wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

Fix missing docs/donate_with_script.html causing 404 error #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4c221f5
Initial plan
Copilot Oct 5, 2025
8e69e0b
Add missing docs/donate_with_script.html and update docs/index.html
Copilot Oct 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 36 additions & 0 deletions docs/donate_with_script.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spenden</title>
</head>
<body>
<dialog style="
width: 540px; /* Increased size to accommodate padding and border */
max-width: 90vw; /* Make it responsive */
height: 540px;
padding: 0; /* Remove dialog padding so iframe and button are at the edge */
">
<button style="

top: 0; /* 👈 Align to top edge */
right: 0; /* 👈 Align to right edge */
padding: 5px 10px;
border: none;
font-weight: bold;
position: absolute; /* 👈 Take it out of normal flow */
z-index: 10; /* 👈 Ensure it is above the iframe */
" onclick="this.closest('dialog').close()">x</button>
<div id="betterplace_donation_iframe" style="background: transparent url('https://www.betterplace.org/assets/new_spinner.gif') 275px 20px no-repeat;">
<strong><a href="https://www.betterplace.org/de/donate/platform/projects/138560-3d-druck-und-elektronik-ag">Jetzt Spenden für „3D-Druck und Elektronik AG" bei unserem Partner betterplace.org</a></strong>
</div>
<script src="https://www.betterplace.org/de/projects/138560-3d-druck-und-elektronik-ag/iframe_donation_form.js"></script>
</dialog>
<button onclick="document.querySelector('dialog').showModal()"
style="
width: 540px; /* Increased size to accommodate padding and border */
max-width: 90vw; /* Make it responsive */
">🙏 Direkt Spenden 🙏</button>
</body>
</html>
53 changes: 49 additions & 4 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,57 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Sniplets</title>
<title>HTML Snippets</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 800px;
margin: 50px auto;
padding: 20px;
line-height: 1.6;
}
h1 {
color: #333;
}
h2 {
color: #666;
margin-top: 30px;
}
ul {
list-style-type: none;
padding: 0;
}
li {
margin: 10px 0;
}
a {
color: #0066cc;
text-decoration: none;
font-size: 18px;
}
a:hover {
text-decoration: underline;
}
.description {
color: #666;
font-size: 14px;
margin-left: 20px;
}
</style>
</head>
<body>
<h1>HTML Sniplets</h1>
<h1>HTML Snippets</h1>

<h2>Donate</h2>
<p><a href="donate.html">Donate Page</a> - Direct donation page with embedded donation form as iframe</p>
<h2>Donate Pages</h2>
<ul>
<li>
<a href="donate.html">🙏 Donate Page (Direct iFrame)</a>
<div class="description">Direct donation page with embedded iframe (may be blocked by browser security)</div>
</li>
<li>
<a href="donate_with_script.html">🙏 Donate Page (JavaScript Embed)</a>
<div class="description">Direct donation page using betterplace.org's official JavaScript embed code</div>
</li>
</ul>
</body>
</html>