Skip to content

Commit ea267ef

Browse files
dmitrytragerdmitrytrager
committed
add sign out link for home page navbar
1 parent 9d6ef1b commit ea267ef

File tree

2 files changed

+123
-114
lines changed

2 files changed

+123
-114
lines changed

‎app/views/home/index.html.erb‎

Lines changed: 118 additions & 111 deletions
Original file line numberDiff line numberDiff line change
@@ -1,123 +1,130 @@
11
<body class="d-flex flex-column min-vh-100">
2-
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
3-
<div class="container">
4-
<a class="navbar-brand fw-bold" href="#">SkillRx</a>
5-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
6-
<span class="navbar-toggler-icon"></span>
7-
</button>
8-
<div class="collapse navbar-collapse" id="navbarNav">
9-
<ul class="navbar-nav ms-auto">
10-
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
11-
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
12-
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
13-
<!-- New Sign In link using Rails 8 authentication -->
14-
<li class="nav-item">
15-
<%= link_to "Sign In", new_session_path, class: "nav-link" %>
16-
</li>
17-
</ul>
18-
</div>
2+
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
3+
<div class="container">
4+
<a class="navbar-brand fw-bold" href="#">SkillRx</a>
5+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
6+
<span class="navbar-toggler-icon"></span>
7+
</button>
8+
<div class="collapse navbar-collapse" id="navbarNav">
9+
<ul class="navbar-nav ms-auto">
10+
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
11+
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
12+
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
13+
<!-- New Sign In link using Rails 8 authentication -->
14+
<% if authenticated? %>
15+
<li class="nav-item">
16+
<%= link_to "Sign Out", session_path, method: :delete, class: "nav-link" %>
17+
</li>
18+
<% else %>
19+
<li class="nav-item">
20+
<%= link_to "Sign In", new_session_path, class: "nav-link" %>
21+
</li>
22+
<% end %>
23+
</ul>
24+
</div>
25+
</div>
26+
</nav>
27+
28+
<!-- Hero Section -->
29+
<header class="bg-primary text-white py-5">
30+
<div class="container">
31+
<div class="row align-items-center">
32+
<div class="col-lg-6">
33+
<h1 class="display-4 fw-bold">Medical Education Without Borders</h1>
34+
<p class="lead">Empowering healthcare professionals worldwide with accessible continuing medical education</p>
35+
<%= link_to "Get Started", new_session_path, class: "btn btn-light btn-lg" %>
36+
</div>
37+
<div class="col-lg-6">
38+
<img src="/api/placeholder/600/400" alt="Medical professionals using SkillRx" class="img-fluid rounded">
1939
</div>
20-
</nav>
40+
</div>
41+
</div>
42+
</header>
2143

22-
<!-- Hero Section -->
23-
<header class="bg-primary text-white py-5">
24-
<div class="container">
25-
<div class="row align-items-center">
26-
<div class="col-lg-6">
27-
<h1 class="display-4 fw-bold">Medical Education Without Borders</h1>
28-
<p class="lead">Empowering healthcare professionals worldwide with accessible continuing medical education</p>
29-
<%= link_to "Get Started", new_session_path, class: "btn btn-light btn-lg" %>
30-
</div>
31-
<div class="col-lg-6">
32-
<img src="/api/placeholder/600/400" alt="Medical professionals using SkillRx" class="img-fluid rounded">
33-
</div>
44+
<!-- Features Section -->
45+
<section id="features" class="py-5">
46+
<div class="container">
47+
<h2 class="text-center mb-5">How SkillRx Works</h2>
48+
<div class="row g-4">
49+
<div class="col-md-4">
50+
<div class="card h-100">
51+
<div class="card-body">
52+
<h3 class="card-title h5">Offline Access</h3>
53+
<p class="card-text">Access medical education content anytime, anywhere - no internet required</p>
3454
</div>
55+
</div>
3556
</div>
36-
</header>
37-
38-
<!-- Features Section -->
39-
<section id="features" class="py-5">
40-
<div class="container">
41-
<h2 class="text-center mb-5">How SkillRx Works</h2>
42-
<div class="row g-4">
43-
<div class="col-md-4">
44-
<div class="card h-100">
45-
<div class="card-body">
46-
<h3 class="card-title h5">Offline Access</h3>
47-
<p class="card-text">Access medical education content anytime, anywhere - no internet required</p>
48-
</div>
49-
</div>
50-
</div>
51-
<div class="col-md-4">
52-
<div class="card h-100">
53-
<div class="card-body">
54-
<h3 class="card-title h5">Smart Sync</h3>
55-
<p class="card-text">Automatically update content when connected to optimize your learning</p>
56-
</div>
57-
</div>
58-
</div>
59-
<div class="col-md-4">
60-
<div class="card h-100">
61-
<div class="card-body">
62-
<h3 class="card-title h5">Multi-Platform</h3>
63-
<p class="card-text">Available via USB drive, mobile app, or local server for maximum flexibility</p>
64-
</div>
65-
</div>
66-
</div>
57+
<div class="col-md-4">
58+
<div class="card h-100">
59+
<div class="card-body">
60+
<h3 class="card-title h5">Smart Sync</h3>
61+
<p class="card-text">Automatically update content when connected to optimize your learning</p>
6762
</div>
63+
</div>
6864
</div>
69-
</section>
70-
71-
<!-- About Section -->
72-
<section id="about" class="bg-light py-5">
73-
<div class="container">
74-
<div class="row align-items-center">
75-
<div class="col-lg-6">
76-
<h2>Our Mission</h2>
77-
<p class="lead">Enabling medical practitioners in resource-constrained areas to maintain competence and improve patient care through accessible continuing education.</p>
78-
<ul class="list-unstyled">
79-
<li class="mb-2">✓ Free and open access</li>
80-
<li class="mb-2">✓ Cutting-edge medical literature</li>
81-
<li class="mb-2">✓ Adaptable to local needs</li>
82-
</ul>
83-
</div>
84-
<div class="col-lg-6">
85-
<img src="/api/placeholder/600/400" alt="Healthcare professionals collaborating" class="img-fluid rounded">
86-
</div>
65+
<div class="col-md-4">
66+
<div class="card h-100">
67+
<div class="card-body">
68+
<h3 class="card-title h5">Multi-Platform</h3>
69+
<p class="card-text">Available via USB drive, mobile app, or local server for maximum flexibility</p>
8770
</div>
71+
</div>
8872
</div>
89-
</section>
73+
</div>
74+
</div>
75+
</section>
9076

91-
<!-- Contact Section -->
92-
<section id="contact" class="py-5">
93-
<div class="container">
94-
<div class="row justify-content-center">
95-
<div class="col-lg-6 text-center">
96-
<h2>Get In Touch</h2>
97-
<p class="lead mb-4">Questions? We're here to help.</p>
98-
<div class="d-grid gap-2">
99-
<a href="mailto:[email protected]" class="btn btn-primary">Email Us</a>
100-
<a href="#survey" class="btn btn-outline-primary">Take Our Survey</a>
101-
</div>
102-
</div>
103-
</div>
77+
<!-- About Section -->
78+
<section id="about" class="bg-light py-5">
79+
<div class="container">
80+
<div class="row align-items-center">
81+
<div class="col-lg-6">
82+
<h2>Our Mission</h2>
83+
<p class="lead">Enabling medical practitioners in resource-constrained areas to maintain competence and improve patient care through accessible continuing education.</p>
84+
<ul class="list-unstyled">
85+
<li class="mb-2">✓ Free and open access</li>
86+
<li class="mb-2">✓ Cutting-edge medical literature</li>
87+
<li class="mb-2">✓ Adaptable to local needs</li>
88+
</ul>
10489
</div>
105-
</section>
90+
<div class="col-lg-6">
91+
<img src="/api/placeholder/600/400" alt="Healthcare professionals collaborating" class="img-fluid rounded">
92+
</div>
93+
</div>
94+
</div>
95+
</section>
10696

107-
<!-- Ensure main content takes available space -->
108-
<main class="flex-fill">
109-
<!-- Footer anchored at the bottom -->
110-
<footer class="bg-dark text-white py-4 mt-auto">
111-
<div class="container">
112-
<div class="row">
113-
<div class="col-md-6">
114-
<p class="mb-0">© 2025 SkillRx</p>
115-
</div>
116-
<div class="col-md-6 text-md-end">
117-
<a href="#privacy" class="text-white me-3">Privacy Policy</a>
118-
<a href="#terms" class="text-white">Terms of Use</a>
119-
</div>
120-
</div>
121-
</div>
122-
</footer>
123-
</main>
97+
<!-- Contact Section -->
98+
<section id="contact" class="py-5">
99+
<div class="container">
100+
<div class="row justify-content-center">
101+
<div class="col-lg-6 text-center">
102+
<h2>Get In Touch</h2>
103+
<p class="lead mb-4">Questions? We're here to help.</p>
104+
<div class="d-grid gap-2">
105+
<a href="mailto:[email protected]" class="btn btn-primary">Email Us</a>
106+
<a href="#survey" class="btn btn-outline-primary">Take Our Survey</a>
107+
</div>
108+
</div>
109+
</div>
110+
</div>
111+
</section>
112+
113+
<!-- Ensure main content takes available space -->
114+
<main class="flex-fill">
115+
<!-- Footer anchored at the bottom -->
116+
<footer class="bg-dark text-white py-4 mt-auto">
117+
<div class="container">
118+
<div class="row">
119+
<div class="col-md-6">
120+
<p class="mb-0">© 2025 SkillRx</p>
121+
</div>
122+
<div class="col-md-6 text-md-end">
123+
<a href="#privacy" class="text-white me-3">Privacy Policy</a>
124+
<a href="#terms" class="text-white">Terms of Use</a>
125+
</div>
126+
</div>
127+
</div>
128+
</footer>
129+
</main>
130+
</body>

‎config/routes.rb‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,4 @@
11
Rails.application.routes.draw do
2-
root "home#index"
3-
get "home/index", as: :home
4-
get "dashboard/index", as: :dashboard
52
resources :languages, only: %i[index show new create edit update]
63
resources :passwords, param: :token
74
resources :providers
@@ -21,8 +18,13 @@
2118
# Can be used by load balancers and uptime monitors to verify that the app is live.
2219
get "up" => "rails/health#show", as: :rails_health_check
2320

21+
get "home/index", as: :home
22+
get "dashboard/index", as: :dashboard
23+
2424
# Render dynamic PWA files from app/views/pwa/* (remember to link manifest in application.html.erb)
2525
# get "manifest" => "rails/pwa#manifest", as: :pwa_manifest
2626
# get "service-worker" => "rails/pwa#service_worker", as: :pwa_service_worker
2727
# Defines the root path route ("/")
28+
29+
root "home#index"
2830
end

0 commit comments

Comments
 (0)