diff --git a/index.html b/index.html index 752b130..772765e 100644 --- a/index.html +++ b/index.html @@ -55,7 +55,7 @@
- Temp Mail V2 is outπŸ”₯
Check new featuresπŸš€
+ Temp Mail V2 is outπŸ”₯
Check new featuresπŸš€
@@ -140,10 +140,20 @@ - + + + + @@ -154,6 +164,8 @@ } + + diff --git a/privacy/privacy.css b/privacy/privacy.css new file mode 100644 index 0000000..b1ba326 --- /dev/null +++ b/privacy/privacy.css @@ -0,0 +1,269 @@ +/* privacy.css */ + + +:root { + --primary-color: #3B82F6; + --secondary-color: #60A5FA; + --accent-color: #2563EB; + --success-color: #10B981; + --error-color: #EF4444; + --text-color: #1F2937; + --text-secondary: #6B7280; + --bg-color: #F3F4F6; + --card-bg: #FFFFFF; + --border-color: #E5E7EB; + --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); + --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); + } + + [data-theme="dark"] { + --primary-color: #60A5FA; + --secondary-color: #93C5FD; + --accent-color: #3B82F6; + --success-color: #34D399; + --error-color: #F87171; + --text-color: #F9FAFB; + --text-secondary: #D1D5DB; + --bg-color: #111827; + --card-bg: #1F2937; + --border-color: #374151; + } + + * { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + body { + background-color: var(--bg-color); + color: var(--text-color); + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; + line-height: 1.6; + min-height: 100vh; + transition: background-color 0.3s ease, color 0.3s ease; + } + + .app-container { + max-width: 1200px; + margin: 0 auto; + padding: 2rem; + min-height: 100vh; + display: flex; + flex-direction: column; + gap: 2rem; + } + + /* **Header Styles** */ + header { + text-align: center; + padding: 2rem; + background: linear-gradient(135deg, var(--primary-color), var(--accent-color)); + border-radius: 1rem; + box-shadow: var(--shadow-lg); + position: relative; + overflow: hidden; + } + + /* **Header Content Styles** */ + .header-content { + display: flex; + flex-direction: column; + /* Stack children vertically */ + align-items: center; + /* Center horizontally */ + justify-content: center; + /* Center vertically */ + padding: 2rem 0; + /* Add some vertical padding */ + position: relative; + /* Establish a positioning context */ + } + + /* **ASCII Art Styles** */ + .ascii-art { + color: white; + font-size: 0.7rem; + line-height: 1.2; + text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + text-align: center; + /* Center the text within the container */ + font-weight: bold; + padding: 1rem; + /* Add some padding around the ASCII art */ + border-radius: 0.5rem; + /* Optional: Round the corners */ + max-width: 100%; + /* Ensure it doesn't overflow */ + word-wrap: break-word; + /* Handle long lines gracefully */ + font-family: 'Courier New', Courier, monospace; + /* Ensure monospace font */ + transition: transform 0.3s ease; + /* Optional: Add transition */ + } + + .ascii-art:hover { + transform: scale(1.05); + /* Optional: Add hover effect */ + } + +/* **General Privacy Policy Styles** */ +.privacy-policy { + max-width: 800px; + margin: 2rem auto; + padding: 2rem 1.5rem; + background-color: #f9fafb; + border-radius: 8px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +.privacy-policy h1 { + text-align: center; + margin-bottom: 1.5rem; + color: #1f2937; + font-size: 2rem; +} + +.privacy-policy h2 { + margin-top: 1.5rem; + margin-bottom: 0.75rem; + color: #111827; + font-size: 1.5rem; + border-bottom: 2px solid #e5e7eb; + padding-bottom: 0.5rem; +} + +.privacy-policy p { + line-height: 1.6; + color: #374151; + font-size: 1rem; + margin-bottom: 1rem; +} + +.privacy-policy a { + color: #3b82f6; + text-decoration: none; +} + +.privacy-policy a:hover { + text-decoration: underline; +} + +/* **Responsive Typography** */ +@media (max-width: 768px) { + .privacy-policy { + padding: 1.5rem 1rem; + } + + .privacy-policy h1 { + font-size: 1.75rem; + } + + .privacy-policy h2 { + font-size: 1.25rem; + } + + .privacy-policy p { + font-size: 0.95rem; + } +} + +/* **Additional Styling for Lists (If Any)** */ +.privacy-policy ul { + list-style-type: disc; + padding-left: 1.5rem; + margin-bottom: 1rem; +} + +.privacy-policy ol { + list-style-type: decimal; + padding-left: 1.5rem; + margin-bottom: 1rem; +} + +.privacy-policy li { + margin-bottom: 0.5rem; +} + +/* **Footer Styling (Consistency with Main Site)** */ +.footer-content { + max-width: 800px; + margin: 2rem auto; + padding: 1rem 0; + text-align: center; + color: #6b7280; + font-size: 0.9rem; +} + +.footer-link { + color: #3b82f6; + text-decoration: none; + margin: 0 0.5rem; +} + +.footer-link:hover { + text-decoration: underline; +} + +/* **Update Notification Pop-up (Reused from Main Site)** */ +.update-notification { + position: fixed; + top: 20px; + right: 20px; + background-color: #10B981; /* Teal/GREEN tone */ + color: white; + padding: 15px 20px; + border-radius: 8px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + display: flex; + align-items: center; + justify-content: space-between; + min-width: 250px; + z-index: 1000; + opacity: 0; + transform: translateY(-20px); + transition: opacity 0.5s ease, transform 0.5s ease; +} + +.update-notification.show { + opacity: 1; + transform: translateY(0); +} + +.close-notification { + background: none; + border: none; + color: white; + font-size: 20px; + cursor: pointer; + line-height: 1; +} + +@media (max-width: 600px) { + .update-notification { + right: 10px; + left: 10px; + min-width: unset; + } +} + +/* **Typography Enhancements** */ +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; + line-height: 1.6; + color: #374151; + background-color: #ffffff; + margin: 0; + padding: 0; +} + +a { + color: #3b82f6; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/privacy/privacy.html b/privacy/privacy.html new file mode 100644 index 0000000..26b6665 --- /dev/null +++ b/privacy/privacy.html @@ -0,0 +1,86 @@ + + + + + + Privacy Policy - TempMail + + + + + +
+
+
+
+
+β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ•—β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ•—β–ˆβ–ˆβ–ˆβ•—   β–ˆβ–ˆβ–ˆβ•—β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ•—     β–ˆβ–ˆβ–ˆβ•—   β–ˆβ–ˆβ–ˆβ•— β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ•— β–ˆβ–ˆβ•—β–ˆβ–ˆβ•—     
+β•šβ•β•β–ˆβ–ˆβ•”β•β•β•β–ˆβ–ˆβ•”β•β•β•β•β•β–ˆβ–ˆβ–ˆβ–ˆβ•— β–ˆβ–ˆβ–ˆβ–ˆβ•‘β–ˆβ–ˆβ•”β•β•β–ˆβ–ˆβ•—    β–ˆβ–ˆβ–ˆβ–ˆβ•— β–ˆβ–ˆβ–ˆβ–ˆβ•‘β–ˆβ–ˆβ•”β•β•β–ˆβ–ˆβ•—β–ˆβ–ˆβ•‘β–ˆβ–ˆβ•‘     
+   β–ˆβ–ˆβ•‘   β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ•—  β–ˆβ–ˆβ•”β–ˆβ–ˆβ–ˆβ–ˆβ•”β–ˆβ–ˆβ•‘β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ•”β•    β–ˆβ–ˆβ•”β–ˆβ–ˆβ–ˆβ–ˆβ•”β–ˆβ–ˆβ•‘β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ•‘β–ˆβ–ˆβ•‘β–ˆβ–ˆβ•‘     
+   β–ˆβ–ˆβ•‘   β–ˆβ–ˆβ•”β•β•β•  β–ˆβ–ˆβ•‘β•šβ–ˆβ–ˆβ•”β•β–ˆβ–ˆβ•‘β–ˆβ–ˆβ•”β•β•β•β•     β–ˆβ–ˆβ•‘β•šβ–ˆβ–ˆβ•”β•β–ˆβ–ˆβ•‘β–ˆβ–ˆβ•”β•β•β–ˆβ–ˆβ•‘β–ˆβ–ˆβ•‘β–ˆβ–ˆβ•‘     
+   β–ˆβ–ˆβ•‘   β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ•—β–ˆβ–ˆβ•‘ β•šβ•β• β–ˆβ–ˆβ•‘β–ˆβ–ˆβ•‘         β–ˆβ–ˆβ•‘ β•šβ•β• β–ˆβ–ˆβ•‘β–ˆβ–ˆβ•‘  β–ˆβ–ˆβ•‘β–ˆβ–ˆβ•‘β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ•—
+   β•šβ•β•   β•šβ•β•β•β•β•β•β•β•šβ•β•     β•šβ•β•β•šβ•β•         β•šβ•β•     β•šβ•β•β•šβ•β•  β•šβ•β•β•šβ•β•β•šβ•β•β•β•β•β•β•
+                    
+
+
+
+ + +
+
+

Privacy Policy

+

Last updated: 15 January 2025

+ +

1. Introduction

+

Welcome to TempMail ("we," "our," "us"). Your privacy is critically important to us. This Privacy Policy explains how we handle your information when you use our platform.

+ +

2. Information We Do Not Collect

+

At TempMail, we are committed to protecting your privacy. We do not collect, store, or process any personal data directly from you. Our platform is designed to provide temporary email services without the need for user registration or personal information.

+ +

3. Information Collected by Third-Party Services

+

While we do not collect any personal data, TempMail utilizes third-party API services to facilitate its functionality. These services may collect and process data as described in their respective privacy policies. We encourage you to review the privacy policies of these third-party services to understand how your information may be used.

+ +

4. Log Data

+

We may collect non-personal information such as browser type, operating system, access times, and referring URLs. This data is used solely to maintain and improve our services and is not linked to any personally identifiable information.

+ +

5. Cookies and Tracking Technologies

+

TempMail does not use cookies or similar tracking technologies. However, third-party services integrated into our platform may employ such technologies as part of their features.

+ +

6. Data Security

+

We implement standard security measures to protect against unauthorized access, alteration, disclosure, or destruction of non-personal data. However, no method of transmission over the Internet or electronic storage is completely secure, and we cannot guarantee its absolute security.

+ +

7. Children's Privacy

+

Our services are not directed to individuals under the age of 13. We do not knowingly collect personal information from children under 13.

+ +

8. Changes to This Privacy Policy

+

We may update our Privacy Policy from time to time. Any changes will be posted on this page with an updated "Last updated" date.

+ +

9. Usage of the Website

+

You can use the website for freebut You can not use the website for commercial purposes. However, ⚠️ This project is purely for educational purposes. We do not allow illegal things to be done with this project and we are not responsible for any incidents that may occur. This project uses mail.gw's API for creating temporary emails. Use it legally and responsibly ⚠️

+ + +

10. Contact Us

+

If you have any questions or concerns about this Privacy Policy, please feel free to contact us at mehmetkahyakas5@gmail.com.

+
+
+ + + + +
+ Temp Mail V2 is out! You can check new features! + +
+
+ + + + + + + \ No newline at end of file diff --git a/style.css b/style.css index b7e3c2e..9c390be 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,6 @@ -/* Author: Mehmet Kahya */ +/* Mehmet Kahya */ /* Created: 17 March 2024 */ -/* Last Updated: 5 May 2024 */ +/* Last Updated: 15 January 2025 */ :root { --primary-color: #3B82F6; @@ -516,6 +516,33 @@ footer { text-align: center; } +.footer-buttons { + display: flex; + flex-direction: row; + gap: 0.5rem; +} + +.warning-button { + font-weight: bolder; + background-color: rgb(243, 24, 24) !important; + border: 1px solid #434446 !important; +} + +.warning-button:hover { + background-color: rgb(253, 2, 2) !important; +} + +.privacy-button { + font-weight: bolder; + background-color: rgb(0, 0, 0) !important; + border: 1px solid #434446 !important; +} + +.privacy-button:hover { + background-color: rgb(0, 0, 0) !important; + border: 1px solid #434446 !important; +} + .social { display: flex; gap: 1rem;