From 0b5961ca904bbb46bd86913ad6ddb66fd8dcc606 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A1n=20Acosa=20S=C3=A1nchez?= <adri110301@gmail.com>
Date: Sun, 9 Oct 2022 14:01:45 +0200
Subject: [PATCH] Initialized pw generator

---
 src/components/aacosa34/pg-card.vue  | 40 ++++++++++++++++++++++++++++
 src/pages/entry/aacosa34/index.astro |  8 ++++++
 2 files changed, 48 insertions(+)
 create mode 100644 src/components/aacosa34/pg-card.vue
 create mode 100644 src/pages/entry/aacosa34/index.astro

diff --git a/src/components/aacosa34/pg-card.vue b/src/components/aacosa34/pg-card.vue
new file mode 100644
index 000000000..1fe14ebb5
--- /dev/null
+++ b/src/components/aacosa34/pg-card.vue
@@ -0,0 +1,40 @@
+<template>
+	<div
+		class="flex flex-col justify-center items-center h-screen w-screen text-center text-white font-special"
+	>
+		<h1 class="text-6xl tracking-wide font-extrabold">Password Generator</h1>
+		<form
+			class="rounded-xl flex flex-col justify-center p-8 m-5 bg-gradient-to-r from-yellow-300 via-cyan-300 to-violet-300 text-slate-900"
+		>
+			<label class="mb-4" for="password"> Password <input id="password" type="text" /> </label>
+
+			<label class="my-2" for="uppercases">
+				<input type="checkbox" name="upper" id="uppercases" /> A-Z
+			</label>
+
+			<label class="my-2" for="lowercases">
+				<input type="checkbox" name="lower" id="lowercases" /> a-z
+			</label>
+
+			<label class="my-2" for="numbers">
+				<input type="checkbox" name="numbers" id="numbers" /> 0-9
+			</label>
+
+			<label class="my-2" for="symbols">
+				<input type="checkbox" name="symbols" id="symbols" /> !@#$%^&*
+			</label>
+
+			<label class="my-4" for="lenght"
+				>Lenght
+				<input type="range" name="lenght" id="lenght" min="5" max="128" value="14" />
+				<input type="text" name="lenght-number" id="lenght-number" value="" />
+			</label>
+
+			<button
+				class="rounded-lg p-4 mt-5 bg-gradient-to-r from-pink-500 to-yellow-500 text-slate-900 font-bold"
+			>
+				Generate password
+			</button>
+		</form>
+	</div>
+</template>
diff --git a/src/pages/entry/aacosa34/index.astro b/src/pages/entry/aacosa34/index.astro
new file mode 100644
index 000000000..7287e96a6
--- /dev/null
+++ b/src/pages/entry/aacosa34/index.astro
@@ -0,0 +1,8 @@
+---
+import Layout from '@layout'
+import PasswordGeneratorCard from '@components/aacosa34/pg-card.vue'
+---
+
+<Layout title='aacosa34 Password Generator'>
+	<PasswordGeneratorCard />
+</Layout>