authorizerdev/authorizer.dev

authorizer.dev's Issues

Add following dbs to list

• CockroachDB: https://www.cockroachlabs.com/
• ScyllaDB: https://www.scylladb.com/

Fix feature image sizes

Image size are bit inconsistent example modern stack image is small compared to others.
Also we can make text contrast

I like how it is done here,
We can ignore left side but see well right side features are well designed and contrast text is used.
We can have 3 in one row for large screen
https://stellate.co/

Add testimony

Aris Ripandi

First time I found Authorizer at Product Hunt I fall in love with this. Then I realize this is a perfect fit solution for me. So, I want to say thank you for building an amazing product. Especially as you made it Open Source.

Fix section spaces

Quite some space between section can be optimized further

Change buy me coffee to github sponsors

Fix the space on hero section

Fix nav link for mobile

Link is not clickable from right side only text is clickable.

Fix site container for large screen

Testing this on 4k monitor
Our flex seems quite apart

The expected result, should be centered

Fix spacing of dbs

We can 3 / 4 images of db in one ro

w

Fix spacing

Currently, there is

• logo is bit left and not aligned with content
• uneven spacing between sections (too much of space)
• uneven spacing between images (db images rows has quite more space, profile images)

Use live example on hero section

Instead of an image, use the following code

Note: replace classes from tailwind

<div className="flex-1 flex flex-col justify-center items-center bg-gray-50 rounded p-10 ml-0 md:ml-10 shadow-sm mt-10 md:-mt-12">
				<h3 className="font-extrabold text-2xl sm:text-3xl flex items-center pb-10">
					Try it now 👇
				</h3>
				<div className="block p-6 max-w-sm bg-white rounded-lg border border-gray-200 shadow-md w-full">
					{loading ? (
						<Loader />
					) : (
						<>
							{user ? (
								<div>
									<h1 className="font-extrabold text-xl md:text-2xl text-center">
										🙇‍♂️
									</h1>
									<p className="text-lg text-gray-600 text-center">
										Welcome, {user.email}
									</p>
									<h1 className="font-bold text-xl md:text-2xl text-center text-gray-800">
										Thank you for trying Authorizer demo
									</h1>

									<br />
									<div className="flex justify-center">
										<button
											type="button"
											className="text-white bg-blue-500 hover:bg-blue-400 font-medium rounded-lg text-lg px-8 py-2.5 mr-2 mb-2"
											onClick={logout}
										>
											Logout
										</button>
									</div>
								</div>
							) : (
								<div className="authorizer-login">
									<Authorizer />
								</div>
							)}
						</>
					)}
				</div>
			</div>