Master

README

@@ -0,0 +1,2 @@
+# AquaClense
+A Website which is a game changing solution

app/running.py

@@ -0,0 +1,43 @@
+import matplotlib.pyplot as plt
+import os
+
+# Ensure the static directory exists
+static_dir = 'c:/proj1/static/'
+if not os.path.exists(static_dir):
+    os.makedirs(static_dir)
+
+# Waste Trends 2024
+months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+plastic = [8, 9, 10, 11, 12, 13, 14, 15, 14, 13, 12, 11]
+shoes = [5, 6, 7, 8, 9, 10, 9, 8, 7, 6, 5, 6]
+metal = [8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8]
+
+plt.figure(figsize=(10, 6))
+plt.plot(months, plastic, label='Plastic (tons)', marker='o')
+plt.plot(months, shoes, label='Shoes (tons)', marker='o')
+plt.plot(months, metal, label='Metal (tons)', marker='o')
+plt.title('Monthly Waste Generation Trends (2024)')
+plt.xlabel('Month')
+plt.ylabel('Waste (tons)')
+plt.legend()
+plt.grid(True)
+plt.savefig('c:/proj1/static/waste_trends_2024.jpg')
+plt.close()
+
+# Waste Reduction Impact
+categories = ['Plastic', 'Shoes', 'Metal']
+before = [12, 9, 8]
+after = [9, 7, 6]
+
+x = range(len(categories))
+plt.figure(figsize=(8, 6))
+plt.bar(x, before, width=0.4, label='Before', align='center')
+plt.bar([i + 0.4 for i in x], after, width=0.4, label='After', align='center')
+plt.xticks([i + 0.2 for i in x], categories)
+plt.title('Impact of Recycling Measures (2024)')
+plt.ylabel('Waste (tons)')
+plt.legend()
+plt.savefig('c:/proj1/static/waste_reduction_2024.jpg')
+plt.close()
+
+print("Graphs saved successfully to c:/proj1/static/")

app/static/css/login.css

@@ -0,0 +1,160 @@
+/* Darkest Black Background */
+.background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    background: #000000;
+    transition: background 1s ease-in-out;
+    overflow: hidden;
+}
+
+/* Admin Background */
+.admin-active .background {
+    background: #333333;
+}
+
+/* Wrapper and Containers */
+body {
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
+    font-family: 'Montserrat', sans-serif;
+}
+
+.login-wrapper {
+    display: flex;
+    width: 200%;
+    height: 100vh;
+    transition: transform 0.5s ease-in-out;
+    position: relative;
+    z-index: 1;
+}
+
+.login-container,
+.admin-container {
+    width: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.admin-active .login-wrapper {
+    transform: translateX(-50%);
+}
+
+/* Card Styling */
+.card {
+    background-image: linear-gradient(163deg, #00ff75 10%, #3700ff 100%);
+    border-radius: 20px;
+    padding: 0.1rem;
+    transition: all 1.2s;
+    width: 60%;
+    max-width: 450px;
+    box-shadow: 0 0 1px #0a0000;
+}
+
+.card2 {
+    border-radius: 18px;
+    background: #171717;
+    padding: 1.5rem;
+    transition: all 0.2s;
+}
+
+.card2:hover {
+    transform: scale(0.98);
+    border-radius: 20px;
+}
+
+.card:hover {
+    box-shadow: 0 0 4px #ffffff;
+}
+
+/* Form Elements */
+.form {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+#heading {
+    text-align: center;
+    margin: 1.5em 0;
+    color: #ffffff;
+    font-size: 1.5em;
+    font-weight: 700;
+}
+
+.field {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+    border-radius: 25px;
+    padding: 0.6em;
+    background-color: #252525;
+    box-shadow: inset 2px 5px 10px rgba(0, 0, 0, 0.5);
+}
+
+.input-icon {
+    height: 1.3em;
+    width: 1.3em;
+    fill: white;
+}
+
+.input-field {
+    background: none;
+    border: none;
+    outline: none;
+    width: 100%;
+    color: #d3d3d3;
+    font-size: 1em;
+    font-family: 'Montserrat', sans-serif;
+    font-weight: 400;
+}
+
+.btn {
+    display: flex;
+    justify-content: center;
+    gap: 0.5em;
+    margin-top: 2em;
+}
+
+.button1, .button2, .button3 {
+    padding: 0.5em 1.5em;
+    border-radius: 5px;
+    border: none;
+    outline: none;
+    transition: all 0.4s ease-in-out;
+    background-color: #252525;
+    color: white;
+    font-family: 'Montserrat', sans-serif;
+    font-weight: 500;
+}
+
+.button1:hover {
+    background-color: black;
+    color: white;
+}
+
+.button2:hover {
+    background-color: black;
+    color: white;
+}
+
+.button3 {
+    margin: 1.5em auto;
+}
+
+.button3:hover {
+    background-color: red;
+    color: white;
+}
+
+.error {
+    color: red;
+    text-align: center;
+    margin: 0.5em 0;
+    font-family: 'Montserrat', sans-serif;
+    font-weight: 400;
+}

app/static/js/login.js

@@ -0,0 +1,3 @@
+function toggleAdmin() {
+    document.body.classList.toggle('admin-active');
+  }