Welcome to Webflow!

Over Summer 2017, the GRC website was redesigned completely as we migrated from Squarespace to a new platform: Webflow!

Why Webflow?

  • More control over the look, feel, and branding
  • Considerably more flexible than Squarespace
  • Content Management System (CMS) allows easy content input
  • Intuitive user interface
  • Version control in case of mistakes or bugs
  • Broken and outdated aspects of the old website

Getting started

Learning a new interface can be intimidating, so we will walk through the most common features and then move into editing content.

Log in

When you reach Webflow.com for the first time, you will be prompted to log in. Contact Mia James for the credentials if you don't have them. Once you have logged into Webflow, you can access the GRC project at any time by clicking the Dashboard button in the top right corner.

Dashboard

The Dashboard is where all of the projects (websites) associated with our account live. By clicking on the GRC thumbnail you can access the Designer for our website. By clicking the three dots you can access Settings and other tools.

Settings

The Settings pages allow for very specific changes to the website, such as its hosting plan, associated icons, SEO, and more. All of these pages have been carefully looked at and set up so please be careful with anything you do in Settings.

Using the Designer (intro)

When you first open the Designer, the panel on the right can feel very scary, especially if you don't know the first thing about HTML and CSS (the structuring and styling of websites). Our hope is that the website has been built so that 99% of the time you go in, you never have to touch the Scary Panel™.

Left panel tools

On the left side of the screen, you should see a short list of icons which indicate the tools Add, Pages, Collections, and Images.

The Add panel allows us to edit the static content on different pages by just dragging and dropping. You can quickly navigate all the pages in the Pages panel. You'll see that there are Static pages and Collection pages; Collection pages (the purple ones) are smart templates that we've formatted to make it easy to add new content. These can be edited further in the Collections panel (looks like stacked coins).