GithubHelp home page GithubHelp logo

isabella232 / helix-example-basic Goto Github PK

View Code? Open in Web Editor NEW

This project forked from adobe/helix-test-content-gdrive

0.0 0.0 0.0 350 KB

Basic Helix example, "content only", no programming required

Home Page: https://www.hlx.page

License: Apache License 2.0

CSS 96.92% HTML 3.08%

helix-example-basic's Introduction

Projec Helix: Basic Example

This basic example is your starting point to Helix.

Other Helix example repositories are found at https://github.com/topics/helix-example

Status

codecov CircleCI GitHub license GitHub issues LGTM Code Quality Grade: JavaScript semantic-release Greenkeeper badge

Prerequisites

TODO explain what's needed and point to the Getting Started guide

TODO

This example should be completed to demonstrate the following:

  • content only: index.md (or use README.md as fallback?)
  • custom header and footer: add header.md & footer.md
  • add static html files
  • custom styling: add style.css as override

And the tests in the test-code branch should be updated to validate those things.

Overview

So far this is more a skeleton than a complete example, it needs to be fleshed out but already demonstrates the idea of standalone examples including integration tests that validate them along with the whole publishing chain. Discussion at #27.

It demonstrates a basic website with a few pages, a header and a footer, all in Markdown format, along with a simple custom CSS stylesheet and a few images.

By default, this example Helix website is published at https://helix-example-basic-adobe.project-helix.page/ . If you forked this repository, replace adobe with your GitHub username in that URL.

To access other Helix examples use This GitHub query - each example is found in its own GitHub repository.

For more info on Helix see https://www.project-helix.io/

TODO: complete this example so it fits the below description

TODO: refine the GitHub query, in a specific org only?

How to play with this example

You can modifiy the *.md files at will and add new ones. Changes that are pushed to the master branch of this repository are published automatically, within a few seconds. TODO add caching info.

For now the only 'magic' files are header.md and footer.md, other files are considered to be pages of your Helix website.

Automated tests

This example is validated with CircleCI using tests defined in the test-code branch of this repository to avoid cluttering this branch with test code.

You can safely ignore these tests if you're just playing with the example.

helix-example-basic's People

Contributors

bdelacretaz avatar kptdobe avatar rofe avatar

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.