1
0

Compare commits

...

17 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
7 changed files with 71 additions and 1 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">
<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>

View File

@ -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 -->

View File

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