Code Monkey home page Code Monkey logo

wet-boew-ssi's Introduction

Web Experience Toolkit (WET) - SSI Variant v4.0

Overview

This feature adapts the HTML5 core markup structure for use with Server side includes (SSI) on an Apache web server.

##Benefits

  • Helps to minimize the duplication of content and code (such as titles and dates)
  • Provides central control of the secondary column
  • Improves consistency by separating content from the template code
  • Automates the breadcrumb trail
  • Conforms to WCAG 2.0 AA
  • Uses WAI-ARIA to enhance accessibility
  • Supports Firefox, Opera, Safari, Chrome, and IE 8+

##Minimum Requirements

  • dist folder from WET v4.0 from a supported theme
  • Server Side Includes installed on an Apache 2.x Web Server

##Supported Themes

  • WET-BOEW Base
  • GC Web Usability
  • GC Intranet

##How to install the files

  • Make sure that you have the WET v4.0 /dist/ folder from one of the supported themes in your root directory.
  • Rename the /dist/ folder (or create a web server alias) according to the theme you have: ** WET-BOEW Base (rename /dist/ to /dist-wet-boew/) ** GC Web Usability (rename /dist/ to /dist-gcwu-fegc/) ** GC Intranet (rename /dist/ to /dist-gc-intranet/)
  • Copy the dist-ssi folder from this repository to your root directory. Do not rename it.

wet-boew-ssi's People

Contributors

ballesterc avatar ericdunsworth avatar lucas-hay avatar mricher avatar nschonni avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

wet-boew-ssi's Issues

Breadcrumb including entire pages under certain circumstances

Lol sorry for bombarding this repo with so many issues. I'm leveraging the SSI variant in a sandbox for something I'm working on and reporting issues as I stumble upon them.

Anyways, try this out:

  1. Create a folder under /demos/ssi/ (such as /demos/ssi/subfolder/)
  2. Copy over a content page template (such as cont-eng.shtm) into the subfolder.
  3. Make another copy of cont-eng.shtm, rename it to index.shtm, and place it in the subfolder
  4. Open up /demos/ssi/subfolder/cont-eng.shtm

If your test has the same outcome as mine, in step 4 you'll see what looks like the subfolder's index.shtm page's HTML code getting pulled in like 5 times over where the breadcrumb should be :O. The culprit seems to be something within bt-fa.shtm.

Thanks :).

PS: This may be related to issue #13.

Multilingual splash page issues

Hi,

I happened to notice that some of the SSI variant's multilingual splash page templates seem to be missing content (compared to what's in the main repository).

Specifically, the English/French multilingual splash page is missing "Terms and conditions"/"Avis" links for the other languages.

As for the French/English multilingual splash page, it doesn't seem to currently contain any multilingual content (looks like a mirror of the standard French/English splash page's content).

Links (for reference):

Thanks :).

Support for NGINX and GC Web theme

Hi there,

Is this project still supported to some degree?

I would like to test it with NGINX, and to ask if it can be adapted easily to use the GCWeb theme given that the GOC sites are all moving to that theme.

Thank you,
Dustin

Not AJAXing in mega menus so extra downloading on each page

WET core is AJAXing in the mega menus to save around 5 - 6 kb of downloads per page (so cached independently). Noticed that you are instead using a server-side include so the mega menu can't be cached separately. Should use the AJAXing approach rather than a server-side approach to maximize caching potential.

Configure alternate paths

I'm in the process of moving from 3.1.x to 4.0.4 using the latest master of wet-boew-ssi and documenting a migration guide.

The demos work fine, but for our site, I want to have http://example.com/eng/index.shtm and http://example.com/fra/index.shtm, rather than the index-${pg-lang1}.shtm. Is that easy to configure?

I tried it but the include regex seems to want to navigate down and include all index*.shtm, which ends up in an endless loop of inclusions if I rename index-${pg-lang1}.shtm to just index.shtm.

Building the site such that it's transparent to update the dist-ssi and dist-gcwu-fegc directories is easy, but if there are viable updates in the demos-ssi (What sites would be built from), then it would be nice to get those, too. It may not be feasible though, I'm not sure. Any suggestions?

Many thanks,
Dustin

SSI in build

@pjackson28 Just a note about adding the inc files into the build as I think I mentioned this a few weeks ago. Should we be putting the base inc files (which apply to all pages in the gcwu theme) in the src folder as part of the build process, or should it remain outside the build? If yes, I can get it working for the next stable release if you'd like.

Breadcrumb Welcome link issue

Hi,

Check out the "Welcome"/"Bievenue" breadcrumb link in any standard content page template (such as cont-eng.shtm). They seem to point to the same page that the user is already on. I presume they're meant to point to index.shtml?

PS: I think the trail in these kinds of breadcrumbs typically start off with a "Home" link to a home page template (as opposed to a "Welcome"/splash page link), since the user's preferred language has already been established if they've on a content page.

Thanks :).

Changing eng/fra filename suffixes to en/fr

Now that we are approaching WET v4.0, we will be aligning with i18n conventions and changing our file name suffixes from eng/fra to en/fr. If you use eng/fra suffixes for any of your files then please migrate to the en/fr suffixes at your convenience.

To ensure you don't disrupt search engine results, please use either 301 redirects or canonical rels to help search engines transiton from providing results with eng/fra to en/fr (WET core is using canonical rels because GitHub gh-pages doesn't support 301 redirects).

Idea for getting language toggles up and running

@MaddyDaigle, @jeffdavidgordon

To get language toggling working in the SSI variant's applicable working example pages, what would you think of something like this?

  1. Remove gc-cmblang-href-eng and gc-cmblang-href-fra's declarations from /demos/ssi/config.shtm.
  2. Set a variable such as pg-alt-lang-path directly within page content alongside the declarations for the other pg-... variables.
  3. Adjust header-entete.shtm accordingly.

I could send in a pull request with the aforementioned changes soon-ish if everyone's on board.

Thanks :).

Installation documentation clarification

Hi there,
I'm very anxious to try version 4.0 of both the SSI and the main WET GCWU theme.

The documentation has two lines in it, but it's not clear how they connect. Meaning, I'm running a Debian server, and my document root is /var/www/html. In there I have a dist link that points to the wet-boew-dist-4.0.0-rc1 directory, and a dist-ssi that points to the wet-boew-ssi-4.0/dist-ssi directory. I also have a themes-dist/theme-gcwu-fegc link that points to the themes-dist-4.0.0-rc1-theme-gcwu-fegc directory.

Do I have everything in place? I also have a demos-ssi link in my document root that points to the wetb-boew-ssi-4.0/demos-ssi, but it doesn't run properly since the dist-ssi/subsite.shtm is looking for /index.shtm, which isn't in the root. In short, here is my setup:

/var/www/html (Document Root)
demos-ssi -> wet-boew-ssi-4.0/demos-ssi
dist -> wet-boew-dist-4.0.0-rc1
dist-ssi -> wet-boew-ssi-4.0/dist-ssi
themes-dist/theme-gcwu-fegc -> themes-dist-4.0.0-rc1-theme-gcwu-fegc
themes-dist-4.0.0-rc1-theme-gcwu-fegc/
wet-boew-dist-4.0.0-rc1/
wet-boew-ssi-4.0/

Could you please provide a bit more info to the installation?

Much obliged, and thanks for the work on this.
Dustin

V4.0 Alpha does not display seconary menu in mobile view

The current 4.0 Alpha versions with the released GCWU 4.0 theme does not show the secondary menu (little white icon in the black bar) in mobile view.

Recreate:

  • Open GCWU theme in demos-ssi
  • Go to mobile view (Shrink window, flip tablet to portrait position, etc.)
  • Click on Content page - Secondary menu
  • White icon for secondary menu and mega menus is missing.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.