diff --git a/static/css/form.css b/static/css/form.css deleted file mode 100644 index e9ee48a..0000000 --- a/static/css/form.css +++ /dev/null @@ -1,177 +0,0 @@ -body { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - line-height: 1.6; - color: #333; - max-width: 80%; - margin: 0 auto; - padding: 20px; - background-color: #f4f6f9; -} - -.form-container { - max-width: 800px; - margin: 20px auto; - padding: 20px; - background: #ffffff; - border-radius: 8px; - box-shadow: 0 0 10px rgba(0,0,0,0.1); -} - -h1 { - color: #2c3e50; - text-align: center; - border-bottom: 3px solid #3498db; - padding-bottom: 10px; - margin-bottom: 20px; - font-size: 24px; - font-weight: bold; -} - -h3 { - color: #2980b9; - margin-top: 25px; - border-left: 4px solid #3498db; - padding-left: 10px; -} - -p { - text-align: justify; - margin-bottom: 15px; -} - -list { - display: block; - margin-left: 30px; -} - -list li { - margin-bottom: 10px; - position: relative; - padding-left: 20px; -} - -list li::before { - content: '•'; - color: #3498db; - font-weight: bold; - position: absolute; - left: -20px; -} - -.form-title { - color: #2c3e50; - text-align: center; - margin-bottom: 30px; - font-size: 24px; - font-weight: bold; -} - -.form-table { - width: 100%; - border-collapse: separate; - border-spacing: 0 15px; -} - -.form-table th { - text-align: left; - padding: 8px; - color: #34495e; - font-weight: 600; - width: 30%; - vertical-align: middle; -} - -.form-table input[type="text"], -.form-table input[type="date"] { - width: 90%; - padding: 8px 12px; - border: 1px solid #ddd; - border-radius: 4px; - font-size: 14px; - transition: border-color 0.3s; -} - -.form-table input[type="text"]:focus, -.form-table input[type="date"]:focus { - border-color: #3498db; - outline: none; - box-shadow: 0 0 5px rgba(52,152,219,0.3); -} - -.form-table input[type="file"] { - padding: 8px 0; -} - -.submit-btn { - background-color: #3498db; - color: white; - padding: 10px 20px; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 16px; - transition: background-color 0.3s; -} - -.submit-btn:hover { - background-color: #2980b9; -} - -.file-input-wrapper { - position: relative; -} - -.file-input-label { - display: inline-block; - background-color: #f8f9fa; - padding: 8px 12px; - border: 1px solid #ddd; - border-radius: 4px; - cursor: pointer; -} - -.alert { - background-color: #d4edda; - color: #155724; - padding: 15px; - margin: 10px 0; - border-radius: 4px; - border: 1px solid #c3e6cb; - animation: fadeOut 5s forwards; -} - -@keyframes fadeOut { - 0% { opacity: 1; } - 90% { opacity: 1; } - 100% { opacity: 0; } -} - -/* Responsive design */ -@media (max-width: 768px) { - .form-container { - margin: 10px; - padding: 15px; - } - - .form-table th { - width: 100%; - display: block; - } - - .form-table td { - width: 100%; - display: block; - } - - body { - padding: 10px; - } - - h1 { - font-size: 24px; - } - - h3 { - font-size: 20px; - } -} \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index f4e59c8..4247ea7 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -9,7 +9,7 @@ body { background-color: #2c3e50; display: flex; align-items: center; - padding: 0 20px; + padding: 10px 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } @@ -20,8 +20,8 @@ body { } .logo { - width: 50px; - height: 50px; + width: 80px; + height: 80px; background-color: white; border-radius: 50%; display: flex; @@ -31,8 +31,8 @@ body { } .logo img { - max-width: 40px; - max-height: 40px; + max-width: 80px; + max-height: 80px; } .company-name { @@ -82,8 +82,201 @@ body { color: #2c3e50; padding: 12px 16px; display: block; + transition: background-color 0.3s; } .dropdown-content a:hover { background-color: #f1f1f1; -} \ No newline at end of file +} + +.content { + padding: 0 40px; +} + +.form-container { + max-width: 800px; + margin: 20px auto; + padding: 20px; + background: #ffffff; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0,0,0,0.1); + font-family: Arial, sans-serif; +} + +.form-group { + margin-bottom: 15px; +} + +.form-group label { + display: block; + margin-bottom: 3px; + color: #333; + font-weight: bold; +} + +.form-group input, .form-table input[type="text"], .form-table input[type="date"], .form-table td input { + width: 100%; + padding: 8px; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + transition: border-color 0.3s ease; +} + +.form-group input:focus, .form-table input[type="text"]:focus, .form-table input[type="date"]:focus, .form-table td input:focus { + outline: none; + border-color: #666; + box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); +} + +button[type="submit"], .submit-btn, .form-table td strong center input[type="Submit"] { + width: 100%; + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; + transition: background-color 0.3s ease; +} + +button[type="submit"]:hover, .submit-btn:hover, .form-table td strong center input[type="Submit"]:hover { + background-color: #45a049; +} + +.error-message { + color: #dc3545; + margin-top: 5px; +} + +.form-title { + color: #2c3e50; + text-align: center; + margin-bottom: 30px; + font-size: 24px; + font-weight: bold; +} + +.alert { + background-color: #d4edda; + color: #155724; + padding: 15px; + margin: 10px 0; + border-radius: 4px; + border: 1px solid #c3e6cb; + animation: fadeOut 5s forwards; +} + +@keyframes fadeOut { + 0% { opacity: 1; } + 90% { opacity: 1; } + 100% { opacity: 0; } +} + +/* Responsive design */ +@media (max-width: 768px) { + .form-container { + margin: 10px; + padding: 15px; + } + + .form-table th, .form-table td { + width: 100%; + display: block; + } + + body { + padding: 10px; + } + + h1 { + font-size: 24px; + } + + h3 { + font-size: 20px; + } + + .table-container { + padding: 10px; + } + + .records-table { + width: 100%; + overflow-x: auto; + display: block; + } + + .search-box { + width: 100%; + margin-bottom: 10px; + } +} + +.table-container { + max-width: 1200px; + margin: 0 auto; + padding: 20px; +} + +.table-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; +} + +.table-header h2 { + color: #333; + font-size: 1.5em; + margin: 0; +} + +.search-box { + padding: 8px 16px; + border-radius: 4px; + border: 1px solid #ccc; + width: 300px; + transition: border-color 0.3s ease; +} + +.search-box:focus { + outline: none; + border-color: #666; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); +} + +.records-table { + width: 100%; + border-collapse: collapse; + margin-top: 20px; + background-color: white; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} + +.records-table th, .records-table td { + padding: 12px; + text-align: left; + border-bottom: 1px solid #eee; +} + +.records-table th { + background-color: #f8f9fa; + color: #333; + font-weight: bold; +} + +.records-table tr:hover { + background-color: #f5f6fa; +} + +.records-table td a { + color: #4CAF50; + text-decoration: none; + transition: color 0.3s ease; +} + +.records-table td a:hover { + color: #45a049; +} diff --git a/static/css/table.css b/static/css/table.css deleted file mode 100644 index cc183ef..0000000 --- a/static/css/table.css +++ /dev/null @@ -1,67 +0,0 @@ -.table-container { - max-width: 100%; - margin: 20px auto; - padding: 20px; - background: #ffffff; - border-radius: 8px; - box-shadow: 0 0 10px rgba(0,0,0,0.1); - overflow-x: auto; -} - -.records-table { - width: 80%%; - border-collapse: collapse; - margin-top: 20px; -} - -.records-table th, -.records-table td { - padding: 12px; - text-align: left; - border-bottom: 1px solid #ddd; -} - -.records-table th { - background-color: #f8f9fa; - font-weight: 600; - color: #2c3e50; -} - -.records-table tr:hover { - background-color: #f5f5f5; -} - -.download-link { - display: inline-block; - padding: 6px 12px; - background-color: #3498db; - color: white; - text-decoration: none; - border-radius: 4px; - font-size: 14px; - transition: background-color 0.3s; -} - -.download-link:hover { - background-color: #2980b9; -} - -.table-header { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 20px; -} - -.search-box { - padding: 8px; - border: 1px solid #ddd; - border-radius: 4px; - width: 200px; -} - -.no-records { - text-align: center; - padding: 20px; - color: #666; -} \ No newline at end of file diff --git a/static/images/icon.png b/static/images/icon.png index b1108f9..491a055 100644 Binary files a/static/images/icon.png and b/static/images/icon.png differ diff --git a/templates/base.html b/templates/base.html index de3a98a..4ca6101 100644 --- a/templates/base.html +++ b/templates/base.html @@ -5,8 +5,7 @@ MIS - - +
Management Information System (MIS)
- - {% block content %}

@@ -68,6 +65,7 @@ {% endblock content %} \ No newline at end of file diff --git a/templates/registration/signin.html b/templates/registration/signin.html index 383c69b..0116f2a 100644 --- a/templates/registration/signin.html +++ b/templates/registration/signin.html @@ -1,6 +1,7 @@ {% extends "base.html" %} {% block content %} +

Login

{% if messages %} @@ -26,4 +27,5 @@

Don't have an account? Register here

+
{% endblock %} \ No newline at end of file diff --git a/templates/registration/signup.html b/templates/registration/signup.html index 131d809..9f29d7c 100644 --- a/templates/registration/signup.html +++ b/templates/registration/signup.html @@ -1,184 +1,6 @@ {% extends "base.html" %} {% block content %} - + {% if messages %}
{% for message in messages %} @@ -192,7 +14,7 @@ - + diff --git a/templates/resulation/contract.html b/templates/resulation/contract.html index 90dddf1..11d0cac 100644 --- a/templates/resulation/contract.html +++ b/templates/resulation/contract.html @@ -1,184 +1,6 @@ {% extends "base.html" %} {% block content %} - +

Fill up the form and upload Contract

diff --git a/templates/resulation/home.html b/templates/resulation/home.html index 9aeae8b..e974996 100644 --- a/templates/resulation/home.html +++ b/templates/resulation/home.html @@ -6,88 +6,10 @@ style="background-color: #d4edda; color: #155724; padding: 15px; margin: 10px 0; {{ message }}
{% endif %} - - + + +

Archiving and Timely Upload of Meeting Minutes, Deeds, and MoUs


To ensure seamless access and efficient management of critical documents within the Directorate General of Health Services (DGHS), it is essential to archive and upload Meeting Minutes, Deeds, and Memorandums of Understanding (MOUs) in a timely manner.

@@ -127,4 +49,5 @@ Regular audits will be conducted to maintain data integrity and compliance.

Call to Action:

All offices under DGHS are encouraged to adopt this process and contribute to maintaining an updated and accessible document archive.

+
{% endblock content %} \ No newline at end of file diff --git a/templates/resulation/mou.html b/templates/resulation/mou.html index cf5801e..29e0487 100644 --- a/templates/resulation/mou.html +++ b/templates/resulation/mou.html @@ -1,184 +1,6 @@ {% extends "base.html" %} {% block content %} - +

Fill up the form and upload your MoU

diff --git a/templates/resulation/resulation.html b/templates/resulation/resulation.html index eac999d..6046f96 100644 --- a/templates/resulation/resulation.html +++ b/templates/resulation/resulation.html @@ -5,185 +5,7 @@ {{ message }}
{% endif %} - +

Fill up the form and upload your resolutions

Userneme:
Email: