Skip to content

Commit

Permalink
update dark
Browse files Browse the repository at this point in the history
  • Loading branch information
@rodrigoos098
rodrigoos098 committed Sep 18, 2023
1 parent 9b1d2c2 commit abe34e3
Showing 1 changed file with 11 additions and 11 deletions.
22 changes: 11 additions & 11 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,11 +36,11 @@
<img class="mx-auto h-24 w-auto block dark:hidden" src="images/wasp-black.avif" alt="Logo">
<img class="mx-auto h-24 w-auto hidden dark:block" src="images/wasp-light-grey.avif" alt="Logo">
<h2
class="mt-8 text-center text-4xl font-bold leading-9 tracking-tight text-zinc-950 dark:text-zinc-200">
class="mt-8 text-center text-4xl font-bold leading-9 tracking-tight text-zinc-950 dark:text-zinc-50">
RODRIGOOS
</h2>
<h2
class="mt-2 text-center text-lg font-bold leading-9 tracking-tight text-zinc-500 dark:text-zinc-200">
class="mt-2 text-center text-lg font-bold leading-9 tracking-tight text-zinc-500 dark:text-zinc-300">
Sign in to
your account</h2>
</div>
Expand All @@ -54,7 +54,7 @@
</label>

<input
class="primary-input w-full py-2 px-4 rounded-xl border-[1.5px] border-zinc-800 outline-none text-zinc-800 focus:ring-1 focus:ring-zinc-950 focus:shadow-lg focus:shadow-yellow-500/50"
class="primary-input w-full py-2 px-4 rounded-xl border-[1.5px] border-zinc-800 outline-none text-zinc-800 focus:ring-1 focus:ring-zinc-950 focus:shadow-lg focus:shadow-yellow-500/50 dark:focus:shadow-sky-500/50"
id="email" name="email" type="email" autocomplete="email" required autofocus/>
</div>
<div class="relative flex-1 min-w-[200px]">
Expand All @@ -64,37 +64,37 @@
</label>

<input
class="primary-input w-full py-2 px-4 rounded-xl border-[1.5px] border-zinc-800 outline-none text-zinc-800 focus:ring-1 focus:ring-zinc-950 focus:shadow-lg focus:shadow-yellow-500/50"
class="primary-input w-full py-2 px-4 rounded-xl border-[1.5px] border-zinc-800 outline-none text-zinc-800 focus:ring-1 focus:ring-zinc-950 focus:shadow-lg focus:shadow-yellow-500/50 dark:focus:shadow-sky-500/50"
id="password" name="password" type="password" autocomplete="current-password" required/>
</div>
<div>
<button type="submit"
class="flex w-full justify-center rounded-md bg-gradient-to-br from-yellow-300 to-yellow-500 dark:from-cyan-600 dark:to-cyan-900 hover:bg-gradient-to-b focus:ring-4 focus:outline-none focus:ring-yellow-400 dark:focus:ring-cyan-500 px-3 py-1.5 text-sm font-semibold leading-6 text-zinc-950 dark:text-zinc-200 shadow-lg shadow-yellow-300/50 dark:shadow-cyan-700/50">Sign
class="flex w-full justify-center rounded-md bg-gradient-to-br from-yellow-300 to-yellow-500 dark:from-sky-700 dark:to-sky-900 hover:bg-gradient-to-b focus:ring-4 focus:outline-none focus:ring-yellow-400 dark:focus:ring-sky-800 px-3 py-1.5 text-sm font-semibold leading-6 text-zinc-950 dark:text-zinc-200 shadow-lg shadow-yellow-300/50 dark:shadow-sky-800/50">Sign
in</button>
</div>
<div class="text-sm text-center">
<a href="#"
class="font-semibold text-yellow-700 hover:text-yellow-500 dark:text-cyan-400 dark:hover:text-cyan-300">Forgot
class="font-semibold text-yellow-700 hover:text-yellow-500 dark:text-sky-400 dark:hover:text-sky-300">Forgot
password?</a>
</div>
</form>

<div class="flex mt-10 space-x-6 justify-center text-zinc-950 dark:text-zinc-200">
<a href="https://www.instagram.com/rodrigoos.me/"
class="icone hover:text-yellow-500 dark:hover:text-cyan-300">
class="icone hover:text-yellow-500 dark:hover:text-sky-300">
<i class="fa-brands fa-instagram"></i>
<span class="sr-only">Instagram page</span>
</a>
<a href="#" class="icone hover:text-yellow-500 dark:hover:text-cyan-300">
<a href="#" class="icone hover:text-yellow-500 dark:hover:text-sky-300">
<i class="fa-brands fa-twitter"></i>
<span class="sr-only">Twitter page</span>
</a>
<a href="https://github.com/rodrigoos098"
class="icone hover:text-yellow-500 dark:hover:text-cyan-300">
class="icone hover:text-yellow-500 dark:hover:text-sky-300">
<i class="fa-brands fa-github"></i>
<span class="sr-only">GitHub account</span>
</a>
<a href="https://rodrigoos.me/" class="icone hover:text-yellow-500 dark:hover:text-cyan-300">
<a href="https://rodrigoos.me/" class="icone hover:text-yellow-500 dark:hover:text-sky-300">
<i class="fa-solid fa-earth-americas"></i>
<span class="sr-only">Website</span>
</a>
Expand All @@ -108,7 +108,7 @@
</div>
</main>
<footer
class="min-h-[4%] bg-gradient-to-br from-yellow-300 to-yellow-500 dark:from-cyan-600 dark:to-cyan-900 flex items-center justify-center w-full">
class="min-h-[4%] bg-gradient-to-br from-yellow-300 to-yellow-500 dark:from-sky-700 dark:to-sky-900 flex items-center justify-center w-full">
<span class="text-md text-black dark:text-zinc-200">© 2023&nbsp;<a href="https://rodrigoos.me/"
class="hover:underline">Rodrigoos</a>. All Rights Reserved.
</span>
Expand Down

0 comments on commit abe34e3

Please sign in to comment.