Skip to content

Commit

Permalink
Fix linting issues and do final touchup
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sukhpreet-s
Sukhpreet-s committed Feb 3, 2025
1 parent e4aad84 commit 306de0f
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 140 deletions.
92 changes: 4 additions & 88 deletions app/assets/stylesheets/landing_page.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,28 +24,6 @@
max-width: 1280px;
}


// .navbar-brand {
// margin-right: none !important;
// }

// .navbar-light .navbar-toggler {
// border: none;
// margin-top: 13px;
// }

// button:focus {
// outline: none !important;
// outline: none !important;
// }

// button:hover,
// button:focus,
// .button:hover,
// .button:focus {
// background-color: rgba(255, 255, 255, 0) !important;
// }

.btn-success {
background-color: #55af59 !important;
border-color: #55af59 !important;
Expand All @@ -72,69 +50,7 @@
}
}

// .text {

// &-header {
// color: #454F5B;
// }

// &-body-color {
// color: #919EAB !important;
// line-height: 2em;
// }

// &-testimonials {
// color: white;
// line-height: 1.5em;
// font-size: 14px;

// }
// }

// .description-container {
// margin-top: 120px;

// @media (max-width: 576px) {
// margin-top: 80px;
// }
// }

// .bottom-cta {
// margin-top: 80px;
// margin-bottom: 80px;

// @media (max-width: 576px) {
// margin-top: 50px;
// margin-bottom: 50px;
// }
// }

// .app-images {
// width: 400px;
// height: 400px;

// &-block {
// flex-basis: 340px;
// }
// }

// .green-bkg {
// background: linear-gradient(45deg, #1AD1BD, #02A98C);
// height: auto;
// }

// .quote {
// &-block {
// flex-basis: 400px;
// }

// &-image {
// flex-basis: 600px;
// }
// }

// .footer-content {
// background-color: #C4CDD5;
// padding-top: 150px;
// padding-bottom: 150px;
// }
#get-in-touch {
height:60vh;
min-height: 500px
}
58 changes: 6 additions & 52 deletions app/views/static/index.html.erb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,38 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Human Essentials</title>

<%# <script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script> %>
<%# <script src="https://cdn.tailwindcss.com"></script> %>
<%= stylesheet_link_tag 'landing_page', media: 'all' %>
</head>
<body>
<%= render partial: "shared/flash_tailwind" %>
<div class='hero pt-2'>

<!--
<div class="container max-w-7xl mx-auto pt-5 px-5">
<nav>
<div class="flex justify-between items-center">
<div>
<a class="text-lg lg:text-3xl lg:text-4xl" href="#"><h2 class="text-white font-bold">HumanEssentials.app</h2></a>
</div>
<div class="flex" id="myNavbar">
<div class="flex text-white space-x-4 md:space-x-10 text-md lg:text-2xl items-center">
<a class="hidden md:block" href="#about">About</a>
<a class="hidden md:block" href="#testimonials">Testimonials</a>
<a class="hidden md:block" href="#contact">Contact</a>
<a href="<%= new_user_session_path %>">
<button class="flex flex-row items-center w-full px-4 py-2 bg-green-500 hover:bg-green-600 rounded-2xl text-md">
<span class='text-lg'>Login</span>
</button>
</a>
</div>
</div>
</div>
</nav>
</div>
-->
<div class="hero pt-2">

<div class="container-fluid px-4 pt-3">
<nav>
Expand All @@ -63,37 +36,18 @@
</nav>
</div>

<!--
<div class="container max-w-7xl mx-auto text-white font-bold flex px-5" style='height:60vh; min-height: 500px'>
<div class="flex flex-col justify-center items-center mx-auto lg:mx-0 text-center lg:text-left">
<div class="text-4xl">
<div>
<h2 class="">The easiest and most love-filled <br> way to manage your <br> Human Essentials bank.</h2>
<p class='text-lg font-normal mb-3 mt-2'>Ready to make yourself more efficient?</p>
<a href="<%= new_account_request_path %>"><button type="button" class="text-2xl bg-green-600 text-white px-3 py-2 rounded-2xl hover:bg-green-700">
Register your bank here for free!
</button></a>
</div>
</div>
<div class="hidden lg:block absolute right-52 w-1/4">
<%= image_tag("hero-image.svg") %>
</div>
</div>
</div>
</div>
-->
<div class="container px-4 text-white" style='max-width:1280px; height:60vh; min-height: 500px'>
<div class="container-fluid px-4 text-white" id="get-in-touch">
<div class="row h-100 align-items-center">
<div class="col-12 col-lg-7">
<div class="d-flex flex-column align-items-center align-items-lg-start text-center">
<h2 class="fs-2 fw-bold text-lg-start">The easiest and most love-filled <br> way to manage your <br> Human Essentials bank.</h2>
<p class='fs-5 mb-3 mt-2 text-lg-start'>Ready to make yourself more efficient?</p>
<p class="fs-5 mb-3 mt-2 text-lg-start">Ready to make yourself more efficient?</p>
<a href="<%= new_account_request_path %>"><button type="button" class="btn btn-success fs-4 fw-bold text-white rounded-4">
Register your bank here for free!
</button></a>
</div>
</div>

<div class="col-0 d-none d-lg-block position-absolute w-25 p-0" style="right:13rem">
<%= image_tag("hero-image.svg", class: "w-100") %>
</div>
Expand Down Expand Up @@ -213,7 +167,7 @@
<h2 class="fs-1">Want to use the Human Essentials App?</h2>
<a href="<%= new_account_request_path %>"><button type="button" class="btn btn-success fs-5 text-white px-3 py-2 my-3 rounded-4">Request An Account</button></a>

<p class="text-muted">Have questions? Email us at <a class='text-decoration-none' href="mailto:[email protected]?Subject=Essentials%20Interest" target="_top">[email protected]</a></p>
<p class="text-muted">Have questions? Email us at <a href="mailto:[email protected]?Subject=Essentials%20Interest" target="_top">[email protected]</a></p>
</div>
</div>

Expand All @@ -226,7 +180,7 @@
<div class="col-12 col-md-6">
<strong>The Human Essentials App was lovingly built by:</strong>
<div class="mt-2">
<a class="link-info" href="http://www.pdxdiaperbank.org/">PDX Diaper Bank</a> |
<a class="link-info" href="http://www.pdxdiaperbank.org/">PDX Diaper Bank</a> |
<a class="link-info" href="http://rubyforgood.org/">Ruby for Good</a>
</div>

Expand Down

0 comments on commit 306de0f

Please sign in to comment.