Coder Social home page Coder Social logo

hunteroi / website Goto Github PK

View Code? Open in Web Editor NEW

This project forked from openplannerteam/website

0.0 1.0 0.0 13.18 MB

The website of the Open Planner Team

Home Page: https://openplanner.team

Ruby 8.00% HTML 58.12% JavaScript 18.07% CSS 15.81%

website's Introduction

Open Planner Website

Jekyll based website for Open Planner Team

Run it yourself locally:

  1. Get Jekyll https://jekyllrb.com/
  2. Run bundle exec jekyll s

If you want to build it for production purposes, use bundle exec jekyll b


Add new section

  1. Create new html file in _includes/sections.
  2. Include this new section in index.html, exemple: {% include sections/developers.html %}
  3. Global css is in _sass/global/base.scss, and global sections css is in _sass/partials/section.scss.
  4. You can create your custom css section, creating a new file w/ section name in _sass/partials. You need to include this new file in _sass/partials/all.scss.
  5. Don't forget to link it in _includes/navigation.html.

Add new page

  1. Create new html file in root.
  2. Use the layout default.html.
  3. For each section use as it folows:
<section>
  <div class="row row-content">
    <div class="section-title">
      <span class="circle"></span>
      <h3>Title</h3>
    </div>
  </div>
  <div class="row row-content" data-aos="fade-up">
    <p>content</p>
  </div>
</section>

Add new post

  1. Create new html file in _specs.
  2. Use the layout post.html.
  3. For each section use as it folows:
<section>
  <div class="row row-content post" data-aos="fade-up">
    <h2>Title</h2>
    <p>content</p>
  </div>
</section>

Hint: To keep the layout clean, it's better to have links like: <a href="#">Wiki: Terms</a>, rather than <a href="#">https://wwww.i-am-big-url-and-i-can-not-be-wrapped</a>

website's People

Contributors

dylanvanassche avatar mathieudelvaux avatar pedroseromenho avatar pietercolpaert avatar thomashermine avatar utilisatrice42 avatar xivk avatar yves-debongnie avatar

Watchers

 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.