Git Product home page Git Product logo

istd's Introduction

ISTD Student Board Website

This website aims to document student initiatives and resources for the ISTD student board. Adding new pages is easy, just follow this guide!

Contributing

If you found a mistake in the site, please raise an issue on Github.

If you wish to add new pages, or change the look of the site, please raise PR with the following guide.

Adding content-only pages with Markdown

With the help of Jekyll, adding new pages is as simple as creating a new Markdown file.

What to do:

  • Fork this repository.
  • Create a new markdown file with the appropriate file name and path.
    • If you create a file mypage.md in the root directory of this project, your page will be accessible at istd.opensutd.org/mypage.html
    • If you create a file named mystuff/index.md, your page will be accessible at istd.opensutd.org/mystuff
    • If you create a file named mystuff/somestuff.md, your page will be accessible at istd.opensutd.org/mystuff/somestuff.html.
  • Open a Pull Request to merge your changes into this main repository. We will review your changes and merge if it is appropiate.

Note that this allows you to only add content-only pages, with little to no control over the rest of the page (header, footer) but this should suffice for most use cases.

Previewing your changes before you submit your PR

It is highly recommended to develop locally on your computer to preview the changes before you submit your PR to us. To do so:

  • Follow the Ruby + RubyGems + Jekyll install guide here
  • Install Bundler and add to PATH
  • Clone your fork of the repository to your computer
  • bundler install in the root of the project.

Adding custom CSS to your page

We made 3 ways to include CSS using front matter on your markdown file:

  • "Global" CSS: Use the css: front matter in your markdown file to include a list of files from the assets/css directory, without the file extensions. This directory is usually reserved for site-wide stylesheets.
  • "Local" CSS: Use the local_css: front matter to include a list of files from the same directory as your page. Usually used if you need "one-off" stylesheets.
  • Remote CSS: Use the remote_css to load remote stylesheets served over a CDN, such as Font Awesome.

You can create normal CSS files, or use SCSS. Jekyll automatically compiles .scss files that begin with a front matter declaration.

Totally custom pages

If you need a totally custom page, just upload the full .HTML file. It will not inherit any styles or templates.

istd's People

Contributors

angstyduck avatar caramelmelmel avatar chestnutcase avatar imgbotapp avatar jamestiotio avatar kaypohleb avatar markhershey avatar mickey1356 avatar naffins avatar randname avatar tlkh avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

istd's Issues

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.