GithubHelp home page GithubHelp logo

juliaschatz / onshape4frc.com Goto Github PK

View Code? Open in Web Editor NEW

This project forked from max5254/onshape4frc.com

0.0 0.0 0.0 17.08 MB

CAD and design resources for FRC teams, focusing on using Onshape

Home Page: http://onshape4frc.com

License: MIT License

HTML 21.14% Ruby 0.29% CSS 8.14% JavaScript 51.31% SCSS 19.12%

onshape4frc.com's Introduction

Onshape4FRC

Built using the mediumish jekyll theme

Settting up your development enviornment

  1. Follow the guide to the install jekyll for your operating system type
  2. Clone this repo to your local machine
  3. Open the folder where you cloned this repo in your favorite editor (I suggest VSCode and will be refering on how to do things in the future using it)
  4. Open a new terminal at this folder (This can be done with Terminal -> New Terminal in VSCode)
  5. Run bundle exec jekyll serve to start up the server
    • Most likely it will serve on 'localhost:4000'

Making changes

All changes should be tested locally by running the local server and checking them in the browser. This allows for quickly previewing changes. Once you push them to the master branch of git they will be built and pushed to live on the site.

Common Data

Common data is stored in the _data directory. This is information which is either very repeated or used in multiple places. So far this is the information about blog authors and the featurescript list, but there's no reason more can't be stored here as needed. You can view how to use this data on this page or by looking in the code for a previous example.

Assets

All assents (images, CSS, JS, Fonts) are stored in this folder. When placing images try to keep them organized in folders based on where they're used. For example put blog images in the blog folder, then a sub folder for the particular post you're making.

Pages

The base pages are stored in the _pages directory. These are written in a mix of HTML and markdown and the layout is powered by bootstrap. They also take advantage of the liquid library for HTML generation.

Blog

To add a new post to the blog simply create a new markdown file in the _posts directory. It must follow the format YYYY-MM-DD-url-of-post.md. The date is the date this post was made on and the rest of the name is the url this post will live at.

The file needs a header at the top which contains some data about the post, an example of which is below. The author must be present in the _data/authors.yml file. Categories can be anything you want but should be standard across posts. By default set featured and hidden to false (featured will put the post in the featured section on the homepage and the top of the blog page).

---
layout: post
title: "Using the TubeConverter Featurescript"
author: max
categories: [Onshape, Featurescripts]
image: assets/images/blog/tubes.png
featured: true
hidden: false
comments: false
---

The posts can be written in any combination of markdown and HTML. Unless required to create multiple columns or an embedded video it is recommended to stick to pure markdown.

onshape4frc.com's People

Contributors

wowthemesnet avatar max5254 avatar giacomolaw avatar jterv avatar leninalbertolp avatar bryanmr avatar android10 avatar juliaschatz avatar o-mutt avatar rscipher001 avatar dependabot[bot] avatar tomer-ben-david 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.