Skip to content

Commit

Permalink
Updated project details page
Browse files Browse the repository at this point in the history
  • Loading branch information
@AdvaitP10
AdvaitP10 committed Apr 12, 2024
1 parent 77365b1 commit 0f15e29
Show file tree
Hide file tree
Showing 5 changed files with 213 additions and 77 deletions.
13 changes: 13 additions & 0 deletions frontend/src/components/Filter.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
@media (max-width: 640px) {
.w-40 {
width: 25% !important;
}
.px-4 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.py-2 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
}
86 changes: 84 additions & 2 deletions frontend/src/components/ProjectTimeline.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,61 @@
export default function ProjectTimeline() {
return (
<ol className="items-center sm:flex">
<li className="relative mb-6 sm:mb-0">
<div className="flex items-center">
<div className="z-10 flex items-center justify-center w-6 h-6 bg-blue-100 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
<svg
className="w-2.5 h-2.5 text-blue-800 dark:text-blue-300"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 20 20"
>
<path d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" />
</svg>
</div>
<div className="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
</div>
<div className="mt-3 sm:pe-8">
<h3 className="text-lg font-semibold text-gray-900 ">
Checkpoint 1 dcism ckmdsk
</h3>
<time className="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">
Released on December 23, 2021
</time>
<p className="text-base font-normal text-gray-500 dark:text-gray-400">
Basic python skill development and python libraries like numpy,
pandas and matplotlib
</p>
</div>
</li>
<li className="relative mb-6 sm:mb-0">
<div className="flex items-center">
<div className="z-10 flex items-center justify-center w-6 h-6 bg-blue-100 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
<svg
className="w-2.5 h-2.5 text-blue-800 dark:text-blue-300"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 20 20"
>
<path d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" />
</svg>
</div>
<div className="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
</div>
<div className="mt-3 sm:pe-8">
<h3 className="text-lg font-semibold text-gray-900 ">
Flowbite Library v1.2.0
</h3>
<time className="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">
Released on December 23, 2021
</time>
<p className="text-base font-normal text-gray-500 dark:text-gray-400">
Get started with dozens of web components and interactive elements.
</p>
</div>
</li>
<li className="relative mb-6 sm:mb-0">
<div className="flex items-center">
<div className="z-10 flex items-center justify-center w-6 h-6 bg-blue-100 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
Expand All @@ -18,10 +73,37 @@ export default function ProjectTimeline() {
</div>
<div className="mt-3 sm:pe-8">
<h3 className="text-lg font-semibold text-gray-900 dark:text-white">
Flowbite Library v1.0.0
Flowbite Library v1.2.0
</h3>
<time className="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">
Released on December 2, 2021
Released on December 23, 2021
</time>
<p className="text-base font-normal text-gray-500 dark:text-gray-400">
Get started with dozens of web components and interactive elements.
</p>
</div>
</li>
<li className="relative mb-6 sm:mb-0">
<div className="flex items-center">
<div className="z-10 flex items-center justify-center w-6 h-6 bg-blue-100 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
<svg
className="w-2.5 h-2.5 text-blue-800 dark:text-blue-300"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 20 20"
>
<path d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" />
</svg>
</div>
<div className="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
</div>
<div className="mt-3 sm:pe-8">
<h3 className="text-lg font-semibold text-gray-900 dark:text-white">
Flowbite Library v1.2.0
</h3>
<time className="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">
Released on December 23, 2021
</time>
<p className="text-base font-normal text-gray-500 dark:text-gray-400">
Get started with dozens of web components and interactive elements.
Expand Down
51 changes: 26 additions & 25 deletions frontend/src/pages/Login.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,8 +38,8 @@ export default function Login() {

}
else {
<h1>
wrong username or password
<h1 className='text-center text-red-600'>
wrong username or password!
</h1>
}
}
Expand All @@ -60,42 +60,43 @@ export default function Login() {
}


// Showing success message
const successMessage = () => {
return (
<>
<div
className="success"
style={{
display: submitted && profile.role ? '' : 'none',
}}>
<h1>You have successfully registered as an SoC mentor!!</h1>
</div>
<div
className="success"
style={{
display: submitted && !profile.role ? '' : 'none',
}}>
<h1>You have successfully registered as an SoC mentee!!</h1>
</div>
</>
);
};
// // Showing success message
// const successMessage = () => {
// return (
// <>
// <div
// className="success"
// style={{
// display: submitted && profile.role ? '' : 'none',
// }}>
// <h1>You have successfully registered as an SoC mentor!!</h1>
// </div>
// <div
// className="success"
// style={{
// display: submitted && !profile.role ? '' : 'none',
// }}>
// <h1>You have successfully registered as an SoC mentee!!</h1>
// </div>
// </>
// );
// };

// Showing error message if error is true

return (
<div className="form ">

{/* Calling to the methods */}
<div className="messages">
{/* <div className="messages">
{successMessage()}
</div>
</div> */}

<div className="mx-auto max-w-screen-xl px-4 py-16 sm:px-6 lg:px-8">
<div className="mx-auto max-w-lg">
<h1 className="text-center text-2xl font-bold text-indigo-600 sm:text-3xl">&lt;/&gt;Seasons of Code&lt;/&gt;</h1>


<form onSubmit={handleSubmit} className="mb-0 mt-6 space-y-4 rounded-lg p-4 shadow-lg sm:p-6 lg:p-8">
<p className="text-center text-lg font-medium">Login to your account</p>
Expand Down
Loading

0 comments on commit 0f15e29

Please sign in to comment.