Skip to content

Commit 97d1616

Browse files
mrleeiomrleeio
committed
refactor: reorganize directory structure for Jekyll best practices
- Create _includes/ directory with head, nav, and footer partials - Create _sass/ directory with main.scss starter file - Move css/, js/, images/ into assets/ directory - Update all file references to new /assets/* paths - Simplify _layouts/layout.html using includes This improves maintainability and follows Jekyll conventions.
1 parent 87c4302 commit 97d1616

30 files changed

+85
-71
lines changed

‎2014-heroes.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ <h1>2nd Annual Ruby BBQ &amp; Awards</h1>
1010
<br><p>It was a gem of a night! The evening summer air was warm and welcoming for the 80+ that attended the annual BBQ. Great stories and successes were celebrated within Van Ruby's community. Food and drink were aplenty. Everything went off without a hitch! Well, except for <a href="https://twitter.com/floriidaaa/status/505251938016198656/photo/1">this.</a></p>
1111

1212
<div class="media">
13-
<img src="/images/500pix.jpg">
13+
<img src="/assets/images/500pix.jpg">
1414
</div>
1515

1616
<br><p>As you all know, Vancouver is full of talented Ruby developers who contribute to open-source, develop gems and share good vibes at VanRuby events. And great work and commitment deserves recognition. So this year, the <a href="https://twitter.com/BrewhouseTeam">Brewhouse Team</a> threw together a site dedicated to honouring fellow Vancouver Rubyists. Members had the opportunity to vote or nominate a hero that they thought made the community awesome. At the end of the evening, a few of VanRuby's finest were revered by their peers.</p>
@@ -28,7 +28,7 @@ <h2>2014 Ruby Hero Winners -- "I'm a Gem"</h2>
2828
<div class="row">
2929
<div class="col-md-4">
3030
<div class="pagination-centered">
31-
<img src="/images/tam.jpg" alt="Tam's picture" width="150" class="img-polaroid" style="height:150px">
31+
<img src="/assets/images/tam.jpg" alt="Tam's picture" width="150" class="img-polaroid" style="height:150px">
3232
<p>
3333
<strong>Tammam Kbeili</strong>
3434
<br><a href="http://twitter.com/tammam">@tammam</a>
@@ -43,7 +43,7 @@ <h2>2014 Ruby Hero Winners -- "I'm a Gem"</h2>
4343

4444
<div class="col-md-4">
4545
<div class="pagination-centered">
46-
<img src="/images/jenncoop.jpg" alt="Jenn's picture" width="150" class="img-polaroid">
46+
<img src="/assets/images/jenncoop.jpg" alt="Jenn's picture" width="150" class="img-polaroid">
4747
<p>
4848
<strong>Jenn Cooper</strong>
4949
<br><a href="http://twitter.com/jncoops">@jncoops</a>
@@ -57,7 +57,7 @@ <h2>2014 Ruby Hero Winners -- "I'm a Gem"</h2>
5757

5858
<div class="col-md-4">
5959
<div class="pagination-centered">
60-
<img src="/images/godfrey.jpg" alt="Godfrey photo" width="150" class="img-polaroid">
60+
<img src="/assets/images/godfrey.jpg" alt="Godfrey photo" width="150" class="img-polaroid">
6161
<p>
6262
<strong>Godfrey Chan</strong>
6363
<br><a href="http://twitter.com/chancancode">@chancancode</a>
@@ -73,11 +73,11 @@ <h2>2014 Ruby Hero Winners -- "I'm a Gem"</h2>
7373
<!-- <div class="span12"> -->
7474

7575
<div class="media">
76-
<img src="/images/pano-vanruby.jpg">
76+
<img src="/assets/images/pano-vanruby.jpg">
7777
</div>
7878

7979
<div>
80-
<p>Thanks to our sponsor, <a href="http://www.socialchorus.com/"><img src="/images/socialchorus_logo.png" alt="Social Chorus Logo"></a> for their generous support.</p>
80+
<p>Thanks to our sponsor, <a href="http://www.socialchorus.com/"><img src="/assets/images/socialchorus_logo.png" alt="Social Chorus Logo"></a> for their generous support.</p>
8181
</div>
8282

8383

‎_includes/footer.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<div class="container">
2+
<footer class="d-flex flex-wrap justify-content-between align-items-center py-4 my-4 border-top">
3+
<a href="https://ruby.social/@vanruby" class="col-4 nav-link px-2 text-body-secondary">[email protected]</a>
4+
5+
<a class="col-4 d-flex align-items-center justify-content-center link-body-emphasis text-decoration-none" href="{{ site.baseurl }}/">
6+
<img src="/assets/images/van_ruby_logo.svg" alt="Logo" width="60" height="48" class="d-inline-block align-text-top">
7+
</a>
8+
9+
<p class="col-4 mb-0 text-body-secondary d-flex justify-content-end">© 2025 VanRuby</p>
10+
</footer>
11+
</div>
12+
13+
<script src="/assets/js/bootstrap.bundle.min.js" defer></script>
14+
<script src="/assets/js/toggle-color-mode.js" defer></script>

‎_includes/head.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<meta charset="utf-8">
2+
<title>{{ page.title }}</title>
3+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4+
5+
<link href="/assets/css/bootstrap.min.css" rel="stylesheet">
6+
<link href="/assets/css/main.css" rel="stylesheet">
7+
<link rel="me" href="https://ruby.social/@vanruby">
8+
9+
<script>
10+
(function() {
11+
const theme = localStorage.getItem('theme') || 'light';
12+
document.documentElement.setAttribute('data-bs-theme', theme);
13+
})();
14+
</script>

‎_includes/nav.html‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<nav class="navbar navbar-expand-lg bg-body-tertiary mb-3">
2+
<div class="container-lg">
3+
<a class="navbar-brand fw-bold" href="{{ site.baseurl }}/">
4+
<img src="/assets/images/van_ruby_logo.svg" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
5+
VanRuby
6+
</a>
7+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
8+
<span class="navbar-toggler-icon"></span>
9+
</button>
10+
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
11+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
12+
<li class="nav-item d-lg-none">
13+
<a class="btn btn-sm btn-danger d-block my-2" aria-current="page" target="_blank" href="https://lu.ma/vanruby">Join VanRuby</a>
14+
</li>
15+
<!--
16+
<li class="nav-item">
17+
<a class="nav-link {% if page.url == '/' %}active{% endif %}" aria-current="page" href="{{ site.baseurl }}/">Home</a>
18+
</li>
19+
-->
20+
</ul>
21+
<button id="themeToggle" class="btn btn-sm d-none d-lg-block" type="button" aria-label="Toggle theme">
22+
<svg class="bi theme-icon" width="1em" height="1em" fill="currentColor">
23+
<use xlink:href="/assets/images/icons/bootstrap-icons.svg#circle-half"></use>
24+
</svg>
25+
</button>
26+
27+
<a href="https://lu.ma/vanruby" target="_blank" class="btn btn-sm btn-danger ms-2 d-none d-lg-block">Join VanRuby</a>
28+
</div>
29+
</div>
30+
</nav>

‎_layouts/layout.html‎

Lines changed: 3 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -1,72 +1,16 @@
11
<!DOCTYPE html>
22
<html lang="en" data-bs-theme="dark">
33
<head>
4-
<meta charset="utf-8">
5-
<title>{{ page.title }}</title>
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
8-
<link href="/css/bootstrap.min.css" rel="stylesheet">
9-
<link href="/css/main.css" rel="stylesheet">
10-
<link rel="me" href="https://ruby.social/@vanruby">
11-
12-
<script>
13-
(function() {
14-
const theme = localStorage.getItem('theme') || 'light';
15-
document.documentElement.setAttribute('data-bs-theme', theme);
16-
})();
17-
</script>
4+
{% include head.html %}
185
</head>
196

20-
217
<body>
22-
<nav class="navbar navbar-expand-lg bg-body-tertiary mb-3">
23-
<div class="container-lg">
24-
<a class="navbar-brand fw-bold" href="{{ site.baseurl }}/">
25-
<img src="/images/van_ruby_logo.svg" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
26-
VanRuby
27-
</a>
28-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
29-
<span class="navbar-toggler-icon"></span>
30-
</button>
31-
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
32-
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
33-
<li class="nav-item d-lg-none">
34-
<a class="btn btn-sm btn-danger d-block my-2" aria-current="page" target="_blank" href="https://lu.ma/vanruby">Join VanRuby</a>
35-
</li>
36-
<!--
37-
<li class="nav-item">
38-
<a class="nav-link {% if page.url == '/' %}active{% endif %}" aria-current="page" href="{{ site.baseurl }}/">Home</a>
39-
</li>
40-
-->
41-
</ul>
42-
<button id="themeToggle" class="btn btn-sm d-none d-lg-block" type="button" aria-label="Toggle theme">
43-
<svg class="bi theme-icon" width="1em" height="1em" fill="currentColor">
44-
<use xlink:href="/images/icons/bootstrap-icons.svg#circle-half"></use>
45-
</svg>
46-
</button>
47-
48-
<a href="https://lu.ma/vanruby" target="_blank" class="btn btn-sm btn-danger ms-2 d-none d-lg-block">Join VanRuby</a>
49-
</div>
50-
</div>
51-
</nav>
8+
{% include nav.html %}
529

5310
<div class="container theme-showcase" role="main">
5411
{{ content }}
5512
</div>
5613

57-
<div class="container">
58-
<footer class="d-flex flex-wrap justify-content-between align-items-center py-4 my-4 border-top">
59-
<a href="https://ruby.social/@vanruby" class="col-4 nav-link px-2 text-body-secondary">[email protected]</a>
60-
61-
<a class="col-4 d-flex align-items-center justify-content-center link-body-emphasis text-decoration-none" href="{{ site.baseurl }}/">
62-
<img src="/images/van_ruby_logo.svg" alt="Logo" width="60" height="48" class="d-inline-block align-text-top">
63-
</a>
64-
65-
<p class="col-4 mb-0 text-body-secondary d-flex justify-content-end">© 2025 VanRuby</p>
66-
</footer>
67-
</div>
68-
69-
<script src="js/bootstrap.bundle.min.js" defer></script>
70-
<script src="js/toggle-color-mode.js" defer></script>
14+
{% include footer.html %}
7115
</body>
7216
</html>

‎_sass/main.scss‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
// Main SCSS file for VanRuby
2+
// Custom styles go here
3+
4+
// Variables can be defined here to override Bootstrap defaults
5+
// $primary: #your-color;
6+
7+
// Import Bootstrap if using Sass version in the future
8+
// @import "bootstrap/bootstrap";
9+
10+
// Custom components
11+
// @import "components/navbar";
12+
// @import "components/footer";

css/bootstrap.min.css renamed to assets/css/bootstrap.min.css

File renamed without changes.

css/bootstrap.min.css.map renamed to assets/css/bootstrap.min.css.map

File renamed without changes.

css/main.css renamed to assets/css/main.css

File renamed without changes.

images/archive/500pix.jpg renamed to assets/images/archive/500pix.jpg

File renamed without changes.

0 commit comments

Comments
 (0)