Skip to content

Commit

Permalink
Can't navigate from splash page on the demo site
Browse files Browse the repository at this point in the history
Fixes #11
  • Loading branch information
delisma committed Jun 22, 2021
1 parent a648053 commit bd9e9ad
Show file tree
Hide file tree
Showing 19 changed files with 623 additions and 304 deletions.
19 changes: 0 additions & 19 deletions _pages/en/another-page.md

This file was deleted.

12 changes: 12 additions & 0 deletions _pages/en/another-test-page.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
---
altLangPrefix: /fr/autre-page-test
dateModified: 2020-01-08
description: This is just another page
title: Another page
---

## Welcome to another page

_yay_

[back](./test-page.html)
9 changes: 9 additions & 0 deletions _pages/en/gh-pages.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
---
altLangPage: /fr/gh-pages
breadcrumbs:
- title: "GCWeb Jekyll"
link: "/en/index"
dateModified: 2021-06-31
description:
title: GitHub pages
---
174 changes: 42 additions & 132 deletions _pages/en/index.md
Original file line number Diff line number Diff line change
@@ -1,135 +1,45 @@
---
altLangPrefix: index
authorName: Service Canada
authorUrl:
contentTitle: Canada.ca Jekyll theme
dateModified: 2020-01-10
altLangPage: /fr/index
dateModified: 2021-06-31
description:
en: "Get quick, easy access to all Government of Canada services and information."
fr: "Accédez rapidement et facilement à tous les services et renseignements du gouvernement du Canada."
noContentTitle: true
pageclass: wb-prettify all-pre
subject:
en: [GV Government and Politics, Government services]
fr: [GV Gouvernement et vie politique, Services gouvernementaux]
title: Test page - Canada.ca
layout: layout-home
title: GCWeb Jekyll
---
# {{ page.contentTitle }}

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.

Text can be **bold**, _italic_, or ~~strikethrough~~.

[Link to another page](./another-page.html).

There should be whitespace between paragraphs.

There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.

## Header 2

> This is a blockquote following a header.
>
> When something is important enough, you do it even if the odds are not in your favor.
### Header 3

```js
// Javascript code with syntax highlighting.
var fun = function lang(l) {
dateformat.i18n = require('./lang/' + l)
return true;
}
```

```ruby
# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
s.add_dependency(gem, "= #{version}")
end
```

#### Header 4

* This is an unordered list following a header.
* This is an unordered list following a header.
* This is an unordered list following a header.

##### Header 5

1. This is an ordered list following a header.
2. This is an ordered list following a header.
3. This is an ordered list following a header.

###### Header 6

| head1 | head two | three |
|:-------------|:------------------|:------|
| ok | good swedish fish | nice |
| out of stock | good and plenty | nice |
| ok | good `oreos` | hmm |
| ok | good `zoute` drop | yumm |

### There's a horizontal rule below this.

* * *

### Here is an unordered list:

* Item foo
* Item bar
* Item baz
* Item zip

### And an ordered list:

1. Item one
1. Item two
1. Item three
1. Item four

### And a nested list:

- level 1 item
- level 2 item
- level 2 item
- level 3 item
- level 3 item
- level 1 item
- level 2 item
- level 2 item
- level 2 item
- level 1 item
- level 2 item
- level 2 item
- level 1 item

### Small image

![Octocat](https://github.githubassets.com/images/icons/emoji/octocat.png)

### Large image

![Branching](https://guides.github.com/activities/hello-world/branching.png){: .img-responsive}


### Definition lists can be used with HTML syntax.

<dl>
<dt>Name</dt>
<dd>Godzilla</dd>
<dt>Born</dt>
<dd>1952</dd>
<dt>Birthplace</dt>
<dd>Japan</dd>
<dt>Color</dt>
<dd>Green</dd>
</dl>

```
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.
```

```
The final element.
```
<div class="provisional bg-cover" data-bgimg="/assets/img/bkg-home-banner-spring.jpg">
<div class="container p-0 p-sm-3">
<div class="well header-rwd brdr-0 brdr-rds-0 text-white bg-gctheme opct-90">
<h1 property="name" id="wb-cont">GCWeb Jekyll</h1>
<p class="mrgn-tp-md">Welcome to the GCWeb Jekyll template website</p>
</div>
</div>
</div>
<section class="home-most-requested well well-sm brdr-0">
<div class="container">
<h2 class="mrgn-tp-md">Most requested</h2>
<ul class="wb-eqht list-unstyled mrgn-tp-md mrgn-bttm-sm lst-spcd-2 list-responsive">
<li><a href="">Features</a></li>
<li><a href="">Translations</a></li>
<li><a href="">GCWeb theme</a></li>
</ul>
</div>
</section>
<section class="gc-srvinfo container">
<h2 class="wb-inv">Services and information</h2>
<div class="wb-eqht row">
<div class="col-lg-4 col-md-6">
<h3><a href="setup.html">Setup</a></h3>
<p>Setup your local environment and install the template.</p>
</div>
<div class="col-lg-4 col-md-6">
<h3><a href="settings.html">Settings</a></h3>
<p>Customize your website, changing the layouts, titles, etc.</p>
</div>
<div class="col-lg-4 col-md-6">
<h3><a href="pages.html">Pages</a></h3>
<p>Create pages and use the Front Matter properties</p>
</div>
<div class="col-lg-4 col-md-6">
<h3><a href="gh-pages.html">GitHub pages</a></h3>
<p>Deploy your website using <code>gh-pages</code> and edit your content.</p>
</div>
</div>
9 changes: 9 additions & 0 deletions _pages/en/pages.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
---
altLangPage: /fr/pages
breadcrumbs:
- title: "GCWeb Jekyll"
link: "/en/index"
dateModified: 2021-06-31
description:
title: Page creation
---
115 changes: 115 additions & 0 deletions _pages/en/settings.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
---
altLangPage: /fr/personnalisation
breadcrumbs:
- title: GCWeb Jekyll
link: /en/index
dateModified: 2021-06-31
description:
title: Settings
---
Customize your website layout, titles and more. The settings files can be found in `_config.yml`.

## Site settings
The general settings have to be set in `_config.yml`.

> **Important**: The minimum requirement to configure your website, would be to set the `remote_theme: WET-BOEW/gcweb-jekyll` in your config file
`title`
Type: *string*

The website title is used for SEO purposes and set the home page title.

Example:

```yml
# _config.yml

title: GCWeb Jekyll | A remote Jekyll theme with the Canada.ca theme.
```

`description`

Type: *string*

The website description is used for SEO purposes only.

Example:

```yml
# _config.yml

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.
```

## Page settings

The page settings have to be set in the Front Matter of the page content

> **Important**:
`altLangPage`

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.

Example:

```yml
# page.md

---
altLangPage: /fr/page
---
```

`dateModified`

Type: *date*

The date is used to specified the last modification date of the page in ISO format, AAAA-MM-DD.

Example:

```yml
# page.md

---
dateModified: 2021-07-01
---
```

`lang`

Type: *string*

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.

Example:

```yml
# page.md

---
lang: en
---
```

`layout`

Type: _string_

The page layout is used to define the template to use. There's four templates that can be called from your page:

- *default*
- *fluid*
- *no-container*
- *without-h1*

Example:

```yml
# page.md

---
layout: default
---
```
44 changes: 44 additions & 0 deletions _pages/en/setup.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
---
altLangPage: /fr/configuration
breadcrumbs:
- title: "GCWeb Jekyll"
link: "/en/index"
dateModified: 2021-06-31
description:
title: Setup
---
## Environment
Before starting, make sure you have [Ruby](https://www.ruby-lang.org/en/documentation/installation/) and [NodeJS](https://nodejs.org/) installed.

Then install Jekyll:
```
$ gem install jekyll
```

## Installing template

1. Create a repo for your project:
```
$ git init https://github.com/<your-github-username>/<your-project-name>
```

2. Access the local project:
```
$ cd path/to/your-project-name
```

3. Build Jekyll:
```
$ bundle exec jekyll build
```

## Running local
After the steps above, to run Jekyll locally, ...:
```
$ bundle exec jekyll serve
```

## Customization
Jekflix Template allows you to personalize your site with several settings. Read the [docs](settings.html) for more details.

For advanced theme customization, check the [GCWeb repo](https://github.com/wet-boew/GCWeb) for style files.

0 comments on commit bd9e9ad

Please sign in to comment.