commit b848184b4b44140b54b285b297aecc2120525e44 Author: Michele Rossi Date: Tue Feb 25 16:04:48 2025 +0100 First commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..b0ac3ed --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.aider* diff --git a/assets/background.mp4 b/assets/background.mp4 new file mode 100644 index 0000000..dd19cca Binary files /dev/null and b/assets/background.mp4 differ diff --git a/assets/logo.svg b/assets/logo.svg new file mode 100644 index 0000000..0643d8a --- /dev/null +++ b/assets/logo.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..0b1d528 --- /dev/null +++ b/index.html @@ -0,0 +1,78 @@ + + + + + + JMP GAMES + + + + + + +
+
+ +

JMP Games

+

Creating Atmospheric Digital Worlds

+
+ +
+

UPCOMING TITLE

+
+

DTS

+

A psychological horror adventure where reality bends and shadows come alive.

+
Coming 2025
+
+
+ + + +
+

THE TEAM

+
+
+ Team Member +

Tizio Caio

+ +
+
+ Team Member +

Tizio Caio

+ +
+
+ Team Member +

Tizio Caio

+ +
+
+ Team Member +

Tizio Caio

+ +
+
+
+
+ Privacy Policy + Press Kit +
+
+

© 2025 JMP Games. All rights reserved.

+

VAT: IT12345678901

+
+
+ + + + diff --git a/privacy-policy.html b/privacy-policy.html new file mode 100644 index 0000000..e63de45 --- /dev/null +++ b/privacy-policy.html @@ -0,0 +1,63 @@ + + + + + + Privacy Policy - JMP GAMES + + + + + + +
+
+

Privacy Policy

+

Last updated: February 25, 2025

+ +

Introduction

+

Welcome to JMP Games. We respect your privacy and are committed to protecting your personal data.

+ +

Information We Collect

+

We may collect the following types of information:

+
    +
  • Email address (when you subscribe to our newsletter)
    • +
  • Usage data and analytics
    • +
  • Device information
    • +
+ +

How We Use Your Information

+

We use your information to:

+
    +
  • Send you updates about our games
    • +
  • Improve our website and services
    • +
  • Respond to your inquiries
    • +
+ +

Data Security

+

We implement appropriate security measures to protect your personal data against unauthorized access or disclosure.

+ +

Your Rights

+

You have the right to:

+
    +
  • Access your personal data
    • +
  • Request correction of your personal data
    • +
  • Request deletion of your personal data
    • +
  • Withdraw consent at any time
    • +
+ +

Contact Us

+

If you have any questions about this Privacy Policy, please contact us at privacy@jmpgames.com

+ +
+ ← Back to Home +
+
+
+ + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..7f42e0f --- /dev/null +++ b/script.js @@ -0,0 +1,20 @@ +document.addEventListener('DOMContentLoaded', () => { + // Newsletter form submission + const form = document.getElementById('newsletter-form'); + form.addEventListener('submit', (e) => { + e.preventDefault(); + const email = e.target.querySelector('input[type="email"]').value; + // Here you would typically send this to your backend + alert('Thanks for subscribing! Check your email for confirmation.'); + form.reset(); + }); + + // Add subtle parallax effect to video background + document.addEventListener('mousemove', (e) => { + const mouseX = e.clientX / window.innerWidth; + const mouseY = e.clientY / window.innerHeight; + + const video = document.getElementById('background-video'); + video.style.transform = `scale(1.1) translate(${mouseX * -20}px, ${mouseY * -20}px)`; + }); +}); diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..31c3310 --- /dev/null +++ b/styles.css @@ -0,0 +1,246 @@ +:root { + --primary: #D99748; /* Golden Orange */ + --secondary: #73614C; /* Warm Brown */ + --accent: #D99748; /* Golden Orange */ + --accent-2: #73614C; /* Warm Brown */ + --highlight: #D99748; /* Golden Orange */ + --bg-dark: #0D0D0D; /* Almost Black */ + --card-bg: rgba(38, 38, 38, 0.95); /* Dark Gray with opacity */ + --text-light: #F2F2F2; /* Off-White for text */ +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Rajdhani', sans-serif; + background-color: var(--bg-dark); + background-image: url('norse-pattern.png'); + background-blend-mode: overlay; + color: var(--text-light); + min-height: 100vh; + overflow-x: hidden; + display: flex; + align-items: center; +} + +#background-video { + position: fixed; + right: 0; + bottom: 0; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: -1; + filter: blur(8px) brightness(0.6); + object-fit: cover; +} + +.container { + max-width: 1200px; + width: 90%; + margin: 2rem auto; + padding: 1rem; + display: grid; + grid-template-columns: 1fr; + gap: 2rem; +} + +.card { + background: var(--card-bg); + border-radius: 8px; + padding: clamp(1rem, 5vw, 2rem); + backdrop-filter: blur(10px); + border: none; + transition: transform 0.3s ease; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); + max-width: 800px; + width: 100%; + margin: 0 auto; + position: relative; +} + + +.card:hover { + transform: translateY(-5px); +} + +.logo-card { + text-align: center; +} + +.logo { + width: 150px; + height: auto; + margin-bottom: 1rem; +} + +h1 { + font-size: clamp(1.8rem, 5vw, 2.5rem); + color: var(--primary); + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); + letter-spacing: 2px; +} + +h2 { + font-size: clamp(1.4rem, 4vw, 1.8rem); + margin-bottom: 1rem; + color: var(--primary); + border-bottom: 2px solid var(--secondary); + padding-bottom: 0.5rem; +} + +.tagline { + font-size: 1.2rem; + opacity: 0.8; +} + +.game-preview { + text-align: center; +} + +.release-date { + margin-top: 1rem; + font-weight: bold; + color: var(--highlight); /* Orange */ +} + +.newsletter-card form { + display: flex; + flex-direction: column; + gap: 1rem; +} + +input[type="email"] { + padding: 0.8rem; + border-radius: 5px; + border: 1px solid rgba(255, 255, 255, 0.2); + background: rgba(255, 255, 255, 0.1); + color: white; + font-family: inherit; +} + +button { + padding: 0.8rem; + border: 2px solid var(--highlight); + border-radius: 4px; + background: transparent; + color: var(--highlight); + font-weight: bold; + cursor: pointer; + transition: all 0.3s ease; + text-transform: uppercase; + letter-spacing: 1px; +} + +button:hover { + background: var(--highlight); + color: var(--text-light); + box-shadow: 0 0 15px rgba(217, 151, 72, 0.3); +} + +.team-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 1.5rem; +} + +.team-member { + text-align: center; +} + +.team-member img { + width: 120px; + height: 120px; + border-radius: 8px; + margin-bottom: 1rem; + border: 2px solid var(--accent-2); + filter: brightness(0.95) contrast(1.05); +} + + +@media (max-width: 768px) { + body { + padding: 1rem 0; + } + + .card:hover { + transform: none; + } + + .team-grid { + grid-template-columns: 1fr; + } + + .newsletter-card form { + width: 100%; + } + + input[type="email"], + button { + width: 100%; + max-width: none; + } + + .logo { + width: 120px; + } +} + +.footer-links { + display: flex; + justify-content: center; + gap: 2rem; + margin-top: 2rem; + text-align: center; + margin-bottom: 2rem; +} + +.footer-links a { + color: var(--accent); + text-decoration: none; + font-size: 0.9rem; + opacity: 0.9; + transition: opacity 0.3s ease, color 0.3s ease; +} + +.footer-links a:hover { + opacity: 1; + text-decoration: underline; +} + +.copyright { + text-align: center; + margin-top: 1rem; + font-size: 0.9rem; + opacity: 0.7; +} + +.copyright p { + margin-bottom: 0.5rem; +} + +@media (max-width: 480px) { + .container { + width: 95%; + padding: 0.5rem; + } + + .card { + padding: 1rem; + } + + .team-member img { + width: 100px; + height: 100px; + } + + .footer-links { + flex-direction: column; + gap: 1rem; + } +}