Skip to content

add sign out link for home page navbar #66

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
dcollie2 merged 1 commit into from
Feb 9, 2025
Merged

add sign out link for home page navbar #66

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
237 changes: 121 additions & 116 deletions app/views/home/index.html.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,123 +1,128 @@
<body class="d-flex flex-column min-vh-100">
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
<div class="container">
<a class="navbar-brand fw-bold" href="#">SkillRx</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
<!-- New Sign In link using Rails 8 authentication -->
<li class="nav-item">
<%= link_to "Sign In", new_session_path, class: "nav-link" %>
</li>
</ul>
</div>
</div>
</nav>
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
<div class="container">
<a class="navbar-brand fw-bold" href="#">SkillRx</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
<!-- New Sign In link using Rails 8 authentication -->
<% if authenticated? %>
<li class="nav-item">
<%= link_to "Sign Out", session_path, method: :delete, class: "nav-link" %>
</li>
<% else %>
<li class="nav-item">
<%= link_to "Sign In", new_session_path, class: "nav-link" %>
</li>
<% end %>
</ul>
</div>
</div>
</nav>

<!-- Hero Section -->
<header class="bg-primary text-white py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h1 class="display-4 fw-bold">Medical Education Without Borders</h1>
<p class="lead">Empowering healthcare professionals worldwide with accessible continuing medical education</p>
<%= link_to "Get Started", new_session_path, class: "btn btn-light btn-lg" %>
</div>
<div class="col-lg-6">
<img src="/api/placeholder/600/400" alt="Medical professionals using SkillRx" class="img-fluid rounded">
</div>
</div>
</div>
</header>
<!-- Hero Section -->
<header class="bg-primary text-white py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h1 class="display-4 fw-bold">Medical Education Without Borders</h1>
<p class="lead">Empowering healthcare professionals worldwide with accessible continuing medical education</p>
<%= link_to "Get Started", new_session_path, class: "btn btn-light btn-lg" %>
</div>
<div class="col-lg-6">
<img src="/api/placeholder/600/400" alt="Medical professionals using SkillRx" class="img-fluid rounded">
</div>
</div>
</div>
</header>

<!-- Features Section -->
<section id="features" class="py-5">
<div class="container">
<h2 class="text-center mb-5">How SkillRx Works</h2>
<div class="row g-4">
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title h5">Offline Access</h3>
<p class="card-text">Access medical education content anytime, anywhere - no internet required</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title h5">Smart Sync</h3>
<p class="card-text">Automatically update content when connected to optimize your learning</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title h5">Multi-Platform</h3>
<p class="card-text">Available via USB drive, mobile app, or local server for maximum flexibility</p>
</div>
</div>
</div>
</div>
<!-- Features Section -->
<section id="features" class="py-5">
<div class="container">
<h2 class="text-center mb-5">How SkillRx Works</h2>
<div class="row g-4">
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title h5">Offline Access</h3>
<p class="card-text">Access medical education content anytime, anywhere - no internet required</p>
</div>
</div>
</section>

<!-- About Section -->
<section id="about" class="bg-light py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h2>Our Mission</h2>
<p class="lead">Enabling medical practitioners in resource-constrained areas to maintain competence and improve patient care through accessible continuing education.</p>
<ul class="list-unstyled">
<li class="mb-2">✓ Free and open access</li>
<li class="mb-2">✓ Cutting-edge medical literature</li>
<li class="mb-2">✓ Adaptable to local needs</li>
</ul>
</div>
<div class="col-lg-6">
<img src="/api/placeholder/600/400" alt="Healthcare professionals collaborating" class="img-fluid rounded">
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title h5">Smart Sync</h3>
<p class="card-text">Automatically update content when connected to optimize your learning</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h3 class="card-title h5">Multi-Platform</h3>
<p class="card-text">Available via USB drive, mobile app, or local server for maximum flexibility</p>
</div>
</div>
</section>
</div>
</div>
</div>
</section>

<!-- Contact Section -->
<section id="contact" class="py-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 text-center">
<h2>Get In Touch</h2>
<p class="lead mb-4">Questions? We're here to help.</p>
<div class="d-grid gap-2">
<a href="mailto:[email protected]" class="btn btn-primary">Email Us</a>
<a href="#survey" class="btn btn-outline-primary">Take Our Survey</a>
</div>
</div>
</div>
<!-- About Section -->
<section id="about" class="bg-light py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h2>Our Mission</h2>
<p class="lead">Enabling medical practitioners in resource-constrained areas to maintain competence and improve patient care through accessible continuing education.</p>
<ul class="list-unstyled">
<li class="mb-2">✓ Free and open access</li>
<li class="mb-2">✓ Cutting-edge medical literature</li>
<li class="mb-2">✓ Adaptable to local needs</li>
</ul>
</div>
<div class="col-lg-6">
<img src="/api/placeholder/600/400" alt="Healthcare professionals collaborating" class="img-fluid rounded">
</div>
</div>
</div>
</section>

<!-- Contact Section -->
<section id="contact" class="py-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 text-center">
<h2>Get In Touch</h2>
<p class="lead mb-4">Questions? We're here to help.</p>
<div class="d-grid gap-2">
<a href="mailto:[email protected]" class="btn btn-primary">Email Us</a>
<a href="#survey" class="btn btn-outline-primary">Take Our Survey</a>
</div>
</section>
</div>
</div>
</div>
</section>

<!-- Ensure main content takes available space -->
<main class="flex-fill">
<!-- Footer anchored at the bottom -->
<footer class="bg-dark text-white py-4 mt-auto">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mb-0">© 2025 SkillRx</p>
</div>
<div class="col-md-6 text-md-end">
<a href="#privacy" class="text-white me-3">Privacy Policy</a>
<a href="#terms" class="text-white">Terms of Use</a>
</div>
</div>
</div>
</footer>
</main>
<!-- Ensure main content takes available space -->
<main class="flex-fill">
<!-- Footer anchored at the bottom -->
<footer class="bg-dark text-white py-4 mt-auto">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mb-0">© 2025 SkillRx</p>
</div>
<div class="col-md-6 text-md-end">
<a href="#privacy" class="text-white me-3">Privacy Policy</a>
<a href="#terms" class="text-white">Terms of Use</a>
</div>
</div>
</div>
</footer>
</main>
2 changes: 1 addition & 1 deletion app/views/layouts/home.html.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<%= javascript_importmap_tags %>
</head>

<body>
<body class="d-flex flex-column min-vh-100">
<script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/static/js/initTheme.js"></script>

<!-- Start content here -->
Expand Down
8 changes: 5 additions & 3 deletions config/routes.rb
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
Rails.application.routes.draw do
root "home#index"
get "home/index", as: :home
get "dashboard/index", as: :dashboard
resources :languages, only: %i[index show new create edit update]
resources :passwords, param: :token
resources :providers
Expand All @@ -21,8 +18,13 @@
# Can be used by load balancers and uptime monitors to verify that the app is live.
get "up" => "rails/health#show", as: :rails_health_check

get "home/index", as: :home
get "dashboard/index", as: :dashboard

# Render dynamic PWA files from app/views/pwa/* (remember to link manifest in application.html.erb)
# get "manifest" => "rails/pwa#manifest", as: :pwa_manifest
# get "service-worker" => "rails/pwa#service_worker", as: :pwa_service_worker
# Defines the root path route ("/")

root "home#index"
end