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">
|
||||
<img src="/icons/email.svg" height="25" alt="E-Mail" style="cursor: pointer;" />
|
||||
</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>
|
||||
</header>
|
||||
|
||||
|
@ -335,27 +335,27 @@
|
||||
|
||||
// Teilen via WhatsApp
|
||||
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;
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
|
||||
// Teilen via Telegram
|
||||
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;
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
|
||||
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;
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
|
||||
function shareViaPinterest() {
|
||||
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;
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
@ -363,12 +363,12 @@
|
||||
// Teilen via E-Mail
|
||||
function shareViaEmail() {
|
||||
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;
|
||||
}
|
||||
|
||||
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() {
|
||||
alert('Text has been copied to the clipboard!');
|
||||
}, function(err) {
|
||||
|
@ -335,27 +335,27 @@
|
||||
|
||||
// Teilen via WhatsApp
|
||||
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;
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
|
||||
// Teilen via Telegram
|
||||
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;
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
|
||||
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;
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
|
||||
function shareViaPinterest() {
|
||||
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;
|
||||
window.open(url, '_blank');
|
||||
}
|
||||
@ -363,12 +363,12 @@
|
||||
// Teilen via E-Mail
|
||||
function shareViaEmail() {
|
||||
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;
|
||||
}
|
||||
|
||||
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() {
|
||||
alert('Text has been copied to the clipboard!');
|
||||
}, function(err) {
|
||||
|
@ -307,7 +307,7 @@
|
||||
|
||||
<br/><br/><br/>
|
||||
<div align='center'>
|
||||
<img src="/programmieren/spiele/cookie-klicker/screenshot.png/" width="250">
|
||||
<img src="/programmieren/spiele/cookie-klicker/screenshot.png/" width="500">
|
||||
</div>
|
||||
|
||||
<!-- JavaScript für Ladeanimation und Teilen-Funktion -->
|
||||
|
@ -14,6 +14,8 @@
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
Reference in New Issue
Block a user