Add new files and directories for Jekyll theme customization

.gitignore

@@ -0,0 +1,11 @@
+
+.sass-cache/
+.jekyll-cache/
+.jekyll-metadata
+_site/
+# Ignore folders generated by Bundler
+.bundle/
+vendor/
+
+DS_Store
+.vscode

Gemfile

@@ -0,0 +1,5 @@
+source "https://rubygems.org"
+
+gem "jekyll", "~> 4.2"
+
+gem "jekyll-remote-theme", github: "benbalter/jekyll-remote-theme", branch: "master"

Gemfile.lock

@@ -0,0 +1,83 @@
+GIT
+  remote: https://github.com/benbalter/jekyll-remote-theme.git
+  revision: 8d4b7a70ef293b38df93944c5c7953d5c9c3079a
+  branch: master
+  specs:
+    jekyll-remote-theme (0.4.3)
+      addressable (~> 2.0)
+      jekyll (>= 3.5, < 5.0)
+      jekyll-sass-converter (>= 1.0, <= 3.0.0, != 2.0.0)
+      rubyzip (>= 1.3.0, < 3.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.8.5)
+      public_suffix (>= 2.0.2, < 6.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.2.2)
+    em-websocket (0.5.3)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0)
+    eventmachine (1.2.7)
+    ffi (1.16.3)
+    forwardable-extended (2.6.0)
+    google-protobuf (3.24.4-arm64-darwin)
+    http_parser.rb (0.8.0)
+    i18n (1.14.1)
+      concurrent-ruby (~> 1.0)
+    jekyll (4.3.2)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 1.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 2.3, >= 2.3.1)
+      kramdown-parser-gfm (~> 1.0)
+      liquid (~> 4.0)
+      mercenary (>= 0.3.6, < 0.5)
+      pathutil (~> 0.9)
+      rouge (>= 3.0, < 5.0)
+      safe_yaml (~> 1.0)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
+    jekyll-sass-converter (3.0.0)
+      sass-embedded (~> 1.54)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    kramdown (2.4.0)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.8.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (5.0.3)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.10.1)
+      ffi (~> 1.0)
+    rexml (3.2.6)
+    rouge (4.1.3)
+    rubyzip (2.3.2)
+    safe_yaml (1.0.5)
+    sass-embedded (1.69.4-arm64-darwin)
+      google-protobuf (~> 3.23)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    unicode-display_width (2.5.0)
+    webrick (1.8.1)
+
+PLATFORMS
+  arm64-darwin-22
+
+DEPENDENCIES
+  jekyll (~> 4.2)
+  jekyll-remote-theme!
+
+BUNDLED WITH
+   2.4.13

_config.dev.yml

@@ -0,0 +1,34 @@
+baseurl: ""
+collections_dir: patterns
+collections:
+  components:
+    permalink: "en/:collection/:name"
+    output: true
+  styles:
+    permalink: "en/:collection/:name"
+    output: true
+  templates:
+    permalink: "en/:collection/:name"
+    output: true
+  layouts:
+    permalink: "en/:collection/:name"
+    output: true
+plugins:
+  - jekyll-remote-theme
+remote_theme: wet-boew/gcweb-jekyll
+title: Canada.ca GC mandatory elements - differences between Canada.ca DS and GC Design System + Rationale
+
+# Page front matter defaults
+defaults:
+  - scope:
+      path: ""
+    values:
+      css: ../../assets/css/overrides.css
+      layout: default
+  - scope:
+      path: "_components"
+    values:
+      breadcrumbs:
+      - title: Mandatory elements
+        link: "/en/"
+      lang: en

_config.yml

@@ -0,0 +1,36 @@
+# Jekyll configuration file
+
+baseurl: "gcds-gcweb/"
+collections_dir: patterns
+collections:
+  components:
+    permalink: "en/:collection/:name"
+    output: true
+  styles:
+    permalink: "en/:collection/:name"
+    output: true
+  templates:
+    permalink: "en/:collection/:name"
+    output: true
+  layouts:
+    permalink: "en/:collection/:name"
+    output: true
+plugins:
+  - jekyll-remote-theme
+remote_theme: wet-boew/gcweb-jekyll
+title: Canada.ca GC mandatory elements - differences between Canada.ca DS and GC Design System + Rationale
+
+# Page front matter defaults
+defaults:
+  - scope:
+      path: ""
+    values:
+      css: ../../assets/css/overrides.css
+      layout: default
+  - scope:
+      path: "_components"
+    values:
+      breadcrumbs:
+      - title: Mandatory elements
+        link: "/en/"
+      lang: en

_includes/breadcrumbs/breadcrumbs.html

@@ -0,0 +1,40 @@
+{%- unless page.pageclass contains "home" or page.breadcrumbs == false or layout.breadcrumbs == false -%}
+<nav id="wb-bc" property="breadcrumb">
+	<h2>{{ i18nText-breadcrumb }}</h2>
+	<div class="container">
+		<ol class="breadcrumb" typeof="BreadcrumbList">
+			<li property="itemListElement" typeof="ListItem">
+				<a property="item" typeof="WebPage" href="{{ i18nText-homePage }}">
+					<span property="name">{{ i18nText-home }}</span>
+				</a>
+				<meta property="position" content="1">
+			</li>
+			{% assign breadcrumbCounter = 2 %}
+			{%- unless page.overwriteBreadcrumbs -%}
+				{%- if site.global.breadcrumbs -%}
+					{% for breadcrumb in site.global.breadcrumbs[i18nText-lang] %}
+							<li property="itemListElement" typeof="ListItem">
+								<a property="item" typeof="WebPage" href="{% unless breadcrumb.link contains 'http' %}{{ setting-siteBasePath }}{% endunless %}{{ breadcrumb.link }}">
+									<span property="name">{{ breadcrumb.title }}</span>
+								</a>
+								<meta property="position" content="{{ breadcrumbCounter }}">
+							</li>
+							{% assign breadcrumbCounter = breadcrumbCounter | plus:1 %}
+					{%- endfor -%}
+				{% endif %}
+			{%- endunless -%}
+			{%- if page.breadcrumbs -%}
+				{% for breadcrumb in page.breadcrumbs %}
+						<li property="itemListElement" typeof="ListItem">
+							<a property="item" typeof="WebPage" href="{{ breadcrumb.link | relative_url }}">
+								<span property="name">{{ breadcrumb.title }}</span>
+							</a>
+							<meta property="position" content="{{ breadcrumbCounter }}">
+						</li>
+						{% assign breadcrumbCounter = breadcrumbCounter | plus:1 %}
+				{%- endfor -%}
+			{% endif %}
+		</ol>
+	</div>
+</nav>
+{% endunless %}

_includes/resources-inc/footer.html

@@ -0,0 +1,13 @@
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" integrity="sha384-rY/jv8mMhqDabXSo+UCggqKtdmBfd3qC2/KvyTDNQ6PcUJXaxK1tMepoQda4g5vB" crossorigin="anonymous"></script>
+<script src="{{ setting-resourcesBasePathWetboew }}/js/wet-boew{{ setting-minifiedSuffix }}.js"></script>
+<script src="{{ setting-resourcesBasePathTheme }}/js/theme{{ setting-minifiedSuffix }}.js"></script>
+<script type="module" src="https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@latest/dist/gcds/gcds.esm.js"></script>
+<script nomodule src="https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@latest/dist/gcds/gcds.js"></script>
+{%- if page.script.first -%}
+	{%- for js in page.script -%}
+		<script src="{{ js }}"></script>
+	{%- endfor -%}
+{%- elsif page.script -%}
+	<script src="{{ page.script }}"></script>
+{%- endif -%}

_includes/resources-inc/head.html

@@ -0,0 +1,22 @@
+<link href="{{ setting-resourcesBasePathTheme }}/assets/favicon.ico" rel="icon" type="image/x-icon" />
+<link rel="stylesheet" href="{{ setting-resourcesBasePathTheme }}/css/theme{{ setting-minifiedSuffix }}.css" />
+<!-- Icons Font Awesome (to access icons, import Font Awesome) -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" crossorigin="anonymous">
+
+<!-- GC Design System -->
+<link rel="stylesheet" href="https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@latest/dist/gcds/gcds.css">
+<script type="module" src="https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@latest/dist/gcds/gcds.esm.js"></script>
+<script nomodule src="https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@latest/dist/gcds/gcds.js"></script>
+
+<noscript><link rel="stylesheet" href="{{ setting-resourcesBasePathWetboew }}/css/noscript{{ setting-minifiedSuffix }}.css" /></noscript>
+{%- if page.css.first -%}
+	{%- for sheet in page.css -%}
+		{%- if sheet.first -%}
+			<link rel="stylesheet" href="{{ sheet.href }}" integrity="{{ sheet.integrity }}" crossorigin="anonymous" />
+		{%- elsif sheet -%}
+			<link rel="stylesheet" href="{{ sheet }}" />
+		{%- endif -%}
+	{%- endfor -%}
+{%- elsif page.css -%}
+	<link rel="stylesheet" href="{{ page.css }}" />
+{%- endif -%}