From c6480847904b67e511515fc1aed6e816407f377d Mon Sep 17 00:00:00 2001 From: trinetra110 Date: Wed, 30 Oct 2024 20:16:30 +0530 Subject: [PATCH 1/2] feat: add 'add topic' page for student --- public/add_topic.html | 44 ++++++++++++++++++++ public/css/add_topic.css | 84 ++++++++++++++++++++++++++++++++++++++ public/main_page.html | 2 +- public/script/add_topic.js | 23 +++++++++++ 4 files changed, 152 insertions(+), 1 deletion(-) create mode 100644 public/add_topic.html create mode 100644 public/css/add_topic.css create mode 100644 public/script/add_topic.js diff --git a/public/add_topic.html b/public/add_topic.html new file mode 100644 index 0000000..6aafba2 --- /dev/null +++ b/public/add_topic.html @@ -0,0 +1,44 @@ + + + + + + + Submit Research Topic + + + + +
+ + + + + +
+

Submit Research Topic

+
+ + + + + + + + + + +
+
+ + + + + \ No newline at end of file diff --git a/public/css/add_topic.css b/public/css/add_topic.css new file mode 100644 index 0000000..065e116 --- /dev/null +++ b/public/css/add_topic.css @@ -0,0 +1,84 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; + font-family: Arial, sans-serif; + background-color: #f9f9f9; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.form-container { + background-color: #fff; + padding: 20px; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + width: 90%; + max-width: 500px; +} + +h2 { + text-align: center; + color: #333; +} + +label { + font-weight: bold; + margin-top: 10px; + display: block; + color: #444; +} + +.required { + color: #e74c3c; +} + +input, +textarea { + width: 100%; + padding: 10px; + margin-top: 5px; + margin-bottom: 15px; + border: 1px solid #ddd; + border-radius: 4px; + font-size: 16px; +} + +.submit-btn { + width: 100%; + padding: 10px; + background-color: #0598dc; + color: #fff; + border: none; + border-radius: 4px; + font-size: 18px; + cursor: pointer; + transition: background-color 0.3s; +} + +.submit-btn:hover { + background-color: #006ca2; +} + +.notification { + position: fixed; + top: 20px; + left: 50%; + transform: translateX(-50%); + padding: 12px 20px; + background-color: #28a745; + color: #fff; + border-radius: 4px; + font-size: 16px; + text-align: center; + display: flex; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +.notification.hidden { + display: none; +} diff --git a/public/main_page.html b/public/main_page.html index 9b0bf9e..1332958 100644 --- a/public/main_page.html +++ b/public/main_page.html @@ -94,7 +94,7 @@

Explore Resea