Skip to content

Commit bd9e9ad

Browse files
author
delisma
committed
Can't navigate from splash page on the demo site
Fixes #11
1 parent a648053 commit bd9e9ad

19 files changed

+623
-304
lines changed

‎_pages/en/another-page.md

Lines changed: 0 additions & 19 deletions
This file was deleted.

‎_pages/en/another-test-page.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
altLangPrefix: /fr/autre-page-test
3+
dateModified: 2020-01-08
4+
description: This is just another page
5+
title: Another page
6+
---
7+
8+
## Welcome to another page
9+
10+
_yay_
11+
12+
[back](./test-page.html)

‎_pages/en/gh-pages.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
altLangPage: /fr/gh-pages
3+
breadcrumbs:
4+
- title: "GCWeb Jekyll"
5+
link: "/en/index"
6+
dateModified: 2021-06-31
7+
description:
8+
title: GitHub pages
9+
---

‎_pages/en/index.md

Lines changed: 42 additions & 132 deletions
Original file line numberDiff line numberDiff line change
@@ -1,135 +1,45 @@
11
---
2-
altLangPrefix: index
3-
authorName: Service Canada
4-
authorUrl:
5-
contentTitle: Canada.ca Jekyll theme
6-
dateModified: 2020-01-10
2+
altLangPage: /fr/index
3+
dateModified: 2021-06-31
74
description:
8-
en: "Get quick, easy access to all Government of Canada services and information."
9-
fr: "Accédez rapidement et facilement à tous les services et renseignements du gouvernement du Canada."
10-
noContentTitle: true
11-
pageclass: wb-prettify all-pre
12-
subject:
13-
en: [GV Government and Politics, Government services]
14-
fr: [GV Gouvernement et vie politique, Services gouvernementaux]
15-
title: Test page - Canada.ca
5+
layout: layout-home
6+
title: GCWeb Jekyll
167
---
17-
# {{ page.contentTitle }}
18-
19-
This is a normal paragraph following a header. GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.
20-
21-
Text can be **bold**, _italic_, or ~~strikethrough~~.
22-
23-
[Link to another page](./another-page.html).
24-
25-
There should be whitespace between paragraphs.
26-
27-
There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.
28-
29-
## Header 2
30-
31-
> This is a blockquote following a header.
32-
>
33-
> When something is important enough, you do it even if the odds are not in your favor.
34-
35-
### Header 3
36-
37-
```js
38-
// Javascript code with syntax highlighting.
39-
var fun = function lang(l) {
40-
dateformat.i18n = require('./lang/' + l)
41-
return true;
42-
}
43-
```
44-
45-
```ruby
46-
# Ruby code with syntax highlighting
47-
GitHubPages::Dependencies.gems.each do |gem, version|
48-
s.add_dependency(gem, "= #{version}")
49-
end
50-
```
51-
52-
#### Header 4
53-
54-
* This is an unordered list following a header.
55-
* This is an unordered list following a header.
56-
* This is an unordered list following a header.
57-
58-
##### Header 5
59-
60-
1. This is an ordered list following a header.
61-
2. This is an ordered list following a header.
62-
3. This is an ordered list following a header.
63-
64-
###### Header 6
65-
66-
| head1 | head two | three |
67-
|:-------------|:------------------|:------|
68-
| ok | good swedish fish | nice |
69-
| out of stock | good and plenty | nice |
70-
| ok | good `oreos` | hmm |
71-
| ok | good `zoute` drop | yumm |
72-
73-
### There's a horizontal rule below this.
74-
75-
* * *
76-
77-
### Here is an unordered list:
78-
79-
* Item foo
80-
* Item bar
81-
* Item baz
82-
* Item zip
83-
84-
### And an ordered list:
85-
86-
1. Item one
87-
1. Item two
88-
1. Item three
89-
1. Item four
90-
91-
### And a nested list:
92-
93-
- level 1 item
94-
- level 2 item
95-
- level 2 item
96-
- level 3 item
97-
- level 3 item
98-
- level 1 item
99-
- level 2 item
100-
- level 2 item
101-
- level 2 item
102-
- level 1 item
103-
- level 2 item
104-
- level 2 item
105-
- level 1 item
106-
107-
### Small image
108-
109-
![Octocat](https://github.githubassets.com/images/icons/emoji/octocat.png)
110-
111-
### Large image
112-
113-
![Branching](https://guides.github.com/activities/hello-world/branching.png){: .img-responsive}
114-
115-
116-
### Definition lists can be used with HTML syntax.
117-
118-
<dl>
119-
<dt>Name</dt>
120-
<dd>Godzilla</dd>
121-
<dt>Born</dt>
122-
<dd>1952</dd>
123-
<dt>Birthplace</dt>
124-
<dd>Japan</dd>
125-
<dt>Color</dt>
126-
<dd>Green</dd>
127-
</dl>
128-
129-
```
130-
Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
131-
```
132-
133-
```
134-
The final element.
135-
```
8+
<div class="provisional bg-cover" data-bgimg="/assets/img/bkg-home-banner-spring.jpg">
9+
<div class="container p-0 p-sm-3">
10+
<div class="well header-rwd brdr-0 brdr-rds-0 text-white bg-gctheme opct-90">
11+
<h1 property="name" id="wb-cont">GCWeb Jekyll</h1>
12+
<p class="mrgn-tp-md">Welcome to the GCWeb Jekyll template website</p>
13+
</div>
14+
</div>
15+
</div>
16+
<section class="home-most-requested well well-sm brdr-0">
17+
<div class="container">
18+
<h2 class="mrgn-tp-md">Most requested</h2>
19+
<ul class="wb-eqht list-unstyled mrgn-tp-md mrgn-bttm-sm lst-spcd-2 list-responsive">
20+
<li><a href="">Features</a></li>
21+
<li><a href="">Translations</a></li>
22+
<li><a href="">GCWeb theme</a></li>
23+
</ul>
24+
</div>
25+
</section>
26+
<section class="gc-srvinfo container">
27+
<h2 class="wb-inv">Services and information</h2>
28+
<div class="wb-eqht row">
29+
<div class="col-lg-4 col-md-6">
30+
<h3><a href="setup.html">Setup</a></h3>
31+
<p>Setup your local environment and install the template.</p>
32+
</div>
33+
<div class="col-lg-4 col-md-6">
34+
<h3><a href="settings.html">Settings</a></h3>
35+
<p>Customize your website, changing the layouts, titles, etc.</p>
36+
</div>
37+
<div class="col-lg-4 col-md-6">
38+
<h3><a href="pages.html">Pages</a></h3>
39+
<p>Create pages and use the Front Matter properties</p>
40+
</div>
41+
<div class="col-lg-4 col-md-6">
42+
<h3><a href="gh-pages.html">GitHub pages</a></h3>
43+
<p>Deploy your website using <code>gh-pages</code> and edit your content.</p>
44+
</div>
45+
</div>

‎_pages/en/pages.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
altLangPage: /fr/pages
3+
breadcrumbs:
4+
- title: "GCWeb Jekyll"
5+
link: "/en/index"
6+
dateModified: 2021-06-31
7+
description:
8+
title: Page creation
9+
---

‎_pages/en/settings.md

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
---
2+
altLangPage: /fr/personnalisation
3+
breadcrumbs:
4+
- title: GCWeb Jekyll
5+
link: /en/index
6+
dateModified: 2021-06-31
7+
description:
8+
title: Settings
9+
---
10+
Customize your website layout, titles and more. The settings files can be found in `_config.yml`.
11+
12+
## Site settings
13+
The general settings have to be set in `_config.yml`.
14+
15+
> **Important**: The minimum requirement to configure your website, would be to set the `remote_theme: WET-BOEW/gcweb-jekyll` in your config file
16+
17+
`title`
18+
Type: *string*
19+
20+
The website title is used for SEO purposes and set the home page title.
21+
22+
Example:
23+
24+
```yml
25+
# _config.yml
26+
27+
title: GCWeb Jekyll | A remote Jekyll theme with the Canada.ca theme.
28+
```
29+
30+
`description`
31+
32+
Type: *string*
33+
34+
The website description is used for SEO purposes only.
35+
36+
Example:
37+
38+
```yml
39+
# _config.yml
40+
41+
description: A reference implementation of the Canada.ca Content and Information Architecture Specification, the Canada.ca Content Style Guide and the Canada.ca Design System.
42+
```
43+
44+
## Page settings
45+
46+
The page settings have to be set in the Front Matter of the page content
47+
48+
> **Important**:
49+
50+
`altLangPage`
51+
52+
The altLangPage file path is used to enable the link in the language toggle for the translation of the alternate page content. If omitted, the link in the language won't be added in the header.
53+
54+
Example:
55+
56+
```yml
57+
# page.md
58+
59+
---
60+
altLangPage: /fr/page
61+
---
62+
```
63+
64+
`dateModified`
65+
66+
Type: *date*
67+
68+
The date is used to specified the last modification date of the page in ISO format, AAAA-MM-DD.
69+
70+
Example:
71+
72+
```yml
73+
# page.md
74+
75+
---
76+
dateModified: 2021-07-01
77+
---
78+
```
79+
80+
`lang`
81+
82+
Type: *string*
83+
84+
The lang property is used to specifiy the language of the page content. By default the template support "en" for English and "fr" for French.
85+
86+
Example:
87+
88+
```yml
89+
# page.md
90+
91+
---
92+
lang: en
93+
---
94+
```
95+
96+
`layout`
97+
98+
Type: _string_
99+
100+
The page layout is used to define the template to use. There's four templates that can be called from your page:
101+
102+
- *default*
103+
- *fluid*
104+
- *no-container*
105+
- *without-h1*
106+
107+
Example:
108+
109+
```yml
110+
# page.md
111+
112+
---
113+
layout: default
114+
---
115+
```

‎_pages/en/setup.md

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
---
2+
altLangPage: /fr/configuration
3+
breadcrumbs:
4+
- title: "GCWeb Jekyll"
5+
link: "/en/index"
6+
dateModified: 2021-06-31
7+
description:
8+
title: Setup
9+
---
10+
## Environment
11+
Before starting, make sure you have [Ruby](https://www.ruby-lang.org/en/documentation/installation/) and [NodeJS](https://nodejs.org/) installed.
12+
13+
Then install Jekyll:
14+
```
15+
$ gem install jekyll
16+
```
17+
18+
## Installing template
19+
20+
1. Create a repo for your project:
21+
```
22+
$ git init https://github.com/<your-github-username>/<your-project-name>
23+
```
24+
25+
2. Access the local project:
26+
```
27+
$ cd path/to/your-project-name
28+
```
29+
30+
3. Build Jekyll:
31+
```
32+
$ bundle exec jekyll build
33+
```
34+
35+
## Running local
36+
After the steps above, to run Jekyll locally, ...:
37+
```
38+
$ bundle exec jekyll serve
39+
```
40+
41+
## Customization
42+
Jekflix Template allows you to personalize your site with several settings. Read the [docs](settings.html) for more details.
43+
44+
For advanced theme customization, check the [GCWeb repo](https://github.com/wet-boew/GCWeb) for style files.

0 commit comments

Comments
 (0)