Skip to content

Commit

Permalink
Merge pull request #6 from upayanmazumder/black-theme
Browse files Browse the repository at this point in the history
Black theme
  • Loading branch information
upayanmazumder authored Jan 8, 2025
2 parents 37d5ba3 + 8edae39 commit b5c4364
Show file tree
Hide file tree
Showing 14 changed files with 505 additions and 219 deletions.
Binary file modified app/media/404.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
58 changes: 43 additions & 15 deletions app/routes/404.html
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ <h1>Homy</h1>
</a>
</li>
<li>
<a href="/registration">
<a href="/signup">
Signup
</a>
</li>
Expand All @@ -45,23 +45,51 @@ <h1>404</h1>
<p>Sorry, the page you are looking for does not exist.</p>
<a href="/">Click here to return to the homepage</a>
</div>
<div class="ellipsis ellipsis-green" style="top: 50px;right: 50px;"></div>
<img src="../media/404.jpg" alt="404" style="max-height: 60vh; width: 60vw;align-self: center;">
</main>

<footer>
<h3>Homy</h3>
<ul class="social-links">
<a href="https://upayan.dev" target="_blank">
<img src="../media/footer/browser.png"></img>
</a>
<a href="https://www.instagram.com/upayan.mazumder" target="_blank">
<img src="../media/footer/instagram.png"></img>
</a>
<a href="https://www.linkedin.com/in/upayanmazumder" target="_blank">
<img src="../media/footer/linkedin.png"></img>
</a>
</ul>
<p>&copy; 2024 Upayan</p>
<footer class="footer">
<div class="footer-container">
<div class="footer-columns">
<div class="footer-column">
<h3>Company</h3>
<a href="https://upayan.dev">About Us</a>
<a href="https://upayan.dev">Blog</a>
<a href="https://upayan.dev">Contact</a>
<a href="mailto:support.homy@upayan.dev">Support</a>
</div>
<div class="footer-column">
<h3>Products</h3>
<a href="/#products">Features</a>
<a href="/#products">Pricing</a>
<a href="/#products">Integrations</a>
<a href="/#products">API</a>
<a href="/#products">Demo</a>
</div>
<div class="footer-column">
<h3>Resources</h3>
<a href="https://upayan.dev">Help Center</a>
<a href="https://upayan.dev">Documentation</a>
<a href="https://upayan.dev">Community</a>
<a href="https://upayan.dev">Security</a>
</div>
</div>
<div class="footer-bottom">
<div class="social-media">
<a href="https://www.facebook.com/upayan.mazumder"><i class="icon">Facebook</i></a>
<a href="https://github.com/upayanmazumder"><i class="icon">Github</i></a>
<a href="https://www.instagram.com/upayan.mazumder/"><i class="icon">Instagram</i></a>
<a href="https://www.linkedin.com/in/upayanmazumder/"><i class="icon">LinkedIn</i></a>
</div>
<div class="footer-buttons">
<button id="footer-joinNow-button">Join now</button>
<button id="footer-getInTouch-button">Get in touch</button>
<button id="go-top" onclick="window.scrollTo({ top: 0, behavior: 'smooth' });"></button>
</div>
</div>
</div>
</div>
</footer>
</body>

Expand Down
69 changes: 48 additions & 21 deletions app/routes/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ <h1>Homy</h1>
</a>
</li>
<li>
<a href="/registration">
<a href="/signup">
Signup
</a>
</li>
Expand All @@ -45,11 +45,11 @@ <h1>Homy</h1>
</header>

<aside class="sidebar">
<ul>
<li><a href="#hero">Home</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#opinions">Opinions</a></li>
</ul>
<nav class="sidebar-menu">
<a href="/#hero" class="menu-item">Home</a>
<a href="/#products" class="menu-item">Product</a>
<a href="/#opinions" class="menu-item">Opinions</a>
</nav>
</aside>

<main>
Expand Down Expand Up @@ -80,7 +80,7 @@ <h2>How It Works</h2>
able to manage your home from anywhere in the world.</p>
</div>
<div>
<button onclick="window.location.href='/registration'">
<button onclick="window.location.href='/signup'">
Get started
<div class="star-1">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1"
Expand Down Expand Up @@ -269,20 +269,47 @@ <h3>Harshad Mehta</h3>
</section>
</main>

<footer>
<h3>Homy</h3>
<ul class="social-links">
<a href="https://upayan.dev" target="_blank">
<img src="../media/footer/browser.png"></img>
</a>
<a href="https://www.instagram.com/upayan.mazumder" target="_blank">
<img src="../media/footer/instagram.png"></img>
</a>
<a href="https://www.linkedin.com/in/upayanmazumder" target="_blank">
<img src="../media/footer/linkedin.png"></img>
</a>
</ul>
<p>&copy; 2024 Upayan</p>
<footer class="footer">
<div class="footer-container">
<div class="footer-columns">
<div class="footer-column">
<h3>Company</h3>
<a href="https://upayan.dev">About Us</a>
<a href="https://upayan.dev">Blog</a>
<a href="https://upayan.dev">Contact</a>
<a href="mailto:support.homy@upayan.dev">Support</a>
</div>
<div class="footer-column">
<h3>Products</h3>
<a href="/#products">Features</a>
<a href="/#products">Pricing</a>
<a href="/#products">Integrations</a>
<a href="/#products">API</a>
<a href="/#products">Demo</a>
</div>
<div class="footer-column">
<h3>Resources</h3>
<a href="https://upayan.dev">Help Center</a>
<a href="https://upayan.dev">Documentation</a>
<a href="https://upayan.dev">Community</a>
<a href="https://upayan.dev">Security</a>
</div>
</div>
<div class="footer-bottom">
<div class="social-media">
<a href="https://www.facebook.com/upayan.mazumder"><i class="icon">Facebook</i></a>
<a href="https://github.com/upayanmazumder"><i class="icon">Github</i></a>
<a href="https://www.instagram.com/upayan.mazumder/"><i class="icon">Instagram</i></a>
<a href="https://www.linkedin.com/in/upayanmazumder/"><i class="icon">LinkedIn</i></a>
</div>
<div class="footer-buttons">
<button id="footer-joinNow-button">Join now</button>
<button id="footer-getInTouch-button">Get in touch</button>
<button id="go-top" onclick="window.scrollTo({ top: 0, behavior: 'smooth' });"></button>
</div>
</div>
</div>
</div>
</footer>
</body>

Expand Down
96 changes: 70 additions & 26 deletions app/routes/login/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../styles/global.css">
<link rel="stylesheet" href="../../styles/styles.css">
<link rel="stylesheet" href="../../styles/form.css">
<link rel="icon" href="../../public/favicon.ico" type="image/x-icon">
<title>Login - Homy</title>
<title>Homy - Login</title>
</head>

<body>
Expand All @@ -26,7 +27,7 @@ <h1>Homy</h1>
</a>
</li>
<li>
<a href="/registration">
<a href="/signup">
Signup
</a>
</li>
Expand All @@ -44,32 +45,75 @@ <h1>Homy</h1>
<h1>Log in</h1>
<p>Login to your Homy account</p>
</div>
<form>
<label for="username">Username</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">Password</label>
<input type="password" id="password" name="password" required>
<br>
<button type="submit">Login</button>
<a href="/registration">Don't have an account yet? Sign up!</a>
</form>
<div class="ellipsis ellipsis-blue" style="top: -40px;left: -70px;"></div>
<div class="container container-center">
<div class="form-container">
<h2 class="form-heading">Log in</h2>
<form>
<label for="username">Username</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">Password</label>
<input type="password" id="password" name="password" required>
<br>
<button type="submit">Login</button>
<p>
New here?
<a href="/login">
Sign up
</a>
<br>
Forgot your password?
<a href="/forgot-password">
Reset your password
</a>
</p>
</form>
</div>
</div>
</main>

<footer>
<h3>Homy</h3>
<ul class="social-links">
<a href="https://upayan.dev" target="_blank">
<img src="../../media/footer/browser.png"></img>
</a>
<a href="https://www.instagram.com/upayan.mazumder" target="_blank">
<img src="../../media/footer/instagram.png"></img>
</a>
<a href="https://www.linkedin.com/in/upayanmazumder" target="_blank">
<img src="../../media/footer/linkedin.png"></img>
</a>
</ul>
<p>&copy; 2024 Upayan</p>
<footer class="footer">
<div class="footer-container">
<div class="footer-columns">
<div class="footer-column">
<h3>Company</h3>
<a href="https://upayan.dev">About Us</a>
<a href="https://upayan.dev">Blog</a>
<a href="https://upayan.dev">Contact</a>
<a href="mailto:support.homy@upayan.dev">Support</a>
</div>
<div class="footer-column">
<h3>Products</h3>
<a href="/#products">Features</a>
<a href="/#products">Pricing</a>
<a href="/#products">Integrations</a>
<a href="/#products">API</a>
<a href="/#products">Demo</a>
</div>
<div class="footer-column">
<h3>Resources</h3>
<a href="https://upayan.dev">Help Center</a>
<a href="https://upayan.dev">Documentation</a>
<a href="https://upayan.dev">Community</a>
<a href="https://upayan.dev">Security</a>
</div>
</div>
<div class="footer-bottom">
<div class="social-media">
<a href="https://www.facebook.com/upayan.mazumder"><i class="icon">Facebook</i></a>
<a href="https://github.com/upayanmazumder"><i class="icon">Github</i></a>
<a href="https://www.instagram.com/upayan.mazumder/"><i class="icon">Instagram</i></a>
<a href="https://www.linkedin.com/in/upayanmazumder/"><i class="icon">LinkedIn</i></a>
</div>
<div class="footer-buttons">
<button id="footer-joinNow-button">Join now</button>
<button id="footer-getInTouch-button">Get in touch</button>
<button id="go-top" onclick="window.scrollTo({ top: 0, behavior: 'smooth' });"></button>
</div>
</div>
</div>
</div>
</footer>
</body>

Expand Down
79 changes: 0 additions & 79 deletions app/routes/registration/index.html

This file was deleted.

Loading

0 comments on commit b5c4364

Please sign in to comment.