configure-app.md

Configure

Configuration data is split into two files: data/settings.json (configuration data):

  "organizer": {..},
  "url": "..",
  "startDate": "..",
  "endDate": "..",
  "webapp": {..},
  "hashtag": "..",
  "navigation": [..],
  "location": {..}
  "social": [..],
  "gallery": {..},
  ...

and data/resources.json (texts and other configurations):

Pages configuration

Disable, reorder or modify blocks for individual page inside their individual files that can be found in /pages folder. The top block (aka 'hero') view of the page can be adjusted via heroSettings in data/settings.json

"heroSettings": {
  "home": {
    "description": "Be a hero. Be a GDG!",
    "background": {
      "color": "#673ab7",
      "image": "/images/backgrounds/home.jpg"
    },
    "fontColor": "#FFF"
  },
  "blog": {
    "title": "Blog",
    "metaDescription": "Read stories from our team",
    "background": {
      "color": "#FFF"
    },
    "fontColor": "#424242"
  },
  "speakers": {
    "title": "Speakers",
    "metaDescription": "Hear from the Googlers, Partners, and Guest Speakers who are building the future of cloud. Check back often as we add more speakers, including our customers and partners.",
    "description": "Hear from the Googlers, Partners, and Guest Speakers who are building the future of cloud. Check back often as we add more speakers, including our customers and partners.",
    "background": {
      "color": "#FFF"
    },
    "fontColor": "#424242"
  }
  ...
 }

If you don't need some pages, don't forget to remove them (or comment out) in hoverboard-app.html

<iron-lazy-pages>
  <home-page
    data-route="home"
    data-path="pages/home-page.html"
  ></home-page>
  <blog-page
    data-route="blog"
    data-path="pages/blog-page.html"
    route="[[subroute]]"
  ></blog-page>
  <speakers-page
    data-route="speakers"
    data-path="pages/speakers-page.html"
    route="[[subroute]]"
  ></speakers-page>
</iron-lazy-pages>

Toolbar Navigation

Define a page's label and url in navigation in data/settings.json

"navigation": [
  {
    "route": "home",
    "permalink": "/",
    "label": "Home"
  },
  {
    "route": "speakers",
    "permalink": "/speakers/",
    "label": "Speakers"
  },  
  ...
]

Next steps

Now your Hoverboard is up configured, learn how to integrate firebase in your app, style app and deploy.