mirror of
https://github.com/cmclark00/mintris.git
synced 2025-05-17 21:45:21 +01:00
Add Pixel Mint Games website with Pixel Mint Drop game showcase
This commit is contained in:
parent
6044b0d93b
commit
af54b735f9
9 changed files with 1491 additions and 0 deletions
82
website/about.html
Normal file
82
website/about.html
Normal file
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>About Us - Pixel Mint Games</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<h1>Pixel Mint Games</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="about-section">
|
||||
<div class="container">
|
||||
<h2>About Pixel Mint Games</h2>
|
||||
|
||||
<div class="about-content">
|
||||
<div class="about-text">
|
||||
<h3>Our Story</h3>
|
||||
<p>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.</p>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<h3>Our Philosophy</h3>
|
||||
<p>At Pixel Mint Games, we're guided by these core principles:</p>
|
||||
<ul>
|
||||
<li><strong>Minimalist Design:</strong> We embrace simplicity without sacrificing depth.</li>
|
||||
<li><strong>Polish Over Features:</strong> We focus on making fewer features work flawlessly rather than implementing many that work adequately.</li>
|
||||
<li><strong>Player-Centric Development:</strong> We actively listen to player feedback and iterate accordingly.</li>
|
||||
<li><strong>Platform Optimization:</strong> Our games are tailored to feel native to each platform they're on.</li>
|
||||
</ul>
|
||||
|
||||
<h3>Our Team</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
|
||||
<div class="about-image">
|
||||
<div class="placeholder-image">Team Photo</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
<h3>Pixel Mint Games</h3>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<ul>
|
||||
<li><a href="privacy.html">Privacy Policy</a></li>
|
||||
<li><a href="terms.html">Terms of Service</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>© 2024 Pixel Mint Games. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
116
website/contact.html
Normal file
116
website/contact.html
Normal file
|
@ -0,0 +1,116 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Contact Us - Pixel Mint Games</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<h1>Pixel Mint Games</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="contact-section">
|
||||
<div class="container">
|
||||
<h2>Contact Us</h2>
|
||||
<p class="contact-intro">Have questions, feedback, or just want to say hello? We'd love to hear from you!</p>
|
||||
|
||||
<div class="contact-content">
|
||||
<div class="contact-info">
|
||||
<h3>Get In Touch</h3>
|
||||
<p>We aim to respond to all inquiries within 48 hours during business days.</p>
|
||||
|
||||
<div class="contact-methods">
|
||||
<div class="contact-method">
|
||||
<h4>General Inquiries</h4>
|
||||
<p>Email: hello@pixelmintgames.com</p>
|
||||
</div>
|
||||
|
||||
<div class="contact-method">
|
||||
<h4>Support</h4>
|
||||
<p>Email: support@pixelmintgames.com</p>
|
||||
</div>
|
||||
|
||||
<div class="contact-method">
|
||||
<h4>Business Inquiries</h4>
|
||||
<p>Email: business@pixelmintgames.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contact-form">
|
||||
<h3>Send Us a Message</h3>
|
||||
<form id="contactForm">
|
||||
<div class="form-group">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" id="name" name="name" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="subject">Subject</label>
|
||||
<input type="text" id="subject" name="subject" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="message">Message</label>
|
||||
<textarea id="message" name="message" rows="5" required></textarea>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn">Send Message</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
<h3>Pixel Mint Games</h3>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<ul>
|
||||
<li><a href="privacy.html">Privacy Policy</a></li>
|
||||
<li><a href="terms.html">Terms of Service</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>© 2024 Pixel Mint Games. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
<script>
|
||||
document.getElementById('contactForm').addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
alert('Thank you for your message! We will get back to you soon.');
|
||||
this.reset();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
628
website/css/style.css
Normal file
628
website/css/style.css
Normal file
|
@ -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;
|
||||
}
|
||||
}
|
87
website/games.html
Normal file
87
website/games.html
Normal file
|
@ -0,0 +1,87 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Our Games - Pixel Mint Games</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<h1>Pixel Mint Games</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="games-section">
|
||||
<div class="container">
|
||||
<h2>Our Games</h2>
|
||||
<p class="games-intro">Explore our collection of minimalist games crafted with care.</p>
|
||||
|
||||
<div class="games-grid">
|
||||
<div class="game-card">
|
||||
<div class="game-card-image">
|
||||
<div class="placeholder-image">Pixel Mint Drop</div>
|
||||
</div>
|
||||
<div class="game-card-content">
|
||||
<h3>Pixel Mint Drop</h3>
|
||||
<p>A modern falling block puzzle game for Android, featuring smooth animations, responsive controls, and a beautiful minimalist design.</p>
|
||||
<div class="game-card-platforms">
|
||||
<span>Android</span>
|
||||
</div>
|
||||
<a href="pixelmintdrop.html" class="btn">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="game-card coming-soon">
|
||||
<div class="game-card-image">
|
||||
<div class="placeholder-image">Coming Soon</div>
|
||||
</div>
|
||||
<div class="game-card-content">
|
||||
<h3>Coming Soon</h3>
|
||||
<p>We're working on new minimalist gaming experiences. Stay tuned for updates on our upcoming releases!</p>
|
||||
<div class="game-card-platforms">
|
||||
<span>TBA</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
<h3>Pixel Mint Games</h3>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<ul>
|
||||
<li><a href="privacy.html">Privacy Policy</a></li>
|
||||
<li><a href="terms.html">Terms of Service</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>© 2024 Pixel Mint Games. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
83
website/index.html
Normal file
83
website/index.html
Normal file
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Pixel Mint Games - Home</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<h1>Pixel Mint Games</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="hero-content">
|
||||
<h2>Welcome to Pixel Mint Games</h2>
|
||||
<p>Crafting minimalist gaming experiences with a focus on elegant design and engaging gameplay.</p>
|
||||
<a href="games.html" class="btn">Explore Our Games</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="featured-game">
|
||||
<div class="container">
|
||||
<h2>Featured Game</h2>
|
||||
<div class="game-showcase">
|
||||
<div class="game-info">
|
||||
<h3>Pixel Mint Drop</h3>
|
||||
<p>A modern falling block puzzle game for Android, featuring smooth animations, responsive controls, and a beautiful minimalist design.</p>
|
||||
<ul class="game-features">
|
||||
<li>Familiar block-stacking gameplay</li>
|
||||
<li>Smooth animations and responsive controls</li>
|
||||
<li>Beautiful minimalist design</li>
|
||||
<li>Advanced move detection and scoring</li>
|
||||
</ul>
|
||||
<a href="pixelmintdrop.html" class="btn">Learn More</a>
|
||||
</div>
|
||||
<div class="game-image">
|
||||
<div class="placeholder-image">Pixel Mint Drop</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
<h3>Pixel Mint Games</h3>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<ul>
|
||||
<li><a href="privacy.html">Privacy Policy</a></li>
|
||||
<li><a href="terms.html">Terms of Service</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>© 2024 Pixel Mint Games. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
104
website/js/main.js
Normal file
104
website/js/main.js
Normal file
|
@ -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 = '<span></span><span></span><span></span>';
|
||||
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.');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
143
website/pixelmintdrop.html
Normal file
143
website/pixelmintdrop.html
Normal file
|
@ -0,0 +1,143 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Pixel Mint Drop - Pixel Mint Games</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<h1>Pixel Mint Games</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="game-detail">
|
||||
<div class="container">
|
||||
<div class="game-detail-header">
|
||||
<h2>Pixel Mint Drop</h2>
|
||||
<p>A modern falling block puzzle game with a minimalist design</p>
|
||||
</div>
|
||||
|
||||
<div class="game-detail-content">
|
||||
<div class="game-description">
|
||||
<h3>About the Game</h3>
|
||||
<p>Pixel Mint Drop is a modern falling block puzzle game for Android, featuring smooth animations, responsive controls, and a beautiful minimalist design.</p>
|
||||
<p>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.</p>
|
||||
<div class="game-cta">
|
||||
<a href="#" class="btn">Download on Google Play</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="game-screenshot">
|
||||
<div class="placeholder-image">Game Screenshot</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="game-features-section">
|
||||
<h3>Features</h3>
|
||||
<div class="game-features-grid">
|
||||
<div class="feature-card">
|
||||
<h4>Core Gameplay</h4>
|
||||
<ul>
|
||||
<li>Familiar block-stacking gameplay</li>
|
||||
<li>7-bag randomizer for piece distribution</li>
|
||||
<li>Ghost piece preview for precise placement</li>
|
||||
<li>Hard drop and soft drop controls</li>
|
||||
<li>Advanced move detection (e.g., T-Spins)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<h4>Modern Android Features</h4>
|
||||
<ul>
|
||||
<li>Optimized for Android 11+ (API 30+)</li>
|
||||
<li>Smooth hardware-accelerated rendering</li>
|
||||
<li>High refresh rate support</li>
|
||||
<li>Haptic feedback for tactile interaction</li>
|
||||
<li>Automatic Dark theme support</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<h4>Scoring System</h4>
|
||||
<ul>
|
||||
<li>Comprehensive scoring system</li>
|
||||
<li>Level-based multipliers</li>
|
||||
<li>Combo system for consecutive clears</li>
|
||||
<li>Special move bonuses (T-Spins, Perfect Clears)</li>
|
||||
<li>Persistent high score system</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<h4>Visual Effects</h4>
|
||||
<ul>
|
||||
<li>Silky-smooth piece movement animations</li>
|
||||
<li>Dynamic pulsing border glow during line clears</li>
|
||||
<li>Clear ghost piece preview</li>
|
||||
<li>Subtle block glow effects</li>
|
||||
<li>Clean grid lines for better visibility</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="game-technical">
|
||||
<h3>Technical Details</h3>
|
||||
<div class="game-features-grid">
|
||||
<div class="feature-card">
|
||||
<h4>Requirements</h4>
|
||||
<ul>
|
||||
<li>Android 11 (API 30) or higher</li>
|
||||
<li>Hardware acceleration support</li>
|
||||
<li>Minimum 2GB RAM recommended</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<h4>Performance Optimizations</h4>
|
||||
<ul>
|
||||
<li>Hardware-accelerated rendering</li>
|
||||
<li>Efficient collision detection algorithms</li>
|
||||
<li>Optimized grid data structures</li>
|
||||
<li>Targets smooth 60fps animations</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
<h3>Pixel Mint Games</h3>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<ul>
|
||||
<li><a href="privacy.html">Privacy Policy</a></li>
|
||||
<li><a href="terms.html">Terms of Service</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>© 2024 Pixel Mint Games. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
130
website/privacy.html
Normal file
130
website/privacy.html
Normal file
|
@ -0,0 +1,130 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Privacy Policy - Pixel Mint Games</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<h1>Pixel Mint Games</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="legal-content">
|
||||
<div class="container">
|
||||
<h2>Privacy Policy</h2>
|
||||
<p class="last-updated">Last Updated: April 1, 2024</p>
|
||||
|
||||
<p>Pixel Mint Games ("we", "our", or "us") is committed to protecting your privacy. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you use our mobile application Pixel Mint Drop (the "Application").</p>
|
||||
|
||||
<p>Please read this Privacy Policy carefully. If you do not agree with the terms of this Privacy Policy, please do not access the Application.</p>
|
||||
|
||||
<h3>Collection of Your Information</h3>
|
||||
<p>We may collect information about you in various ways. The information we may collect via the Application includes:</p>
|
||||
|
||||
<h4>Personal Data</h4>
|
||||
<p>While using our Application, we do not require you to provide us with personally identifiable information. The Application does not collect names, email addresses, phone numbers, or any other personal identification data.</p>
|
||||
|
||||
<h4>Derivative Data</h4>
|
||||
<p>Information our servers automatically collect when you access the Application, such as your device's IP address, operating system type, and game statistics. This information does not personally identify you but helps us improve our Application.</p>
|
||||
|
||||
<h4>Mobile Device Access</h4>
|
||||
<p>The Application may request access or permission to certain features from your mobile device, including your mobile device's storage. If you wish to change our access or permissions, you may do so in your device's settings.</p>
|
||||
|
||||
<h3>Use of Your Information</h3>
|
||||
<p>Having accurate information about you permits us to provide you with a smooth, efficient, and customized experience. Specifically, we may use information collected about you via the Application to:</p>
|
||||
<ul>
|
||||
<li>Compile anonymous statistical data for use in improving the Application.</li>
|
||||
<li>Deliver targeted advertising, offers, and promotions.</li>
|
||||
<li>Monitor and analyze usage and trends to improve your experience with the Application.</li>
|
||||
<li>Increase the efficiency and operation of the Application.</li>
|
||||
<li>Store your game preferences and high scores.</li>
|
||||
</ul>
|
||||
|
||||
<h3>Disclosure of Your Information</h3>
|
||||
<p>We may share information we have collected about you in certain situations. Your information may be disclosed as follows:</p>
|
||||
|
||||
<h4>By Law or to Protect Rights</h4>
|
||||
<p>If we believe the release of information about you is necessary to respond to legal process, to investigate or remedy potential violations of our policies, or to protect the rights, property, and safety of others, we may share your information as permitted or required by any applicable law, rule, or regulation.</p>
|
||||
|
||||
<h4>Third-Party Service Providers</h4>
|
||||
<p>We may share your information with third parties that perform services for us or on our behalf, including data analysis, and analytics.</p>
|
||||
|
||||
<h4>Marketing Communications</h4>
|
||||
<p>We do not use your information to send you marketing and promotional communications regarding updates or announcements about new games or features.</p>
|
||||
|
||||
<h3>Security of Your Information</h3>
|
||||
<p>We use administrative, technical, and physical security measures to help protect your personal information. While we have taken reasonable steps to secure the personal information you provide to us, please be aware that despite our efforts, no security measures are perfect or impenetrable, and no method of data transmission can be guaranteed against any interception or other type of misuse.</p>
|
||||
|
||||
<h3>GDPR Privacy</h3>
|
||||
<p>If you are a resident of the European Union (EU) and European Economic Area (EEA), you have certain data protection rights, covered by GDPR. We aim to take reasonable steps to allow you to correct, amend, delete, or limit the use of your Personal Data.</p>
|
||||
|
||||
<p>In certain circumstances, you have the following data protection rights:</p>
|
||||
<ul>
|
||||
<li>The right to access, update or delete the information we have on you.</li>
|
||||
<li>The right of rectification.</li>
|
||||
<li>The right to object.</li>
|
||||
<li>The right of restriction.</li>
|
||||
<li>The right to data portability.</li>
|
||||
<li>The right to withdraw consent.</li>
|
||||
</ul>
|
||||
|
||||
<h3>Policy for Children</h3>
|
||||
<p>We do not knowingly solicit information from or market to children under the age of 13. If you become aware of any data we have collected from children under age 13, please contact us using the contact information provided below.</p>
|
||||
|
||||
<h3>Options Regarding Your Information</h3>
|
||||
<p>You may at any time review or change your information by:</p>
|
||||
<ul>
|
||||
<li>Contacting us using the contact information provided below</li>
|
||||
</ul>
|
||||
<p>You may also request that we delete any data we have stored about you by contacting us.</p>
|
||||
|
||||
<h3>California Privacy Rights</h3>
|
||||
<p>California Civil Code Section 1798.83, also known as the "Shine The Light" law, permits our users who are California residents to request and obtain from us, once a year and free of charge, information about categories of personal information (if any) we disclosed to third parties for direct marketing purposes and the names and addresses of all third parties with which we shared personal information in the immediately preceding calendar year. If you are a California resident and would like to make such a request, please submit your request in writing to us using the contact information provided below.</p>
|
||||
|
||||
<h3>Contact Us</h3>
|
||||
<p>If you have questions or comments about this Privacy Policy, please contact us at:</p>
|
||||
<p>Pixel Mint Games<br>
|
||||
Email: privacy@pixelmintgames.com</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
<h3>Pixel Mint Games</h3>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<ul>
|
||||
<li><a href="privacy.html">Privacy Policy</a></li>
|
||||
<li><a href="terms.html">Terms of Service</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>© 2024 Pixel Mint Games. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
118
website/terms.html
Normal file
118
website/terms.html
Normal file
|
@ -0,0 +1,118 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Terms of Service - Pixel Mint Games</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<h1>Pixel Mint Games</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="legal-content">
|
||||
<div class="container">
|
||||
<h2>Terms of Service</h2>
|
||||
<p class="last-updated">Last Updated: April 1, 2024</p>
|
||||
|
||||
<p>Please read these Terms of Service ("Terms", "Terms of Service") carefully before using the Pixel Mint Drop mobile application (the "Service") operated by Pixel Mint Games ("us", "we", or "our").</p>
|
||||
|
||||
<p>Your access to and use of the Service is conditioned on your acceptance of and compliance with these Terms. These Terms apply to all visitors, users, and others who access or use the Service.</p>
|
||||
|
||||
<p>By accessing or using the Service, you agree to be bound by these Terms. If you disagree with any part of the terms, then you may not access the Service.</p>
|
||||
|
||||
<h3>Use of the Service</h3>
|
||||
<p>Pixel Mint Drop is a game application designed for entertainment purposes. You may use the Service for personal, non-commercial purposes only.</p>
|
||||
|
||||
<h3>Purchases</h3>
|
||||
<p>Some parts of the Service may be billed on a subscription basis or as a one-time purchase ("Purchase"). You will be billed in advance on a recurring basis, depending on the type of subscription plan you select.</p>
|
||||
|
||||
<p>At the end of each billing period, your subscription will automatically renew under the same conditions unless you cancel it or we cancel it.</p>
|
||||
|
||||
<p>You may cancel your subscription either through your online account management or by contacting our customer support team.</p>
|
||||
|
||||
<h3>Content</h3>
|
||||
<p>Our Service allows you to play interactive games. Your use of the Service does not grant you ownership of any content, code, data, or materials you may access on or through the Service.</p>
|
||||
|
||||
<p>All content is the property of Pixel Mint Games or its licensors. You may not distribute, modify, transmit, reuse, download, repost, copy, or use said content, whether in whole or in part, for commercial purposes or for personal gain, without prior written permission from us.</p>
|
||||
|
||||
<h3>Prohibited Uses</h3>
|
||||
<p>You agree not to use the Service:</p>
|
||||
<ul>
|
||||
<li>In any way that violates any applicable national or international law or regulation</li>
|
||||
<li>To impersonate or attempt to impersonate Pixel Mint Games, a Pixel Mint Games employee, another user, or any other person or entity</li>
|
||||
<li>To engage in any other conduct that restricts or inhibits anyone's use or enjoyment of the Service, or which may harm Pixel Mint Games or users of the Service</li>
|
||||
<li>To attempt to gain unauthorized access to, interfere with, damage, or disrupt any parts of the Service, the server on which the Service is stored, or any server, computer, or database connected to the Service</li>
|
||||
<li>To attack the Service via a denial-of-service attack or a distributed denial-of-service attack</li>
|
||||
</ul>
|
||||
|
||||
<h3>Intellectual Property</h3>
|
||||
<p>The Service and its original content (excluding content provided by users), features, and functionality are and will remain the exclusive property of Pixel Mint Games and its licensors. The Service is protected by copyright, trademark, and other laws of both the United States and foreign countries.</p>
|
||||
|
||||
<p>Our trademarks and trade dress may not be used in connection with any product or service without the prior written consent of Pixel Mint Games.</p>
|
||||
|
||||
<h3>Limitation of Liability</h3>
|
||||
<p>In no event shall Pixel Mint Games, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from:</p>
|
||||
<ul>
|
||||
<li>Your access to or use of or inability to access or use the Service</li>
|
||||
<li>Any conduct or content of any third party on the Service</li>
|
||||
<li>Any content obtained from the Service</li>
|
||||
<li>Unauthorized access, use, or alteration of your transmissions or content</li>
|
||||
</ul>
|
||||
|
||||
<h3>Governing Law</h3>
|
||||
<p>These Terms shall be governed and construed in accordance with the laws of the United States, without regard to its conflict of law provisions.</p>
|
||||
|
||||
<p>Our failure to enforce any right or provision of these Terms will not be considered a waiver of those rights. If any provision of these Terms is held to be invalid or unenforceable by a court, the remaining provisions of these Terms will remain in effect.</p>
|
||||
|
||||
<h3>Changes to Terms</h3>
|
||||
<p>We reserve the right, at our sole discretion, to modify or replace these Terms at any time. If a revision is material, we will try to provide at least 30 days' notice prior to any new terms taking effect. What constitutes a material change will be determined at our sole discretion.</p>
|
||||
|
||||
<p>By continuing to access or use our Service after those revisions become effective, you agree to be bound by the revised terms. If you do not agree to the new terms, please stop using the Service.</p>
|
||||
|
||||
<h3>Contact Us</h3>
|
||||
<p>If you have any questions about these Terms, please contact us at:</p>
|
||||
<p>Pixel Mint Games<br>
|
||||
Email: legal@pixelmintgames.com</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
<h3>Pixel Mint Games</h3>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<ul>
|
||||
<li><a href="privacy.html">Privacy Policy</a></li>
|
||||
<li><a href="terms.html">Terms of Service</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>© 2024 Pixel Mint Games. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue