From af54b735f90e0ee160b2fb277db56e87f79ff40c Mon Sep 17 00:00:00 2001 From: cmclark00 Date: Tue, 1 Apr 2025 12:00:27 -0400 Subject: [PATCH] Add Pixel Mint Games website with Pixel Mint Drop game showcase --- website/about.html | 82 +++++ website/contact.html | 116 +++++++ website/css/style.css | 628 +++++++++++++++++++++++++++++++++++++ website/games.html | 87 +++++ website/index.html | 83 +++++ website/js/main.js | 104 ++++++ website/pixelmintdrop.html | 143 +++++++++ website/privacy.html | 130 ++++++++ website/terms.html | 118 +++++++ 9 files changed, 1491 insertions(+) create mode 100644 website/about.html create mode 100644 website/contact.html create mode 100644 website/css/style.css create mode 100644 website/games.html create mode 100644 website/index.html create mode 100644 website/js/main.js create mode 100644 website/pixelmintdrop.html create mode 100644 website/privacy.html create mode 100644 website/terms.html diff --git a/website/about.html b/website/about.html new file mode 100644 index 0000000..7842ed8 --- /dev/null +++ b/website/about.html @@ -0,0 +1,82 @@ + + + + + + About Us - Pixel Mint Games + + + + + + +
+
+ + +
+
+ +
+
+

About Pixel Mint Games

+ +
+
+

Our Story

+

Pixel Mint Games is an independent game development studio focused on creating engaging, minimalist gaming experiences. Founded in 2023, we're dedicated to crafting games that combine elegant design with compelling gameplay.

+ +

Our journey began with a simple idea: games don't need to be complex to be engaging. We believe in the power of minimalist design to create experiences that are both accessible and deeply satisfying.

+ +

Our Philosophy

+

At Pixel Mint Games, we're guided by these core principles:

+
    +
  • Minimalist Design: We embrace simplicity without sacrificing depth.
  • +
  • Polish Over Features: We focus on making fewer features work flawlessly rather than implementing many that work adequately.
  • +
  • Player-Centric Development: We actively listen to player feedback and iterate accordingly.
  • +
  • Platform Optimization: Our games are tailored to feel native to each platform they're on.
  • +
+ +

Our Team

+

We're a small team of passionate developers, designers, and artists united by our love for creating meaningful gaming experiences. Each member brings unique skills and perspectives to the development process, resulting in games that feel cohesive and thoughtfully crafted.

+
+ +
+
Team Photo
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/website/contact.html b/website/contact.html new file mode 100644 index 0000000..e1dbb3b --- /dev/null +++ b/website/contact.html @@ -0,0 +1,116 @@ + + + + + + Contact Us - Pixel Mint Games + + + + + + +
+
+ + +
+
+ +
+
+

Contact Us

+

Have questions, feedback, or just want to say hello? We'd love to hear from you!

+ +
+
+

Get In Touch

+

We aim to respond to all inquiries within 48 hours during business days.

+ +
+
+

General Inquiries

+

Email: hello@pixelmintgames.com

+
+ +
+

Support

+

Email: support@pixelmintgames.com

+
+ +
+

Business Inquiries

+

Email: business@pixelmintgames.com

+
+
+
+ +
+

Send Us a Message

+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/website/css/style.css b/website/css/style.css new file mode 100644 index 0000000..3f52ce7 --- /dev/null +++ b/website/css/style.css @@ -0,0 +1,628 @@ +:root { + --primary-color: #00cc99; + --secondary-color: #343a40; + --text-color: #333; + --light-gray: #f8f9fa; + --dark-gray: #495057; + --white: #ffffff; + --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Poppins', sans-serif; + line-height: 1.6; + color: var(--text-color); + background-color: var(--white); +} + +.container { + width: 90%; + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +a { + text-decoration: none; + color: inherit; +} + +ul { + list-style: none; +} + +/* Header */ +header { + padding: 20px 0; + background-color: var(--white); + box-shadow: var(--box-shadow); + position: sticky; + top: 0; + z-index: 100; +} + +header .container { + display: flex; + justify-content: space-between; + align-items: center; +} + +.logo h1 { + font-size: 1.8rem; + color: var(--primary-color); + font-weight: 700; +} + +nav ul { + display: flex; +} + +nav ul li { + margin-left: 30px; +} + +nav ul li a { + font-weight: 500; + transition: color 0.3s ease; +} + +nav ul li a:hover, +nav ul li a.active { + color: var(--primary-color); +} + +/* Mobile Navigation */ +.mobile-nav-toggle { + display: none; + background: transparent; + border: none; + cursor: pointer; + padding: 10px; + z-index: 1000; +} + +.mobile-nav-toggle span { + display: block; + width: 25px; + height: 3px; + margin: 5px 0; + background-color: var(--secondary-color); + transition: all 0.3s ease; +} + +.mobile-nav-toggle.active span:nth-child(1) { + transform: rotate(45deg) translate(5px, 5px); +} + +.mobile-nav-toggle.active span:nth-child(2) { + opacity: 0; +} + +.mobile-nav-toggle.active span:nth-child(3) { + transform: rotate(-45deg) translate(7px, -6px); +} + +/* Hero Section */ +.hero { + padding: 80px 0; + background-color: var(--light-gray); +} + +.hero-content { + max-width: 600px; +} + +.hero h2 { + font-size: 2.5rem; + margin-bottom: 20px; + color: var(--secondary-color); +} + +.hero p { + font-size: 1.2rem; + margin-bottom: 30px; + color: var(--dark-gray); +} + +.btn { + display: inline-block; + background-color: var(--primary-color); + color: var(--white); + padding: 12px 24px; + border-radius: 4px; + font-weight: 500; + transition: background-color 0.3s ease; + border: none; + cursor: pointer; +} + +.btn:hover { + background-color: #00b386; +} + +/* Featured Game Section */ +.featured-game { + padding: 80px 0; +} + +.featured-game h2 { + text-align: center; + margin-bottom: 40px; + color: var(--secondary-color); +} + +.game-showcase { + display: flex; + justify-content: space-between; + align-items: center; + gap: 40px; +} + +.game-info { + flex: 1; +} + +.game-info h3 { + font-size: 1.8rem; + margin-bottom: 15px; + color: var(--primary-color); +} + +.game-info p { + margin-bottom: 20px; +} + +.game-features { + margin-bottom: 30px; +} + +.game-features li { + margin-bottom: 10px; + position: relative; + padding-left: 25px; +} + +.game-features li::before { + content: ""; + position: absolute; + left: 0; + top: 8px; + width: 10px; + height: 10px; + background-color: var(--primary-color); + border-radius: 50%; +} + +.game-image { + flex: 1; + display: flex; + justify-content: center; +} + +.placeholder-image { + width: 300px; + height: 500px; + background-color: var(--light-gray); + display: flex; + justify-content: center; + align-items: center; + border-radius: 8px; + font-weight: 700; + color: var(--dark-gray); + box-shadow: var(--box-shadow); +} + +/* Footer */ +footer { + background-color: var(--secondary-color); + color: var(--white); + padding: 50px 0 20px; +} + +.footer-content { + display: flex; + justify-content: space-between; + margin-bottom: 30px; +} + +.footer-logo h3 { + font-size: 1.5rem; + color: var(--primary-color); +} + +.footer-links ul { + display: flex; +} + +.footer-links ul li { + margin-left: 20px; +} + +.footer-links ul li a { + opacity: 0.8; + transition: opacity 0.3s ease; +} + +.footer-links ul li a:hover { + opacity: 1; +} + +.copyright { + text-align: center; + padding-top: 20px; + border-top: 1px solid rgba(255, 255, 255, 0.1); + opacity: 0.6; + font-size: 0.9rem; +} + +/* Game Detail Page */ +.game-detail { + padding: 80px 0; +} + +.game-detail-header { + text-align: center; + margin-bottom: 50px; +} + +.game-detail-header h2 { + font-size: 2.5rem; + color: var(--primary-color); + margin-bottom: 15px; +} + +.game-detail-content { + display: flex; + gap: 40px; + margin-bottom: 50px; +} + +.game-description { + flex: 1; +} + +.game-screenshot { + flex: 1; +} + +.game-features-section h3, +.game-technical h3 { + margin-bottom: 20px; + color: var(--secondary-color); +} + +.game-features-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + gap: 20px; + margin-bottom: 50px; +} + +.feature-card { + background-color: var(--light-gray); + padding: 20px; + border-radius: 8px; + box-shadow: var(--box-shadow); +} + +.feature-card h4 { + color: var(--primary-color); + margin-bottom: 10px; +} + +.game-cta { + text-align: center; + margin: 50px 0; +} + +/* Privacy and Terms Pages */ +.legal-content { + padding: 60px 0; +} + +.legal-content h2 { + margin-bottom: 30px; + color: var(--secondary-color); +} + +.legal-content h3 { + margin: 30px 0 15px; + color: var(--secondary-color); +} + +.legal-content h4 { + margin: 20px 0 10px; + color: var(--secondary-color); +} + +.legal-content p, +.legal-content ul { + margin-bottom: 20px; +} + +.legal-content ul { + list-style-type: disc; + padding-left: 20px; +} + +.legal-content ul li { + margin-bottom: 10px; +} + +.last-updated { + font-style: italic; + color: var(--dark-gray); + margin-bottom: 30px; +} + +/* Contact Page */ +.contact-section { + padding: 80px 0; +} + +.contact-section h2 { + text-align: center; + margin-bottom: 15px; + color: var(--secondary-color); +} + +.contact-intro { + text-align: center; + max-width: 600px; + margin: 0 auto 50px; + color: var(--dark-gray); +} + +.contact-content { + display: flex; + gap: 50px; +} + +.contact-info, +.contact-form { + flex: 1; +} + +.contact-info h3, +.contact-form h3 { + margin-bottom: 20px; + color: var(--secondary-color); +} + +.contact-methods { + margin-top: 30px; +} + +.contact-method { + margin-bottom: 20px; +} + +.contact-method h4 { + color: var(--primary-color); + margin-bottom: 5px; +} + +.form-group { + margin-bottom: 20px; +} + +.form-group label { + display: block; + margin-bottom: 5px; + font-weight: 500; +} + +.form-group input, +.form-group textarea { + width: 100%; + padding: 10px; + border: 1px solid #ddd; + border-radius: 4px; + font-family: 'Poppins', sans-serif; +} + +.form-group textarea { + resize: vertical; +} + +/* About Page */ +.about-section { + padding: 80px 0; +} + +.about-section h2 { + text-align: center; + margin-bottom: 50px; + color: var(--secondary-color); +} + +.about-content { + display: flex; + gap: 50px; + margin-bottom: 50px; +} + +.about-text { + flex: 3; +} + +.about-image { + flex: 2; + display: flex; + justify-content: center; + align-items: flex-start; +} + +.about-text h3 { + margin: 30px 0 15px; + color: var(--secondary-color); +} + +.about-text h3:first-child { + margin-top: 0; +} + +.about-text p, +.about-text ul { + margin-bottom: 20px; +} + +.about-text ul { + list-style-type: disc; + padding-left: 20px; +} + +.about-text ul li { + margin-bottom: 10px; +} + +/* Games Page */ +.games-section { + padding: 80px 0; +} + +.games-section h2 { + text-align: center; + margin-bottom: 15px; + color: var(--secondary-color); +} + +.games-intro { + text-align: center; + max-width: 600px; + margin: 0 auto 50px; + color: var(--dark-gray); +} + +.games-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); + gap: 40px; +} + +.game-card { + background-color: var(--white); + border-radius: 8px; + overflow: hidden; + box-shadow: var(--box-shadow); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.game-card:hover { + transform: translateY(-5px); + box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); +} + +.game-card-image { + height: 200px; + overflow: hidden; +} + +.game-card-image .placeholder-image { + width: 100%; + height: 100%; + border-radius: 0; +} + +.game-card-content { + padding: 25px; +} + +.game-card-content h3 { + font-size: 1.4rem; + margin-bottom: 10px; + color: var(--primary-color); +} + +.game-card-content p { + margin-bottom: 20px; + color: var(--dark-gray); +} + +.game-card-platforms { + margin-bottom: 20px; +} + +.game-card-platforms span { + display: inline-block; + background-color: var(--light-gray); + padding: 5px 12px; + border-radius: 4px; + font-size: 0.9rem; + color: var(--dark-gray); + margin-right: 8px; +} + +.coming-soon .game-card-image .placeholder-image { + color: var(--primary-color); + font-weight: 700; + background-color: rgba(0, 204, 153, 0.1); +} + +/* Responsive adjustments for Games page */ +@media (max-width: 768px) { + .games-grid { + grid-template-columns: 1fr; + } +} + +/* Responsive Design */ +@media (max-width: 768px) { + .game-showcase { + flex-direction: column; + } + + .game-detail-content { + flex-direction: column; + } + + .footer-content { + flex-direction: column; + gap: 20px; + } + + .footer-links ul { + margin-top: 20px; + } + + .contact-content { + flex-direction: column; + } + + /* Mobile Navigation */ + .mobile-nav-toggle { + display: block; + } + + nav ul { + display: none; + position: absolute; + top: 100%; + left: 0; + width: 100%; + flex-direction: column; + background-color: var(--white); + box-shadow: var(--box-shadow); + padding: 20px 0; + text-align: center; + } + + nav ul.show { + display: flex; + } + + nav ul li { + margin: 0 0 15px 0; + } + + /* About page */ + .about-content { + flex-direction: column; + } +} \ No newline at end of file diff --git a/website/games.html b/website/games.html new file mode 100644 index 0000000..b5ebbf8 --- /dev/null +++ b/website/games.html @@ -0,0 +1,87 @@ + + + + + + Our Games - Pixel Mint Games + + + + + + +
+
+ + +
+
+ +
+
+

Our Games

+

Explore our collection of minimalist games crafted with care.

+ +
+
+
+
Pixel Mint Drop
+
+
+

Pixel Mint Drop

+

A modern falling block puzzle game for Android, featuring smooth animations, responsive controls, and a beautiful minimalist design.

+
+ Android +
+ Learn More +
+
+ +
+
+
Coming Soon
+
+
+

Coming Soon

+

We're working on new minimalist gaming experiences. Stay tuned for updates on our upcoming releases!

+
+ TBA +
+
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/website/index.html b/website/index.html new file mode 100644 index 0000000..502a5ef --- /dev/null +++ b/website/index.html @@ -0,0 +1,83 @@ + + + + + + Pixel Mint Games - Home + + + + + + +
+
+ + +
+
+ +
+
+
+

Welcome to Pixel Mint Games

+

Crafting minimalist gaming experiences with a focus on elegant design and engaging gameplay.

+ Explore Our Games +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/website/js/main.js b/website/js/main.js new file mode 100644 index 0000000..3c49aff --- /dev/null +++ b/website/js/main.js @@ -0,0 +1,104 @@ +// Pixel Mint Games Website JavaScript + +document.addEventListener('DOMContentLoaded', function() { + // Mobile Navigation Toggle + const createMobileNav = () => { + const header = document.querySelector('header'); + if (header) { + // Create mobile nav button + const mobileNavBtn = document.createElement('button'); + mobileNavBtn.classList.add('mobile-nav-toggle'); + mobileNavBtn.innerHTML = ''; + header.querySelector('.logo').after(mobileNavBtn); + + // Mobile nav functionality + mobileNavBtn.addEventListener('click', function() { + const nav = document.querySelector('nav ul'); + nav.classList.toggle('show'); + this.classList.toggle('active'); + }); + } + }; + + // Add mobile navigation only on smaller screens + if (window.innerWidth <= 768) { + createMobileNav(); + } + + // Window resize handler + window.addEventListener('resize', function() { + const mobileNavBtn = document.querySelector('.mobile-nav-toggle'); + if (window.innerWidth <= 768 && !mobileNavBtn) { + createMobileNav(); + } else if (window.innerWidth > 768 && mobileNavBtn) { + mobileNavBtn.remove(); + document.querySelector('nav ul').classList.remove('show'); + } + }); + + // Smooth scrolling for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function(e) { + const targetId = this.getAttribute('href'); + if (targetId === '#') return; + + const targetElement = document.querySelector(targetId); + if (targetElement) { + e.preventDefault(); + targetElement.scrollIntoView({ + behavior: 'smooth', + block: 'start' + }); + } + }); + }); + + // Add active class to current page in navigation + const currentPage = window.location.pathname.split('/').pop(); + const navLinks = document.querySelectorAll('nav ul li a'); + + navLinks.forEach(link => { + const linkPage = link.getAttribute('href'); + if (linkPage === currentPage || (currentPage === '' && linkPage === 'index.html')) { + link.classList.add('active'); + } + }); + + // Form validation for contact form + const contactForm = document.getElementById('contactForm'); + if (contactForm) { + contactForm.addEventListener('submit', function(e) { + e.preventDefault(); + + // Simple form validation + let isValid = true; + const formElements = this.elements; + + for (let i = 0; i < formElements.length; i++) { + if (formElements[i].hasAttribute('required') && !formElements[i].value.trim()) { + isValid = false; + formElements[i].classList.add('error'); + } else { + formElements[i].classList.remove('error'); + } + + // Email validation + if (formElements[i].type === 'email' && formElements[i].value.trim()) { + const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + if (!emailPattern.test(formElements[i].value)) { + isValid = false; + formElements[i].classList.add('error'); + } + } + } + + if (isValid) { + // In a real application, this would submit to a server + alert('Thank you for your message! We will get back to you soon.'); + this.reset(); + } else { + alert('Please fill in all required fields correctly.'); + } + }); + } +}); \ No newline at end of file diff --git a/website/pixelmintdrop.html b/website/pixelmintdrop.html new file mode 100644 index 0000000..ac6b0ea --- /dev/null +++ b/website/pixelmintdrop.html @@ -0,0 +1,143 @@ + + + + + + Pixel Mint Drop - Pixel Mint Games + + + + + + +
+
+ + +
+
+ +
+
+
+

Pixel Mint Drop

+

A modern falling block puzzle game with a minimalist design

+
+ +
+
+

About the Game

+

Pixel Mint Drop is a modern falling block puzzle game for Android, featuring smooth animations, responsive controls, and a beautiful minimalist design.

+

Challenge yourself with familiar block-stacking gameplay elevated by modern design and smooth performance. Master the techniques, rack up combos, and achieve new high scores.

+ +
+
+
Game Screenshot
+
+
+ +
+

Features

+
+
+

Core Gameplay

+
    +
  • Familiar block-stacking gameplay
  • +
  • 7-bag randomizer for piece distribution
  • +
  • Ghost piece preview for precise placement
  • +
  • Hard drop and soft drop controls
  • +
  • Advanced move detection (e.g., T-Spins)
  • +
+
+
+

Modern Android Features

+
    +
  • Optimized for Android 11+ (API 30+)
  • +
  • Smooth hardware-accelerated rendering
  • +
  • High refresh rate support
  • +
  • Haptic feedback for tactile interaction
  • +
  • Automatic Dark theme support
  • +
+
+
+

Scoring System

+
    +
  • Comprehensive scoring system
  • +
  • Level-based multipliers
  • +
  • Combo system for consecutive clears
  • +
  • Special move bonuses (T-Spins, Perfect Clears)
  • +
  • Persistent high score system
  • +
+
+
+

Visual Effects

+
    +
  • Silky-smooth piece movement animations
  • +
  • Dynamic pulsing border glow during line clears
  • +
  • Clear ghost piece preview
  • +
  • Subtle block glow effects
  • +
  • Clean grid lines for better visibility
  • +
+
+
+
+ +
+

Technical Details

+
+
+

Requirements

+
    +
  • Android 11 (API 30) or higher
  • +
  • Hardware acceleration support
  • +
  • Minimum 2GB RAM recommended
  • +
+
+
+

Performance Optimizations

+
    +
  • Hardware-accelerated rendering
  • +
  • Efficient collision detection algorithms
  • +
  • Optimized grid data structures
  • +
  • Targets smooth 60fps animations
  • +
+
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/website/privacy.html b/website/privacy.html new file mode 100644 index 0000000..d2f4dd5 --- /dev/null +++ b/website/privacy.html @@ -0,0 +1,130 @@ + + + + + + Privacy Policy - Pixel Mint Games + + + + + + +
+
+ + +
+
+ + + + + + + + \ No newline at end of file diff --git a/website/terms.html b/website/terms.html new file mode 100644 index 0000000..9d10561 --- /dev/null +++ b/website/terms.html @@ -0,0 +1,118 @@ + + + + + + Terms of Service - Pixel Mint Games + + + + + + +
+
+ + +
+
+ + + + + + + + \ No newline at end of file