/jomcodekl17

Event Page for JomCode Kuala Lumpur 2017

Primary LanguageHTMLOtherNOASSERTION

preview-web

Project Samarium

Project Samarium is a conference website template for GDG after Project Cerium with a newer design.

Template is brought by Henry Lim from GDG Kuala Lumpur.

Do you ❤️ it? Show your support - please, ⭐ the project.

Live demo

Features

✅ Polymer
✅ Responsive
PRPL pattern
✅ Optimized and fast
✅ Editable theme colors

Setup

Prerequisites

Install polymer-cli:

npm i -g polymer-cli

and Bower:

npm i -g bower

👉 Fork this repository and clone it locally.

Install dependencies

bower install

Start the development server

This command serves the app at http://localhost:8080 and provides basic URL routing for the app:

polymer serve

Configure

SEO

The project doesn't use any generators, so there is a need to edit manually meta data in index.html

<head>
  <title>TensorFlow Dev Summit 2017 Extended Kuala Lumpur</title>
  <meta name="description"
        content="TensorFlow Dev Summit 2017 will be EXTENDED to our beloved city Kuala Lumpur! Let's have a day to learn about TensorFlow with industry experts via talks and codelabs!">
  <meta name="author" content="Henry Lim, GDG Kuala Lumpur">
  ...

Google Analytics

Replace GA tracking code in index.html

ga('create', 'UA-XXXXXXXX-X', 'auto');

Site Content

The most important file of configuration is data/data.json which looks like:

    "general": {...},
    "navigation": [...],
    "location": {...},
    "agenda": {...},
    "speakers": [...],
    "partners": [...]

Styling

Styling of your app can be found in src/shared-styles.html.

Colors

Generate your own color scheme with Material Palette and click download Polymer material_design_palette_generator

Now Replace next section

--dark-primary-color:       #E64A19;
--default-primary-color:    #FF5722;
--light-primary-color:      #FFCCBC;
--text-primary-color:       #FFFFFF;
--accent-color:             #607D8B;
--primary-background-color: #FFCCBC;
--primary-text-color:       #414141;
--secondary-text-color:     #757575;
--disabled-text-color:      #BDBDBD;
--divider-color:            #BDBDBD;

Build

This command performs HTML, CSS, and JS minification on the application dependencies, and generates a service-worker.js file with code to pre-cache the dependencies based on the entrypoint and fragments specified in polymer.json. The minified files are output to the build/unbundled folder, and are suitable for serving from a HTTP/2+Push compatible server.

In addition the command also creates a fallback build/bundled folder, generated using fragment bundling, suitable for serving from non H2/push-compatible servers or to clients that do not support H2/Push.

polymer build

Who uses the template?

Going to use the template? Go on! The only thing we ask - let us know with a pull request, so we can include you in this list.

Event Name Link Organization
TensorFlow Dev Summit 2017 Extended Kuala Lumpur https://tfxkl2017.firebaseapp.com/ GDG Kuala Lumpur

Roadmap 🚀

❌ Offline access
❌ Service worker
❌ Animation
❌ Push notification
❌ Polymer 2.0/ES2015
❌ Accessibility
❌ Unit/Integration Tests
👉 Propose your feature with creating an issue

Contributing

Project Samarium is still under development, and it is open for contributions. Feel free to send PR. If you have any questions, feel free to contact Henry Lim.

General workflow

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Make your changes
  4. Run the tests, adding new ones for your code if necessary
  5. Commit your changes (git commit -am 'Added some feature')
  6. Push to the branch (git push origin my-new-feature)
  7. Create new Pull Request

License

Project is published under the MIT license.
Feel free to clone and modify repo as you want, but don't forget to add reference to authors :)