Skip to content

Commit

Permalink
Site is looking very nice so far, went with an orange color, I sample…
Browse files Browse the repository at this point in the history 
…d the color from the logo, and login/signup pages are fetching
  • Loading branch information
Christian Martinez committed Jul 25, 2023
1 parent 19da5c5 commit df8aa5b
Show file tree
Hide file tree
Showing 5 changed files with 34 additions and 18 deletions.
16 changes: 16 additions & 0 deletions controllers/home-routes.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,4 +34,20 @@ router.get('/', (req, res) => {
})
})

router.get('/login', (req, res) => {
if (req.session.loggedIn) {
res.redirect('/dashboard')
return
}
res.render('login')
})

router.get('/signup', (req, res) => {
if (req.session.loggedIn) {
res.redirect('/')
return
}
res.render('signup')
})

module.exports = router
14 changes: 7 additions & 7 deletions views/home.handlebars
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,18 +11,18 @@
class='mx-auto mt-10 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 border-t border-gray-200 pt-10 sm:mt-16 sm:pt-16 lg:mx-0 lg:max-w-none lg:grid-cols-3'
>
{{#each allPosts}}
<article class='p-6 bg-white rounded-lg shadow-2xl'>
<article class='p-6 bg-white rounded-lg shadow-2xl cursor-default'>
<div class='flex justify-between items-center text-xs'>
<p>Posted on {{this.created_on}}</p>
<p
class='relative z-10 rounded-full bg-[#ff551c] px-3 py-1.5 font-medium right-0 text-white'
>Blog</a>
class='relative z-10 rounded-full bg-[#ff551c] hover:bg-[#ce4920] px-3 py-1.5 font-medium right-0 text-white'
>Blog</p>
</div>
<div class='group relative'>
<h3
class='mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600'
>
{{this.title}}
>
{{this.title}}
</h3>
<p
class='mt-5 text-sm leading-6 text-gray-600'
Expand All @@ -37,8 +37,8 @@
</div>
<div class='text-sm leading-6'>
<p class='font-normal text-gray-900'>
<a href='#' class="cursor-pointer hover:underline">
Read more
<a href='#' class='cursor-pointer hover:underline'>
Read more
</a>
</p>
</div>
Expand Down
4 changes: 2 additions & 2 deletions views/layouts/main.handlebars
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<meta charset='UTF-8' />
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<script src='https://cdn.tailwindcss.com'></script>
<title>Full Stack Blog</title>
<title>Tech Blog</title>
</head>
<body>
<header class='bg-white h-[15vh]'>
Expand All @@ -13,7 +13,7 @@
>
<div class='flex lg:flex-1'>
<a href='/' class='-m-1.5 p-1.5'>
<span class='sr-only'>Full Stack Blog</span>
<span class='sr-only'>Tech Blog</span>
<img
class='h-12 w-auto'
src='/assets/img/bloggerlogo.png'
Expand Down
8 changes: 4 additions & 4 deletions views/login.handlebars
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
type='email'
autocomplete='email'
required
class='block w-full rounded-md border-0 py-2 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
class='block w-full rounded-md border-0 py-2 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:outline-none focus:ring-inset focus:ring-[#ff551c] sm:text-sm sm:leading-6'
/>
</div>
</div>
Expand All @@ -38,15 +38,15 @@
type='password'
autocomplete='current-password'
required
class='block w-full rounded-md border-0 py-2 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
class='block w-full rounded-md border-0 py-2 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:outline-none focus:ring-inset focus:ring-[#ff551c] sm:text-sm sm:leading-6'
/>
</div>
</div>

<div>
<button
type='submit'
class='flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600'
class='flex w-full justify-center rounded-md bg-[#ff551c] px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-[#ce4920] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600'
>Log in</button>
</div>
</form>
Expand All @@ -55,7 +55,7 @@
Need to create an account?
<a
href='/signup'
class='font-semibold leading-6 text-indigo-600 hover:text-indigo-500'
class='font-semibold leading-6 text-[#ff551c] hover:text-[#ce4920]'
>Sign up</a>
</p>
</div>
Expand Down
10 changes: 5 additions & 5 deletions views/signup.handlebars
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
type='text'
autocomplete='off'
required
class='block w-full rounded-md border-0 py-2 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
class='block w-full rounded-md border-0 py-2 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:outline-none focus:ring-inset focus:ring-[#ff551c] sm:text-sm sm:leading-6'
/>
</div>
</div>
Expand All @@ -36,7 +36,7 @@
type='email'
autocomplete='email'
required
class='block w-full rounded-md border-0 py-2 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
class='block w-full rounded-md border-0 py-2 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:outline-none focus:ring-inset focus:ring-[#ff551c] sm:text-sm sm:leading-6'
/>
</div>
</div>
Expand All @@ -55,15 +55,15 @@
type='password'
autocomplete='current-password'
required
class='block w-full rounded-md border-0 py-2 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'
class='block w-full rounded-md border-0 py-2 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:outline-none focus:ring-inset focus:ring-[#ff551c] sm:text-sm sm:leading-6'
/>
</div>
</div>

<div>
<button
type='submit'
class='flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600'
class='flex w-full justify-center rounded-md bg-[#ff551c] px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-[#ce4920] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600'
>Sign Up</button>
</div>
</form>
Expand All @@ -72,7 +72,7 @@
Already have an account?
<a
href='/login'
class='font-semibold leading-6 text-indigo-600 hover:text-indigo-500'
class='font-semibold leading-6 text-[#ff551c] hover:text-[#ce4920]'
>Log in</a>
</p>
</div>
Expand Down

0 comments on commit df8aa5b

Please sign in to comment.