Since the site is deployed to a CMS, the deployment process is very manual. Make sure to build before you deploy.

The built site will be in a directory named for the build off the project directory.

  • prod for production
  • pilot for pilot

Static Assets

Static assets are hosted on the foundation’s CDN (through Microsoft Azure).

  1. Copy any new or changed assets to the intermediary FTP server. Assets for the production version go in the VRC directory while files for the pilot site will go in vrc-pilot.

    • vrccdnsftp.foundationccc.org:22
    • username: cccpln
    • password: e4pchcfM

    Note: The IP for this FTP server seems to change periodically. The SSH client doesn’t like this and will complain. This may require you to delete its entry from ~/.ssh/known_hosts in order to connect.

  2. Hit the CDN transfer trigger to trigger a transfer of the assets from the intermediary FTP server to the CDN. You should see the message File Copy Processed Successfully and the files will have been deleted from the FTP server if the transfer was successful.

    Note: The CDN caches data and cache-busting is currently not enabled. It takes some time for new versions of replaced assets to be served. Different edges may invalidate the cache at different times, so people in different parts of the country may get different versions of the CDN-served files. Note: Filenames are transformed to all lower case when transferred from the FTP to the CDN. If you have any upper case file names that are referenced as such in the HTML, they will break.

Static assets are accessible at https://vrccdn.cccco.edu/vrccdnpublic/<path>

HTML

HTML is hosted on the Cornerstone OnDemand CMS and must be copy/pasted in manually.

  1. Copy the build content from the build directory. If you have pbcopy installed, you can do this by running cat <html-file> | pbocpy.

  2. Log into Cornerstone as Dave Brown (credentials in 1Password)

  3. Hover the “Admin” menu and click “Preferences” from the dropdown menu

  4. Under “System Preferences” click “Manage Custom Pages”

  5. Edit the page to be updated by clicking the paper and pencil icon for that page. If this is a new page, start by duplicating an existing page, renaming it, and then editing that new page.

  6. Hover the content area under the “Options” heading to reveal a cog. Click the cog to bring up the editor.

    Note: If the cog does not show up, you can trigger a click on it via jQuery by running $('.widgetButtonOptions').click() in the developer tools console.

  7. Switch the editor to “HTML” mode by clicking the button at the bottom of the editor

  8. Select all the text in the text box by focusing the insertion point in the box and pressing Cmd-a

  9. Paste the new content

  10. Click the “Save” button on the content editor

  11. Scroll to the bottom of the page and click either the “Save” or the “Save and Exit” button to lock in the change