Skip to content

Commit e7916ee

Browse files
Crola1702Crola1702
committed
Update styles
- Generated using Gemini Pro 2.5 Signed-off-by: Crola1702 <[email protected]>
1 parent ccb4103 commit e7916ee

File tree

8 files changed

+170
-76
lines changed

8 files changed

+170
-76
lines changed

‎content/documentation/index.html.erb‎

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,18 @@
1-
<div class="row">
2-
<h1>Check the documentation</h1>
3-
<div class="col-xs-12 col-sm-6 col-md-4">
4-
<ul>
5-
<% @items.find_all('/projects/*.md').each do |project| %>
6-
<li><a href="<%= project[:docs_url] %>"><%= project[:title] %> Documentation</a></li>
7-
<% end %>
8-
</ul>
1+
<div class="row text-center">
2+
<div class="col-12">
3+
<h1 class="page-title">Check the documentation</h1>
94
</div>
5+
</div>
6+
<div class="row justify-content-center mt-4">
7+
<div class="col-12 col-md-8">
8+
<div class="list-group">
9+
<% @items.find_all('/projects/*.md').each do |project| %>
10+
<% if project[:docs_url] %>
11+
<a href="<%= project[:docs_url] %>" class="list-group-item list-group-item-action">
12+
<%= project[:title] %> Documentation
13+
</a>
14+
<% end %>
15+
<% end %>
16+
</div>
1017
</div>
1118
</div>

‎content/stylesheet.css‎

Lines changed: 75 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,91 @@
1+
:root {
2+
--primary-color: #007bff;
3+
--secondary-color: #6c757d;
4+
--background-color: #f8f9fa;
5+
--text-color: #343a40;
6+
--light-gray: #f8f9fa;
7+
--dark-gray: #343a40;
8+
--white: #ffffff;
9+
}
10+
111
body {
2-
background: #fff;
12+
background-color: var(--background-color);
13+
color: var(--text-color);
14+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
15+
line-height: 1.6;
316
}
417

5-
img.logo {
6-
display: block;
18+
a {
19+
color: var(--primary-color);
20+
text-decoration: none;
21+
}
722

8-
margin: 0 auto;
23+
a:hover {
24+
color: #0056b3;
25+
text-decoration: underline;
26+
}
927

10-
width: 200px;
11-
height: 200px;
28+
.navbar {
29+
box-shadow: 0 2px 4px rgba(0,0,0,.1);
1230
}
1331

14-
img.member-picture {
15-
max-width: 100%;
16-
height: auto;
32+
.navbar-brand img {
33+
border-radius: 50%;
1734
}
1835

19-
h1.page-title {
36+
.page-title {
37+
color: var(--dark-gray);
2038
text-align: center;
39+
margin-bottom: 2rem;
40+
}
41+
42+
.card {
43+
border: none;
44+
border-radius: 10px;
45+
box-shadow: 0 4px 8px rgba(0,0,0,.1);
46+
transition: transform .2s;
47+
}
48+
49+
.card:hover {
50+
transform: translateY(-5px);
2151
}
2252

2353
.card a {
2454
text-decoration: none;
2555
color: inherit;
2656
}
57+
58+
.card-title {
59+
color: var(--primary-color);
60+
}
61+
62+
.card-text {
63+
color: var(--secondary-color);
64+
}
65+
66+
img.logo {
67+
display: block;
68+
margin: 2rem auto;
69+
width: 150px;
70+
height: 150px;
71+
border-radius: 50%;
72+
box-shadow: 0 4px 8px rgba(0,0,0,.1);
73+
}
74+
75+
img.member-picture {
76+
max-width: 100%;
77+
height: auto;
78+
border-radius: 10px;
79+
}
80+
81+
.team-member-card-img {
82+
width: 100%;
83+
height: 350px; /* Adjust as needed for desired square size */
84+
object-fit: cover;
85+
border-top-left-radius: calc(10px - 1px);
86+
border-top-right-radius: calc(10px - 1px);
87+
}
88+
89+
.card.team-member-card {
90+
height: 100%; /* Ensure all cards have the same height */
91+
}

‎content/team/index.html.erb‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
<h1>Our Team</h1>
33
<% @items.find_all('/team/*.md').each do |member| %>
44
<div class="col-xs-12 col-sm-6 col-md-4 py-2">
5-
<div class="card">
5+
<div class="card team-member-card">
66
<a href="<%= @config[:base_url] %><%= member.identifier.without_ext %>">
7-
<%= parse_markdown_link member[:picture], :image, "card-img-top", @config[:base_url] %>
7+
<%= parse_markdown_link member[:picture], :image, "card-img-top team-member-card-img", @config[:base_url] %>
88
<div class="card-body">
99
<h5 class="card-title"><%= member[:name] %></h5>
1010
<h6 class="card-subtitle mb-2 text-muted">PMC <%= member[:role] %></h6>

‎layouts/default.erb‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,8 +33,12 @@
3333
</div>
3434
</div>
3535
</nav>
36-
<div class="container-fluid p-4">
36+
<main class="container py-5">
3737
<%= yield %>
38-
</div>
38+
</main>
39+
40+
<footer class="bg-dark text-white text-center p-3 mt-auto">
41+
<p>&copy; 2025 Open Robotics.</p>
42+
</footer>
3943
</body>
4044
</html>

‎layouts/index.erb‎

Lines changed: 22 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,27 @@
1-
<div class="container-fluid p-4">
2-
<div class="col-12">
3-
<div class="row">
4-
<h1><%= @item[:title] %></h1>
5-
</div>
6-
<div class="row">
1+
<div class="row">
2+
<div class="col-12">
3+
<h1 class="page-title"><%= @item[:title] %></h1>
74
<%= yield %>
85
</div>
9-
<div class="row">
10-
<h1>Our projects</h1>
11-
<% @items.find_all('/projects/*.md').each do |project| %>
12-
<div class="col-xs-12 col-sm-6 col-md-4">
13-
<div class="card">
14-
<a href="<%= @config[:base_url] %><%= project.identifier.without_ext %>">
15-
<img src="<%= @config[:base_url] %>/images/<%= project[:logo] %>" alt="<%= project[:title] %> logo" class="card-img-top logo">
16-
<div class="card-body">
17-
<h5 class="card-title"><%= project[:title] %></h5>
18-
<p class="card-text"><%= project[:description] %></p>
19-
</div>
20-
</a>
6+
</div>
7+
8+
<div class="row mt-5">
9+
<div class="col-12">
10+
<h1 class="page-title">Our projects</h1>
11+
<div class="row">
12+
<% @items.find_all('/projects/*.md').each do |project| %>
13+
<div class="col-12 col-md-6 col-lg-4 mb-4">
14+
<div class="card h-100">
15+
<a href="<%= @config[:base_url] %><%= project.identifier.without_ext %>">
16+
<img src="<%= @config[:base_url] %>/images/<%= project[:logo] %>" alt="<%= project[:title] %> logo" class="card-img-top logo">
17+
<div class="card-body">
18+
<h5 class="card-title"><%= project[:title] %></h5>
19+
<p class="card-text"><%= project[:description] %></p>
20+
</div>
21+
</a>
22+
</div>
2123
</div>
22-
</div>
23-
<% end %>
24+
<% end %>
25+
</div>
2426
</div>
2527
</div>
26-
</div>

‎layouts/project.erb‎

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,14 @@
1-
<div class="d-flex justify-content-center">
2-
<div class="col-sm-12 col-md-8">
3-
<div class="row">
1+
<div class="row">
2+
<div class="col-12 text-center">
43
<h1 class="page-title"><%= @item[:title] %></h1>
4+
<img src="<%= @config[:base_url] %>/images/<%= @item[:logo] %>" alt="<%= @item[:title] %> logo" class="logo mb-4">
55
</div>
6-
<div class="row">
7-
<img src="<%= @config[:base_url] %>/images/<%= @item[:logo] %>" alt="<%= @item[:title] %> logo" class="logo">
6+
</div>
7+
<div class="row">
8+
<div class="col-12">
9+
<%= yield %>
10+
<% if @item[:docs_url] %>
11+
<p class="mt-4"><a href="<%= @item[:docs_url] %>" class="btn btn-primary">View Documentation</a></p>
12+
<% end %>
813
</div>
9-
<%= yield %>
10-
<p>For more information check <a href="<%= @item[:docs_url] %>"><%= @item[:title] %> Documentation</a></p>
1114
</div>
12-
</div>

‎layouts/repo.erb‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
1-
<div class="row">
2-
<h1><a href="<%= @item[:url] %>"><%= @item[:name] %></a></h1>
3-
<% if @item[:description] %>
4-
<p><%= @item[:description] %></p>
5-
<% end %>
1+
<div class="row text-center">
2+
<div class="col-12">
3+
<h1 class="page-title"><a href="<%= @item[:url] %>"><%= @item[:name] %></a></h1>
4+
<% if @item[:description] %>
5+
<p class="lead"><%= @item[:description] %></p>
6+
<% end %>
7+
<p class="mt-4"><a href="<%= @item[:url] %>" class="btn btn-primary">View Repository</a></p>
8+
</div>
69
</div>

‎layouts/team-member.erb‎

Lines changed: 32 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,39 @@
1-
<div class="d-flex justify-content-center">
2-
<div class="col-sm-12 col-md-8">
3-
<div class="row">
1+
<div class="row text-center">
2+
<div class="col-12">
43
<h1 class="page-title"><%= @item[:name] %></h1>
4+
<%= parse_markdown_link @item[:picture], :image, "member-picture mb-4", @config[:base_url] %>
55
</div>
6-
<div class="row">
7-
<%= parse_markdown_link @item[:picture], :image, "member-picture", @config[:base_url] %>
8-
</div>
9-
<div class="row">
6+
</div>
7+
<div class="row">
8+
<div class="col-12">
109
<%= yield %>
1110
</div>
12-
<div class="row">
13-
<dl>
14-
<p><b>Affiliation:</b> <%= parse_markdown_link @item[:affiliation], :link %></p>
15-
<p><b>Username:</b> <%= @item[:username] %></p>
16-
<p><b>Prefered Timezone:</b> <%= @item[:timezone] %></p>
17-
<p><b>Role:</b> PMC <%= @item[:role] %></p>
18-
<p><b>Profiles:</b></p>
19-
<ul>
20-
<% @item[:urls].each do |url| %>
21-
<li><a href="<%= url %>"><%= url %></a></li>
22-
<% end %>
23-
</ul>
11+
</div>
12+
<div class="row mt-4">
13+
<div class="col-12">
14+
<dl class="row">
15+
<dt class="col-sm-3">Affiliation:</dt>
16+
<dd class="col-sm-9"><%= parse_markdown_link @item[:affiliation], :link %></dd>
17+
18+
<dt class="col-sm-3">Username:</dt>
19+
<dd class="col-sm-9"><%= @item[:username] %></dd>
20+
21+
<dt class="col-sm-3">Preferred Timezone:</dt>
22+
<dd class="col-sm-9"><%= @item[:timezone] %></dd>
23+
24+
<dt class="col-sm-3">Role:</dt>
25+
<dd class="col-sm-9">PMC <%= @item[:role] %></dd>
26+
27+
<% if @item[:urls] && !@item[:urls].empty? %>
28+
<dt class="col-sm-3">Profiles:</dt>
29+
<dd class="col-sm-9">
30+
<ul class="list-unstyled">
31+
<% @item[:urls].each do |url| %>
32+
<li><a href="<%= url %>" target="_blank" rel="noopener noreferrer"><%= url %></a></li>
33+
<% end %>
34+
</ul>
35+
</dd>
36+
<% end %>
2437
</dl>
2538
</div>
2639
</div>
27-
</div>

0 commit comments

Comments
 (0)