Giter Club home page Giter Club logo

frc1418.github.io's Introduction

Team 1418 Website

This repository contains the content that is served on 1418.team.

This website uses the Jekyll templating system and is hosted as a GitHub page out of this repository.

Dependencies

  • Ruby

  • bundler and jekyll:

    gem install bundler jekyll
    

    or locally:

    gem install bundler jekyll --user
    

Setup

  1. While in cloned folder, run:

    bundle install
    
  2. Then, to start Jekyll, run:

    bundle exec jekyll serve --livereload
    
  3. Navigate to localhost:4000 to view the output of the site.

Pushing

After implementing all the changes necessary, you will need to push this to your github fork.

  1. To add your repository fork, run:

    git remote add origin http://yourGithubURL
    
  2. To stage your updated code, run:

    git add .
    

    or to stage a specific file:

    git add foldername/filename.js
    
  3. To Commit your push, run:

    git commit -m "WHAT EVER YOU DID"
    
  4. Finally to push to your forked repository, run

    git push
    
  5. Go to your GitHub fork, it should say 1 commit ahead of...

Troubleshooting

When running steps in Setup, there may be an error while installing certain gems. If this is the case, run the following command to update the Gemfile.lock, which should fix the problem.

   bundle update

Then retry the steps in Setup.

Authors

License

This software is protected under the MIT license. Basically, do whatever you want as long as you give credit where credit is due and don't hold us liable for anything that happens. More information can be found in LICENSE.

frc1418.github.io's People

Contributors

1ceit avatar addisonr08 avatar aderhall avatar alexazurcher avatar andrewlester avatar benberol avatar bobbymi11er avatar brandonwerbel avatar carterfendley avatar conorfloyd avatar dave-oregan avatar dependabot[bot] avatar donovanj44 avatar emthepeach avatar erikboesen avatar ethansisbarro avatar ianzullo avatar ieklein avatar josephcarpenter avatar myataheri avatar nathanielhorne avatar nspeng avatar probably-nothing avatar quirozj avatar rachel1418 avatar ranialtarazi avatar smridhi-3 avatar sophiagavasheli avatar toriawlam avatar wendyabstone avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

frc1418.github.io's Issues

Change <video> in background of homepage to a GIF.

Would probably be more efficient resource-wise, as well as easier to style. Currently, the video sometimes doesn't load and leaves the background as flat and grey, which is unsightly. This issue would probably be mitigated by turning replacing the <video> with a simple <img>.

Update Front Page

The websites (1418.team) main title page is out of date. We need to change it by adding new images and updating some of the text that is shown to be relevant to this season.

Grammar error on Robot 2016 page

In the "autonomous modes" area the phrase "...the defenses on the field, and the robot automatically builds a custom autonomous for any one of ..." There another word following "autonomous".

I don't think scrolling should get rid of the title

It'd be nice to have either "Vae Vicits" or "FRC Team 1418 - George Mason High School" when you scroll. There's enough space to look good - especially for the latter as it'll take up more of the bar - and you wouldn't have all that blank space.

Another thought, don't make it jump, but rather transition?

Various suggestions from Discord

"On the team page the social buttons right next to the logo really deemphasises your logo and makes it appear messy and hard to read (the logo). Hovering over the menu takes away the scroll bars which is really weird and shifts the menu a bit. As such you have a scrollbar to the right. So something isn't quite right there.

The intro text Our team, whose name means "woe to the vanquished," has been one of the most successful and inventive FIRST Robotics teams in the Chesapeake District. takes to almost 3/4 of the way through it to tell you what the page is about (if they read it at all)

The button "2016 Robot" needs to be more descriptive. Perhaps something like "View our 2016 Robot" Or something like that.

The sponsor us page needs more callout on how to sponsor you. A button that goes to a contact page, or something that calls it out more. The harder you make it, the less attention it will get.

Mobile logo needs to be resized for mobile.

Mobile navigation is kinda borked and looks bad."

robots/2017 needs updating

Currently the 2017 robot page needs a few small tweaks to bring it up to date. For example:

This robot is still in use, and will be put on display in the George Mason High School Library after its use has ended.

It's no longer in use, we removed important components and put the chassis on display in the library like the 2016 one. There are a couple other changes you'll need to make.

This should be a really easy fix.

Reimplement countdown

On the branch with-countdown, you can see we had some code for a countdown on the page. We should reimplement that, counting down to the end of build season.

Add "Notable Alumni" section on team page?

We could ask Ballou if he has any info about former team members and what they've gone on to do in life. I know at least one founded and is CEO of a small tech company, I assume there's some others. It would be sort of cool to say "oh look, these people have had a good experience with our team and have used those experiences to go on and do cool things." I don't know. Thoughts, anyone?

Conform to US ADA §508

In order to be linked from the school website (gm.fccps.org), we need to conform to the Americans with Disabilities Act of 1990 §508 ("Section 508"), which details accessibility standards which need to be met by websites affiliated with government organizations.

There's a helpful list of the necessary tweaks here. We don't seem to be in violation of most of them, except:

  • (a) "A text equivalent for every non-text element shall be provided (e.g., via "alt", "longdesc", or in element content)." Practically speaking, this means we just need to include alt properties on all images on major pages (as well as videos). This should not be difficult to fix at all; we'll just need to go through each photo on the website and write a less-than-one-sentence summary of each <img>. So, in index.html, line 30 (currently <img src="/assets/img/team.jpg">) would become <img src="/assets/img/team.jpg" alt="A photo of our team">.
  • (o) "A method shall be provided that permits users to skip repetitive navigation links." To understand what this means, press tab on this page (or anywhere on GitHub, or the school website, etc.) You'll see a formerly-hidden "Skip to content" or "Skip navigation" button appear. You could use any of many open source JS plugins for this, but an easier way is to simply add a link with visibility: hidden; to the top of the header, then an element to which it links immediately after the header. I fixed this one, now (a) is the only one left to do.

Issues that need addressed.

New Website
New Team pic (the one from last year)
New Gif (Go pro footage taken from last year)
Full info for the The Team page
Get rid of the Calender section
Repetition in the Udvar-hazy section of the Outreach.

Need better photos and data on Robots page

Would have pictures and basic information about all our robots, going back to the team's founding in 2004.

There are some photos on the MakerStudio Macs (and some hard drives plugged into them). Look through those, and ask Mr. Ballou if he knows of any further photos.

Idea for new menu style

The current mobile menu system would be used on desktop as well. Not much would change, except that when you hovered on a page, an image would fade in on the right representing that page. It would look something like this:

screen shot 2016-09-08 at 9 54 21 pm

The only thing stopping me from implementing this is that we need a lot of very high-quality photos. (When conceptualizing it I envisioned a dramatic photo of someone waving the team flag. No such photo yet exists.) So for now, we should probably stick with the current design. We can give this another look next year.

Thoughts, anyone?

Udvar-Hazy section on Outreach page has redundant text

Udvar-Hazy (air and space museum in Dallas) holds quarterly “family days”, 1418 attended one of the family days to demonstrate their robot. The team also handled the driver hand’s on activity. This event is attended by thousands and represents a large outreach to the local community.

Udvar-Hazy holds quarterly Family Days to celebrate the culture and history of aviation. We, 1418, brought our 2015 robot and demonstrated to families attending. We also hosted a driver hand’s on activity for some of the younger children that had come. Thousands attended, showing our large.

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.