Made the modification (#53)

tanishaness · Oct 23, 2024 · ab8af4d · ab8af4d
1 parent 84ac3da
commit ab8af4d
Show file tree

Hide file tree

Showing 4 changed files with 136 additions and 5 deletions.
diff --git a/Backend/Dataset/feedback.html b/Backend/Dataset/feedback.html
@@ -71,7 +71,10 @@ <h1>Academic Integrity Feedback</h1>
   justify-content: center;
   align-items: center;
   height: 100vh;
-}
+  min-height: 100vh;
+      padding: 20px;
+    }
+
 
 .container {
   max-width: 600px;
@@ -80,8 +83,13 @@ <h1>Academic Integrity Feedback</h1>
   background-color: #fff;
   box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
+  transition: transform 0.3s ease;
+}
+.container:hover {
+  transform: translateY(-5px);
 }
 
+
 .feedback-form {
   text-align: center;
 }
@@ -127,13 +135,15 @@ <h1>Academic Integrity Feedback</h1>
 .form-group textarea:focus,
 .form-group select:focus {
   outline: none;
-  border-color: #2980b9;
+  border-color:#667eea ;
+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
 }
 
 .submit-btn {
   width: 100%;
-  padding: 12px;
+  padding: 14px;
   background-color: #2980b9;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   border: none;
   border-radius: 6px;
@@ -144,8 +154,23 @@ <h1>Academic Integrity Feedback</h1>
 }
 
 .submit-btn:hover {
+  transform: translateY(-2px);
+   box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);
   background-color: #21618c;
 }
+@media (max-width: 480px) {
+  .container {
+    padding: 20px;
+  }
+
+  .feedback-form h1 {
+    font-size: 24px;
+  }
+
+  .feedback-form p {
+    font-size: 14px;
+  }
+}
 
 </style>
 </html>
diff --git a/GUI/active.html b/GUI/active.html
@@ -55,6 +55,9 @@
     min-height: 100vh;
     display: flex;
     flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    color: #333;
   }
 
   .content {
@@ -69,15 +72,81 @@
     position: relative;
     width: 100%;
   }
+  .container {
+    background-color: rgba(255, 255, 255, 0.9);
+    border-radius: 15px;
+    padding: 2rem;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+    text-align: center;
+    max-width: 90%;
+    width: 400px;
+    transition: transform 0.3s ease;
+  }
+
+  .container:hover {
+    transform: translateY(-5px);
+  }
+
+  h1 {
+    color: #2c3e50;
+    margin-bottom: 1rem;
+    font-size: 2rem;
+  }
+
+  .timer {
+    font-size: 3rem;
+    font-weight: 700;
+    color: #3498db;
+    margin: 1rem 0;
+  }
+
+  .status {
+    font-size: 1.2rem;
+    margin-top: 1rem;
+    font-weight: 300;
+  }
+
+  .active {
+    color: #27ae60;
+  }
+
+  .inactive {
+    color: #e74c3c;
+  }
+  footer {
+    margin-top: 2rem;
+    color: rgba(255, 255, 255, 0.8);
+    text-align: center;
+  }
 
   footer a {
     color: #FFD700;
     margin: 0 10px;
     text-decoration: none;
+    margin : 0 10px;
   }
 
   footer a:hover {
     text-decoration: underline;
+    color: #FFA500;
+  }
+
+  @media (max-width: 480px) {
+    .container {
+      padding: 1.5rem;
+    }
+
+    h1 {
+      font-size: 1.5rem;
+    }
+
+    .timer {
+      font-size: 2.5rem;
+    }
+
+    .status {
+      font-size: 1rem;
+    }
   }
 </style>
 </head>

diff --git a/GUI/copypaste.html b/GUI/copypaste.html
@@ -56,6 +56,10 @@ <h3>Ctrl+c Ctrl+v allowed</h3>
       font-family: Arial, sans-serif;
       min-height: 100vh;
       display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 2rem;
+      color: #333;
       flex-direction: column;
     }
 
@@ -71,16 +75,39 @@ <h3>Ctrl+c Ctrl+v allowed</h3>
       position: relative;
       width: 100%;
     }
-
+
+    textarea:focus {
+      outline: none;
+      border-color: #3498db;
+    }
+
+    .no-copy-paste {
+      background-color: #f8f9fa;
+    }
+
     footer a {
       color: #FFD700;
       margin: 0 10px;
       text-decoration: none;
     }
+
 
     footer a:hover {
       text-decoration: underline;
     }
+    @media (max-width: 480px) {
+      .container {
+        padding: 1.5rem;
+      }
+
+      h1 {
+        font-size: 1.5rem;
+      }
+
+      h3 {
+        font-size: 1rem;
+      }
+    }
   </style>
   </head>
   <body>

diff --git a/GUI/windowClose.html b/GUI/windowClose.html
@@ -67,7 +67,12 @@ <h1 style="color: green">
 	.content {
 	  flex: 1;
 	}
-
+	h1 {
+		color: #2c3e50;
+		margin-bottom: 20px;
+		text-align: center;
+	}
+
 	footer {
 	  background-color: #333;
 	  color: white;
@@ -86,6 +91,11 @@ <h1 style="color: green">
 	footer a:hover {
 	  text-decoration: underline;
 	}
+	@media (max-width: 600px) {
+		.container {
+			padding: 20px;
+		}
+	}
   </style>
   </head>
   <body>