Compare commits
19 Commits
74cd5da810
...
master
Author | SHA1 | Date | |
---|---|---|---|
4b5a2f44cc | |||
077280c7e8 | |||
e60195bad2 | |||
0bd32b4c92 | |||
331894c203 | |||
7824aba467 | |||
af824c02cf | |||
5fdc8e8711 | |||
3d94458e72 | |||
2e8fe5d9ca | |||
aa6f78f2de | |||
ed33527267 | |||
1ec9bac5c9 | |||
994ceca740 | |||
e0be2f8ed7 | |||
8966efd559 | |||
d880e2638f | |||
033db21ee0 | |||
8e6d384500 |
3
.vscode/settings.json
vendored
Normal file
3
.vscode/settings.json
vendored
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"liveServer.settings.port": 5501
|
||||||
|
}
|
61
3dmodalretroportablr.html
Normal file
61
3dmodalretroportablr.html
Normal 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
BIN
RetroPortable.glb
Normal file
Binary file not shown.
1
icons/google-play-brands.svg
Normal file
1
icons/google-play-brands.svg
Normal 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 |
@ -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>
|
||||||
|
|
||||||
|
@ -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) {
|
||||||
|
@ -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) {
|
||||||
|
@ -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 -->
|
||||||
|
@ -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;
|
||||||
|
Reference in New Issue
Block a user