Skip to content

working stage with updated design #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Sunny-64 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

working stage with updated design #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
64 changes: 42 additions & 22 deletions Admin panel/assets/css/style.css → admin/assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,31 +2,11 @@
body{
min-width: 270px;
}
header{
height: 120px;
background-color: #D9D9D9;
}
.nav-bg{
background-color:#C1BDBD;

}

.online-journal-txt{
width: 110px;
text-align: center;
}
.nav-anchor{
color: #000 !important;
}
.nav-anchor:hover{
color: #fff !important;
background-color: #534A4A;
}

.active-nav-link{
color: #fff !important;
background-color: #534A4A;
}



/* Title Section */
#title{
Expand Down Expand Up @@ -228,4 +208,44 @@ footer{
justify-content: start !important;
margin-top: 10px;
}
}


/* Navbar Background Gradient */
.bg-gradient {
background: linear-gradient(90deg, #6a11cb, #2575fc) !important;
}

/* Brand Title Styling */
.brand-title {
font-size: 2rem;
font-weight: bold;
}

/* Navbar Link Styling */
.nav-link {
color: rgba(255, 255, 255, 0.8) !important;
transition: color 0.3s ease !important;
}

.nav-link:hover {
color: #fff !important;
}

.active-nav-link {
color: #fff;
font-weight: bold;
border-bottom: 2px solid #fff;
}

/* Responsive Navbar Adjustments */
@media (max-width: 768px) {
.brand-title {
font-size: 1.8rem;
}

.nav-link {
font-size: 1rem;
padding: 10px 15px;
}
}
6 changes: 3 additions & 3 deletions Admin panel/assets/header.php → admin/assets/header.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,15 +13,15 @@

<body>
<!-- ============!!!!! Header !!!!!!============== -->
<header>
<header >

<nav class="navbar navbar-expand-lg pt-2">
<nav class="navbar navbar-expand-lg bg-gradient pt-2">
<div class="container">

<div class="col-md-4 col-lg-2 col-xl-4 d-flex justify-content-start align-items-center">

<a class="navbar-brand online-journal-txt text-wrap online-journal-txt" href="#">
<h2>Online Journal</h2>
<h2 style="color: white;">Online Journal</h2>
</a>

</div>
Expand Down
0 Admin panel/contactRecords.php → admin/contactRecords.php
View file
Open in desktop
File renamed without changes.
0 Admin panel/events.php → admin/events.php
View file
Open in desktop
File renamed without changes.
0 Admin panel/index.php → admin/index.php
View file
Open in desktop
File renamed without changes.
0 Admin panel/journals.php → admin/journals.php
View file
Open in desktop
File renamed without changes.
117 changes: 105 additions & 12 deletions Admin panel/login.php → admin/login.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@
if ($email == $admin['email'] && $pass == $admin['pass']) {
$adminLoggedIn = true;
$adminId = $admin['id'];
session_start();
$_SESSION['adminLoggedIn'] = true;
$_SESSION['adminId'] = $adminId;
session_start();

$_SESSION['adminLoggedIn'] = true;
$_SESSION['adminId'] = $adminId;
echo "<script> window.location.assign('index.php');</script>";
} else {
echo "email or password is wrong try again";
Expand All @@ -31,12 +31,106 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<style>
.main-container {
margin: 0 !important;
padding: 0 !important;
}

body {
font-family: "Arial", sans-serif;
background-color: #f4f4f4;
color: #333;
}

.bg-image {
background: linear-gradient(90deg, #6a11cb, #2575fc);
color: white;
height: 250px;
}

.main-container {
margin: 0 !important;
padding: 0 !important;
}

.card {
border: none;
border-radius: 15px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
margin-top: -100px;
}

.card h2 {
font-size: 2.5rem;
color: #444;
}

.form-label {
font-weight: bold;
color: #555;
}

.form-control {
border-radius: 10px;
padding: 10px 15px;
border: 1px solid #ddd;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus {
border-color: #6a11cb;
box-shadow: 0 0 5px rgba(106, 17, 203, 0.2);
}

.btn-primary {
background: linear-gradient(90deg, #6a11cb, #2575fc);
border: none;
padding: 10px 20px;
border-radius: 30px;
font-size: 1.2rem;
transition: background 0.3s ease;
}

.btn-primary:hover {
background: linear-gradient(90deg, #2575fc, #6a11cb);
}

.signup-text p {
font-size: 1rem;
color: #666;
}

.signup-text a {
color: #6a11cb;
text-decoration: none;
font-weight: bold;
}

.signup-text a:hover {
text-decoration: underline;
}

@media (max-width: 768px) {
.card h2 {
font-size: 2rem;
}

.form-control {
padding: 8px 10px;
}

.btn-primary {
font-size: 1rem;
padding: 8px 15px;
}

.signup-text p {
font-size: 0.9rem;
}
}
</style>
</head>

Expand All @@ -47,19 +141,16 @@
<!-- Section: Design Block -->
<section class="text-center mb-5">
<!-- Background image -->
<div class="p-5 bg-image" style="
background : #534A4A;
height: 250px;
"></div>
<div class="p-5 bg-image"></div>
<!-- Background image -->
<!-- background-image: url('https://mdbootstrap.com/img/new/textures/full/171.jpg'); -->

<div class="card mx-4 mx-md-5 shadow-5-strong" style="
margin-top: -100px;
background : #d9d9d9;
background :rgb(255, 255, 255);
backdrop-filter: blur(30px);
">
<!-- background: hsla(0, 0%, 100%, 0.8); -->
<!-- background: hsla(0, 0%, 100%, 0.8); -->

<div class="card-body py-5 px-md-5">

Expand Down Expand Up @@ -101,7 +192,9 @@
</div>


<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
crossorigin="anonymous"></script>
</body>

</html>
Loading