Skip to content

event creation, login and signup pages UI changed #58

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
ananyakushal wants to merge 4 commits into
base: test
Choose a base branch
from
Open

event creation, login and signup pages UI changed #58

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b139a57
event creation, login and signup pages UI changed
ananyakushal May 13, 2024
20a1d5b
create, login and signup pages UI changed
ananyakushal May 26, 2024
3862801
Merge branch 'innogeeks:test' into test
ananyakushal May 26, 2024
7ea37d1
Merge branch 'test' of https://github.com/ananyakushal/InnogeeksBacke…
ananyakushal May 26, 2024
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 Drillo/db.sqlite
View file
Open in desktop
Binary file not shown.
14 changes: 7 additions & 7 deletions Drillo/templates/create.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,21 +7,21 @@
<title>Create New Event Page</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<body class="bg-[#e8e8e8d9]">
<div>
<div class="flex justify-center items-center">
<div class="flex justify-center items-center min-h-screen">
{% if user %}
<form class="flex flex-col justify-center w-full rounded-md w-4/5 md:w-2/3 lg:w-1/3 justify-center items-center shadow-xl border-2 border-gray-100" method="post">
<form class="flex flex-col justify-center w-full rounded-[40px] w-4/5 md:w-2/3 lg:w-1/3 justify-center items-center shadow-2xl shadow-[#85bdd7e0] hover:shadow-xl hover:shadow-[#38A8C7] border-[5px] border-[#FFFFFF] bg-[#F8F9FD];" style="box-shadow: rgba(133, 189, 215, 0.8784313725) 0px 30px 30px -20px; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(244, 247, 251) 100%);" method="post">
<input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">
<h1 class="mb-9 text-2xl mt-5">Event Details Form</h1>
<h1 class="mb-9 text-3xl mt-5 font-bold">Event Details Form</h1>
{{form.name}} {{form.email}} {{form.shortDesc}} {{form.message}}
<div>{{form.start_date.label}} &nbsp; : &nbsp; {{form.start_date}}</div>
<div>{{form.end_date.label}} &nbsp; : &nbsp; {{form.end_date}}</div>
{{form.url}}<p style="font-size: x-small;"> Should be same as Event Name</p> <br><br><p style="font-size: x-small;"> All the Image Links should not contain commas in them.<br> If more than one Image is present then it should be seperated by comma only</p>{{form.about}} {{form.crousel}} {{form.sponsors}}
<input type="submit" value="Create" class="bg-blue-500 rounded-md w-11/12 p-2 hover:bg-blue-950 hover:text-white my-8 "/>
{{form.url}}<p style="font-size: x-small font-light;"> Should be same as Event Name</p> <br><p style="font-size: x-small;"> All the Image Links should not contain commas in them.<br> If more than one image is present, then it should be seperated by comma only</p>{{form.about}} {{form.crousel}} {{form.sponsors}}
<input type="submit" value="Create" class="bg-[#4ED7FC] rounded-md w-11/12 p-2 hover:bg-[#38A8C7] hover:text-white my-8 "/>
</form>
{% else %}
<p>Please <a href="{{ url_for('login') }}">login</a> to create an event.</p>
<p>Please <a href="{{ url_for('login') }}">login </a> to create an event.</p>
{% endif %}
</div>
</div>
Expand Down
13 changes: 7 additions & 6 deletions Drillo/templates/login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,17 +7,18 @@
<title>Login Page</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<body class="bg-[#e8e8e8d9]">
<div class="flex justify-center items-center h-96 mt-24">
<form class="flex flex-col justify-center w-full rounded-md w-4/5 md:w-2/3 lg:w-1/3 justify-center items-center shadow-xl border-2 border-gray-100" method="post">
<h1 class="mb-9 text-2xl mt-5">Login Form</h1>
<form class="flex flex-col justify-center w-full rounded-[40px] w-4/5 md:w-2/3 lg:w-1/3 justify-center items-center shadow-2xl shadow-[#85bdd7e0] border-[1px] border-[#FFFFFF] bg-[#F8F9FD] hover:shadow-xl hover:shadow-[#38A8C7] font-medium" style="box-shadow: rgba(133, 189, 215, 0.8784313725) 0px 30px 30px -20px; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(244, 247, 251) 100%);" method="post">
<h1 class="mb-9 text-3xl mt-5 font-bold">Welcome!</h1>
{% if msg != None %}
<p class="mb-5 bg-red-200 p-3 rounded-md">{{msg}}</p>
{% endif %}
{{form.username}} {{form.password}}
<input type="submit" value="Login" class="bg-blue-500 rounded-md w-11/12 p-2 hover:bg-blue-950 hover:text-white my-8 "/>
<p class="mb-5">Create a new Account &nbsp;<a href="/user/signup" class="text-indigo-500 underline underline-offset-2">SignUp</a></p>
<input type="submit" value="Login" class="bg-[#4ED7FC] rounded-md w-11/12 p-2 hover:bg-[#38A8C7] hover:text-white my-8 "/>
<p class="mb-5">Create a new Account &nbsp;<a href="/user/signup" class="text-[#19b7e3] hover:underline underline-offset-2">Signup </a></p>
</form>
</div>
</body>
</html>
</html>

16 changes: 9 additions & 7 deletions Drillo/templates/signup.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,16 +7,18 @@
<title>SignUp Page</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="flex justify-center items-center h-96 mt-24">
<form class="flex flex-col justify-center w-full rounded-md w-4/5 md:w-2/3 lg:w-1/3 justify-center items-center shadow-xl border-2 border-gray-100" method="post">
<h1 class="mb-9 text-2xl mt-5">SignUp Form</h1>
<body class="bg-[#e8e8e8d9]">
<div class="flex justify-center items-center min-h-screen">
<form class="flex flex-col justify-center w-full rounded-[40px] w-4/5 md:w-2/3 lg:w-1/3 justify-center items-center shadow-2xl shadow-[#85bdd7e0] hover:shadow-xl hover:shadow-[#38A8C7] font-medium border-[5px] border-[#FFFFFF] bg-[#F8F9FD];" style="box-shadow: rgba(133, 189, 215, 0.8784313725) 0px 30px 30px -20px; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(244, 247, 251) 100%);" method="post">


<h1 class="mb-9 text-4xl mt-5 font-bold text-[#12a8e3]">SIGN UP</h1>
{% if msg != "" %}
<p class="mb-5 bg-red-200 p-3 rounded-md m-3">{{msg}}</p>
{% endif %}
{{form.username}} {{form.email}}<p style="font-size: x-small; padding: 2%; margin: 4% 4% 0% 4%;"> Password should be 8 characters long.<br> Which contains one special character, at least one uppercase character and should contain numerics</p> {{form.password1}} {{form.password2}} {{form.branch}} {{form.library_ID}} {{form.github}}
<input type="submit" value="Signup" class="bg-blue-500 rounded-md w-11/12 p-2 hover:bg-blue-950 hover:text-white my-8 "/>
<p class="mb-5">Already having an Account &nbsp;<a href="/user/login" class="text-indigo-500 underline underline-offset-2">Login</a></p>
{{form.username}} {{form.email}}<p style="font-size: x-small; padding: 2%; margin: 2% 4% 0% 4%;"> Password should be 8 characters long.<br> Which contains one special character, at least one uppercase character and should contain numerics</p> {{form.password1}} {{form.password2}} {{form.branch}} {{form.library_ID}} {{form.github}}
<input type="submit" value="Signup" class="bg-[#4ED7FC] rounded-md w-11/12 p-2 hover:bg-[#38A8C7] hover:text-white my-8 "/>
<p class="mb-5">Already having an account? &nbsp;<a href="/user/login" class="text-[#19b7e3] hover:underline underline-offset-2">Login </a></p>
</form>
</div>
</body>
Expand Down