1
0

Compare commits

...

19 Commits

Author SHA1 Message Date
4b5a2f44cc new 3d modal 2025-06-28 20:57:29 +02:00
077280c7e8 neu 2025-06-19 12:58:23 +02:00
e60195bad2 neu 2025-06-19 12:57:36 +02:00
0bd32b4c92 neu 2025-06-19 12:29:48 +02:00
331894c203 neu 2025-06-19 12:16:26 +02:00
7824aba467 neu 3d model 2025-06-19 12:13:18 +02:00
af824c02cf neurp 2025-06-19 10:49:56 +02:00
5fdc8e8711 retropotable 3d viewer
2
2025-06-19 10:49:11 +02:00
3d94458e72 retropotable 3d viewer 2025-06-19 10:47:53 +02:00
2e8fe5d9ca prensentation weg 2025-05-28 21:22:00 +02:00
aa6f78f2de ui for presentations 2025-05-12 16:35:32 +02:00
ed33527267 presentation 2025-05-11 16:50:40 +02:00
1ec9bac5c9 neu 2025-05-11 14:46:05 +02:00
994ceca740 presentations 2025-05-11 14:43:09 +02:00
e0be2f8ed7 google play verlinkung 2025-05-09 20:58:33 +02:00
8966efd559 snake game mistake behoben 2025-04-24 15:32:41 +02:00
d880e2638f cc 2025-04-23 21:32:58 +02:00
033db21ee0 fixes 2025-04-23 21:31:52 +02:00
8e6d384500 fixes 2025-04-23 21:30:49 +02:00
9 changed files with 83 additions and 13 deletions

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}

61
3dmodalretroportablr.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<title>Retro Portable</title>
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
<style>
body {
margin: 0;
padding: 0;
background-color: #1a1a1a;
font-family: Arial, sans-serif;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
h1 {
margin-bottom: 20px;
font-size: 2em;
color: #f0f0f0;
text-shadow: 0 0 5px #666;
}
model-viewer {
width: 80vw;
height: 80vh;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
border-radius: 12px;
background-color: #222;
}
.tooltip {
margin-top: 12px;
font-size: 0.95em;
color: #ccc;
}
</style>
</head>
<body>
<h1>Retro Portable</h1>
<model-viewer
src="RetroPortable.glb"
alt="Retro Portable"
auto-rotate
camera-controls
interaction-prompt="none"
ar
shadow-intensity="1.5"
exposure="0.75"
environment-image="neutral"
tone-mapping="commerce"
></model-viewer>
<div class="tooltip">🔄 Click and drag to rotate the model. Use the mouse wheel to zoom.</div>
</body>
</html>

BIN
RetroPortable.glb Normal file

Binary file not shown.

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#000000" d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"/></svg>

After

Width:  |  Height:  |  Size: 492 B

View File

@ -103,6 +103,9 @@
<a href="mailto:info@creative-crafter.de"> <a href="mailto:info@creative-crafter.de">
<img src="/icons/email.svg" height="25" alt="E-Mail" style="cursor: pointer;" /> <img src="/icons/email.svg" height="25" alt="E-Mail" style="cursor: pointer;" />
</a> </a>
<a href="https://play.google.com/store/apps/developer?id=Creative+BananaBr0t&utm_source=emea_Med">
<img src="/icons/google-play-brands.svg" height="25" alt="E-Mail" style="cursor: pointer;" />
</a>
</div> </div>
</header> </header>

View File

@ -335,27 +335,27 @@
// Teilen via WhatsApp // Teilen via WhatsApp
function shareViaWhatsApp() { function shareViaWhatsApp() {
const text = encodeURIComponent('Check out this fantastic game!https://www.creative-crafter.de/link-collection/lego-tiny-plants/'); const text = encodeURIComponent('Check out this fantastic toy!https://www.creative-crafter.de/link-collection/lego-tiny-plants/');
const url = 'https://api.whatsapp.com/send?text=' + text; const url = 'https://api.whatsapp.com/send?text=' + text;
window.open(url, '_blank'); window.open(url, '_blank');
} }
// Teilen via Telegram // Teilen via Telegram
function shareViaTelegram() { function shareViaTelegram() {
const text = encodeURIComponent('Check out this fantastic game!https://www.creative-crafter.de/link-collection/lego-tiny-plants/'); const text = encodeURIComponent('Check out this fantastic toy!https://www.creative-crafter.de/link-collection/lego-tiny-plants/');
const url = 'https://t.me/share/url?url=' + text; const url = 'https://t.me/share/url?url=' + text;
window.open(url, '_blank'); window.open(url, '_blank');
} }
function shareViaPinterest() { function shareViaPinterest() {
const text = encodeURIComponent('Check out this fantastic game!https://test.creative-crafter.de/link-collection/lego-tiny-plants/'); const text = encodeURIComponent('Check out this fantastic toy!https://test.creative-crafter.de/link-collection/lego-tiny-plants/');
const url = 'https://pinterest.com/pin/create/button/?url=' + text; const url = 'https://pinterest.com/pin/create/button/?url=' + text;
window.open(url, '_blank'); window.open(url, '_blank');
} }
function shareViaPinterest() { function shareViaPinterest() {
const media = encodeURIComponent('URL_ZU_DEINEM_BILD'); // Ersetze dies durch den tatsächlichen Bild-Link const media = encodeURIComponent('URL_ZU_DEINEM_BILD'); // Ersetze dies durch den tatsächlichen Bild-Link
const text = encodeURIComponent('Check out this fantastic game!https://www.creative-crafter.de/link-collection/lego-tiny-plants/'); const text = encodeURIComponent('Check out this fantastic toy!https://www.creative-crafter.de/link-collection/lego-tiny-plants/');
const url = 'https://pinterest.com/pin/create/button/?url=' + text + '&media=' + media; const url = 'https://pinterest.com/pin/create/button/?url=' + text + '&media=' + media;
window.open(url, '_blank'); window.open(url, '_blank');
} }
@ -363,12 +363,12 @@
// Teilen via E-Mail // Teilen via E-Mail
function shareViaEmail() { function shareViaEmail() {
const subject = encodeURIComponent('Klick the Witch'); const subject = encodeURIComponent('Klick the Witch');
const body = encodeURIComponent('Check out this fantastic game!https://www.creative-crafter.de/link-collection/lego-tiny-plants/'); const body = encodeURIComponent('Check out this fantastic toy!https://www.creative-crafter.de/link-collection/lego-tiny-plants/');
window.location.href = 'mailto:?subject=' + subject + '&body=' + body; window.location.href = 'mailto:?subject=' + subject + '&body=' + body;
} }
function copyToClipboard() { function copyToClipboard() {
const text = 'Check out this fantastic game!https://www.creative-crafter.de/link-collection/lego-tiny-plants/'; const text = 'Check out this fantastic toy!https://www.creative-crafter.de/link-collection/lego-tiny-plants/';
navigator.clipboard.writeText(text).then(function() { navigator.clipboard.writeText(text).then(function() {
alert('Text has been copied to the clipboard!'); alert('Text has been copied to the clipboard!');
}, function(err) { }, function(err) {

View File

@ -335,27 +335,27 @@
// Teilen via WhatsApp // Teilen via WhatsApp
function shareViaWhatsApp() { function shareViaWhatsApp() {
const text = encodeURIComponent('Check out this fantastic game!https://www.creative-crafter.de/link-collection/redmi-buds-6-play/'); const text = encodeURIComponent('Check out these fantastic In-ear headphones!https://www.creative-crafter.de/link-collection/redmi-buds-6-play/');
const url = 'https://api.whatsapp.com/send?text=' + text; const url = 'https://api.whatsapp.com/send?text=' + text;
window.open(url, '_blank'); window.open(url, '_blank');
} }
// Teilen via Telegram // Teilen via Telegram
function shareViaTelegram() { function shareViaTelegram() {
const text = encodeURIComponent('Check out this fantastic game!https://www.creative-crafter.de/link-collection/redmi-buds-6-play/'); const text = encodeURIComponent('Check out these fantastic In-ear headphones!https://www.creative-crafter.de/link-collection/redmi-buds-6-play/');
const url = 'https://t.me/share/url?url=' + text; const url = 'https://t.me/share/url?url=' + text;
window.open(url, '_blank'); window.open(url, '_blank');
} }
function shareViaPinterest() { function shareViaPinterest() {
const text = encodeURIComponent('Check out this fantastic game!https://test.creative-crafter.de/link-collection/redmi-buds-6-play/'); const text = encodeURIComponent('Check out these fantastic In-ear headphones!https://test.creative-crafter.de/link-collection/redmi-buds-6-play/');
const url = 'https://pinterest.com/pin/create/button/?url=' + text; const url = 'https://pinterest.com/pin/create/button/?url=' + text;
window.open(url, '_blank'); window.open(url, '_blank');
} }
function shareViaPinterest() { function shareViaPinterest() {
const media = encodeURIComponent('URL_ZU_DEINEM_BILD'); // Ersetze dies durch den tatsächlichen Bild-Link const media = encodeURIComponent('URL_ZU_DEINEM_BILD'); // Ersetze dies durch den tatsächlichen Bild-Link
const text = encodeURIComponent('Check out this fantastic game!https://www.creative-crafter.de/link-collection/redmi-buds-6-play/'); const text = encodeURIComponent('Check out these fantastic In-ear headphones!https://www.creative-crafter.de/link-collection/redmi-buds-6-play/');
const url = 'https://pinterest.com/pin/create/button/?url=' + text + '&media=' + media; const url = 'https://pinterest.com/pin/create/button/?url=' + text + '&media=' + media;
window.open(url, '_blank'); window.open(url, '_blank');
} }
@ -363,12 +363,12 @@
// Teilen via E-Mail // Teilen via E-Mail
function shareViaEmail() { function shareViaEmail() {
const subject = encodeURIComponent('Klick the Witch'); const subject = encodeURIComponent('Klick the Witch');
const body = encodeURIComponent('Check out this fantastic game!https://www.creative-crafter.de/link-collection/redmi-buds-6-play/'); const body = encodeURIComponent('Check out these fantastic In-ear headphones!https://www.creative-crafter.de/link-collection/redmi-buds-6-play/');
window.location.href = 'mailto:?subject=' + subject + '&body=' + body; window.location.href = 'mailto:?subject=' + subject + '&body=' + body;
} }
function copyToClipboard() { function copyToClipboard() {
const text = 'Check out this fantastic game!https://www.creative-crafter.de/link-collection/redmi-buds-6-play/'; const text = 'Check out these fantastic In-ear headphones!https://www.creative-crafter.de/link-collection/redmi-buds-6-play/';
navigator.clipboard.writeText(text).then(function() { navigator.clipboard.writeText(text).then(function() {
alert('Text has been copied to the clipboard!'); alert('Text has been copied to the clipboard!');
}, function(err) { }, function(err) {

View File

@ -307,7 +307,7 @@
<br/><br/><br/> <br/><br/><br/>
<div align='center'> <div align='center'>
<img src="/programmieren/spiele/cookie-klicker/screenshot.png/" width="250"> <img src="/programmieren/spiele/cookie-klicker/screenshot.png/" width="500">
</div> </div>
<!-- JavaScript für Ladeanimation und Teilen-Funktion --> <!-- JavaScript für Ladeanimation und Teilen-Funktion -->

View File

@ -14,6 +14,8 @@
font-weight: 800; font-weight: 800;
font-style: normal; font-style: normal;
display: flex; display: flex;
justify-content: center;
align-items: center;
height: 100vh; height: 100vh;
position: relative; position: relative;
overflow: hidden; overflow: hidden;