Giter Site home page Giter Site logo

gaybro8777 / cto-website Goto Github PK

View Code? Open in Web Editor NEW

This project forked from gsa/cto-website

0.0 1.0 0.0 120.5 MB

Tech at GSA website

Home Page: https://tech.gsa.gov/

License: Other

Ruby 5.15% HTML 66.71% JavaScript 11.47% Dockerfile 0.17% Shell 0.41% SCSS 16.09%

cto-website's Introduction

Tech at GSA website

This is the website for the GSA Office of the Chief Technology Officer.

Architecture

This is a Jekyll-based website designed to be published on the Federalist platform.

The website utilizes the US Web Design Standards.

Setup

There are two ways you can set up your development environment:

Method 1: Local development environment

This method explains how to set up a local development environment by installing all necessary tools and dependencies.

Install Ruby

Since this is a Jekyll-based website, you will need Ruby. The best way to get Ruby is to install it via rbenv. See the rbenv installation instructions to set it up on your system.

Install Node.js and npm

We use npm along with gulp to manage front-end dependencies. In order to get npm, install Node.js. You do not strictly need npm to work on the website. You only need it if you plan to update the vendor assets.

To update the vendor assets, run npm run assets.

Building and previewing the website

First, install bundler if you don't already have it:

gem install bundler

Then install the project's Ruby dependencies:

bundle install --with=development

Then you can run the site locally with live reloading:

rake serve

You should now be able to preview the site on your local machine at http://localhost:4000/.

Method 2: Containerized development environment using Docker

This method explains how to set up a containerized development environment by using Docker. Using this method, you shouldn't need to install anything other than Docker on your local machine.

Install Docker

Install Docker on your development machine and ensure the Docker daemon is successfully running.

Build the Docker container

docker build -t cto-website .

Building and previewing the website

Run the site locally with live reloading:

./docker-run.sh rake serve

You should now be able to preview the site on your local machine at http://localhost:4000/.

Contributing

Testing

Please run rake test locally before pushing new content or code. This runs a JavaScript linter and HTML proofer.

Contributing content and code

  1. Fork the repository (or clone it if you have commit access)
  2. Create a feature branch
  3. Make your changes in the feature branch
  4. Commit the feature branch
  5. Push the feature branch to GitHub (preview your changes at https://federalist.18f.gov/preview/gsa/cto-website/BRANCH_NAME/)
  6. Open a pull request to merge the feature branch

Proposing changes and reporting issues

The best way to contact us regarding the CTO Website is to open an issue on GitHub. Please submit a new issue if you need to:

  • Report a website bug
  • Propose a change to the website content

Deploying

We make use of Federalist's continuous deployment system, which automatically deploys branches as soon as it detects a push to GitHub. Therefore, as soon as your pull request is accepted into the master branch, it goes to production.

License

As a work of the United States Government, this project is in the public domain within the United States.

cto-website's People

Contributors

jfredrickson avatar aliciacyrus avatar ctojoen avatar kehindeogundolie avatar saracope avatar jcastle-zz avatar aamer21 avatar josephderosales avatar rkbright-gsa avatar wqwales avatar bkim0928 avatar nvembar avatar dependabot[bot] avatar lulitts avatar casciom-work avatar afeld avatar andreasigz avatar mogul avatar mvogelgesang avatar rrefoy avatar nv-fcc 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.