Skip to content

Commit

Permalink
feat: adding webstories (#22)
Browse files Browse the repository at this point in the history 
* adding webstories

Signed-off-by: Aditya-eddy <[email protected]>

* adding cardsv1.0

Signed-off-by: Aditya-eddy <[email protected]>

* adding navigation acc to stories

Signed-off-by: Aditya-eddy <[email protected]>

* correcting layout

Signed-off-by: Aditya-eddy <[email protected]>

* adding search on Category Basis

Signed-off-by: Aditya-eddy <[email protected]>

* adding search on the basis of Card Desciption

Signed-off-by: Aditya-eddy <[email protected]>

* completing the web-story search

Signed-off-by: Aditya-eddy <[email protected]>

* removing bugs from /webstories

Signed-off-by: Aditya-eddy <[email protected]>

* adding horizontal and other animations

Signed-off-by: Aditya-eddy <[email protected]>

* removing stack

Signed-off-by: Aditya-eddy <[email protected]>

* adding the changes

Signed-off-by: Aditya-eddy <[email protected]>

* Adding share button

Signed-off-by: Aditya-eddy <[email protected]>

* Adding gifs and videos

Signed-off-by: Aditya-eddy <[email protected]>

* adding smooth transition loading bar and correcting the sharing component

Signed-off-by: Aditya-eddy <[email protected]>

* Adding gifs accurately

Signed-off-by: Aditya-eddy <[email protected]>

* adding the correct image optimizaition in ./webstories

Signed-off-by: Aditya-eddy <[email protected]>

* adding the new changes

Signed-off-by: Aditya-eddy <[email protected]>

* Adding the timer correctly

Signed-off-by: Aditya-eddy <[email protected]>

* adding images and shaping up the all the components

Signed-off-by: Aditya-eddy <[email protected]>

* circular loader

Signed-off-by: Aditya-eddy <[email protected]>

* completing the content of webstories-pt-1

Signed-off-by: Aditya-eddy <[email protected]>

* adding changes for mobile screens

Signed-off-by: Aditya-eddy <[email protected]>

* adding changes

Signed-off-by: Aditya-eddy <[email protected]>

* adding images for the webstories pt3

Signed-off-by: Aditya-eddy <[email protected]>

* adding swipe up gesture

Signed-off-by: Aditya-eddy <[email protected]>

* adding long press hold

Signed-off-by: Aditya-eddy <[email protected]>

* fixing window width error

Signed-off-by: Aditya-eddy <[email protected]>

* adding final changes

Signed-off-by: Aditya-eddy <[email protected]>

* adding timer changes

Signed-off-by: Aditya-eddy <[email protected]>

* adding logging and correcting the CustomizedDialogs Component

Signed-off-by: Aditya-eddy <[email protected]>

* Adding timer correctly finally

Signed-off-by: Aditya-eddy <[email protected]>

* adding requested changes pt-1

Signed-off-by: Aditya-eddy <[email protected]>

* adding final changes pt-2

Signed-off-by: Aditya-eddy <[email protected]>

* adding changes

Signed-off-by: Aditya-eddy <[email protected]>

* adding header changes

Signed-off-by: Aditya-eddy <[email protected]>

* Adding changes for webstories

Signed-off-by: Aditya-eddy <[email protected]>

* Adding suggested changes

Signed-off-by: Aditya-eddy <[email protected]>

* Adding the rest of changes

Signed-off-by: Aditya-eddy <[email protected]>

* removing images and adding s3 bucket images

Signed-off-by: Aditya-eddy <[email protected]>

* Adding image optimization in /webstories

Signed-off-by: Aditya-eddy <[email protected]>

* Adding preloading images

Signed-off-by: Aditya-eddy <[email protected]>

* correcting the urls

Signed-off-by: Aditya-eddy <[email protected]>

* Adding req changes

Signed-off-by: Aditya-eddy <[email protected]>

* adding bg for /webstories

Signed-off-by: Aditya-eddy <[email protected]>

---------

Signed-off-by: Aditya-eddy <[email protected]>
Co-authored-by: Neha Gupta <[email protected]>
  • Loading branch information
@Aditya-eddy @nehagup
Aditya-eddy and nehagup authored Jun 26, 2024
1 parent 9086952 commit 26542e6
Show file tree
Hide file tree
Showing 30 changed files with 63,274 additions and 382 deletions.
194 changes: 126 additions & 68 deletions app/(default)/about/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,89 +1,147 @@
import Header from "@/components/ui/header";
export const metadata = {
title: 'Sign In - Simple',
description: 'Page description',
}
title: "Sign In - Simple",
description: "Page description",
};

import Link from 'next/link'
import Link from "next/link";

export default function Security() {
return (
<section className="bg-gradient-to-b from-gray-100 to-white">
<div className="max-w-6xl mx-auto px-4 sm:px-6">
<div className="pt-32 pb-12 md:pt-40 md:pb-20">
<>
<Header />

{/* Page header */}
<div className="max-w-3xl mx-auto text-center pb-12 md:pb-20">
<h1 className="h1">Security Policy</h1>
</div>
<section className="bg-gradient-to-b from-gray-100 to-white">
<div className="max-w-6xl mx-auto px-4 sm:px-6">
<div className="pt-32 pb-12 md:pt-40 md:pb-20">
{/* Page header */}
<div className="max-w-3xl mx-auto text-center pb-12 md:pb-20">
<h1 className="h1">Security Policy</h1>
</div>

{/* Form */}
<div className="max-w-sm mx-auto">
<form>
<div className="flex flex-wrap -mx-3 mb-4">
<div className="w-full px-3">
<label className="block text-gray-800 text-sm font-medium mb-1" htmlFor="email">Email</label>
<input id="email" type="email" className="form-input w-full text-gray-800" placeholder="Enter your email address" required />
{/* Form */}
<div className="max-w-sm mx-auto">
<form>
<div className="flex flex-wrap -mx-3 mb-4">
<div className="w-full px-3">
<label
className="block text-gray-800 text-sm font-medium mb-1"
htmlFor="email"
>
Email
</label>
<input
id="email"
type="email"
className="form-input w-full text-gray-800"
placeholder="Enter your email address"
required
/>
</div>
</div>
</div>
<div className="flex flex-wrap -mx-3 mb-4">
<div className="w-full px-3">
<div className="flex justify-between">
<label className="block text-gray-800 text-sm font-medium mb-1" htmlFor="password">Password</label>
<Link href="/reset-password" className="text-sm font-medium text-blue-600 hover:underline">Having trouble signing in?</Link>
<div className="flex flex-wrap -mx-3 mb-4">
<div className="w-full px-3">
<div className="flex justify-between">
<label
className="block text-gray-800 text-sm font-medium mb-1"
htmlFor="password"
>
Password
</label>
<Link
href="/reset-password"
className="text-sm font-medium text-blue-600 hover:underline"
>
Having trouble signing in?
</Link>
</div>
<input
id="password"
type="password"
className="form-input w-full text-gray-800"
placeholder="Enter your password"
required
/>
</div>
<input id="password" type="password" className="form-input w-full text-gray-800" placeholder="Enter your password" required />
</div>
</div>
<div className="flex flex-wrap -mx-3 mb-4">
<div className="w-full px-3">
<div className="flex justify-between">
<label className="flex items-center">
<input type="checkbox" className="form-checkbox" />
<span className="text-gray-600 ml-2">Keep me signed in</span>
</label>
<div className="flex flex-wrap -mx-3 mb-4">
<div className="w-full px-3">
<div className="flex justify-between">
<label className="flex items-center">
<input type="checkbox" className="form-checkbox" />
<span className="text-gray-600 ml-2">
Keep me signed in
</span>
</label>
</div>
</div>
</div>
</div>
<div className="flex flex-wrap -mx-3 mt-6">
<div className="w-full px-3">
<button className="btn text-white bg-blue-600 hover:bg-blue-700 w-full">Sign in</button>
<div className="flex flex-wrap -mx-3 mt-6">
<div className="w-full px-3">
<button className="btn text-white bg-blue-600 hover:bg-blue-700 w-full">
Sign in
</button>
</div>
</div>
</form>
<div className="flex items-center my-6">
<div
className="border-t border-gray-300 grow mr-3"
aria-hidden="true"
></div>
<div className="text-gray-600 italic">Or</div>
<div
className="border-t border-gray-300 grow ml-3"
aria-hidden="true"
></div>
</div>
</form>
<div className="flex items-center my-6">
<div className="border-t border-gray-300 grow mr-3" aria-hidden="true"></div>
<div className="text-gray-600 italic">Or</div>
<div className="border-t border-gray-300 grow ml-3" aria-hidden="true"></div>
</div>
<form>
<div className="flex flex-wrap -mx-3 mb-3">
<div className="w-full px-3">
<button className="btn px-0 text-white bg-gray-900 hover:bg-gray-800 w-full relative flex items-center">
<svg className="w-4 h-4 fill-current text-white opacity-75 shrink-0 mx-4" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M7.95 0C3.578 0 0 3.578 0 7.95c0 3.479 2.286 6.46 5.466 7.553.397.1.497-.199.497-.397v-1.392c-2.187.497-2.683-.993-2.683-.993-.398-.895-.895-1.193-.895-1.193-.696-.497.1-.497.1-.497.795.1 1.192.795 1.192.795.696 1.292 1.888.895 2.286.696.1-.497.298-.895.497-1.093-1.79-.2-3.578-.895-3.578-3.975 0-.895.298-1.59.795-2.087-.1-.2-.397-.994.1-2.087 0 0 .695-.2 2.186.795a6.408 6.408 0 011.987-.299c.696 0 1.392.1 1.988.299 1.49-.994 2.186-.795 2.186-.795.398 1.093.199 1.888.1 2.087.496.596.795 1.291.795 2.087 0 3.08-1.889 3.677-3.677 3.875.298.398.596.895.596 1.59v2.187c0 .198.1.497.596.397C13.714 14.41 16 11.43 16 7.95 15.9 3.578 12.323 0 7.95 0z" />
</svg>
<span className="flex-auto pl-16 pr-8 -ml-16">Continue with GitHub</span>
</button>
<form>
<div className="flex flex-wrap -mx-3 mb-3">
<div className="w-full px-3">
<button className="btn px-0 text-white bg-gray-900 hover:bg-gray-800 w-full relative flex items-center">
<svg
className="w-4 h-4 fill-current text-white opacity-75 shrink-0 mx-4"
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M7.95 0C3.578 0 0 3.578 0 7.95c0 3.479 2.286 6.46 5.466 7.553.397.1.497-.199.497-.397v-1.392c-2.187.497-2.683-.993-2.683-.993-.398-.895-.895-1.193-.895-1.193-.696-.497.1-.497.1-.497.795.1 1.192.795 1.192.795.696 1.292 1.888.895 2.286.696.1-.497.298-.895.497-1.093-1.79-.2-3.578-.895-3.578-3.975 0-.895.298-1.59.795-2.087-.1-.2-.397-.994.1-2.087 0 0 .695-.2 2.186.795a6.408 6.408 0 011.987-.299c.696 0 1.392.1 1.988.299 1.49-.994 2.186-.795 2.186-.795.398 1.093.199 1.888.1 2.087.496.596.795 1.291.795 2.087 0 3.08-1.889 3.677-3.677 3.875.298.398.596.895.596 1.59v2.187c0 .198.1.497.596.397C13.714 14.41 16 11.43 16 7.95 15.9 3.578 12.323 0 7.95 0z" />
</svg>
<span className="flex-auto pl-16 pr-8 -ml-16">
Continue with GitHub
</span>
</button>
</div>
</div>
</div>
<div className="flex flex-wrap -mx-3">
<div className="w-full px-3">
<button className="btn px-0 text-white bg-red-600 hover:bg-red-700 w-full relative flex items-center">
<svg className="w-4 h-4 fill-current text-white opacity-75 shrink-0 mx-4" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M7.9 7v2.4H12c-.2 1-1.2 3-4 3-2.4 0-4.3-2-4.3-4.4 0-2.4 2-4.4 4.3-4.4 1.4 0 2.3.6 2.8 1.1l1.9-1.8C11.5 1.7 9.9 1 8 1 4.1 1 1 4.1 1 8s3.1 7 7 7c4 0 6.7-2.8 6.7-6.8 0-.5 0-.8-.1-1.2H7.9z" />
</svg>
<span className="flex-auto pl-16 pr-8 -ml-16">Continue with Google</span>
</button>
<div className="flex flex-wrap -mx-3">
<div className="w-full px-3">
<button className="btn px-0 text-white bg-red-600 hover:bg-red-700 w-full relative flex items-center">
<svg
className="w-4 h-4 fill-current text-white opacity-75 shrink-0 mx-4"
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M7.9 7v2.4H12c-.2 1-1.2 3-4 3-2.4 0-4.3-2-4.3-4.4 0-2.4 2-4.4 4.3-4.4 1.4 0 2.3.6 2.8 1.1l1.9-1.8C11.5 1.7 9.9 1 8 1 4.1 1 1 4.1 1 8s3.1 7 7 7c4 0 6.7-2.8 6.7-6.8 0-.5 0-.8-.1-1.2H7.9z" />
</svg>
<span className="flex-auto pl-16 pr-8 -ml-16">
Continue with Google
</span>
</button>
</div>
</div>
</form>
<div className="text-gray-600 text-center mt-6">
Don't you have an account?{" "}
<Link
href="/signup"
className="text-blue-600 hover:underline transition duration-150 ease-in-out"
>
Sign up
</Link>
</div>
</form>
<div className="text-gray-600 text-center mt-6">
Don't you have an account? <Link href="/signup" className="text-blue-600 hover:underline transition duration-150 ease-in-out">Sign up</Link>
</div>
</div>

</div>
</div>
</section>
)
</section>
</>
);
}
Loading

0 comments on commit 26542e6

Please sign in to comment.