diff --git a/.dependencies b/.dependencies new file mode 100644 index 0000000..ab909c5 --- /dev/null +++ b/.dependencies @@ -0,0 +1,150 @@ +git: + admin: + url: https://github.com/getgrav/grav-plugin-admin + path: user/plugins/admin + branch: master + archives: + url: https://github.com/getgrav/grav-plugin-archives + path: user/plugins/archives + branch: master + breadcrumbs: + url: https://github.com/getgrav/grav-plugin-breadcrumbs + path: user/plugins/breadcrumbs + branch: master + email: + url: https://github.com/getgrav/grav-plugin-email + path: user/plugins/email + branch: master + error: + url: https://github.com/getgrav/grav-plugin-error + path: user/plugins/error + branch: master + external_links: + url: https://github.com/Sommerregen/grav-plugin-external-links + path: user/plugins/external_links + branch: master + featherlight: + url: https://github.com/getgrav/grav-plugin-featherlight + path: user/plugins/featherlight + branch: master + feed: + url: https://github.com/getgrav/grav-plugin-feed + path: user/plugins/feed + branch: master + form: + url: https://github.com/getgrav/grav-plugin-form + path: user/plugins/form + branch: master + login: + url: https://github.com/getgrav/grav-plugin-login + path: user/plugins/login + branch: master + page-inject: + url: https://github.com/getgrav/grav-plugin-page-inject + path: user/plugins/page-inject + branch: master + pagination: + url: https://github.com/getgrav/grav-plugin-pagination + path: user/plugins/pagination + branch: master + problems: + url: https://github.com/getgrav/grav-plugin-problems + path: user/plugins/problems + branch: master + relatedpages: + url: https://github.com/getgrav/grav-plugin-relatedpages + path: user/plugins/relatedpages + branch: master + simplesearch: + url: https://github.com/getgrav/grav-plugin-simplesearch + path: user/plugins/simplesearch + branch: master + sitemap: + url: https://github.com/getgrav/grav-plugin-sitemap + path: user/plugins/sitemap + branch: master + taxonomylist: + url: https://github.com/getgrav/grav-plugin-taxonomylist + path: user/plugins/taxonomylist + branch: master + bones-vanilla: + url: https://github.com/smartgravity/grav-theme-bones-vanilla + path: user/themes/bones-vanilla + branch: master + course-companion-bv: + url: https://github.com/hibbitts-design/grav-theme-course-hub-bones + path: user/themes/course-hub-bones + branch: master +links: + admin: + src: grav-plugin-admin + path: user/plugins/admin + scm: github + archives: + src: grav-plugin-archives + path: user/plugins/archives + scm: github + breadcrumbs: + src: grav-plugin-breadcrumbs + path: user/plugins/breadcrumbs + scm: github + email: + src: grav-plugin-email + path: user/plugins/email + scm: github + error: + src: grav-plugin-error + path: user/plugins/error + scm: github + external_links: + src: grav-plugin-external_links + path: user/plugins/external_links + scm: github + featherlight: + src: grav-plugin-featherlight + path: user/plugins/featherlight + scm: github + feed: + src: grav-plugin-feed + path: user/plugins/feed + scm: github + form: + src: grav-plugin-form + path: user/plugins/form + scm: github + login: + src: grav-plugin-login + path: user/plugins/login + scm: github + page-inject: + src: grav-plugin-page-inject + path: user/plugins/page-inject + scm: github + pagination: + src: grav-plugin-pagination + path: user/plugins/pagination + scm: github + problems: + src: grav-plugin-problems + path: user/plugins/problems + scm: github + relatedpages: + src: grav-plugin-relatedpages + path: user/plugins/relatedpages + scm: github + simplesearch: + src: grav-plugin-simplesearch + path: user/plugins/simplesearch + scm: github + taxonomylist: + src: grav-plugin-taxonomylist + path: user/plugins/taxonomylist + scm: github + bones-vanilla: + src: grav-theme-bones-vanilla + path: user/themes/bones-vanilla + scm: github + course-companion-bv: + src: grav-theme-course-hub-bones + path: user/themes/course-hub-bones + scm: github diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..48c0a91 --- /dev/null +++ b/.gitignore @@ -0,0 +1,16 @@ +# Grav Specific +accounts/* +!accounts/.* +data/* +!data/.* +plugins/* +!plugins/.* +themes/* +!themes/.* + +# OS Generated +.DS_Store* +thumbs.db +Icon? +Thumbs.db +*.swp diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..1f2fbaf --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,5 @@ +# v0.9.6 +## 03/01/2016 + +1. [](#new) + * ChangeLog started... diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..484793a --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2014 Grav + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100755 index 0000000..9bcff4c --- /dev/null +++ b/README.md @@ -0,0 +1,189 @@ +# Course Hub Skeleton + +[![Demo](https://img.shields.io/badge/Demo-CourseHub-blue.svg?style=flat-square)](http://demo.hibbittsdesign.org/grav-course-hub-bones/) +[![License](https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square)](https://github.com/hibbitts-design/grav-skeleton-course-hub/blob/master/LICENSE) + +[![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/hibbitts-design/grav-skeleton-course-hub) + +The **Course Hub** skeleton is intended to accompany a face-to-face, blended or fully online university course. It supports a [flipped-LMS approach](http://hibbittsdesign.org/blog/posts/flipped-lms-using-an-open-and-collaborative-platform) using the modern flat-file (no database) Grav CMS as an open and collaborative Web platform. + +**Table of Contents** +[Why Flip your LMS with Grav?](#why-flip-your-lms-with-grav) +[Why Use a Modern flat-file CMS?](#why-use-a-modern-flat-file-cms) +[Course Hub Screenshot](#course-hub-screenshot) +[Course Hub Highlights](#course-hub-highlights) +[Quick Install (Web server only)](#quick-install-web-server-only) +[Recommended Install (Desktop + Server)](#recommended-install-desktop--server) +[Page Templates](#page-templates) +[Site Structure](#site-structure) +[Configuration](#site-configuration) + +## Why Flip your LMS with Grav? +* To support pedagogical goals unmet by current LMS/platform +* To increase capability of access, sharing and collaboration +* To deliver a better student (and facilitator) experience + +## Why Use a Modern flat-file CMS? +As an open source modern flat-file CMS, Grav offers a distinct set of advantages to Web-savvy educators looking to move beyond their institutional LMS: +* Modern means... + * Modern PHP code (i.e. reliability, speed, extensibility, etc.) + * Use of current standards (i.e. Markdown, Twig, YAML, etc.) + * Modular/customizable content chunks (i.e. reuse of content) + * Further separation of content (i.e. files) from presentation +* Flat-file means... + * No database means less (or no) IT involvement needed + * Content stored in text files rather than in a database + * Takes full advantage of the collaborative ecosystem now available (i.e. GitHub) + * Increased portability, as moving a site now only requires simply copying files to another location + * All template and content files are 100% version controllable + +## Course Hub Screenshot +![Course Hub Screenshot](/assets/screenshot.jpg) +_Figure 1. Example Grav Course Hub website, with GitHub collaborative page editing enabled. Explore the demo online at [demo.hibbittsdesign.org/grav-course-hub/](http://demo.hibbittsdesign.org/grav-course-hub/)_ + +## Course Hub Highlights +* A complete ready-to-run Grav package (open source) +* Blog-format, with 'featured' (sticky) posts +* Important reminders & class preparations areas +* Site pages can be easily added/removed/changed +* Image header area above site navbar +* Sidebar is a simple markdown file, which can also contain HTML +* URL flag to only display page content (for display within LMS). For example, [http://demo.hibbittsdesign.org/grav-course-hub-bones/blog/week-03/onlydisplaypagecontent:true](http://demo.hibbittsdesign.org/grav-course-hub-bones/blog/week-03/onlydisplaypagecontent:true) +* External links are automatically opened in a new Tab/Window +* Built-in support for entire site to be collaboratively maintained on GitHub +* Since everything is built with Grav it can be _entirely_ customized + +To learn more about how to most effectively use the Grav Course Hub, visit [hibbittdesign.org](http://hibbittsdesign.org/blog/) + +## Quick Install (Web server only) +**Pre-flight Checklist** + +1. Confirm Web server PHP version (PHP 5.5.9 or higher) +2. Web server login credentials (username and password) + +**Installation Steps** + +1. Download the ready-to-run [Course Hub Skeleton Package](http://hibbittsdesign.org/blog/downloads/grav-skeleton-course-hub-site.zip) +2. Unzip the package onto your desktop +3. Copy the entire Grav Course Hub folder to your Web server +4. Point your browser to the Web server folder +5. Create your site administrator account when prompted +6. And you're done! (press the ![Right Arrow Circle Icon](/assets/fa-arrow-circle-right.png) icon in the Admin Panel to preview site) + +## Recommended Install (Desktop + Server) +With the flat-file (no database) nature of Grav, there are lots of benefits of installing Grav on your computer and then having your site files mirrored onto a Web server: +* Always have access to your site, regardless of Web server status +* Develop and test changes to your site privately without any downtime of the live site +* Store your site files on a Git service (i.e. GitHub) to better track your development and enable anywhere, anytime editing of your site +* Enable others (i.e. students, fellow instructors, colleagues, etc.) to collaboratively contribute to the site, including both site content _and_ code + +![Grav recommended install using Grav, GitHub, and Deploy to support a flipped-LMS approach](/assets/flipped-lms-grav-github-deploy-2.png) +_Figure 2. Grav recommended install using Grav, GitHub, and Deploy to support a flipped-LMS approach._ + +**Pre-flight Checklist** + +1. Confirm Web server PHP version (PHP 5.5.9 or higher) +2. Web server login credentials (username and password) +3. Download and install MAMP ([https://www.mamp.info/](https://www.mamp.info/)) +4. Git server account (e.g. GitHub ([https://github.com/](https://github.com)) or local GitLab or Gogs app, etc.) +5. Download and install GitHub Desktop ([https://desktop.github.com/](https://desktop.github.com/)) +6. Automatic deployment service (e.g. Deploy ([https://www.deployhq.com/](https://www.deployhq.com/)), FTPploy([https://ftploy.com/](https://ftploy.com/)), etc.) + +**Desktop Installation Steps** + +1. Download the ready-to-run [Course Hub Skeleton Package](http://hibbittsdesign.org/blog/downloads/grav-skeleton-course-hub-site.zip) +2. Unzip the Grav package onto your desktop +3. Create a folder called 'MAMP Websites' in your 'Documents' folder +4. Copy the _entire_ Grav folder into your 'MAMP Websites' folder +5. Launch MAMP +6. Change the 'Document Root' MAMP preferences setting to the 'MAMP Websites' folder (within 'Documents') +7. Press the MAMP 'Start Servers' button +8. Enter 'localhost:8888' as the URL in your Web Browser +9. Choose the displayed Grav folder name +10. Create your site administrator account when prompted +11. And you're done! (press the ![Right Arrow Circle Icon](/assets/fa-arrow-circle-right.png) icon in the Admin Panel to preview site) + +Once you have confirmed that Grav is running locally on your computer, the final step is to create a Git server repository to store your site files and setup an automatic deployment service to push any changed files to your Web server. An example step-by-step walkthrough this process is available in the article [Using Grav with GitHub Desktop (and Deploy)](http://hibbittsdesign.org/blog/posts/using-grav-with-github-and-deploy). + +## Page Templates +* Blog template (blog.html.twig) +* Important reminders template (important_reminders.html.twig) +* Weekly preparations template (preparations.html.twig) +* Blog item template (blog_item.html.twig) +* Item template (item.html.twig) +* Page template (page.html.twig) +* Sidebar template (sidebar.html.twig) + +## Site Structure + +``` +/user + - /pages + - /01.blog | blog.html.twig and blog_item.html.twig + -/_important-reminders | important-reminders.html.twig + -/_class-preparations | class-preparations.html.twig + -/week-01 | item.html.twig + -/week-02 | item.html.twig + - etc.. + - /02.resources | page.html.twig + -/page.md + - /03.syllabus | page.html.twig + -/page.md + - /sidebar | sidebar.html.twig + -/sidebar.md + - /headerimage | default.html.twig + -/default.md + - /footer | default.html.twig (Course Hub Bones theme element) + -/default.md + - /logo | default.html.twig (Course Hub Bones theme element) + -/default.md + - /mobilemenu | default.html.twig (Course Hub Bones theme element) + -/default.md +``` + +## Site Configuration +The 'site.yaml' file located in the '/user/config/' folder contains the following default values: +``` +title: CPT-363 +metadata: + description: 'A short description of your course would go here' +displaymenuentries: + enabled: false # display of additional menu entries +menu: # menu entry for adding external sites/tools + - text: Grav + icon: arrow-circle-right + url: http://getgrav.org/ +icon: # default font awesome icons for preparation and post entries + post: calendar-o +github: + location: none # menu | page | none + tree: https://github.com/hibbitts-design/grav-skeleton-course-hub-bones/edit/master/ +rssbutton: + display: true +``` + +| Setting | Child Setting | Description | +|---------|---------------|------------------------------------------------------------------------------------------------------------------------| +| title | | The course number/id, to be displayed at the top of every page. | +| metadata | description | The short description of the course hub site | +| displaymenuentries | enabled | Can be set to `true` or `false`. When set to `true`, all defined menu items are added to the navbar. | +| menu | text | Text label for external links to be included on navbar | +| menu | icon | Font awesome icon code for external link (optional) | +| menu | url | URL for external link| +| icon | post | Change the default font awesome icon for the weekly blog posts (i.e. weekly summaries). | +| rssbutton | display | Can be set to `true` or `false`. When set to `true`, it displays RSS buttons on the sidebar for each page. | +| github | location | Can be set to `page`, `menu` or `none`. When set to `page` or `menu`, it will display the **Edit this page** link to your GitHub repo in the indicated location. | +| github | tree | Sets the tree by which your site's content is based. Generally the repo your site's content is pulled from. | + +#Blog Item Page Options + +In addition to standard page header options (i.e. 'Visible'), blog item pages support the following additional options: +``` +icon: users # optional font awesome icon for page title +header_image: false # display of header image located within page folder +continue_link: false # display entire post on blog listing page +taxonomy: + tag: Featured # setting to make post 'sticky' (i.e. remain at top) +``` + +--- diff --git a/accounts/.gitkeep b/accounts/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/.gitkeep b/assets/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/fa-arrow-circle-right.png b/assets/fa-arrow-circle-right.png new file mode 100644 index 0000000..67fa999 Binary files /dev/null and b/assets/fa-arrow-circle-right.png differ diff --git a/assets/flipped-lms-grav-github-deploy-2.png b/assets/flipped-lms-grav-github-deploy-2.png new file mode 100644 index 0000000..176b280 Binary files /dev/null and b/assets/flipped-lms-grav-github-deploy-2.png differ diff --git a/assets/screenshot.jpg b/assets/screenshot.jpg new file mode 100644 index 0000000..c1f0f98 Binary files /dev/null and b/assets/screenshot.jpg differ diff --git a/blueprints.yaml b/blueprints.yaml new file mode 100644 index 0000000..e4ef36d --- /dev/null +++ b/blueprints.yaml @@ -0,0 +1,16 @@ +name: Course Hub Site +version: 0.9.6 +description: "Grav Course Hub skeleton package, designed to support an open and collaborative flipped-LMS approach." +icon: university +author: + name: Paul Hibbitts + email: paul@paulhibbitts.org + url: http://hibbittsdesign.org +homepage: https://github.com/hibbitts-design/grav-skeleton-course-hub +demo: http://demo.hibbittsdesign.org/grav-course-hub/ +keywords: bones, theme, foundation, foundation6, core, simple, responsive, basic, course, lms +bugs: https://github.com/hibbitts-design/grav-skeleton-course-hub/issues +license: MIT + +dependencies: + - course-hub-bones diff --git a/config/media.yaml b/config/media.yaml new file mode 100644 index 0000000..e69de29 diff --git a/config/plugins/archives.yaml b/config/plugins/archives.yaml new file mode 100644 index 0000000..6b5622e --- /dev/null +++ b/config/plugins/archives.yaml @@ -0,0 +1,11 @@ +enabled: true +built_in_css: true +date_display_format: 'F jS Y' +show_count: true +limit: 12 +order: + by: date + dir: desc +filter_combinator: and +filters: + - documentation diff --git a/config/plugins/breadcrumbs.yaml b/config/plugins/breadcrumbs.yaml new file mode 100644 index 0000000..4c25d13 --- /dev/null +++ b/config/plugins/breadcrumbs.yaml @@ -0,0 +1,6 @@ +enabled: false +show_all: true +built_in_css: true +include_home: true +icon_divider_classes: 'fa fa-angle-right' +link_trailing: false diff --git a/config/plugins/external_links.yaml b/config/plugins/external_links.yaml new file mode 100644 index 0000000..5e1d89b --- /dev/null +++ b/config/plugins/external_links.yaml @@ -0,0 +1,22 @@ +# Global plugin configurations + +enabled: true # Set to false to disable this plugin completely +built_in_css: false # Use built-in CSS of the plugin +weight: 0 # Set the weight (order of execution) + +# Default options for External Links configuration. + +exclude: + classes: [exclude] # Exclude all links with this class + domains: # A list of domains to be excluded e.g + # - localhost/* # (any RegExp can be used) + # - img.domain.com/* + +# Global and page specific configurations + +process: true # Filter external links +no_follow: true # Add rel="nofollow" to all external links +target: "_blank" # Set target attribute of link + +mode: "active" # active = process and parse all links; + # passive = parse links, but don't set CSS classes diff --git a/config/plugins/featherlight.yaml b/config/plugins/featherlight.yaml new file mode 100644 index 0000000..b5d0cf9 --- /dev/null +++ b/config/plugins/featherlight.yaml @@ -0,0 +1,8 @@ +enabled: true +active: true +gallery: false +openSpeed: '250' +closeSpeed: '250' +closeOnClick: background +closeOnEsc: true +root: body diff --git a/config/plugins/feed.yaml b/config/plugins/feed.yaml new file mode 100644 index 0000000..58474ef --- /dev/null +++ b/config/plugins/feed.yaml @@ -0,0 +1,5 @@ +enabled: true +limit: 10 +description: 'My Feed Description' +lang: en-us +length: 500 diff --git a/config/plugins/random.yaml b/config/plugins/random.yaml new file mode 100644 index 0000000..9453cf7 --- /dev/null +++ b/config/plugins/random.yaml @@ -0,0 +1,6 @@ +enabled: true +route: /random +redirect: true +filters: + - documentation +filter_combinator: and diff --git a/config/plugins/relatedpages.yaml b/config/plugins/relatedpages.yaml new file mode 100644 index 0000000..e3c5532 --- /dev/null +++ b/config/plugins/relatedpages.yaml @@ -0,0 +1,35 @@ +enabled: true +limit: 5 +show_score: true +score_threshold: 20 +filter: + items: + '@page': /documentation + order: + by: date + dir: desc +page_in_filter: true +explicit_pages: + process: true + score: 100 +taxonomy_match: + taxonomy: tag + taxonomy_taxonomy: + process: true + score_scale: + 1: '50' + 2: '75' + 3: '100' + taxonomy_content: + process: true + score_scale: + 1: '20' + 2: '30' + 3: '45' + 4: '60' + 5: '70' + 6: '80' + 7: '90' + 8: '100' +content_match: + process: true diff --git a/config/plugins/taxonomylist.yaml b/config/plugins/taxonomylist.yaml new file mode 100644 index 0000000..61fe5da --- /dev/null +++ b/config/plugins/taxonomylist.yaml @@ -0,0 +1,2 @@ +enabled: true +route: /documentation diff --git a/config/security.yaml b/config/security.yaml new file mode 100644 index 0000000..cfe45a0 --- /dev/null +++ b/config/security.yaml @@ -0,0 +1 @@ +salt: b6RhE0KVm24po7 diff --git a/config/site.yaml b/config/site.yaml new file mode 100644 index 0000000..27687ad --- /dev/null +++ b/config/site.yaml @@ -0,0 +1,30 @@ +title: CPT-363 +metadata: + description: 'A short description of your course would go here' +displaymenuentries: + enabled: true # display of additional menu entries +menu: # menu entry for adding external sites/tools + - text: Grav + icon: arrow-circle-right + url: http://getgrav.org/ +icon: # default font awesome icons for preparation and post entries + post: calendar-o +github: + location: page # menu | page | none + tree: https://github.com/hibbitts-design/grav-skeleton-course-companion/edit/master/ +rssbutton: + display: true +# The below are required settings for the base theme, and should not be modified +summary: + enabled: true + format: short + size: 300 + delimiter: '===' +redirects: + /redirect-test: / + '/old/(.*)': /new/$1 +routes: + /something/else: /blog/sample-3 + '/new/(.*)': /blog/$1 +blog: + route: /blog diff --git a/config/streams.yaml b/config/streams.yaml new file mode 100644 index 0000000..e69de29 diff --git a/config/system.yaml b/config/system.yaml new file mode 100644 index 0000000..d5eef19 --- /dev/null +++ b/config/system.yaml @@ -0,0 +1,117 @@ +absolute_urls: false +timezone: '' +default_locale: null +param_sep: ':' +wrapped_site: false +languages: + supported: { } + include_default_lang: true + translations: true + translations_fallback: true + session_store_active: false + http_accept_language: false + override_locale: false +home: + alias: /blog + hide_in_urls: false +pages: + theme: course-hub-bones + order: + by: default + dir: asc + list: + count: 20 + dateformat: + default: null + short: 'jS M Y' + long: 'F jS \a\t g:ia' + publish_dates: true + process: + markdown: true + twig: false + twig_first: false + events: + page: true + twig: true + markdown: + extra: false + auto_line_breaks: false + auto_url_links: false + escape_markup: false + special_chars: + '>': gt + '<': lt + types: + - txt + - xml + - html + - htm + - json + - rss + - atom + append_url_extension: '' + expires: 604800 + last_modified: false + etag: false + vary_accept_encoding: false + redirect_default_route: false + redirect_default_code: '301' + redirect_trailing_slash: true + ignore_files: + - .DS_Store + ignore_folders: + - .git + - .idea + ignore_hidden: true + url_taxonomy_filters: true + markdown_extra: false +cache: + enabled: false + check: + method: file + driver: auto + prefix: g + lifetime: 604800 + gzip: false +twig: + cache: true + debug: true + auto_reload: true + autoescape: false + undefined_functions: true + undefined_filters: true + umask_fix: false +assets: + css_pipeline: false + css_minify: true + css_minify_windows: false + css_rewrite: true + js_pipeline: false + js_minify: true + enable_asset_timestamp: false + collections: + jquery: 'system://assets/jquery/jquery-2.1.4.min.js' +errors: + display: true + log: true +debugger: + enabled: false + shutdown: + close_connection: true + twig: true +images: + default_image_quality: 85 + cache_all: false + cache_perms: '0755' + debug: false +media: + enable_media_timestamp: false + upload_limit: 0 + unsupported_inline_types: { } + allowed_fallback_types: { } +session: + enabled: true + timeout: 1800 + name: grav-site + secure: false + httponly: true diff --git a/config/themes/antimatter.yaml b/config/themes/antimatter.yaml new file mode 100644 index 0000000..6a25775 --- /dev/null +++ b/config/themes/antimatter.yaml @@ -0,0 +1,10 @@ +enabled: true +default_lang: en +dropdown: + enabled: false +streams: + schemes: + theme: + type: ReadOnlyStream + paths: + - user/themes/antimatter diff --git a/config/themes/bones-vanilla.yaml b/config/themes/bones-vanilla.yaml new file mode 100644 index 0000000..ee0bd44 --- /dev/null +++ b/config/themes/bones-vanilla.yaml @@ -0,0 +1,13 @@ +enabled: true +dropdown: + enabled: false +google_prettify: + enabled: true +mobilemenu_breakpoint: medium +mobilemenu_position: left +streams: + schemes: + theme: + type: ReadOnlyStream + paths: + - user/themes/bones-vanilla diff --git a/config/themes/bones.yaml b/config/themes/bones.yaml new file mode 100644 index 0000000..1e280c6 --- /dev/null +++ b/config/themes/bones.yaml @@ -0,0 +1,15 @@ +enabled: true +dropdown: + enabled: true +google_prettify: + enabled: true +mobilemenu_breakpoint: large +mobilemenu_position: left +streams: + schemes: + theme: + type: ReadOnlyStream + paths: + - user/themes/bones +github_prettify: + enabled: true diff --git a/config/themes/course-companion-bv.yaml b/config/themes/course-companion-bv.yaml new file mode 100644 index 0000000..d412793 --- /dev/null +++ b/config/themes/course-companion-bv.yaml @@ -0,0 +1,19 @@ +enabled: true +dropdown: + enabled: false +google_prettify: + enabled: true +mobilemenu_breakpoint: medium +mobilemenu_position: left +streams: + schemes: + theme: + type: ReadOnlyStream + prefixes: + '': [user/themes/course-companion-bv, user/themes/bones-vanilla] +fontawesome: + enabled: true +google_fonts_logo: + enabled: false +css_custom: + enabled: true diff --git a/data/.gitkeep b/data/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/pages/01.blog/_class-preparations/class-preparations.md b/pages/01.blog/_class-preparations/class-preparations.md new file mode 100755 index 0000000..428705d --- /dev/null +++ b/pages/01.blog/_class-preparations/class-preparations.md @@ -0,0 +1,14 @@ +--- +title: 'Class Preparations' +published: true +--- + + + +### Jan 26th Class Preparations + +##### Required Readings +[Persona Empathy Mapping](http://www.cooper.com/journal/2014/05/persona-empathy-mapping) + +[Required Reading Quiz](https://canvas.sfu.ca/courses/25492/quizzes/34783?classes=button) +Weekly quizzes are due by 10:00am the day of class. After attending this class, [share your one-minute summary](https://canvas.sfu.ca/courses/25492/discussion_topics/440791) before midnight, January 26th. diff --git a/pages/01.blog/_important-reminders/important-reminders.md b/pages/01.blog/_important-reminders/important-reminders.md new file mode 100644 index 0000000..01ce308 --- /dev/null +++ b/pages/01.blog/_important-reminders/important-reminders.md @@ -0,0 +1,9 @@ +--- +title: 'Important Reminders' +published: true +--- + + + +** Important Reminders ** +[Assignment #1](https://canvas.sfu.ca/courses/25492/assignments/142519) (UX Topic Summary) is due via Canvas at 5:30pm Apr 5th diff --git a/pages/01.blog/blog.md b/pages/01.blog/blog.md new file mode 100755 index 0000000..e62538d --- /dev/null +++ b/pages/01.blog/blog.md @@ -0,0 +1,28 @@ +--- +title: Home +blog_url: blog +body_classes: header-image fullwidth + +sitemap: + changefreq: monthly + priority: 1.03 + +modular_content: + items: @self.modular + order: + dir: desc + +content: + items: @self.children + order: + by: date + dir: desc + limit: 14 + pagination: true + +feed: + description: Course Hub Description + limit: 10 + +pagination: true +--- diff --git a/pages/01.blog/week-01/item.md b/pages/01.blog/week-01/item.md new file mode 100755 index 0000000..15fc62e --- /dev/null +++ b/pages/01.blog/week-01/item.md @@ -0,0 +1,41 @@ +--- +title: 'Week 1 (Jan 5th - 11th)' +date: 01/05/2016 +published: true +--- + + + +##### Summaries and Questions +[Jan 5th Class One-minute Summaries](https://canvas.sfu.ca/courses/25492/discussion_topics/440794) + +##### Presented Slides +[Course Overview Slides](http://slides.com/paulhibbitts/cpt-363-slides-placeholder/) +[Introduction to UX Design Slides](http://slides.com/paulhibbitts/cpt-363-slides-placeholder/) + + + +=== + + + +##### Summaries and Questions +[Jan 5th Class One-minute Summaries](https://canvas.sfu.ca/courses/25492/discussion_topics/440794) + +##### Presented Slides +Course Overview ([HTML Slides](http://slides.com/paulhibbitts/cpt-363-slides-placeholder/) | [PDF Slides](http://1drv.ms/1PKX6bG)) +
+ +Introduction to UX ([HTML Slides](http://slides.com/paulhibbitts/cpt-363-slides-placeholder/) | [PDF Slides](http://1drv.ms/1PKX6bG)) +
+ +##### Supplemental Slides +[Interaction Design History](http://www.slideshare.net/mrettig/interaction-design-history) + +##### Assignments +[UX Topic Summary](https://canvas.sfu.ca/courses/25492/assignments/142519) + +##### Suggested Reading +[Five Ways to Become a Better Team Player](http://www.smashingmagazine.com/2013/09/23/5-step-process-conducting-user-research/) +Five Ways to Become a Better Team Player + diff --git a/pages/01.blog/week-02/item.md b/pages/01.blog/week-02/item.md new file mode 100755 index 0000000..a19bdff --- /dev/null +++ b/pages/01.blog/week-02/item.md @@ -0,0 +1,37 @@ +--- +title: 'Week 2 (Jan 12th - 18th)' +date: 01/12/2016 +published: true +--- + + + +##### Summaries and Questions +[Jan 12th Class One-minute Summaries](https://canvas.sfu.ca/courses/25492/discussion_topics/440793) + +##### Presented Slides +[The Process of UX Design Slides](http://slides.com/paulhibbitts/cpt-363-slides-placeholder#/) + + + +=== + + + +##### Summaries and Questions +[Jan 12th Class One-minute Summaries](https://canvas.sfu.ca/courses/25492/discussion_topics/440793) + +##### Presented Slides +The Process of UX Design ([HTML Slides](http://slides.com/paulhibbitts/cpt-363-slides-placeholder#/) | [PDF Slides](http://1drv.ms/1PKX6bG)) +
+ +##### Assignments +[UI Assessment (Peer Reviews Required for Grade)](https://canvas.sfu.ca/courses/22099/assignments/112756) + +##### Handouts +[Microsoft Product Reaction Cards (DOC)](http://www.microsoft.com/usability/UEPostings/ProductReactionCards.doc) + +##### Required Readings +[Usability 101: Introduction to Usability](http://www.nngroup.com/articles/usability-101-introduction-to-usability/) +Usability 101: Introduction to Usability + diff --git a/pages/01.blog/week-03/item.md b/pages/01.blog/week-03/item.md new file mode 100755 index 0000000..d1b9f3c --- /dev/null +++ b/pages/01.blog/week-03/item.md @@ -0,0 +1,35 @@ +--- +title: 'Week 3 (Jan 19th - 25th)' +date: 01/19/2016 +published: true +--- + + + +##### Summaries and Questions +[Jan 19th Class One-minute Summaries](https://canvas.sfu.ca/courses/25492/discussion_topics/440792) + +##### Presented Slides +[User Research Slides](http://slides.com/paulhibbitts/cpt-363-slides-placeholder#/) + + + +=== + + + +##### Summaries and Questions +[Jan 19th Class One-minute Summaries](https://canvas.sfu.ca/courses/25492/discussion_topics/440792) + +##### Presented Slides +User Research Slides ([HTML Slides](http://slides.com/paulhibbitts/cpt-363-slides-placeholder/) | [PDF Slides](http://1drv.ms/1PKX6bG)) +
+ +##### Supplemental Video +[What People Are Really Doing Video](http://vimeo.com/album/169777/video/7099570) +
+ +##### Required Reading +[A Five-Step Process For Conducting User Research](http://www.smashingmagazine.com/2013/09/23/5-step-process-conducting-user-research/) +A Five-Step Process For Conducting User Research + diff --git a/pages/01.blog/week-04/item.md b/pages/01.blog/week-04/item.md new file mode 100755 index 0000000..319ecb9 --- /dev/null +++ b/pages/01.blog/week-04/item.md @@ -0,0 +1,13 @@ +--- +title: 'Week 4 (Jan 26th - Feb 1st)' +date: 01/26/2016 +published: false +--- + + + + + +=== + + diff --git a/pages/01.blog/week-05/item.md b/pages/01.blog/week-05/item.md new file mode 100755 index 0000000..bdb445f --- /dev/null +++ b/pages/01.blog/week-05/item.md @@ -0,0 +1,13 @@ +--- +title: 'Week 5 (Feb 2nd - 8th)' +date: 02/02/2016 +published: false +--- + + + + + +=== + + diff --git a/pages/01.blog/week-06/item.md b/pages/01.blog/week-06/item.md new file mode 100755 index 0000000..2e1aa0b --- /dev/null +++ b/pages/01.blog/week-06/item.md @@ -0,0 +1,13 @@ +--- +title: 'Week 6 (Feb 9th - 15th)' +date: 02/09/2016 +published: false +--- + + + + + +=== + + diff --git a/pages/01.blog/week-07/item.md b/pages/01.blog/week-07/item.md new file mode 100755 index 0000000..c9cac7d --- /dev/null +++ b/pages/01.blog/week-07/item.md @@ -0,0 +1,13 @@ +--- +title: 'Week 7 (Feb 16th - 22nd)' +date: 02/16/2016 +published: false +--- + + + + + +=== + + diff --git a/pages/01.blog/week-08/item.md b/pages/01.blog/week-08/item.md new file mode 100755 index 0000000..6c6fc4a --- /dev/null +++ b/pages/01.blog/week-08/item.md @@ -0,0 +1,13 @@ +--- +title: 'Week 8 (Feb 23rd - 29th)' +date: 02/23/2016 +published: false +--- + + + + + +=== + + diff --git a/pages/01.blog/week-09/item.md b/pages/01.blog/week-09/item.md new file mode 100755 index 0000000..3924743 --- /dev/null +++ b/pages/01.blog/week-09/item.md @@ -0,0 +1,13 @@ +--- +title: 'Week 9 (Mar 1st - 7th)' +date: 03/01/2016 +published: false +--- + + + + + +=== + + diff --git a/pages/01.blog/week-10/item.md b/pages/01.blog/week-10/item.md new file mode 100755 index 0000000..9fc88e6 --- /dev/null +++ b/pages/01.blog/week-10/item.md @@ -0,0 +1,13 @@ +--- +title: 'Week 10 (Mar 8th - 14th)' +date: 03/08/2016 +published: false +--- + + + + + +=== + + diff --git a/pages/01.blog/week-11/item.md b/pages/01.blog/week-11/item.md new file mode 100755 index 0000000..4ea946a --- /dev/null +++ b/pages/01.blog/week-11/item.md @@ -0,0 +1,13 @@ +--- +title: 'Week 11 (Mar 15th - 21st)' +date: 03/15/2016 +published: false +--- + + + + + +=== + + diff --git a/pages/01.blog/week-12/item.md b/pages/01.blog/week-12/item.md new file mode 100755 index 0000000..79f2dc0 --- /dev/null +++ b/pages/01.blog/week-12/item.md @@ -0,0 +1,13 @@ +--- +title: 'Week 12 (Mar 22nd - 28th)' +date: 03/22/2016 +published: false +--- + + + + + +=== + + diff --git a/pages/01.blog/week-13/item.md b/pages/01.blog/week-13/item.md new file mode 100755 index 0000000..7c93067 --- /dev/null +++ b/pages/01.blog/week-13/item.md @@ -0,0 +1,13 @@ +--- +title: 'Week 13 (Mar 29th)' +date: 03/29/2016 +published: false +--- + + + + + +=== + + diff --git a/pages/01.blog/welcome/course-companion-iphone.jpg b/pages/01.blog/welcome/course-companion-iphone.jpg new file mode 100644 index 0000000..a884d68 Binary files /dev/null and b/pages/01.blog/welcome/course-companion-iphone.jpg differ diff --git a/pages/01.blog/welcome/item.md b/pages/01.blog/welcome/item.md new file mode 100644 index 0000000..b52f1a4 --- /dev/null +++ b/pages/01.blog/welcome/item.md @@ -0,0 +1,18 @@ +--- +title: 'Course Welcome' +date: '04-01-2016 00:00' +icon: users +header_image: false +continue_link: false +--- + +Welcome to the multi-device friendly course hub for CPT-363 Spring 2016. To help orientate yourself to the course, explore the [course syllabus](../../syllabus). + +Any required preparations before each class will be posted here by Thursday of the previous week. Assigned weekly reading quizzes must be submitted before 10:00am the day of each class, and please bring a copy of your answers to class to help facilitate possible discussion. + +A summary of presented materials will usually be posted the day after class. + +Please send your comments and feedback to . + +![Image of course hub on Apple iPhone](course-companion-iphone.jpg) +_Figure 1. Course hub viewed on an Apple iPhone_ diff --git a/pages/02.resources/page.md b/pages/02.resources/page.md new file mode 100644 index 0000000..11800c2 --- /dev/null +++ b/pages/02.resources/page.md @@ -0,0 +1,48 @@ +--- +title: 'Resources' +--- +##### UX Template Collections +* [Templates & Downloadable Documents | Usability.gov](http://www.usability.gov/how-to-and-tools/resources/templates.html) +* [cxpartners | Resources](http://www.cxpartners.co.uk/ux-resources/) +* [The PM Toolkit](http://thepmtoolkit.com/) +* [UX Project Checklist](http://uxchecklist.github.io/) + +##### UX Design Checklists +* [A Checklist for Designing Mobile Input Fields](http://www.nngroup.com/articles/mobile-input-checklist/) +* [Mobile UX Checklist (PDF, by Mobify)](http://www.mobify.com/static/downloads/mobile-ux-checklist-mobify.pdf) +* [One-Page Touch Interaction Design Checklist (PDF)](http://1drv.ms/1Ko1GHJ) +* [Usability checklist (Userium)](https://userium.com/) +* [UX Project Checklist](http://uxchecklist.github.io/) + +##### UX Technique Collections +* [Methods | Usability.gov](http://www.usability.gov/how-to-and-tools/methods/) +* [Methods | Usability Body of Knowledge](http://www.usabilitybok.org/methods) +* [Usability Planner](http://usabilityplanner.org/#home) +* [UX Techniques (by UX Mastery)](http://uxmastery.com/resources/techniques) + +##### UX Article Collections +* [The UX Bookmark](http://www.theuxbookmark.com/) +* [User Experience Magazine (UXPA)](http://uxpamagazine.org/) +* [UI/UX Articles (Medium)](https://medium.com/ui-ux-articles) +* [Web Design Field Manual](http://webfieldmanual.com/) + +##### UX eBooks +* [50 UX Best Practices by Above the Fold (email address required)](http://www.userexperiencedesigns.com/) +* [Bright Ideas for User Experience Designers](http://www.userfocus.co.uk/ebooks/uxdesign.html) +* [The Fable of the User-Centered Designer](http://www.userfocus.co.uk/fable/) + +##### UX Design MOOCs & Courses +* [Human-Computer Interaction | Coursera](https://www.coursera.org/course/hciucsd) +* [The Design of Everyday Things | Udacity](https://www.udacity.com/course/design101) +* [Rapid Wireframing: Finding the Right Product Design](https://www.skillshare.com/classes/design/Rapid-Wireframing-Finding-the-Right-Product-Design/1947996659) + +##### UX Podcast Collections +* [Design Critique: Products for People](http://designcritique.net/) +* [Podcasts - UIE Brain Sparks](http://www.uie.com/brainsparks/topics/podcasts/) +* [Boagworld Podcast](http://boagworld.com/seasons/) +* [User Experience Podcast](http://www.infodesign.com.au/uxpod) + +##### UX Video Collections +* [Paul's YouTube Playlists](https://www.youtube.com/user/paulhibbitts/playlists) +* [Paul's Vimeo Channel](http://vimeo.com/channels/paulhibbitts) +* [Interaction Design Association Vimeo Channels](http://vimeo.com/ixdaglobal/channels) diff --git a/pages/03.syllabus/page.md b/pages/03.syllabus/page.md new file mode 100644 index 0000000..1032528 --- /dev/null +++ b/pages/03.syllabus/page.md @@ -0,0 +1,33 @@ +--- +title: 'Syllabus' +process: + twig: true # Enables Twig on this page +--- +**Instructor** +Some Name (Email: {{'somename@somewhere.edu'|safe_email}}) +In-person office hours Mondays 4:00pm - 5:15pm Room 2148, and after class by appointment. + +**Teaching Assistant** +Another Name (Email: {{'anothername@somewhere.edu'|safe_email}}) +Our teaching assistant will not be holding regular office hours. + +**Course Desciption** +This course introduces students to the art and science of designing usable, useful and enjoyable human-computer interfaces, with an emphasis on user-centered design techniques. It stresses the importance and necessity of effective interaction design techniques and presents current design methodologies and principles across multiple platforms. Students will gain valuable knowledge and experience by working in groups on a term-long design project. + +**Grading (tentative)** +Individual (60%) +* Weekly Reading Quizzes: 10% +* UI Analysis (including required peer reviews): 15% +* UX Topic Overview: 35% +* Weekly One Minute Wrap-up Summaries: max. 2.5% bonus + +Group (40%) +* Needsfinding and Exploratory Sketches: 20% +* Mockups and Usability Testing: 20% + +Reading quizzes must be submitted no later than 10:00am class day - no exceptions. Weekly one minute wrap-up summaries must be submitted no later than 11:59pm the day of class. Assignments are due at the start of class. Assignments submitted after the start of class will be deducted 10%, and no assignments will be accepted after class without valid documentation (e.g. medical certificate). + +Students must attain an overall passing grade on the weighted average of exams in the course in order to obtain a clear pass (C or better). + +**Required Textbook** +Are you kidding me, in 2016? All required readings will be available on-line. diff --git a/pages/footer/default.md b/pages/footer/default.md new file mode 100644 index 0000000..e9815b0 --- /dev/null +++ b/pages/footer/default.md @@ -0,0 +1,17 @@ +--- +title: Footer +routable: false +visible: false +markdown: + extra: true +--- + +Powered by: [Grav](http://getgrav.org/) +Style framework: [Foundation 6](http://foundation.zurb.com/) by Zurb +Color Palette from RocketTheme's [Xenon Template](http://www.rockettheme.com/joomla/templates/xenon) + +**Glued and stapled together by:** +[![SmartGravity - Website Engineering](smartgravity.png?cropResize=132,31){.logo}](http://www.smartgravity.com) + +Course hub template modifications by: +[hibbittsdesign.org](http://www.hibbittsdesign.org) diff --git a/pages/footer/smartgravity@2x.png b/pages/footer/smartgravity@2x.png new file mode 100644 index 0000000..6462573 Binary files /dev/null and b/pages/footer/smartgravity@2x.png differ diff --git a/pages/headerimage/21121893776_d2bf3aeb62_k.jpg b/pages/headerimage/21121893776_d2bf3aeb62_k.jpg new file mode 100644 index 0000000..d4460d6 Binary files /dev/null and b/pages/headerimage/21121893776_d2bf3aeb62_k.jpg differ diff --git a/pages/headerimage/default.md b/pages/headerimage/default.md new file mode 100644 index 0000000..ceeff87 --- /dev/null +++ b/pages/headerimage/default.md @@ -0,0 +1,5 @@ +--- +routable: false +--- +File to be used for the header image above the menubar. +Sample header image attribution: https://www.flickr.com/photos/nearsoft/21121893776/ diff --git a/pages/logo/default.md b/pages/logo/default.md new file mode 100644 index 0000000..e19c85c --- /dev/null +++ b/pages/logo/default.md @@ -0,0 +1,8 @@ +--- +title: Logo +routable: false +visible: false +--- + +The site title is used for the type. +This is the logo icon that should be a square image. diff --git a/pages/mobilemenu/default.md b/pages/mobilemenu/default.md new file mode 100644 index 0000000..6129a2e --- /dev/null +++ b/pages/mobilemenu/default.md @@ -0,0 +1,7 @@ +--- +title: mobilemenu +routable: false +visible: false +--- + +#### My Site Menu diff --git a/pages/sidebar/sidebar.md b/pages/sidebar/sidebar.md new file mode 100644 index 0000000..2170383 --- /dev/null +++ b/pages/sidebar/sidebar.md @@ -0,0 +1,46 @@ +--- +title: 'Sidebar' +routable: false +visible: false +--- + +##### Course Facilitators +Some Name + +Office hours Mon. 4:00-5:15pm +Harbour Centre 2146 + +Another Name + + +##### Canvas LMS +[Calendar](https://canvas.sfu.ca/calendar) +[Assignments](https://canvas.sfu.ca/courses/25492/assignments) +[Quizzes](https://canvas.sfu.ca/courses/25492/quizzes) +[Class Discussions](https://canvas.sfu.ca/courses/25492/discussion_topics) +[Grades](https://canvas.sfu.ca/grades) + +##### Twitter + + + + + + diff --git a/plugins/.gitkeep b/plugins/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/screenshot.jpg b/screenshot.jpg new file mode 100644 index 0000000..c1f0f98 Binary files /dev/null and b/screenshot.jpg differ diff --git a/themes/.gitkeep b/themes/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/thumbnail.jpg b/thumbnail.jpg new file mode 100644 index 0000000..46254bd Binary files /dev/null and b/thumbnail.jpg differ