├── .bowerrc
├── .gitignore
├── .travis.yml
├── Gemfile
├── Gemfile.lock
├── README.md
├── bower.json
├── config.rb
├── firebase.json
└── source
    ├── blog
        ├── 2014-09-01-polymer-project.markdown
        ├── 2014-09-02-polymer-designer.markdown
        ├── 2014-09-03-ele.markdown
        ├── 2014-09-04-topeka-polymer.markdown
        ├── 2014-09-05-chromium-dashboard.markdown
        ├── 2014-09-08-pathfinding-visualizer.md
        ├── 2014-09-09-padlock.md
        ├── 2014-09-10-chrome-dev-editor.md
        ├── 2014-09-11-flowhub.md
        ├── 2014-09-22-foodtrack.md
        ├── 2014-09-24-app-router.md
        ├── 2014-10-17-glideroom.md
        ├── 2014-10-28-packhunter.md
        ├── 2014-11-06-driveception.md
        ├── 2014-11-11-home-assistant.md
        ├── 2014-12-12-polymer-mail.md
        ├── 2015-01-21-kitteh-anonymous.md
        ├── 2015-02-19-tabbie.md
        ├── 2015-02-24-daily-stock-forecast.md
        ├── 2015-03-03-sidlee-dashboard.md
        └── 2015-03-16-bithound.md
    ├── components
        ├── mailchimp-subscribe
        │   └── mailchimp-subscribe.html
        ├── ui-search-results
        │   └── ui-search-results.html
        └── ui-search
        │   └── ui-search.html
    ├── element.html.erb
    ├── elements.html.erb
    ├── entries.json.erb
    ├── favicon.ico
    ├── feed.xml.builder
    ├── images
        ├── chrome.svg
        ├── github.svg
        ├── polymer.svg
        ├── polymer2.svg
        └── screenshots
        │   ├── app-router.png
        │   ├── bithound.png
        │   ├── chrome-dev-editor.png
        │   ├── chromium-dashboard.png
        │   ├── daily-stock-forecast.png
        │   ├── dashboard.png
        │   ├── driveception.png
        │   ├── ele.png
        │   ├── flowhub.png
        │   ├── foodtrack.png
        │   ├── glideroom.jpg
        │   ├── home-assistant.png
        │   ├── kitteh-anonymous.png
        │   ├── packhunter.jpg
        │   ├── padlock.webp
        │   ├── pathfinder.png
        │   ├── poly-inbox.png
        │   ├── polymer-designer.png
        │   ├── polymer-project.png
        │   ├── tabbie.jpg
        │   └── topeka.png
    ├── index.html.erb
    ├── javascripts
        └── lander.js
    ├── layouts
        ├── layout.erb
        └── post.erb
    ├── robots.txt
    ├── sitemap.xml.erb
    ├── stylesheets
        ├── lander.css.sass
        └── normalize.css
    ├── submit-failure.html.erb
    ├── submit-success.html.erb
    └── submit.html.erb


/.bowerrc:
--------------------------------------------------------------------------------
1 | {
2 |     "directory": "source/bower_components"
3 | }


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See http://help.github.com/ignore-files/ for more about ignoring files.
 2 | #
 3 | # If you find yourself ignoring temporary files generated by your text editor
 4 | # or operating system, you probably want to add a global ignore instead:
 5 | # git config --global core.excludesfile ~/.gitignore_global
 6 | 
 7 | # Ignore bundler config
 8 | /.bundle
 9 | 
10 | # Ignore the build directory
11 | /build
12 | 
13 | # Ignore cache
14 | /.sass-cache
15 | /.cache
16 | 
17 | # Ignore .DS_store file
18 | .DS_Store
19 | 
20 | /source/bower_components
21 | .divshot-cache


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: ruby
 2 | sudo: false
 3 | rvm:
 4 | - '2.2'
 5 | before_script:
 6 | - npm install bower
 7 | - "./node_modules/.bin/bower install"
 8 | script: bundle exec middleman build
 9 | cache:
10 |   directories:
11 |   - node_modules
12 |   - vendor/bundle
13 | deploy:
14 |   provider: firebase
15 |   skip_cleanup: true
16 |   project:
17 |     master: builtwithpolymer
18 | 


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
 1 | # If you have OpenSSL installed, we recommend updating
 2 | # the following line to use "https"
 3 | source 'http://rubygems.org'
 4 | 
 5 | gem "middleman", "~> 3.3.5"
 6 | gem "middleman-blog", "~> 3.5.3"
 7 | gem "middleman-meta-tags"
 8 | 
 9 | # For feed.xml.builder
10 | gem "builder", "~> 3.0"
11 | 


--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
  1 | GEM
  2 |   remote: http://rubygems.org/
  3 |   specs:
  4 |     activesupport (4.1.5)
  5 |       i18n (~> 0.6, >= 0.6.9)
  6 |       json (~> 1.7, >= 1.7.7)
  7 |       minitest (~> 5.1)
  8 |       thread_safe (~> 0.1)
  9 |       tzinfo (~> 1.1)
 10 |     addressable (2.3.6)
 11 |     builder (3.1.4)
 12 |     celluloid (0.15.2)
 13 |       timers (~> 1.1.0)
 14 |     chunky_png (1.3.1)
 15 |     coffee-script (2.3.0)
 16 |       coffee-script-source
 17 |       execjs
 18 |     coffee-script-source (1.8.0)
 19 |     compass (1.0.1)
 20 |       chunky_png (~> 1.2)
 21 |       compass-core (~> 1.0.1)
 22 |       compass-import-once (~> 1.0.5)
 23 |       rb-fsevent (>= 0.9.3)
 24 |       rb-inotify (>= 0.9)
 25 |       sass (>= 3.3.13, < 3.5)
 26 |     compass-core (1.0.1)
 27 |       multi_json (~> 1.0)
 28 |       sass (>= 3.3.0, < 3.5)
 29 |     compass-import-once (1.0.5)
 30 |       sass (>= 3.2, < 3.5)
 31 |     erubis (2.7.0)
 32 |     execjs (2.2.1)
 33 |     ffi (1.9.3)
 34 |     haml (4.0.5)
 35 |       tilt
 36 |     hike (1.2.3)
 37 |     hooks (0.4.0)
 38 |       uber (~> 0.0.4)
 39 |     i18n (0.6.11)
 40 |     json (1.8.1)
 41 |     kramdown (1.4.1)
 42 |     listen (2.7.9)
 43 |       celluloid (>= 0.15.2)
 44 |       rb-fsevent (>= 0.9.3)
 45 |       rb-inotify (>= 0.9)
 46 |     middleman (3.3.5)
 47 |       coffee-script (~> 2.2)
 48 |       compass (>= 0.12.4)
 49 |       compass-import-once (= 1.0.5)
 50 |       execjs (~> 2.0)
 51 |       haml (>= 4.0.5)
 52 |       kramdown (~> 1.2)
 53 |       middleman-core (= 3.3.5)
 54 |       middleman-sprockets (>= 3.1.2)
 55 |       sass (>= 3.2.17, < 4.0)
 56 |       uglifier (~> 2.5)
 57 |     middleman-blog (3.5.3)
 58 |       addressable (~> 2.3.5)
 59 |       middleman-core (~> 3.2)
 60 |       tzinfo (>= 0.3.0)
 61 |     middleman-core (3.3.5)
 62 |       activesupport (~> 4.1.0)
 63 |       bundler (~> 1.1)
 64 |       erubis
 65 |       hooks (~> 0.3)
 66 |       i18n (~> 0.6.9)
 67 |       listen (>= 2.7.9, < 3.0)
 68 |       padrino-helpers (~> 0.12.3)
 69 |       rack (>= 1.4.5, < 2.0)
 70 |       rack-test (~> 0.6.2)
 71 |       thor (>= 0.15.2, < 2.0)
 72 |       tilt (~> 1.4.1, < 2.0)
 73 |     middleman-meta-tags (0.0.1)
 74 |       middleman-core (>= 3.0.0)
 75 |     middleman-sprockets (3.3.9)
 76 |       middleman-core (~> 3.3)
 77 |       sprockets (~> 2.12.1)
 78 |       sprockets-helpers (~> 1.1.0)
 79 |       sprockets-sass (~> 1.2.0)
 80 |     minitest (5.4.1)
 81 |     multi_json (1.10.1)
 82 |     padrino-helpers (0.12.3)
 83 |       i18n (~> 0.6, >= 0.6.7)
 84 |       padrino-support (= 0.12.3)
 85 |       tilt (~> 1.4.1)
 86 |     padrino-support (0.12.3)
 87 |       activesupport (>= 3.1)
 88 |     rack (1.5.2)
 89 |     rack-test (0.6.2)
 90 |       rack (>= 1.0)
 91 |     rb-fsevent (0.9.4)
 92 |     rb-inotify (0.9.5)
 93 |       ffi (>= 0.5.0)
 94 |     sass (3.4.2)
 95 |     sprockets (2.12.1)
 96 |       hike (~> 1.2)
 97 |       multi_json (~> 1.0)
 98 |       rack (~> 1.0)
 99 |       tilt (~> 1.1, != 1.3.0)
100 |     sprockets-helpers (1.1.0)
101 |       sprockets (~> 2.0)
102 |     sprockets-sass (1.2.0)
103 |       sprockets (~> 2.0)
104 |       tilt (~> 1.1)
105 |     thor (0.19.1)
106 |     thread_safe (0.3.4)
107 |     tilt (1.4.1)
108 |     timers (1.1.0)
109 |     tzinfo (1.2.2)
110 |       thread_safe (~> 0.1)
111 |     uber (0.0.8)
112 |     uglifier (2.5.3)
113 |       execjs (>= 0.3.0)
114 |       json (>= 1.8.0)
115 | 
116 | PLATFORMS
117 |   ruby
118 | 
119 | DEPENDENCIES
120 |   builder (~> 3.0)
121 |   middleman (~> 3.3.5)
122 |   middleman-blog (~> 3.5.3)
123 |   middleman-meta-tags
124 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Built with Polymer
 2 | 
 3 | Web components are the `<bees-knees>`. Built with Polymer is a showcase of awesome Polymer projects. And yes, this static website (generated by Middleman) also uses Polymer. It's hosted on [Firebase Hosting](https://www.firebase.com/).
 4 | 
 5 | ## Submit Your Project
 6 | 
 7 | Build something cool? Fork this repo and send a pull request after you've added a new blog post with the following format:
 8 | 
 9 | ```
10 | ---
11 | title: Polymer Project
12 | url: http://www.polymer-project.org
13 | date: 2014-09-01
14 | tags: core-collapse, core-icon, core-item, core-media-query, core-menu, core-selection, core-selector, dropdown-panel, feature-carousel, paper-button, paper-icon-button, paper-ripple, paper-shadow
15 | ---
16 | 
17 | [![Polymer Project](screenshots/polymer-project.png)](http://www.polymer-project.org)
18 | 
19 | Write a short description here. For the image above, use [![Image Title](Image URL)](Website URL).
20 | ```
21 | 
22 | We're looking for complete apps and websites that use Polymer in a significant way. If you'd like to show off your shiny new web component, head on over to [Custom Elements](http://customelements.io/) and [Component Kitchen](http://component.kitchen/)!
23 | 
24 | ### Filename
25 | 
26 | Use the current date for your filename and frontmatter, e.g. `2014-09-10-polymer-project.markdown` and `date: 2014-09-10`. Add the Markdown file inside `/source/blog`.
27 | 
28 | ### Tags
29 | 
30 | To generate a list of tags (custom elements used by your project), install the [Polymer Ready](https://chrome.google.com/webstore/detail/aaifiopbmiecbpladpjaoemohhfjcbdk/) extension by François Beaufort. Only provide tags/elements that are common and not specific to your app, such as core and paper elements.
31 | 
32 | ### Screenshot
33 | 
34 | `1440x804` is the recommended dimensions for screenshots. Use your best judgment. 1136px is the absolute minimum width for high density displays. Keep the file size below 350 KB. Add one screenshot `/images/screenshots` with the title of your project. Use `png`, `jpg`, or `webp`.
35 | 
36 | ## Running Locally
37 | 
38 | ```
39 | bundle install & bower update
40 | middleman server
41 | ```
42 | 
43 | Now you should be able to go to `http://localhost:4567` to see the website locally.
44 | 
45 | ## License
46 | 
47 | The MIT License (MIT)
48 | 
49 | Copyright (c) 2016 Google, Inc.
50 | 
51 | Permission is hereby granted, free of charge, to any person obtaining a copy
52 | of this software and associated documentation files (the "Software"), to deal
53 | in the Software without restriction, including without limitation the rights
54 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
55 | copies of the Software, and to permit persons to whom the Software is
56 | furnished to do so, subject to the following conditions:
57 | 
58 | The above copyright notice and this permission notice shall be included in
59 | all copies or substantial portions of the Software.
60 | 
61 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
62 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
63 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
64 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
65 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
66 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
67 | THE SOFTWARE.
68 | 


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "built-with-polymer",
 3 |   "version": "0.0.1",
 4 |   "dependencies": {
 5 |     "platform": "Polymer/platform#master",
 6 |     "polymer": "Polymer/polymer#master",
 7 |     "core-scroll-header-panel": "Polymer/core-header-panel#~0.4",
 8 |     "core-toolbar": "Polymer/core-toolbar#~0.4",
 9 |     "lodash": "~2.4.1",
10 |     "core-ajax": "Polymer/core-ajax#~0.4.0",
11 |     "core-signals": "Polymer/core-signals#~0.4.0",
12 |     "juicy-html": "https://github.com/Juicy/juicy-html.git#~0.0.20140720",
13 |     "polymer-jsonp": "Polymer/polymer-jsonp#~0.3.0"
14 |   },
15 |   "devDependencies": {}
16 | }
17 | 


--------------------------------------------------------------------------------
/config.rb:
--------------------------------------------------------------------------------
  1 | ###
  2 | # Blog settings
  3 | ###
  4 | 
  5 | # Time.zone = "UTC"
  6 | 
  7 | activate :blog do |blog|
  8 |   # This will add a prefix to all links, template references and source paths
  9 |   # blog.prefix = "blog"
 10 | 
 11 |   # blog.permalink = "{year}/{month}/{day}/{title}.html"
 12 |   # Matcher for blog source files
 13 |   blog.sources = "blog/{year}-{month}-{day}-{title}.html"
 14 |   blog.taglink = "elements/{tag}.html"
 15 |   blog.layout = "post"
 16 |   # blog.summary_separator = /(READMORE)/
 17 |   # blog.summary_length = 250
 18 |   # blog.year_link = "{year}.html"
 19 |   # blog.month_link = "{year}/{month}.html"
 20 |   # blog.day_link = "{year}/{month}/{day}.html"
 21 |   # blog.default_extension = ".markdown"
 22 | 
 23 |   blog.tag_template = "element.html"
 24 |   # blog.calendar_template = "calendar.html"
 25 | 
 26 |   # Enable pagination
 27 |   blog.paginate = true
 28 |   blog.per_page = 10
 29 |   blog.page_link = "page/{num}"
 30 | end
 31 | 
 32 | page "/feed.xml", layout: false
 33 | 
 34 | ###
 35 | # Compass
 36 | ###
 37 | 
 38 | # Change Compass configuration
 39 | # compass_config do |config|
 40 | #   config.output_style = :compact
 41 | # end
 42 | 
 43 | ###
 44 | # Page options, layouts, aliases and proxies
 45 | ###
 46 | 
 47 | # Per-page layout changes:
 48 | #
 49 | # With no layout
 50 | # page "/path/to/file.html", layout: false
 51 | #
 52 | # With alternative layout
 53 | # page "/path/to/file.html", layout: :otherlayout
 54 | #
 55 | # A path which all have the same layout
 56 | # with_layout :admin do
 57 | #   page "/admin/*"
 58 | # end
 59 | 
 60 | # Proxy pages (http://middlemanapp.com/basics/dynamic-pages/)
 61 | # proxy "/this-page-has-no-template.html", "/template-file.html", locals: {
 62 | #  which_fake_page: "Rendering a fake page with a local variable" }
 63 | 
 64 | ###
 65 | # Helpers
 66 | ###
 67 | 
 68 | # Automatic image dimensions on image_tag helper
 69 | # activate :automatic_image_sizes
 70 | 
 71 | # Reload the browser automatically whenever files change
 72 | # activate :livereload
 73 | 
 74 | # Methods defined in the helpers block are available in templates
 75 | # helpers do
 76 | #   def some_helper
 77 | #     "Helping"
 78 | #   end
 79 | # end
 80 | 
 81 | set :css_dir, 'stylesheets'
 82 | 
 83 | set :js_dir, 'javascripts'
 84 | 
 85 | set :images_dir, 'images'
 86 | 
 87 | activate :directory_indexes
 88 | page "/bower_components/**", :directory_index => false
 89 | page "/components/**", :directory_index => false
 90 | 
 91 | sprockets.append_path 'bower_components'
 92 | sprockets.append_path 'components'
 93 | 
 94 | activate :meta_tags
 95 | 
 96 | # Build-specific configuration
 97 | configure :build do
 98 |   # For example, change the Compass output style for deployment
 99 |   # activate :minify_css
100 | 
101 |   # Minify Javascript on build
102 |   # activate :minify_javascript
103 | 
104 |   # Enable cache buster
105 |   # activate :asset_hash
106 | 
107 |   # Use relative URLs
108 |   # activate :relative_assets
109 | 
110 |   # Or use a different image path
111 |   # set :http_prefix, "/Content/images/"
112 | end
113 | 


--------------------------------------------------------------------------------
/firebase.json:
--------------------------------------------------------------------------------
1 | {
2 |   "firebase": "builtwithpolymer",
3 |   "public": "build",
4 |   "ignore": [
5 |     "firebase.json",
6 |     "**/.*",
7 |     "**/node_modules/**"
8 |   ]
9 | }


--------------------------------------------------------------------------------
/source/blog/2014-09-01-polymer-project.markdown:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Polymer Project
 3 | url: http://www.polymer-project.org
 4 | date: 2014-09-01
 5 | tags: core-collapse, core-icon, core-item, core-media-query, core-menu, core-selection, core-selector, dropdown-panel, feature-carousel, paper-button, paper-icon-button, paper-ripple, paper-shadow
 6 | ---
 7 | 
 8 | [![Polymer Project](screenshots/polymer-project.png)](http://www.polymer-project.org)
 9 | 
10 | The official website of Polymer, a next generation web framework from Google. Makes extensive use of both core and paper elements.


--------------------------------------------------------------------------------
/source/blog/2014-09-02-polymer-designer.markdown:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Polymer Designer
 3 | url: http://www.polymer-project.org/tools/designer/
 4 | date: 2014-09-02
 5 | tags: attributes-inspector, boolean-editor, code-mirror, color-editor, core-collapse, core-drag-avatar, core-drag-drop, core-icon, core-icon-button, core-item, core-menu, core-menu-button, core-pages, core-popup-menu, core-popup-overlay, core-selection, core-selector, core-splitter, core-submenu, core-toolbar, design-github-info, design-palette, design-state, design-tree, designer-element, dom-serializer, element-inspector, flip-in, flip-out, github-element, layout-inspector, object-inspector, property-editor, property-inspector, range-editor, select-editor, string-editor, style-inspector, x-meta
 6 | ---
 7 | 
 8 | [![Polymer Designer](screenshots/polymer-designer.png)](http://www.polymer-project.org/tools/designer/)
 9 | 
10 | Polymer Designer is a visual development tool for rapidly building Polymer apps and websites via drag and drop.


--------------------------------------------------------------------------------
/source/blog/2014-09-03-ele.markdown:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Ele.io
 3 | url: https://ele.io
 4 | date: 2014-09-03
 5 | tags: code-mirror, core-ajax, core-drawer-panel, core-header-panel, core-icon, core-media-query, core-selection, core-selector, core-signals, core-toolbar, core-tooltip, divshot-env, paper-button, paper-icon-button, paper-item, paper-ripple, polymer-flex-layout, polymer-ui-splitter, pvc-globals
 6 | ---
 7 | 
 8 | [![Ele.io](screenshots/ele.png)](https://ele.io)
 9 | 
10 | Ele.io is a live code editor for writing and sharing Polymer elements. The app takes advantage of paper elements showcasing Google's new material design and the `<code-mirror>` component for code editing.


--------------------------------------------------------------------------------
/source/blog/2014-09-04-topeka-polymer.markdown:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Topeka 
 3 | url: http://www.polymer-project.org/apps/topeka/
 4 | date: 2014-09-04
 5 | tags: core-ajax, core-animated-pages, core-icon, core-iconset-svg, core-media-query, core-selection, core-selector, core-style, core-toolbar, core-transition-pages, firebase-element, firebase-login, hero-transition, paper-button, paper-fab, paper-icon-button, paper-input, paper-progress, paper-ripple, paper-shadow, paper-slider, polymer-element, template
 6 | ---
 7 | 
 8 | [![Topeka](screenshots/topeka.png)](http://www.polymer-project.org/apps/topeka/)
 9 | 
10 | Topeka is a fun quiz app using material design and Polymer's paper elements. Questions span a wide variety of topics such as History, TV &amp; Movies, Music, Entertainment, Sports, and more.


--------------------------------------------------------------------------------
/source/blog/2014-09-05-chromium-dashboard.markdown:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Chromium Dashboard 
 3 | url: http://www.chromestatus.com
 4 | date: 2014-09-05
 5 | tags: core-ajax, core-overlay, paper-dialog, paper-shadow
 6 | ---
 7 | 
 8 | [![Chromium Dashboard](screenshots/chromium-dashboard.png)](http://www.chromestatus.com)
 9 | 
10 | Learn what the Chromium team is up to with a comprehensive list of web platform features in progress.


--------------------------------------------------------------------------------
/source/blog/2014-09-08-pathfinding-visualizer.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Pathfinding Visualizer
 3 | url: http://www.growingwiththeweb.com/projects/pathfinding-visualiser/
 4 | date: 2014-09-08
 5 | tags: core-selection, paper-button, paper-progress, paper-radio-button, paper-radio-group, paper-ripple, paper-shadow, paper-slider, paper-toggle-button
 6 | ---
 7 | 
 8 | [![Pathfinding Visualizer](screenshots/pathfinder.png)](http://www.growingwiththeweb.com/projects/pathfinding-visualiser/)
 9 | 
10 | Visualizes pathfinding algorithms allowing customization of algorithm, map generation and animation. The UI is built on Polymer's paper elements.


--------------------------------------------------------------------------------
/source/blog/2014-09-09-padlock.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Padlock
3 | url: http://padlock.io/
4 | date: 2014-09-09
5 | ---
6 | 
7 | [![Padlock](screenshots/padlock.webp)](http://padlock.io/)
8 | 
9 | A minimalist open source password manager built with Polymer.


--------------------------------------------------------------------------------
/source/blog/2014-09-10-chrome-dev-editor.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Chrome Dev Editor
3 | url: https://chrome.google.com/webstore/detail/chrome-dev-editor-develop/pnoffddplpippgcfjdhbmhkofpnaalpg
4 | date: 2014-09-10
5 | ---
6 | 
7 | [![Chrome Dev Editor](screenshots/chrome-dev-editor.png)](https://chrome.google.com/webstore/detail/chrome-dev-editor-develop/pnoffddplpippgcfjdhbmhkofpnaalpg)
8 | 
9 | Chrome Dev Editor (CDE) is a developer tool for building apps on the Chrome platform - Chrome Apps and Web Apps, in JavaScript or Dart. CDE is built as a Chrome App written in Dart and uses Polymer. CDE runs on Windows, Mac, Linux, and Chrome OS! CDE supports Git, Polymer, and mobile development.


--------------------------------------------------------------------------------
/source/blog/2014-09-11-flowhub.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Flowhub
3 | url: http://flowhub.io
4 | date: 2014-09-11
5 | ---
6 | 
7 | [![Flowhub](screenshots/flowhub.png)](http://flowhub.io)
8 | 
9 | Peer-to-peer full-stack visual programming for your fingers. Funded by Kickstarter, from the NoFlo team. Built with Polymer.


--------------------------------------------------------------------------------
/source/blog/2014-09-22-foodtrack.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: FoodTrack
 3 | url: http://foodtrack.de
 4 | date: 2014-09-22
 5 | tags: core-drawer-panel, core-header-panel, core-icon, core-iconset-svg, core-media-query, core-menu, core-overlay, core-popup-menu, core-popup-overlay, core-selection, core-selector, core-style, core-toolbar, core-transition-css, google-maps, paper-button, paper-dialog, paper-dialog-transition, paper-fab, paper-icon-button, paper-input, paper-item, paper-menu-button, paper-menu-button-transition, paper-progress, paper-ripple, paper-shadow, paper-slider, paper-tab, paper-tabs, paper-toast
 6 | ---
 7 | 
 8 | [![FoodTrack](screenshots/foodtrack.png)](http://foodtrack.de)
 9 | 
10 | Find local food trucks in your area by day of the week. Takes advantage of `<google-maps>` for displaying food truck locations and paper elements for material design. Only available in Nuremberg, Germany at the moment.


--------------------------------------------------------------------------------
/source/blog/2014-09-24-app-router.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: app-router
 3 | url: http://erikringsmuth.github.io/app-router/
 4 | date: 2014-09-24
 5 | tags: app-router, core-drawer-panel, core-header-panel, core-icon, core-icon-button, core-item, core-media-query, core-scaffold, core-selection, core-selector, core-style, core-toolbar, google-analytics-tracker
 6 | ---
 7 | 
 8 | [![app-router](screenshots/app-router.png)](http://erikringsmuth.github.io/app-router/)
 9 | 
10 | `<app-router>` is a router for web components that works with Polymer, X-Tag, and natively with the platform polyfill. The documentation site uses Polymer's core elements and `<app-router>` itself to lazy-load content.


--------------------------------------------------------------------------------
/source/blog/2014-10-17-glideroom.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: GlideRoom
 3 | url: https://glideroom.com/
 4 | date: 2014-10-17
 5 | tags: core-ajax, core-dropdown, core-dropdown-menu, core-dropdown-overlay, core-icon, core-item, core-media-query, core-menu, core-overlay, core-selection, core-splitter, core-style, core-toolbar, paper-button, paper-dialog, paper-input, paper-ripple, paper-shadow, paper-toast
 6 | ---
 7 | 
 8 | [![GlideRoom](screenshots/glideroom.jpg)](https://glideroom.com/)
 9 | 
10 | GlideRoom gives you simple, easy video chat. Just share a unique URL with anyone you want. No logins, no hassle, no hangups.


--------------------------------------------------------------------------------
/source/blog/2014-10-28-packhunter.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: PackHunter
 3 | url: http://packhunter.co/
 4 | date: 2014-10-28
 5 | tags: core-ajax, core-header-panel, core-item, core-menu, core-overlay, core-selection, paper-button, paper-dialog, paper-ripple, paper-shadow, paper-tab, paper-tabs
 6 | ---
 7 | 
 8 | [![PackHunter](screenshots/packhunter.jpg)](http://packhunter.co/)
 9 | 
10 | PackHunter is a Product Hunt Hackathon app that allows you to form packs with other Product Hunters similar to Twitter Lists. Discover new products based on the activity of your packs. 


--------------------------------------------------------------------------------
/source/blog/2014-11-06-driveception.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: DriveCeption
 3 | url: https://driveception.gweb.io/
 4 | date: 2014-11-06
 5 | tags: core-scaffold, core-ajax, core-menu, core-drawer-panel, core-header-panel, core-toolbar, core-icons, flatiron-director, core-animated-pages, core-localstorage, paper-ripple, paper-shadow
 6 | ---
 7 | 
 8 | [![DriveCeption](screenshots/driveception.png)](https://driveception.gweb.io/)
 9 | 
10 | A blog that uses Google Docs publish functionality to publish articles. Write an article with Google Docs and publish it, nothing else. The site itself is stored and hosted on Google Drive.


--------------------------------------------------------------------------------
/source/blog/2014-11-11-home-assistant.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Home Assistant
 3 | url: https://home-assistant.io/demo/
 4 | date: 2014-11-11
 5 | tags: core-header-panel, core-toolbar, paper-toast, paper-dialog, paper-button, core-tooltip, paper-input, core-menu, core-item, core-icons, paper-toggle-button, paper-tabs, paper-icon-button, paper-menu-button, paper-item
 6 | ---
 7 | 
 8 | [![Home Assistant](screenshots/home-assistant.png)](https://home-assistant.io/demo/)
 9 | 
10 | Home Automation platform that uses Polymer to provide a responsive front-end for phones, tablets and the web. [View the source code.](https://github.com/balloob/home-assistant)


--------------------------------------------------------------------------------
/source/blog/2014-12-12-polymer-mail.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Polymer Mail
 3 | url: https://poly-mail.appspot.com/
 4 | date: 2014-12-12
 5 | tags: core-a11y-keys, core-drawer-panel, core-header-panel, core-icon, core-media-query, core-menu, core-overlay, core-scroll-header-panel, core-selection, core-selector, core-signals, core-style, core-toolbar, google-client-api, google-signin, material-search, paper-dropdown, paper-fab, paper-icon-button, paper-item, paper-menu-button, paper-ripple, paper-shadow, paper-spinner, paper-toast
 6 | ---
 7 | 
 8 | [![Polymer Mail](screenshots/poly-inbox.png)](https://poly-mail.appspot.com/)
 9 | 
10 | Polymer Mail is an example app built by Eric Bidelman showcasing material design used in the new Gmail app for Android. It takes advantage of `google-signin` and `google-client-api` to populate your inbox. [View the source code.](https://github.com/ebidel/polymer-gmail)


--------------------------------------------------------------------------------
/source/blog/2015-01-21-kitteh-anonymous.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Kitteh Anonymous
 3 | url: http://pubnub.github.io/paper-chat
 4 | date: 2015-01-21
 5 | tags: core-scaffold, core-item, paper-input, aper-fab, pubnub-element
 6 | ---
 7 | 
 8 | [![Kitteh Anonymous Chat powered by PubNub](screenshots/kitteh-anonymous.png)](http://pubnub.github.io/paper-chat)
 9 | 
10 | Kitteh Anonymous is an anonymous chat room in Material Design, build by Tomomi Imura. The app was created as a demo for a [step-by-step tutorial](http://www.pubnub.com/blog/creating-a-polymer-chat-app-with-material-design/) to show how to create a simple chat app using [PubNub data stream](http://pubnub.com) for Polymer, and Paper Elements to achieve beautiful Material Design user-experiences.


--------------------------------------------------------------------------------
/source/blog/2015-02-19-tabbie.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Tabbie
 3 | url: https://chrome.google.com/webstore/detail/tabbie/kckhddfnffeofnfjcpdffpeiljicclbd
 4 | date: 2015-02-19
 5 | tags: paper-dialog, core-toolbar, time-ago, paper-fab, paper-progress, paper-toast, paper-dropdown, fullscreen-dialog, fab-anim, paper-progress
 6 | ---
 7 | 
 8 | [![Tabbie](screenshots/tabbie.jpg)](https://chrome.google.com/webstore/detail/tabbie/kckhddfnffeofnfjcpdffpeiljicclbd)
 9 | 
10 | [Tabbie](https://chrome.google.com/webstore/detail/tabbie/kckhddfnffeofnfjcpdffpeiljicclbd) is a Chrome extension that keeps you informed, inspired, and up to date across a variety of communities. It replaces the New Tab page with your favorite websites. The developer Jari Zwarts made Tabbie for a fully customizable experience and to showcase Polymer + Material Design on the desktop. With beautiful design and smooth animation, Tabbie follows Google's design principles to the bone. Sites like Hacker News, GitHub, Dribbble, Designer News, and Behance are currently supported with more to come soon.


--------------------------------------------------------------------------------
/source/blog/2015-02-24-daily-stock-forecast.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Daily Stock Forecast
 3 | url: http://1.daily-stock-forecast.appspot.com/
 4 | date: 2015-02-24
 5 | tags: core-header-panel, core-toolbar, core-icons, core-icon-button, core-input, device-icons, paper-tabs, paper-menu-button, paper-icon-button, paper-dialog, paper-input, paper-ripple
 6 | ---
 7 | 
 8 | [![Daily Stock Forecast](screenshots/daily-stock-forecast.png)](http://1.daily-stock-forecast.appspot.com)
 9 | 
10 | Daily Stock Forecast is an experimental service for day trading professionals built with Polymer and Material Design. Using historical stock prices and machine learning, DSF forecasts the next day's open, close, high, and low stock prices. DSF is open source and [can be found on GitHub](https://github.com/DMTSource/daily-stock-forecast).


--------------------------------------------------------------------------------
/source/blog/2015-03-03-sidlee-dashboard.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Sid Lee Paris Dashboard
 3 | url: http://dashboard.sidlee.com
 4 | date: 2015-03-03
 5 | tags: core-media-query
 6 | ---
 7 | 
 8 | [![Sid Lee Paris Dashboard](screenshots/dashboard.png)](http://dashboard.sidlee.com)
 9 | 
10 | This dashboard shows the daily activity of creative agency [Sid Lee](http://www.sidlee.com)'s office in Paris. All the data is real time and collected through Arduino sensors. Art Direction by [Playground Paris](http://playgroundparis.com).
11 | 


--------------------------------------------------------------------------------
/source/blog/2015-03-16-bithound.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: bitHound 
 3 | url: https://www.bithound.io 
 4 | date: 2015-03-16
 5 | tags:  
 6 | ---
 7 | 
 8 | [![bitHound](screenshots/bithound.png)](https://www.bithound.io)
 9 | 
10 | [bitHound](https://www.bithound.io) helps developers build resilient and remarkable software by offering actionable insights for public and private repositories. Custom components are used extensively on the front-end of the app for everything from buttons to a project's scorecard.
11 | 


--------------------------------------------------------------------------------
/source/components/mailchimp-subscribe/mailchimp-subscribe.html:
--------------------------------------------------------------------------------
 1 | <link rel="import" href="../../bower_components/polymer/polymer.html">
 2 | <link rel="import" href="../../bower_components/polymer-jsonp/polymer-jsonp.html">
 3 | <link rel="import" href="../../bower_components/juicy-html/juicy-html.html">
 4 | 
 5 | <polymer-element name="mailchimp-subscribe" attributes="url">
 6 | 
 7 |   <template>
 8 |     <style>
 9 |       input {
10 |         width: 100%;
11 |         margin: 0 0 10px !important;
12 |         box-sizing: border-box;
13 |       }
14 |       .response {
15 |         font-size: 11px;
16 |         line-height: 16px;
17 |       }
18 |       .response.error {
19 |         color: red;
20 |       }
21 |       .response.success {
22 |         color: green;
23 |       }
24 |     </style>
25 | 
26 |     <polymer-jsonp id="subscribeRequest" url="{{formattedUrl}}" response="{{subscribeResponse}}"></polymer-jsonp>
27 | 
28 |     <p class="response {{subscribeResponse.result}}"><template is="juicy-html" content="{{subscribeResponse.msg}}"></template></p>
29 | 
30 |     <form action="{{url}}" method="post" on-submit="{{submitForm}}">
31 |       <input type="text" id="email" name="email" placeholder="Email address">
32 |       <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups -->
33 |       <div style="position: absolute; left: -5000px;"><input type="text" name="b_b2f916c997005ec8cbb1b1726_0c341f00fc" tabindex="-1" value=""></div>
34 |       <button type="submit">Subscribe</button>
35 |     </form>
36 | 
37 |   </template>
38 | 
39 |   <script>
40 |     Polymer({
41 |       submitForm: function(event) {
42 |         event.preventDefault();
43 | 
44 |         if (this.$.email.value.length) {
45 |           this.$.subscribeRequest.url = this.url.replace('post', 'post-json') + '&EMAIL=' + this.$.email.value + '&c=';
46 |           this.$.subscribeRequest.go();
47 |         } else {
48 |           this.$.email.focus();
49 |         }
50 |       }
51 |     });
52 |   </script>
53 | 
54 | </polymer-element>


--------------------------------------------------------------------------------
/source/components/ui-search-results/ui-search-results.html:
--------------------------------------------------------------------------------
 1 | <link rel="import" href="../../bower_components/polymer/polymer.html">
 2 | <link rel="import" href="../../bower_components/core-signals/core-signals.html">
 3 | <link rel="import" href="../../bower_components/juicy-html/juicy-html.html">
 4 | 
 5 | <polymer-element name="ui-search-results">
 6 | 
 7 |   <template>
 8 |     <style>
 9 |       h1 {
10 |         margin: 0 0 40px;
11 |       }
12 |       a {
13 |         text-decoration: none;
14 |       }
15 |       h2 a {
16 |         color: #333;
17 |       }
18 |       h2 a:hover {
19 |         color: #FF4081;
20 |         border-bottom: 2px solid #fcf0fe;
21 |       }
22 |       img {
23 |         width: 100%;
24 |       }
25 |     </style>
26 | 
27 |     <core-signals on-core-signal-search="{{searchSignal}}"></core-signals>
28 | 
29 |     <h1>Search Results for "{{query}}"</h1>
30 | 
31 |     <template repeat="{{post in results}}">
32 |       <div class="post">
33 |         <div layout center horizontal class="title">
34 |           <h2 flex><a href="{{post.url}}" target="_blank">{{post.title}}</a></h2>
35 |           <span class="date">{{post.date}}</span>
36 |         </div>
37 |         <div class="description"><template is="juicy-html" content="{{post.content}}"></template></div>
38 |       </div>
39 |     </template>
40 | 
41 |     <template if="{{!results.length}}">
42 |       <p>No results were found.</p>
43 |     </template>
44 |   </template>
45 | 
46 |   <script>
47 |     Polymer({
48 |       searchSignal: function(event, response) {
49 |         var content = document.querySelector('#content');
50 |         this.query = response.query;
51 |         this.results = response.results;
52 | 
53 |         if (this.query.length) {
54 |           content.style.display = 'none';
55 |           this.style.display = 'block';
56 |         } else {
57 |           content.style.display = 'block';
58 |           this.style.display = 'none';
59 |         }
60 |       }
61 |     });
62 |   </script>
63 | 
64 | </polymer-element>


--------------------------------------------------------------------------------
/source/components/ui-search/ui-search.html:
--------------------------------------------------------------------------------
 1 | <link rel="import" href="../../bower_components/polymer/polymer.html">
 2 | <link rel="import" href="../../bower_components/core-ajax/core-ajax.html">
 3 | <link rel="import" href="../../bower_components/core-signals/core-signals.html">
 4 | <script src="../../bower_components/lodash/dist/lodash.min.js"></script>
 5 | 
 6 | <polymer-element name="ui-search" attributes="id name placeholder json">
 7 | 
 8 |   <template>
 9 |     <core-ajax auto url="{{json}}" handleAs="json" on-core-response="{{handleResults}}"></core-ajax>
10 | 
11 |     <form action="/search" method="post">
12 |       <input id="{{id}}" type="search" name="{{name}}" placeholder="{{placeholder}}" on-keyup="{{keyupHandler}}">
13 |     </form>
14 |   </template>
15 | 
16 |   <script>
17 |     Polymer({
18 |       id: 'search',
19 |       name: 'q',
20 |       json: '/entries.json',
21 |       placeholder: 'Search...',
22 | 
23 |       handleResults: function(event, data) {
24 |         this.posts = data.response;
25 |       },
26 | 
27 |       keyupHandler: function(event, detail, sender) {
28 |         if(event.which === 27) sender.value = '';
29 |         var query = sender.value.toLowerCase();
30 |         var results = _.filter(this.posts, function(post) {
31 |           return _.contains(post.title.toLowerCase(), query) || _.contains(post.content.toLowerCase(), query) || _.contains(post.tags, query);
32 |         });
33 |         this.fire('core-signal', { name: 'search', data: { query: sender.value, results: results } });
34 |       }
35 |     });
36 |   </script>
37 | 
38 | </polymer-element>


--------------------------------------------------------------------------------
/source/element.html.erb:
--------------------------------------------------------------------------------
 1 | ---
 2 | pageable: true
 3 | per_page: 10
 4 | ---
 5 | <% set_meta_tags title: "Sites Using #{tagname}" %>
 6 | <% set_meta_tags description: "Collection of Polymer web apps and websites using #{tagname}." %>
 7 | <h1>Sites Using &lt;<%= tagname %>&gt;</h1>
 8 | <p>A collection of Polymer web apps and websites using &lt;<%= tagname %>&gt;.</p>
 9 | 
10 | <ul class="post-list">
11 |   <% page_articles.each_with_index do |article, i| %>
12 |     <li>
13 |       <div horizontal layout>
14 |         <div flex>
15 |           <%= link_to article.title, article %>
16 |         </div>
17 |         <div>
18 |           <span class="date"><%= article.date.strftime('%b %e') %></span>
19 |         </div>
20 |       </div>
21 |       <div class="description">
22 |         <%= article.body %>
23 |       </div>
24 |     </li>
25 |   <% end %>
26 | </ul>
27 | 
28 | <% if paginate %>
29 |   <% if next_page %>
30 |     <p><%= link_to 'Next page', next_page %></p>
31 |   <% end %>
32 | <% end %>


--------------------------------------------------------------------------------
/source/elements.html.erb:
--------------------------------------------------------------------------------
 1 | <% set_meta_tags title: "Elements" %>
 2 | <% set_meta_tags description: "Browse custom elements used in Polymer projects." %>
 3 | 
 4 | <h1>Elements</h1>
 5 | 
 6 | <ul>
 7 | <% blog.tags.each do |tag, articles| %>
 8 |   <li><%= link_to "#{tag} (#{articles.size})", tag_path(tag) %></li>
 9 | <% end %>
10 | </ul>


--------------------------------------------------------------------------------
/source/entries.json.erb:
--------------------------------------------------------------------------------
 1 | <%
 2 | entries = []
 3 | blog.articles.each do |article|
 4 |   entry = {
 5 |     :title => article.title,
 6 |     :date => article.date.strftime("%B #{article.date.day.ordinalize}"),
 7 |     :url => article.data.url,
 8 |     :commentsUrl => article.url,
 9 |     :content => article.body,
10 |     :tags => article.tags
11 |   }
12 |   entries << entry
13 | end
14 | %><%=entries.to_json %>


--------------------------------------------------------------------------------
/source/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/favicon.ico


--------------------------------------------------------------------------------
/source/feed.xml.builder:
--------------------------------------------------------------------------------
 1 | xml.instruct!
 2 | xml.feed "xmlns" => "http://www.w3.org/2005/Atom" do
 3 |   site_url = "http://www.builtwithpolymer.org"
 4 |   xml.title "Built with Polymer"
 5 |   xml.subtitle "Check out the latest web apps and sites using Polymer!"
 6 |   xml.id URI.join(site_url, blog.options.prefix.to_s)
 7 |   xml.link "href" => URI.join(site_url, blog.options.prefix.to_s)
 8 |   xml.link "href" => URI.join(site_url, current_page.path), "rel" => "self"
 9 |   xml.updated(blog.articles.first.date.to_time.iso8601) unless blog.articles.empty?
10 |   xml.author { xml.name "Jake Johnson" }
11 | 
12 |   blog.articles[0..5].each do |article|
13 |     xml.entry do
14 |       xml.title article.title
15 |       xml.link "rel" => "alternate", "href" => URI.join(site_url, article.url)
16 |       xml.id URI.join(site_url, article.url)
17 |       xml.published article.date.to_time.iso8601
18 |       xml.updated File.mtime(article.source_file).iso8601
19 |       xml.author { xml.name "Jake Johnson" }
20 |       # xml.summary article.summary, "type" => "html"
21 |       xml.content article.body, "type" => "html"
22 |     end
23 |   end
24 | end
25 | 


--------------------------------------------------------------------------------
/source/images/chrome.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="15.5 15.5 224.5 224.5">
 2 |   <defs>
 3 |     <radialGradient cy="0" cx="0.5" id="r">
 4 |      <stop stop-color="#f06b59"/>
 5 |      <stop offset="1" stop-color="#df2227"/>
 6 |     </radialGradient>
 7 |     <radialGradient r="0.76" cy="0.3" cx="0.65" id="g">
 8 |      <stop offset="0.65" stop-color="#4cb749"/>
 9 |      <stop offset="1" stop-color="#388b41"/>
10 |     </radialGradient>
11 |     <radialGradient r="0.8" cy="0.25" cx="0.36" id="y">
12 |      <stop offset="0.6" stop-color="#FCD209"/>
13 |      <stop offset="0.7" stop-color="#f7c616"/>
14 |      <stop offset="1" stop-color="#bc821e"/>
15 |     </radialGradient>
16 |     <radialGradient r="1" cy="0" cx="0.5" spreadMethod="pad" id="cf">
17 |      <stop offset="0.1" stop-color="#7FB3DF"/>
18 |      <stop offset="0.9" stop-color="#0F5B94"/>
19 |     </radialGradient>
20 |     <radialGradient id="cb" r="1" cy="0" cx="0.5">
21 |      <stop offset="0" stop-color="#F6F0EE"/>
22 |      <stop offset="1" stop-color="#ddd"/>
23 |     </radialGradient>
24 |   </defs>
25 |   <path d="m198,148a70,70 0 0 0 -140,0l20,0a50,50 0 0 1 100,0" fill-opacity="0.1"/>
26 |   <circle r="45" cx="127.5" cy="127.6" fill="url(#cf)" stroke="url(#cb)" stroke-width="9" />
27 |   <path d="m228,78a112,112 0 0 0 -193,-13l45,78a50,50 0 0 1 47,-65" fill="url(#r)"/>
28 |   <path d="m35,65a112,112 0 0 0 84,174l47,-80a50,50 0 0 1 -86,-16" fill="url(#g)"/>
29 |   <path d="m119,239a112,112 0 0 0 109,-161l-101,0a50,50 0 0 1 39,81" fill="url(#y)"/>
30 |   <path d="m35,65l45,78a50,50 0 0 1 2,-34l-45,-47" opacity="0.075"/>
31 |   <path d="m119,239l47,-80a50,50 0 0 1 -29,17l-20,63" opacity="0.05"/>
32 |   <path d="m228,78l-101,0a50,50 0 0 1 39,19l64,-16" opacity="0.05"/>
33 | </svg>


--------------------------------------------------------------------------------
/source/images/github.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 6 | <g>
 7 | 	<path d="M32,16c0,8.8-7.2,16-16,16C7.2,32,0,24.8,0,16C0,7.2,7.2,0,16,0C24.8,0,32,7.2,32,16z M20,29c5.5-1.8,9.5-6.9,9.5-13
 8 | 		c0-7.5-6-13.5-13.5-13.5C8.5,2.5,2.5,8.5,2.5,16c0,6.1,4,11.2,9.5,13v-2.5c-3.9,0.9-4.8-1.8-4.8-1.8c-0.6-1.6-1.5-2-1.5-2
 9 | 		c-1.3-0.9,0.1-0.8,0.1-0.8c1.4,0.1,2.1,1.4,2.1,1.4c1.3,2.2,3.5,1.4,4.2,1.1c0.2-1,1-1.2,1.2-1.3C9.8,22.6,6,21.3,6,15.2
10 | 		c0-1.7,0.6-3.1,1.6-4.2c-0.2-0.4-0.7-2,0.2-4.2c0,0,1.3-0.4,4.3,1.6c1.2-0.3,2.6-0.5,3.9-0.5c1.3,0,2.7,0.2,3.9,0.5
11 | 		c3-2,4.3-1.6,4.3-1.6c0.9,2.2,0.3,3.8,0.2,4.2c1,1.1,1.6,2.5,1.6,4.2c0,6.1-3.8,7.4-7.3,7.8c0.6,0.4,1.3,1.3,1.3,2.8V29z"/>
12 | </g>
13 | </svg>
14 | 


--------------------------------------------------------------------------------
/source/images/polymer.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  5 | 	 viewBox="0 -65 416 416" enable-background="new 0 -65 416 416" xml:space="preserve">
  6 | <g>
  7 | 	<g>
  8 | 		<g enable-background="new    ">
  9 | 			<g>
 10 | 				<polygon fill="#4459D1" points="217.5,47.8 217,80.7 159.8,87.8 157.6,54.4 				"/>
 11 | 			</g>
 12 | 			<g>
 13 | 				<polygon fill="#475DD8" points="94,61.3 217.5,47.8 157.6,54.4 				"/>
 14 | 			</g>
 15 | 			<g>
 16 | 				<polygon fill="#4459D1" points="157.6,54.4 159.8,87.8 99.3,95.4 94,61.3 				"/>
 17 | 			</g>
 18 | 			<g>
 19 | 				<polygon fill="#5569D7" points="217.5,47.8 217,80.7 201.6,109.7 201.3,74.5 				"/>
 20 | 			</g>
 21 | 			<g>
 22 | 				<polygon fill="#6071D0" points="264.9,66.8 262.1,101.3 201.6,109.7 201.3,74.5 				"/>
 23 | 			</g>
 24 | 			<g>
 25 | 				<polygon fill="#5366D0" points="201.3,74.5 201.6,109.7 159.8,87.8 157.6,54.4 				"/>
 26 | 			</g>
 27 | 			<g>
 28 | 				<polygon fill="#5669D8" points="217.5,47.8 201.3,74.5 157.6,54.4 				"/>
 29 | 			</g>
 30 | 			<g>
 31 | 				<polygon fill="#6375D8" points="264.9,66.8 201.3,74.5 217.5,47.8 				"/>
 32 | 			</g>
 33 | 			<g>
 34 | 				<polygon fill="#4053C2" points="157.6,54.4 133.6,82.7 94,61.3 				"/>
 35 | 			</g>
 36 | 			<g>
 37 | 				<polygon fill="#4053C1" points="157.6,54.4 159.8,87.8 137.3,118.6 133.6,82.7 				"/>
 38 | 			</g>
 39 | 			<g>
 40 | 				<polygon fill="#4459D0" points="201.3,74.5 201.6,109.7 137.3,118.6 133.6,82.7 				"/>
 41 | 			</g>
 42 | 			<g>
 43 | 				<polygon fill="#3E50BB" points="133.6,82.7 137.3,118.6 99.3,95.4 94,61.3 				"/>
 44 | 			</g>
 45 | 			<g>
 46 | 				<polygon fill="#475DD8" points="201.3,74.5 133.6,82.7 157.6,54.4 				"/>
 47 | 			</g>
 48 | 			<g>
 49 | 				<polygon fill="#4459D0" points="264.9,66.8 262.1,101.3 137.3,118.6 133.6,82.7 				"/>
 50 | 			</g>
 51 | 			<g>
 52 | 				<polygon fill="#475DD8" points="201.3,74.5 264.9,66.8 133.6,82.7 				"/>
 53 | 			</g>
 54 | 			<g>
 55 | 				<polygon fill="#3647A7" points="133.6,82.7 137.3,118.6 68.9,128.1 61.2,91.5 				"/>
 56 | 			</g>
 57 | 			<g>
 58 | 				<polygon fill="#4459D0" points="133.6,82.7 137.3,118.6 68.9,128.1 61.2,91.5 				"/>
 59 | 			</g>
 60 | 			<g>
 61 | 				<polygon fill="#384AAC" points="133.6,82.7 61.2,91.5 94,61.3 				"/>
 62 | 			</g>
 63 | 			<g>
 64 | 				<polygon opacity="0.102" fill="#D1D1D1" points="320.8,89.2 314.8,125.5 250.7,135.4 253.3,98.4 				"/>
 65 | 			</g>
 66 | 			<g>
 67 | 				<polygon opacity="0.102" points="253.3,98.4 250.7,135.4 215.8,140.9 216.3,103.5 				"/>
 68 | 			</g>
 69 | 			<g>
 70 | 				<polygon fill="#D1346A" points="216.3,103.5 215.8,140.9 182.2,146.1 180.8,108.3 				"/>
 71 | 			</g>
 72 | 			<g>
 73 | 				<polygon fill="#293587" points="133.6,82.7 137.3,118.6 108.9,157.4 102.9,119 				"/>
 74 | 			</g>
 75 | 			<g>
 76 | 				<polygon fill="#D9366E" points="216.3,103.5 180.8,108.3 108.7,118.2 				"/>
 77 | 			</g>
 78 | 			<g>
 79 | 				<polygon fill="#D1346A" points="180.8,108.3 182.2,146.1 114.3,156.6 108.7,118.2 				"/>
 80 | 			</g>
 81 | 			<g>
 82 | 				<polygon fill="#293687" points="133.6,82.7 102.9,119 61.2,91.5 				"/>
 83 | 			</g>
 84 | 			<g>
 85 | 				<polygon fill="#273482" points="102.9,119 108.9,157.4 68.9,128.1 61.2,91.5 				"/>
 86 | 			</g>
 87 | 			<g>
 88 | 				<polygon fill="#D1547E" points="315.9,127.3 309.4,166.2 314.8,125.5 320.8,89.2 				"/>
 89 | 			</g>
 90 | 			<g>
 91 | 				<polygon fill="#D14474" points="315.9,127.3 309.4,166.2 250.7,135.4 253.3,98.4 				"/>
 92 | 			</g>
 93 | 			<g>
 94 | 				<polygon fill="#D95783" points="387.9,116.1 315.9,127.3 320.8,89.2 				"/>
 95 | 			</g>
 96 | 			<g>
 97 | 				<polygon fill="#D1547E" points="387.9,116.1 377.4,154.3 309.4,166.2 315.9,127.3 				"/>
 98 | 			</g>
 99 | 			<g>
100 | 				<polygon fill="#D94779" points="320.8,89.2 315.9,127.3 253.3,98.4 				"/>
101 | 			</g>
102 | 			<g>
103 | 				<polygon fill="#A72A54" points="387.9,116.1 377.4,154.3 309.4,166.2 315.9,127.3 				"/>
104 | 			</g>
105 | 			<g>
106 | 				<polygon fill="#D1346A" points="315.9,127.3 315.9,127.3 315.9,127.3 				"/>
107 | 			</g>
108 | 			<g>
109 | 				<polygon fill="#D1346A" points="315.9,127.3 309.4,166.2 309.4,166.2 315.9,127.3 				"/>
110 | 			</g>
111 | 			<g>
112 | 				
113 | 					<rect x="293" y="146.8" transform="matrix(0.1654 -0.9862 0.9862 0.1654 116.2149 430.8421)" fill="#D1346A" width="39.4" height="0"/>
114 | 			</g>
115 | 			<g>
116 | 				<polygon opacity="0.502" points="102.9,119 108.9,157.4 30.2,169.6 18.9,130.4 				"/>
117 | 			</g>
118 | 			<g>
119 | 				<polygon fill="#1F2968" points="102.9,119 108.9,157.4 30.2,169.6 18.9,130.4 				"/>
120 | 			</g>
121 | 			<g>
122 | 				<polygon fill="#202A6C" points="102.9,119 18.9,130.4 61.2,91.5 				"/>
123 | 			</g>
124 | 			<g>
125 | 				<polygon fill="#C13062" points="253.3,98.4 250.7,135.4 236.2,179 238.2,139.4 				"/>
126 | 			</g>
127 | 			<g>
128 | 				<polygon fill="#D1346A" points="315.9,127.3 309.4,166.2 236.2,179 238.2,139.4 				"/>
129 | 			</g>
130 | 			<g>
131 | 				<polygon fill="#C33063" points="253.3,98.4 238.2,139.4 180.8,108.3 216.3,103.5 				"/>
132 | 			</g>
133 | 			<g>
134 | 				<polygon fill="#BC2F5F" points="238.2,139.4 236.2,179 182.2,146.1 180.8,108.3 				"/>
135 | 			</g>
136 | 			<g>
137 | 				<polygon fill="#D9366E" points="315.9,127.3 238.2,139.4 253.3,98.4 				"/>
138 | 			</g>
139 | 			<g>
140 | 				<polygon fill="#97264C" points="180.8,108.3 154,152.6 102.9,119 108.7,118.2 				"/>
141 | 			</g>
142 | 			<g>
143 | 				<polygon fill="#96264C" points="180.8,108.3 182.2,146.1 157.3,192.9 154,152.6 				"/>
144 | 			</g>
145 | 			<g>
146 | 				<polygon fill="#AD2B58" points="238.2,139.4 154,152.6 180.8,108.3 				"/>
147 | 			</g>
148 | 			<g>
149 | 				<polygon fill="#A72A54" points="238.2,139.4 236.2,179 157.3,192.9 154,152.6 				"/>
150 | 			</g>
151 | 			<g>
152 | 				<polygon fill="#92254A" points="154,152.6 157.3,192.9 108.9,157.4 102.9,119 				"/>
153 | 			</g>
154 | 			<g>
155 | 				<polygon fill="#58162C" points="154,152.6 157.3,192.9 108.9,157.4 102.9,119 				"/>
156 | 			</g>
157 | 			<g>
158 | 				<polygon fill="#293577" points="393,162.8 380.7,203.6 309.4,166.2 315.9,127.3 				"/>
159 | 			</g>
160 | 			<g>
161 | 				<polygon fill="#2A377B" points="387.9,116.1 393,162.8 315.9,127.3 				"/>
162 | 			</g>
163 | 			<g>
164 | 				<polygon fill="#401020" points="102.9,119 108.9,157.4 72,207.9 62.4,166.8 				"/>
165 | 			</g>
166 | 			<g>
167 | 				<polygon fill="#6C1B36" points="102.9,119 108.9,157.4 72,207.9 62.4,166.8 				"/>
168 | 			</g>
169 | 			<g>
170 | 				<polygon fill="#D9366E" points="315.9,127.3 62.4,166.8 154,152.6 238.2,139.4 				"/>
171 | 			</g>
172 | 			<g>
173 | 				<polygon fill="#7D1F3F" points="154,152.6 157.3,192.9 72,207.9 62.4,166.8 				"/>
174 | 			</g>
175 | 			<g>
176 | 				<polygon fill="#D1346A" points="315.9,127.3 309.4,166.2 72,207.9 62.4,166.8 				"/>
177 | 			</g>
178 | 			<g>
179 | 				<polygon fill="#822041" points="154,152.6 62.4,166.8 102.9,119 				"/>
180 | 			</g>
181 | 			<g>
182 | 				<polygon fill="#681A34" points="62.4,166.8 72,207.9 30.2,169.6 18.9,130.4 				"/>
183 | 			</g>
184 | 			<g>
185 | 				<polygon fill="#6C1B36" points="102.9,119 62.4,166.8 18.9,130.4 				"/>
186 | 			</g>
187 | 			<g>
188 | 				<polygon fill="#36459A" points="393,162.8 309.4,178 315.9,127.3 				"/>
189 | 			</g>
190 | 			<g>
191 | 				<polygon fill="#344294" points="309.4,178 302.4,219.4 309.4,166.2 315.9,127.3 				"/>
192 | 			</g>
193 | 			<g>
194 | 				<polygon fill="#344294" points="393,162.8 380.7,203.6 302.4,219.4 309.4,178 				"/>
195 | 			</g>
196 | 			<g>
197 | 				<polygon fill="#636EA6" points="393,162.8 380.7,203.6 302.4,219.4 309.4,178 				"/>
198 | 			</g>
199 | 			<g>
200 | 				<polygon fill="#636EA6" points="309.4,178 302.4,219.4 217.1,236.7 218,194.6 				"/>
201 | 			</g>
202 | 			<g>
203 | 				<polygon fill="#636EA6" points="218,194.6 217.1,236.7 124,255.5 117.4,212.9 				"/>
204 | 			</g>
205 | 			<g>
206 | 				<polygon fill="#6772AC" points="309.4,178 218,194.6 117.4,212.9 				"/>
207 | 			</g>
208 | 			<g>
209 | 				<polygon fill="#7E86B5" points="393,162.8 400.2,227.2 309.4,178 				"/>
210 | 			</g>
211 | 			<g>
212 | 				<polygon fill="#7982AF" points="400.2,227.2 385.2,270 302.4,219.4 309.4,178 				"/>
213 | 			</g>
214 | 			<g>
215 | 				<polygon fill="#6F78AB" points="400.2,227.2 385.2,270 292.7,292 300.4,248.8 				"/>
216 | 			</g>
217 | 			<g>
218 | 				<polygon fill="#737CB1" points="400.2,227.2 300.4,248.8 309.4,178 				"/>
219 | 			</g>
220 | 			<g>
221 | 				<polygon fill="#6F78AB" points="300.4,248.8 292.7,292 302.4,219.4 309.4,178 				"/>
222 | 			</g>
223 | 			<g>
224 | 				<polygon fill="#6772AC" points="309.4,178 300.4,248.8 218,194.6 				"/>
225 | 			</g>
226 | 			<g>
227 | 				<polygon fill="#636EA6" points="300.4,248.8 292.7,292 217.1,236.7 218,194.6 				"/>
228 | 			</g>
229 | 			<g>
230 | 				<polygon fill="#525A88" points="218,194.6 217.1,236.7 190.6,316.4 189.2,273 				"/>
231 | 			</g>
232 | 			<g>
233 | 				<polygon fill="#596295" points="300.4,248.8 292.7,292 190.6,316.4 189.2,273 				"/>
234 | 			</g>
235 | 			<g>
236 | 				<polygon fill="#636EA6" points="400.2,227.2 385.2,270 190.6,316.4 189.2,273 				"/>
237 | 			</g>
238 | 			<g>
239 | 				<polygon fill="#6772AC" points="300.4,248.8 400.2,227.2 189.2,273 				"/>
240 | 			</g>
241 | 			<g>
242 | 				<polygon fill="#5D669B" points="300.4,248.8 189.2,273 218,194.6 				"/>
243 | 			</g>
244 | 			<g>
245 | 				<polygon fill="#525B8A" points="218,194.6 189.2,273 117.4,212.9 				"/>
246 | 			</g>
247 | 			<g>
248 | 				<polygon fill="#505885" points="189.2,273 190.6,316.4 124,255.5 117.4,212.9 				"/>
249 | 			</g>
250 | 		</g>
251 | 	</g>
252 | </g>
253 | <g display="none">
254 | 	<g display="inline">
255 | 		<polygon fill="#303F9F" points="84.2,143 42.9,214.5 84.2,286 166.7,286 		"/>
256 | 		<polygon fill="#3F51B5" points="331.8,0 249.3,0 331.8,143 373.1,71.5 		"/>
257 | 		<polygon fill="#7986CB" points="373.1,71.5 249.3,286 331.8,286 414.4,143 		"/>
258 | 		<polygon fill="#536DFE" points="84.2,0 1.6,143 42.9,214.5 166.7,0 		"/>
259 | 		<polygon fill-opacity="0.5" points="249.3,0 290.6,71.5 331.8,0 		"/>
260 | 		<polygon fill-opacity="0.5" points="84.2,286 125.4,214.5 166.7,286 		"/>
261 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="84.2,0 125.4,71.5 166.7,0 		"/>
262 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="42.9,71.5 84.2,0 125.4,71.5 		"/>
263 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="42.9,71.5 84.2,143 125.4,71.5 		"/>
264 | 		<polygon fill-opacity="0.1" points="1.6,143 42.9,71.5 84.2,143 		"/>
265 | 		<polygon fill-opacity="0.2" points="1.6,143 42.9,214.5 84.2,143 		"/>
266 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="125.4,214.5 84.2,143 42.9,214.5 		"/>
267 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="373.1,71.5 331.8,143 290.6,71.5 		"/>
268 | 		<g>
269 | 			<polygon fill="#FFFFFF" fill-opacity="0.2" points="331.8,143 373.1,71.5 414.4,143 			"/>
270 | 			<polygon fill="#FFFFFF" fill-opacity="0.1" points="331.8,143 373.1,214.5 414.4,143 			"/>
271 | 			<polygon fill="#FFFFFF" fill-opacity="0" points="290.6,214.5 331.8,143 373.1,214.5 			"/>
272 | 			<polygon fill-opacity="0.1" points="290.6,214.5 331.8,286 373.1,214.5 			"/>
273 | 			<polygon fill-opacity="0.2" points="249.3,286 290.6,214.5 331.8,286 			"/>
274 | 		</g>
275 | 		<polygon fill-opacity="0.2" points="125.4,214.5 84.2,286 42.9,214.5 		"/>
276 | 		<polygon fill-opacity="0.2" points="373.1,71.5 331.8,0 290.6,71.5 		"/>
277 | 	</g>
278 | 	<rect y="-65" display="inline" fill="none" width="416" height="416"/>
279 | </g>
280 | <g display="none">
281 | 	<g display="inline">
282 | 		<polygon fill="#FF4081" points="249.3,0 84.2,286 166.7,286 331.8,0 		"/>
283 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="249.3,0 290.6,71.5 331.8,0 		"/>
284 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="208,71.5 249.3,0 290.6,71.5 		"/>
285 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="208,71.5 249.3,143 290.6,71.5 		"/>
286 | 		<polygon fill-opacity="0.2" points="166.7,143 208,214.5 249.3,143 		"/>
287 | 		<polygon fill-opacity="0.3" points="125.4,214.5 166.7,143 208,214.5 		"/>
288 | 		<polygon fill-opacity="0.4" points="125.4,214.5 166.7,286 208,214.5 		"/>
289 | 		<polygon fill-opacity="0.5" points="84.2,286 125.4,214.5 166.7,286 		"/>
290 | 		<polygon fill-opacity="0.1" points="166.7,143 208,71.5 249.3,143 		"/>
291 | 	</g>
292 | 	<g display="inline">
293 | 		<polygon fill="#FF4081" points="331.8,0 166.7,286 249.3,286 373.1,71.5 		"/>
294 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="290.6,71.5 331.8,0 373.1,71.5 		"/>
295 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="290.6,71.5 331.8,143 373.1,71.5 		"/>
296 | 		<polygon fill-opacity="0.2" points="249.3,143 290.6,214.5 331.8,143 		"/>
297 | 		<polygon fill-opacity="0.3" points="208,214.5 249.3,143 290.6,214.5 		"/>
298 | 		<polygon fill-opacity="0.4" points="208,214.5 249.3,286 290.6,214.5 		"/>
299 | 		<polygon fill-opacity="0.5" points="166.7,286 208,214.5 249.3,286 		"/>
300 | 		<polygon fill-opacity="0.1" points="249.3,143 290.6,71.5 331.8,143 		"/>
301 | 	</g>
302 | 	<g display="inline">
303 | 		<polygon fill="#FF4081" points="166.7,0 42.9,214.5 84.2,286 249.3,0 		"/>
304 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="166.7,0 208,71.5 249.3,0 		"/>
305 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="125.4,71.5 166.7,0 208,71.5 		"/>
306 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="125.4,71.5 166.7,143 208,71.5 		"/>
307 | 		<polygon fill-opacity="0.2" points="84.2,143 125.4,214.5 166.7,143 		"/>
308 | 		<polygon fill-opacity="0.3" points="42.9,214.5 84.2,143 125.4,214.5 		"/>
309 | 		<polygon fill-opacity="0.4" points="42.9,214.5 84.2,286 125.4,214.5 		"/>
310 | 		<polygon fill-opacity="0.1" points="84.2,143 125.4,71.5 166.7,143 		"/>
311 | 	</g>
312 | 	<rect y="-65" display="inline" fill="none" width="416" height="416"/>
313 | 	<g display="inline">
314 | 		<polygon fill="#303F9F" points="84.2,143 42.9,214.5 84.2,286 166.7,286 		"/>
315 | 		<polygon fill="#3F51B5" points="331.8,0 249.3,0 331.8,143 373.1,71.5 		"/>
316 | 		<polygon fill="#7986CB" points="373.1,71.5 249.3,286 331.8,286 414.4,143 		"/>
317 | 		<polygon fill="#536DFE" points="84.2,0 1.6,143 42.9,214.5 166.7,0 		"/>
318 | 		<polygon fill-opacity="0.5" points="249.3,0 290.6,71.5 331.8,0 		"/>
319 | 		<polygon fill-opacity="0.5" points="84.2,286 125.4,214.5 166.7,286 		"/>
320 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="84.2,0 125.4,71.5 166.7,0 		"/>
321 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="42.9,71.5 84.2,0 125.4,71.5 		"/>
322 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="42.9,71.5 84.2,143 125.4,71.5 		"/>
323 | 		<polygon fill-opacity="0.1" points="1.6,143 42.9,71.5 84.2,143 		"/>
324 | 		<polygon fill-opacity="0.2" points="1.6,143 42.9,214.5 84.2,143 		"/>
325 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="125.4,214.5 84.2,143 42.9,214.5 		"/>
326 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="373.1,71.5 331.8,143 290.6,71.5 		"/>
327 | 		<g>
328 | 			<polygon fill="#FFFFFF" fill-opacity="0.2" points="331.8,143 373.1,71.5 414.4,143 			"/>
329 | 			<polygon fill="#FFFFFF" fill-opacity="0.1" points="331.8,143 373.1,214.5 414.4,143 			"/>
330 | 			<polygon fill="#FFFFFF" fill-opacity="0" points="290.6,214.5 331.8,143 373.1,214.5 			"/>
331 | 			<polygon fill-opacity="0.1" points="290.6,214.5 331.8,286 373.1,214.5 			"/>
332 | 			<polygon fill-opacity="0.2" points="249.3,286 290.6,214.5 331.8,286 			"/>
333 | 		</g>
334 | 		<polygon fill-opacity="0.2" points="125.4,214.5 84.2,286 42.9,214.5 		"/>
335 | 		<polygon fill-opacity="0.2" points="373.1,71.5 331.8,0 290.6,71.5 		"/>
336 | 	</g>
337 | </g>
338 | <g display="none">
339 | 	<g display="inline">
340 | 		<polygon fill="#9F499B" points="249.3,0 84.2,286 166.7,286 331.8,0 		"/>
341 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="249.3,0 290.6,71.5 331.8,0 		"/>
342 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="208,71.5 249.3,0 290.6,71.5 		"/>
343 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="208,71.5 249.3,143 290.6,71.5 		"/>
344 | 		<polygon fill-opacity="0.2" points="166.7,143 208,214.5 249.3,143 		"/>
345 | 		<polygon fill-opacity="0.3" points="125.4,214.5 166.7,143 208,214.5 		"/>
346 | 		<polygon fill-opacity="0.4" points="125.4,214.5 166.7,286 208,214.5 		"/>
347 | 		<polygon fill-opacity="0.5" points="84.2,286 125.4,214.5 166.7,286 		"/>
348 | 		<polygon fill-opacity="0.1" points="166.7,143 208,71.5 249.3,143 		"/>
349 | 	</g>
350 | 	<g display="inline">
351 | 		<polygon fill="#9F499B" points="331.8,0 166.7,286 249.3,286 373.1,71.5 		"/>
352 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="290.6,71.5 331.8,0 373.1,71.5 		"/>
353 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="290.6,71.5 331.8,143 373.1,71.5 		"/>
354 | 		<polygon fill-opacity="0.2" points="249.3,143 290.6,214.5 331.8,143 		"/>
355 | 		<polygon fill-opacity="0.3" points="208,214.5 249.3,143 290.6,214.5 		"/>
356 | 		<polygon fill-opacity="0.4" points="208,214.5 249.3,286 290.6,214.5 		"/>
357 | 		<polygon fill-opacity="0.5" points="166.7,286 208,214.5 249.3,286 		"/>
358 | 		<polygon fill-opacity="0.1" points="249.3,143 290.6,71.5 331.8,143 		"/>
359 | 	</g>
360 | 	<g display="inline">
361 | 		<polygon fill="#9F499B" points="373.1,71.5 249.3,286 331.8,286 414.4,143 		"/>
362 | 		<polygon fill-opacity="0.2" points="331.8,143 373.1,214.5 414.4,143 		"/>
363 | 		<polygon fill-opacity="0.3" points="290.6,214.5 331.8,143 373.1,214.5 		"/>
364 | 		<polygon fill-opacity="0.4" points="290.6,214.5 331.8,286 373.1,214.5 		"/>
365 | 		<polygon fill-opacity="0.5" points="249.3,286 290.6,214.5 331.8,286 		"/>
366 | 		<polygon fill-opacity="0.1" points="331.8,143 373.1,71.5 414.4,143 		"/>
367 | 	</g>
368 | 	<g display="inline">
369 | 		<polygon fill="#9F499B" points="166.7,0 42.9,214.5 84.2,286 249.3,0 		"/>
370 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="166.7,0 208,71.5 249.3,0 		"/>
371 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="125.4,71.5 166.7,0 208,71.5 		"/>
372 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="125.4,71.5 166.7,143 208,71.5 		"/>
373 | 		<polygon fill-opacity="0.2" points="84.2,143 125.4,214.5 166.7,143 		"/>
374 | 		<polygon fill-opacity="0.3" points="42.9,214.5 84.2,143 125.4,214.5 		"/>
375 | 		<polygon fill-opacity="0.4" points="42.9,214.5 84.2,286 125.4,214.5 		"/>
376 | 		<polygon fill-opacity="0.1" points="84.2,143 125.4,71.5 166.7,143 		"/>
377 | 	</g>
378 | 	<g display="inline">
379 | 		<polygon fill="#9F499B" points="84.2,0 1.6,143 42.9,214.5 166.7,0 		"/>
380 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="84.2,0 125.4,71.5 166.7,0 		"/>
381 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="42.9,71.5 84.2,0 125.4,71.5 		"/>
382 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="42.9,71.5 84.2,143 125.4,71.5 		"/>
383 | 		<polygon fill-opacity="0.2" points="1.6,143 42.9,214.5 84.2,143 		"/>
384 | 		<polygon fill-opacity="0.1" points="1.6,143 42.9,71.5 84.2,143 		"/>
385 | 	</g>
386 | 	<rect y="-65" display="inline" fill="none" width="416" height="416"/>
387 | </g>
388 | </svg>
389 | 


--------------------------------------------------------------------------------
/source/images/polymer2.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  5 | 	 viewBox="0 0 416 286" enable-background="new 0 0 416 286" xml:space="preserve">
  6 | <g>
  7 | 	<g>
  8 | 		<g enable-background="new    ">
  9 | 			<g>
 10 | 				<polygon fill="#D1547E" points="318.8,8.2 311.8,29.2 280.7,81.9 285.9,63.6 				"/>
 11 | 			</g>
 12 | 			<g>
 13 | 				<polygon fill="#A72A54" points="318.8,8.2 311.8,29.2 280.7,81.9 285.9,63.6 				"/>
 14 | 			</g>
 15 | 			<g>
 16 | 				<polygon fill="#7287F8" points="171.1,8.2 130.1,63.6 97.2,8.2 				"/>
 17 | 			</g>
 18 | 			<g>
 19 | 				<polygon fill="#F96396" points="318.8,8.2 285.9,63.6 244.9,8.2 				"/>
 20 | 			</g>
 21 | 			<g>
 22 | 				<polygon fill="#D1547E" points="285.9,63.6 280.7,81.9 242.6,29.2 244.9,8.2 				"/>
 23 | 			</g>
 24 | 			<g>
 25 | 				<polygon opacity="0.102" fill="#D1D1D1" points="244.9,8.2 242.6,29.2 208,81.9 208,63.6 				"/>
 26 | 			</g>
 27 | 			<g>
 28 | 				<polygon fill="#F9518A" points="244.9,8.2 285.9,63.6 208,63.6 				"/>
 29 | 			</g>
 30 | 			<g>
 31 | 				<polygon fill="#D14474" points="285.9,63.6 280.7,81.9 208,81.9 208,63.6 				"/>
 32 | 			</g>
 33 | 			<g>
 34 | 				<polygon fill="#6071D0" points="171.1,8.2 173.4,29.2 135.3,81.9 130.1,63.6 				"/>
 35 | 			</g>
 36 | 			<g>
 37 | 				<polygon fill="#293577" points="363.7,63.6 353.4,81.9 280.7,81.9 285.9,63.6 				"/>
 38 | 			</g>
 39 | 			<g>
 40 | 				<polygon fill="#313F8D" points="318.8,8.2 363.7,63.6 285.9,63.6 				"/>
 41 | 			</g>
 42 | 			<g>
 43 | 				<polygon fill="#6071D0" points="130.1,63.6 135.3,81.9 104.2,29.2 97.2,8.2 				"/>
 44 | 			</g>
 45 | 			<g>
 46 | 				<polygon fill="#5366D0" points="130.1,63.6 135.3,81.9 62.6,81.9 52.3,63.6 				"/>
 47 | 			</g>
 48 | 			<g>
 49 | 				<polygon fill="#4459D0" points="97.2,8.2 104.2,29.2 62.6,81.9 52.3,63.6 				"/>
 50 | 			</g>
 51 | 			<g>
 52 | 				<polygon fill="#6379F8" points="97.2,8.2 130.1,63.6 52.3,63.6 				"/>
 53 | 			</g>
 54 | 			<g>
 55 | 				<polygon fill="#D1346A" points="285.9,63.6 285.9,63.6 285.9,63.6 				"/>
 56 | 			</g>
 57 | 			<g>
 58 | 				<polygon fill="#D1346A" points="285.9,63.6 280.7,81.9 280.7,81.9 285.9,63.6 				"/>
 59 | 			</g>
 60 | 			<g>
 61 | 				<polygon fill="#D1346A" points="285.9,63.6 280.7,81.9 280.7,81.9 285.9,63.6 				"/>
 62 | 			</g>
 63 | 			<g>
 64 | 				<polygon opacity="0.102" points="208,63.6 208,81.9 188.6,111.4 187.2,94.7 				"/>
 65 | 			</g>
 66 | 			<g>
 67 | 				<polygon fill="#6570AA" points="331.4,125.2 322.8,140.2 353.4,81.9 363.7,63.6 				"/>
 68 | 			</g>
 69 | 			<g>
 70 | 				<polygon fill="#7C84B2" points="331.4,125.2 322.8,140.2 353.4,81.9 363.7,63.6 				"/>
 71 | 			</g>
 72 | 			<g>
 73 | 				<polygon fill="#3D4FB1" points="363.7,63.6 331.4,125.2 285.9,63.6 				"/>
 74 | 			</g>
 75 | 			<g>
 76 | 				<polygon fill="#344294" points="331.4,125.2 322.8,140.2 280.7,81.9 285.9,63.6 				"/>
 77 | 			</g>
 78 | 			<g>
 79 | 				<polygon fill="#F93E7E" points="285.9,63.6 249.1,125.2 208,63.6 				"/>
 80 | 			</g>
 81 | 			<g>
 82 | 				<polygon fill="#D1346A" points="285.9,63.6 280.7,81.9 246.3,140.2 249.1,125.2 				"/>
 83 | 			</g>
 84 | 			<g>
 85 | 				<polygon fill="#D1346A" points="249.1,125.2 246.3,140.2 208,81.9 208,63.6 				"/>
 86 | 			</g>
 87 | 			<g>
 88 | 				<polygon fill="#D1346A" points="187.2,94.7 188.6,111.4 169.7,140.2 166.9,125.2 				"/>
 89 | 			</g>
 90 | 			<g>
 91 | 				<polygon fill="#DF3871" points="208,63.6 249.1,125.2 166.9,125.2 187.2,94.7 				"/>
 92 | 			</g>
 93 | 			<g>
 94 | 				<polygon fill="#7982AF" points="413.7,125.2 399.4,140.2 322.8,140.2 331.4,125.2 				"/>
 95 | 			</g>
 96 | 			<g>
 97 | 				<polygon fill="#909AD0" points="363.7,63.6 413.7,125.2 331.4,125.2 				"/>
 98 | 			</g>
 99 | 			<g>
100 | 				<polygon fill="#4459D0" points="52.3,63.6 62.6,81.9 16.7,140.2 2.3,125.2 				"/>
101 | 			</g>
102 | 			<g>
103 | 				<polygon fill="#4053C2" points="52.3,63.6 62.6,81.9 93.2,140.2 84.6,125.2 				"/>
104 | 			</g>
105 | 			<g>
106 | 				<polygon fill="#516AF8" points="130.1,63.6 84.6,125.2 52.3,63.6 				"/>
107 | 			</g>
108 | 			<g>
109 | 				<polygon fill="#4459D0" points="130.1,63.6 135.3,81.9 93.2,140.2 84.6,125.2 				"/>
110 | 			</g>
111 | 			<g>
112 | 				<polygon fill="#4960DE" points="52.3,63.6 84.6,125.2 2.3,125.2 				"/>
113 | 			</g>
114 | 			<g>
115 | 				<polygon fill="#BC2F5F" points="249.1,125.2 246.3,140.2 169.7,140.2 166.9,125.2 				"/>
116 | 			</g>
117 | 			<g>
118 | 				<polygon fill="#3E50BB" points="84.6,125.2 93.2,140.2 16.7,140.2 2.3,125.2 				"/>
119 | 			</g>
120 | 			<g>
121 | 				<polygon fill="#516AF8" points="2.3,125.2 97.2,8.2 52.3,63.6 				"/>
122 | 			</g>
123 | 			<g>
124 | 				<polygon fill="#516AF8" points="130.1,63.6 171.1,8.2 84.6,125.2 				"/>
125 | 			</g>
126 | 			<g>
127 | 				<polygon fill="#4459D0" points="171.1,8.2 173.4,29.2 93.2,140.3 84.6,125.2 				"/>
128 | 			</g>
129 | 			<g>
130 | 				<polygon fill="#D1346A" points="166.9,125.2 169.7,140.2 130.4,200.2 124.2,189.1 				"/>
131 | 			</g>
132 | 			<g>
133 | 				<polygon fill="#F93E7E" points="187.2,94.7 166.9,125.2 124.2,189.1 				"/>
134 | 			</g>
135 | 			<g>
136 | 				<polygon fill="#6F78AB" points="382.5,194.3 369.7,205.1 322.8,140.2 331.4,125.2 				"/>
137 | 			</g>
138 | 			<g>
139 | 				<polygon fill="#636EA6" points="382.5,194.3 369.7,205.1 288.8,205.1 295.3,194.3 				"/>
140 | 			</g>
141 | 			<g>
142 | 				<polygon fill="#6570AA" points="382.5,194.3 369.7,205.1 399.4,140.2 413.7,125.2 				"/>
143 | 			</g>
144 | 			<g>
145 | 				<polygon fill="#7683C6" points="331.4,125.2 382.5,194.3 295.3,194.3 				"/>
146 | 			</g>
147 | 			<g>
148 | 				<polygon fill="#848ECB" points="413.7,125.2 382.5,194.3 331.4,125.2 				"/>
149 | 			</g>
150 | 			<g>
151 | 				<polygon fill="#A72A54" points="249.1,125.2 246.3,140.2 208,205.1 208,194.3 				"/>
152 | 			</g>
153 | 			<g>
154 | 				<polygon fill="#6570AA" points="295.3,194.3 288.8,205.1 322.8,140.2 331.4,125.2 				"/>
155 | 			</g>
156 | 			<g>
157 | 				<polygon fill="#C73264" points="249.1,125.2 208,194.3 166.9,125.2 				"/>
158 | 			</g>
159 | 			<g>
160 | 				<polygon fill="#3647A6" points="84.6,125.2 93.2,140.2 46.3,205.1 33.5,194.3 				"/>
161 | 			</g>
162 | 			<g>
163 | 				<polygon fill="#4459D0" points="84.6,125.2 93.2,140.2 46.3,205.1 33.5,194.3 				"/>
164 | 			</g>
165 | 			<g>
166 | 				<polygon fill="#293687" points="84.6,125.2 93.2,140.3 127.2,205.1 120.7,194.3 				"/>
167 | 			</g>
168 | 			<g>
169 | 				<polygon fill="#A72A54" points="208,194.3 208,205.1 169.7,140.2 166.9,125.2 				"/>
170 | 			</g>
171 | 			<g>
172 | 				<polygon fill="#AE2C58" points="166.9,125.2 208,194.3 120.7,194.3 124.2,189.1 				"/>
173 | 			</g>
174 | 			<g>
175 | 				<polygon fill="#4055C6" points="84.6,125.2 33.5,194.3 2.3,125.2 				"/>
176 | 			</g>
177 | 			<g>
178 | 				<polygon fill="#2F3D9B" points="84.6,125.2 120.7,194.3 33.5,194.3 				"/>
179 | 			</g>
180 | 			<g>
181 | 				<polygon fill="#273482" points="120.7,194.3 127.2,205.1 46.3,205.1 33.5,194.3 				"/>
182 | 			</g>
183 | 			<g>
184 | 				<polygon fill="#58162C" points="208,194.3 208,205.1 127.2,205.1 120.7,194.3 				"/>
185 | 			</g>
186 | 			<g>
187 | 				<polygon fill="#92254A" points="208,194.3 208,205.1 127.2,205.1 120.7,194.3 				"/>
188 | 			</g>
189 | 			<g>
190 | 				<polygon fill="#596295" points="347.3,272.3 336.4,277.6 288.8,205.1 295.3,194.3 				"/>
191 | 			</g>
192 | 			<g>
193 | 				<polygon fill="#515987" points="254.4,272.3 250.8,277.6 288.8,205.1 295.3,194.3 				"/>
194 | 			</g>
195 | 			<g>
196 | 				<polygon opacity="0.502" points="120.7,194.3 127.2,205.1 79.6,277.6 68.7,272.3 				"/>
197 | 			</g>
198 | 			<g>
199 | 				<polygon fill="#1F2968" points="120.7,194.3 127.2,205.1 79.6,277.6 68.7,272.3 				"/>
200 | 			</g>
201 | 			<g>
202 | 				<polygon fill="#681A34" points="161.6,272.3 165.2,277.6 79.6,277.6 68.7,272.3 				"/>
203 | 			</g>
204 | 			<g>
205 | 				<polygon fill="#411020" points="120.7,194.3 127.2,205.1 165.2,277.6 161.6,272.3 				"/>
206 | 			</g>
207 | 			<g>
208 | 				<polygon fill="#6C1B36" points="120.7,194.3 127.2,205.1 165.2,277.6 161.6,272.3 				"/>
209 | 			</g>
210 | 			<g>
211 | 				<polygon fill="#7C1F3E" points="120.7,194.3 161.6,272.3 68.7,272.3 				"/>
212 | 			</g>
213 | 			<g>
214 | 				<polygon fill="#7D1F3F" points="208,194.3 208,205.1 165.2,277.6 161.6,272.3 				"/>
215 | 			</g>
216 | 			<g>
217 | 				<polygon fill="#95254B" points="208,194.3 161.6,272.3 120.7,194.3 				"/>
218 | 			</g>
219 | 			<g>
220 | 				<polygon fill="#25317C" points="120.7,194.3 68.7,272.3 33.5,194.3 				"/>
221 | 			</g>
222 | 			<g>
223 | 				<polygon fill="#6570AA" points="347.3,272.3 336.4,277.6 369.7,205.1 382.5,194.3 				"/>
224 | 			</g>
225 | 			<g>
226 | 				<polygon fill="#6A75B2" points="382.5,194.3 347.3,272.3 295.3,194.3 				"/>
227 | 			</g>
228 | 			<g>
229 | 				<polygon fill="#5F689E" points="295.3,194.3 347.3,272.3 254.4,272.3 				"/>
230 | 			</g>
231 | 			<g>
232 | 				<polygon fill="#505885" points="347.3,272.3 336.4,277.6 250.8,277.6 254.4,272.3 				"/>
233 | 			</g>
234 | 			<g>
235 | 				<polygon fill="#7683C6" points="382.5,194.3 413.7,125.2 347.3,272.3 				"/>
236 | 			</g>
237 | 			<g>
238 | 				<polygon fill="#7683C6" points="331.4,125.2 295.3,194.3 254.4,272.3 				"/>
239 | 			</g>
240 | 			<g>
241 | 				<polygon fill="#6570AA" points="254.4,272.3 250.8,277.6 322.8,140.2 331.4,125.2 				"/>
242 | 			</g>
243 | 			<g>
244 | 				<polygon fill="#F93E7E" points="285.9,63.6 161.6,272.3 208,194.3 249.1,125.2 				"/>
245 | 			</g>
246 | 			<g>
247 | 				<polygon fill="#D1346A" points="285.9,63.6 280.7,81.9 165.2,277.6 161.6,272.3 				"/>
248 | 			</g>
249 | 		</g>
250 | 	</g>
251 | </g>
252 | <g display="none">
253 | 	<g display="inline">
254 | 		<polygon fill="#303F9F" points="84.2,133 42.9,204.5 84.2,276 166.7,276 		"/>
255 | 		<polygon fill="#3F51B5" points="331.8,-10 249.3,-10 331.8,133 373.1,61.5 		"/>
256 | 		<polygon fill="#7986CB" points="373.1,61.5 249.3,276 331.8,276 414.4,133 		"/>
257 | 		<polygon fill="#536DFE" points="84.2,-10 1.6,133 42.9,204.5 166.7,-10 		"/>
258 | 		<polygon fill-opacity="0.5" points="249.3,-10 290.6,61.5 331.8,-10 		"/>
259 | 		<polygon fill-opacity="0.5" points="84.2,276 125.4,204.5 166.7,276 		"/>
260 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="84.2,-10 125.4,61.5 166.7,-10 		"/>
261 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="42.9,61.5 84.2,-10 125.4,61.5 		"/>
262 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="42.9,61.5 84.2,133 125.4,61.5 		"/>
263 | 		<polygon fill-opacity="0.1" points="1.6,133 42.9,61.5 84.2,133 		"/>
264 | 		<polygon fill-opacity="0.2" points="1.6,133 42.9,204.5 84.2,133 		"/>
265 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="125.4,204.5 84.2,133 42.9,204.5 		"/>
266 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="373.1,61.5 331.8,133 290.6,61.5 		"/>
267 | 		<g>
268 | 			<polygon fill="#FFFFFF" fill-opacity="0.2" points="331.8,133 373.1,61.5 414.4,133 			"/>
269 | 			<polygon fill="#FFFFFF" fill-opacity="0.1" points="331.8,133 373.1,204.5 414.4,133 			"/>
270 | 			<polygon fill="#FFFFFF" fill-opacity="0" points="290.6,204.5 331.8,133 373.1,204.5 			"/>
271 | 			<polygon fill-opacity="0.1" points="290.6,204.5 331.8,276 373.1,204.5 			"/>
272 | 			<polygon fill-opacity="0.2" points="249.3,276 290.6,204.5 331.8,276 			"/>
273 | 		</g>
274 | 		<polygon fill-opacity="0.2" points="125.4,204.5 84.2,276 42.9,204.5 		"/>
275 | 		<polygon fill-opacity="0.2" points="373.1,61.5 331.8,-10 290.6,61.5 		"/>
276 | 	</g>
277 | 	<rect y="-75" display="inline" fill="none" width="416" height="416"/>
278 | </g>
279 | <g display="none">
280 | 	<g display="inline">
281 | 		<polygon fill="#FF4081" points="249.3,-10 84.2,276 166.7,276 331.8,-10 		"/>
282 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="249.3,-10 290.6,61.5 331.8,-10 		"/>
283 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="208,61.5 249.3,-10 290.6,61.5 		"/>
284 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="208,61.5 249.3,133 290.6,61.5 		"/>
285 | 		<polygon fill-opacity="0.2" points="166.7,133 208,204.5 249.3,133 		"/>
286 | 		<polygon fill-opacity="0.3" points="125.4,204.5 166.7,133 208,204.5 		"/>
287 | 		<polygon fill-opacity="0.4" points="125.4,204.5 166.7,276 208,204.5 		"/>
288 | 		<polygon fill-opacity="0.5" points="84.2,276 125.4,204.5 166.7,276 		"/>
289 | 		<polygon fill-opacity="0.1" points="166.7,133 208,61.5 249.3,133 		"/>
290 | 	</g>
291 | 	<g display="inline">
292 | 		<polygon fill="#FF4081" points="331.8,-10 166.7,276 249.3,276 373.1,61.5 		"/>
293 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="290.6,61.5 331.8,-10 373.1,61.5 		"/>
294 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="290.6,61.5 331.8,133 373.1,61.5 		"/>
295 | 		<polygon fill-opacity="0.2" points="249.3,133 290.6,204.5 331.8,133 		"/>
296 | 		<polygon fill-opacity="0.3" points="208,204.5 249.3,133 290.6,204.5 		"/>
297 | 		<polygon fill-opacity="0.4" points="208,204.5 249.3,276 290.6,204.5 		"/>
298 | 		<polygon fill-opacity="0.5" points="166.7,276 208,204.5 249.3,276 		"/>
299 | 		<polygon fill-opacity="0.1" points="249.3,133 290.6,61.5 331.8,133 		"/>
300 | 	</g>
301 | 	<g display="inline">
302 | 		<polygon fill="#FF4081" points="166.7,-10 42.9,204.5 84.2,276 249.3,-10 		"/>
303 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="166.7,-10 208,61.5 249.3,-10 		"/>
304 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="125.4,61.5 166.7,-10 208,61.5 		"/>
305 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="125.4,61.5 166.7,133 208,61.5 		"/>
306 | 		<polygon fill-opacity="0.2" points="84.2,133 125.4,204.5 166.7,133 		"/>
307 | 		<polygon fill-opacity="0.3" points="42.9,204.5 84.2,133 125.4,204.5 		"/>
308 | 		<polygon fill-opacity="0.4" points="42.9,204.5 84.2,276 125.4,204.5 		"/>
309 | 		<polygon fill-opacity="0.1" points="84.2,133 125.4,61.5 166.7,133 		"/>
310 | 	</g>
311 | 	<rect y="-75" display="inline" fill="none" width="416" height="416"/>
312 | 	<g display="inline">
313 | 		<polygon fill="#303F9F" points="84.2,133 42.9,204.5 84.2,276 166.7,276 		"/>
314 | 		<polygon fill="#3F51B5" points="331.8,-10 249.3,-10 331.8,133 373.1,61.5 		"/>
315 | 		<polygon fill="#7986CB" points="373.1,61.5 249.3,276 331.8,276 414.4,133 		"/>
316 | 		<polygon fill="#536DFE" points="84.2,-10 1.6,133 42.9,204.5 166.7,-10 		"/>
317 | 		<polygon fill-opacity="0.5" points="249.3,-10 290.6,61.5 331.8,-10 		"/>
318 | 		<polygon fill-opacity="0.5" points="84.2,276 125.4,204.5 166.7,276 		"/>
319 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="84.2,-10 125.4,61.5 166.7,-10 		"/>
320 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="42.9,61.5 84.2,-10 125.4,61.5 		"/>
321 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="42.9,61.5 84.2,133 125.4,61.5 		"/>
322 | 		<polygon fill-opacity="0.1" points="1.6,133 42.9,61.5 84.2,133 		"/>
323 | 		<polygon fill-opacity="0.2" points="1.6,133 42.9,204.5 84.2,133 		"/>
324 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="125.4,204.5 84.2,133 42.9,204.5 		"/>
325 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="373.1,61.5 331.8,133 290.6,61.5 		"/>
326 | 		<g>
327 | 			<polygon fill="#FFFFFF" fill-opacity="0.2" points="331.8,133 373.1,61.5 414.4,133 			"/>
328 | 			<polygon fill="#FFFFFF" fill-opacity="0.1" points="331.8,133 373.1,204.5 414.4,133 			"/>
329 | 			<polygon fill="#FFFFFF" fill-opacity="0" points="290.6,204.5 331.8,133 373.1,204.5 			"/>
330 | 			<polygon fill-opacity="0.1" points="290.6,204.5 331.8,276 373.1,204.5 			"/>
331 | 			<polygon fill-opacity="0.2" points="249.3,276 290.6,204.5 331.8,276 			"/>
332 | 		</g>
333 | 		<polygon fill-opacity="0.2" points="125.4,204.5 84.2,276 42.9,204.5 		"/>
334 | 		<polygon fill-opacity="0.2" points="373.1,61.5 331.8,-10 290.6,61.5 		"/>
335 | 	</g>
336 | </g>
337 | <g display="none">
338 | 	<g display="inline">
339 | 		<polygon fill="#9F499B" points="249.3,-10 84.2,276 166.7,276 331.8,-10 		"/>
340 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="249.3,-10 290.6,61.5 331.8,-10 		"/>
341 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="208,61.5 249.3,-10 290.6,61.5 		"/>
342 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="208,61.5 249.3,133 290.6,61.5 		"/>
343 | 		<polygon fill-opacity="0.2" points="166.7,133 208,204.5 249.3,133 		"/>
344 | 		<polygon fill-opacity="0.3" points="125.4,204.5 166.7,133 208,204.5 		"/>
345 | 		<polygon fill-opacity="0.4" points="125.4,204.5 166.7,276 208,204.5 		"/>
346 | 		<polygon fill-opacity="0.5" points="84.2,276 125.4,204.5 166.7,276 		"/>
347 | 		<polygon fill-opacity="0.1" points="166.7,133 208,61.5 249.3,133 		"/>
348 | 	</g>
349 | 	<g display="inline">
350 | 		<polygon fill="#9F499B" points="331.8,-10 166.7,276 249.3,276 373.1,61.5 		"/>
351 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="290.6,61.5 331.8,-10 373.1,61.5 		"/>
352 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="290.6,61.5 331.8,133 373.1,61.5 		"/>
353 | 		<polygon fill-opacity="0.2" points="249.3,133 290.6,204.5 331.8,133 		"/>
354 | 		<polygon fill-opacity="0.3" points="208,204.5 249.3,133 290.6,204.5 		"/>
355 | 		<polygon fill-opacity="0.4" points="208,204.5 249.3,276 290.6,204.5 		"/>
356 | 		<polygon fill-opacity="0.5" points="166.7,276 208,204.5 249.3,276 		"/>
357 | 		<polygon fill-opacity="0.1" points="249.3,133 290.6,61.5 331.8,133 		"/>
358 | 	</g>
359 | 	<g display="inline">
360 | 		<polygon fill="#9F499B" points="373.1,61.5 249.3,276 331.8,276 414.4,133 		"/>
361 | 		<polygon fill-opacity="0.2" points="331.8,133 373.1,204.5 414.4,133 		"/>
362 | 		<polygon fill-opacity="0.3" points="290.6,204.5 331.8,133 373.1,204.5 		"/>
363 | 		<polygon fill-opacity="0.4" points="290.6,204.5 331.8,276 373.1,204.5 		"/>
364 | 		<polygon fill-opacity="0.5" points="249.3,276 290.6,204.5 331.8,276 		"/>
365 | 		<polygon fill-opacity="0.1" points="331.8,133 373.1,61.5 414.4,133 		"/>
366 | 	</g>
367 | 	<g display="inline">
368 | 		<polygon fill="#9F499B" points="166.7,-10 42.9,204.5 84.2,276 249.3,-10 		"/>
369 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="166.7,-10 208,61.5 249.3,-10 		"/>
370 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="125.4,61.5 166.7,-10 208,61.5 		"/>
371 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="125.4,61.5 166.7,133 208,61.5 		"/>
372 | 		<polygon fill-opacity="0.2" points="84.2,133 125.4,204.5 166.7,133 		"/>
373 | 		<polygon fill-opacity="0.3" points="42.9,204.5 84.2,133 125.4,204.5 		"/>
374 | 		<polygon fill-opacity="0.4" points="42.9,204.5 84.2,276 125.4,204.5 		"/>
375 | 		<polygon fill-opacity="0.1" points="84.2,133 125.4,61.5 166.7,133 		"/>
376 | 	</g>
377 | 	<g display="inline">
378 | 		<polygon fill="#9F499B" points="84.2,-10 1.6,133 42.9,204.5 166.7,-10 		"/>
379 | 		<polygon fill="#FFFFFF" fill-opacity="0.2" points="84.2,-10 125.4,61.5 166.7,-10 		"/>
380 | 		<polygon fill="#FFFFFF" fill-opacity="0.1" points="42.9,61.5 84.2,-10 125.4,61.5 		"/>
381 | 		<polygon fill="#FFFFFF" fill-opacity="0" points="42.9,61.5 84.2,133 125.4,61.5 		"/>
382 | 		<polygon fill-opacity="0.2" points="1.6,133 42.9,204.5 84.2,133 		"/>
383 | 		<polygon fill-opacity="0.1" points="1.6,133 42.9,61.5 84.2,133 		"/>
384 | 	</g>
385 | 	<rect y="-75" display="inline" fill="none" width="416" height="416"/>
386 | </g>
387 | <g display="none">
388 | 	<g display="inline">
389 | 		<g enable-background="new    ">
390 | 			<g>
391 | 				<polygon fill="#29357C" points="218.6,64.4 217.9,94.1 174.3,96.1 172.1,66.1 				"/>
392 | 			</g>
393 | 			<g>
394 | 				<polygon fill="#2E3C8C" points="218.6,64.4 172.1,66.1 118.6,68 				"/>
395 | 			</g>
396 | 			<g>
397 | 				<polygon fill="#29357C" points="172.1,66.1 174.3,96.1 124.3,98.3 118.6,68 				"/>
398 | 			</g>
399 | 			<g>
400 | 				<polygon fill="#253274" points="118.6,68 124.3,98.3 120.8,104.4 114.6,73.2 				"/>
401 | 			</g>
402 | 			<g>
403 | 				<polygon fill="#38448C" points="218.6,64.4 217.9,94.1 208.4,112.8 208.6,80.6 				"/>
404 | 			</g>
405 | 			<g>
406 | 				<polygon fill="#404C8C" points="257.5,77.7 208.6,80.6 218.6,64.4 				"/>
407 | 			</g>
408 | 			<g>
409 | 				<polygon fill="#39447C" points="257.5,77.7 254,109.5 208.4,112.8 208.6,80.6 				"/>
410 | 			</g>
411 | 			<g>
412 | 				<polygon fill="#38448C" points="218.6,64.4 208.6,80.6 172.1,66.1 				"/>
413 | 			</g>
414 | 			<g>
415 | 				<polygon fill="#323D7C" points="208.6,80.6 208.4,112.8 174.3,96.1 172.1,66.1 				"/>
416 | 			</g>
417 | 			<g>
418 | 				<polygon fill="#29367D" points="172.1,66.1 174.3,96.1 155.4,116.7 151.4,83.9 				"/>
419 | 			</g>
420 | 			<g>
421 | 				<polygon fill="#29357C" points="208.6,80.6 208.4,112.8 155.4,116.7 151.4,83.9 				"/>
422 | 			</g>
423 | 			<g>
424 | 				<polygon fill="#29357C" points="257.5,77.7 254,109.5 155.4,116.7 151.4,83.9 				"/>
425 | 			</g>
426 | 			<g>
427 | 				<polygon fill="#242F6E" points="257.5,77.7 254,109.5 246.5,115 249.5,82.5 				"/>
428 | 			</g>
429 | 			<g>
430 | 				<polygon fill="#25306F" points="151.4,83.9 155.4,116.7 124.3,98.3 118.6,68 				"/>
431 | 			</g>
432 | 			<g>
433 | 				<polygon fill="#29367D" points="172.1,66.1 151.4,83.9 118.6,68 				"/>
434 | 			</g>
435 | 			<g>
436 | 				<polygon fill="#2E3C8C" points="257.5,77.7 151.4,83.9 208.6,80.6 				"/>
437 | 			</g>
438 | 			<g>
439 | 				<polygon fill="#2E3C8C" points="208.6,80.6 151.4,83.9 172.1,66.1 				"/>
440 | 			</g>
441 | 			<g>
442 | 				<polygon fill="#202B63" points="151.4,83.9 155.4,116.7 92.8,121.3 83.7,87.9 				"/>
443 | 			</g>
444 | 			<g>
445 | 				<polygon fill="#243070" points="151.4,83.9 83.7,87.9 118.6,68 114.6,73.2 118.6,68 				"/>
446 | 			</g>
447 | 			<g>
448 | 				<polygon fill="#1A2257" points="151.4,83.9 155.4,116.7 149.7,122.9 145.1,89.3 				"/>
449 | 			</g>
450 | 			<g>
451 | 				<polygon fill="#171F4C" points="151.4,83.9 155.4,116.7 150.3,122.8 145.7,89.3 				"/>
452 | 			</g>
453 | 			<g>
454 | 				<polygon fill="#263276" points="257.5,77.7 249.5,82.5 145.7,89.3 151.4,83.9 				"/>
455 | 			</g>
456 | 			<g>
457 | 				<polygon fill="#222D68" points="249.5,82.5 246.5,115 150.3,122.8 145.7,89.3 				"/>
458 | 			</g>
459 | 			<g>
460 | 				<polygon fill="#181F4E" points="91.3,92.8 100.1,126.9 92.8,121.3 83.7,87.9 				"/>
461 | 			</g>
462 | 			<g>
463 | 				<polygon fill="#7D1F3F" points="224.4,101.7 223,136.8 194.7,140 193.6,104.5 				"/>
464 | 			</g>
465 | 			<g>
466 | 				<polygon fill="#1A2257" points="145.1,89.3 149.7,122.9 127,147.6 119.6,111.3 				"/>
467 | 			</g>
468 | 			<g>
469 | 				<polygon fill="#171E4C" points="145.7,89.3 150.3,122.8 127.7,147.5 120.4,111.2 				"/>
470 | 			</g>
471 | 			<g>
472 | 				<polygon fill="#8D2347" points="224.4,101.7 193.6,104.5 125.4,110.8 				"/>
473 | 			</g>
474 | 			<g>
475 | 				<polygon fill="#7D1F3F" points="193.6,104.5 194.7,140 132.3,147 125.4,110.8 				"/>
476 | 			</g>
477 | 			<g>
478 | 				<polygon fill="#1B2258" points="145.1,89.3 119.6,111.3 91.3,92.8 83.7,87.9 151.4,83.9 				"/>
479 | 			</g>
480 | 			<g>
481 | 				<polygon fill="#181F4E" points="119.6,111.3 127,147.6 100.1,126.9 91.3,92.8 				"/>
482 | 			</g>
483 | 			<g>
484 | 				<polygon fill="#171F4C" points="151.4,83.9 145.7,89.3 120.4,111.2 119.6,111.3 				"/>
485 | 			</g>
486 | 			<g>
487 | 				<polygon fill="#151B44" points="120.4,111.2 127.7,147.5 127,147.6 119.6,111.3 				"/>
488 | 			</g>
489 | 			<g>
490 | 				<polygon fill="#151C46" points="91.3,92.8 119.6,111.3 27.9,119.7 83.7,87.9 				"/>
491 | 			</g>
492 | 			<g>
493 | 				<polygon fill="#13193E" points="119.6,111.3 127,147.6 43.8,157 27.9,119.7 				"/>
494 | 			</g>
495 | 			<g>
496 | 				<polygon fill="#7D324B" points="367.5,115.2 353.6,151.8 305.1,160.2 314.7,122.8 				"/>
497 | 			</g>
498 | 			<g>
499 | 				<polygon fill="#7D324B" points="314.7,122.8 305.1,160.2 298.2,128.3 305.8,94.2 				"/>
500 | 			</g>
501 | 			<g>
502 | 				<polygon fill="#8D2E4E" points="305.8,94.2 314.7,122.8 254.6,98.9 				"/>
503 | 			</g>
504 | 			<g>
505 | 				<polygon fill="#8D3855" points="367.5,115.2 314.7,122.8 305.8,94.2 				"/>
506 | 			</g>
507 | 			<g>
508 | 				<polygon fill="#7D2945" points="314.7,122.8 305.1,160.2 250.9,133.6 254.6,98.9 				"/>
509 | 			</g>
510 | 			<g>
511 | 				<polygon fill="#7D1F40" points="254.6,98.9 250.9,133.6 246.1,170.4 250.2,132 				"/>
512 | 			</g>
513 | 			<g>
514 | 				<polygon fill="#7D1F3F" points="314.7,122.8 305.1,160.2 246.1,170.4 250.2,132 				"/>
515 | 			</g>
516 | 			<g>
517 | 				<polygon fill="#691A35" points="314.7,122.8 305.1,160.2 292.6,165.5 301.2,127.6 				"/>
518 | 			</g>
519 | 			<g>
520 | 				<polygon fill="#701C39" points="250.2,132 246.1,170.4 194.7,140 193.6,104.5 				"/>
521 | 			</g>
522 | 			<g>
523 | 				<polygon fill="#7E2040" points="254.6,98.9 250.2,132 193.6,104.5 224.4,101.7 				"/>
524 | 			</g>
525 | 			<g>
526 | 				<polygon fill="#8D2347" points="254.6,98.9 314.7,122.8 250.2,132 				"/>
527 | 			</g>
528 | 			<g>
529 | 				<polygon fill="#641932" points="250.2,132 246.1,170.4 239.3,171.5 242.7,133.1 				"/>
530 | 			</g>
531 | 			<g>
532 | 				<polygon fill="#621932" points="193.6,104.5 169.2,143.6 119.6,111.3 120.4,111.2 125.4,110.8 				"/>
533 | 			</g>
534 | 			<g>
535 | 				<polygon fill="#621932" points="193.6,104.5 194.7,140 172.9,183 169.2,143.6 				"/>
536 | 			</g>
537 | 			<g>
538 | 				<polygon fill="#701C39" points="250.2,132 242.7,133.1 169.2,143.6 193.6,104.5 				"/>
539 | 			</g>
540 | 			<g>
541 | 				<polygon fill="#641932" points="242.7,133.1 239.3,171.5 172.9,183 169.2,143.6 				"/>
542 | 			</g>
543 | 			<g>
544 | 				<polygon fill="#57162C" points="169.2,143.6 172.9,183 127,147.6 119.6,111.3 				"/>
545 | 			</g>
546 | 			<g>
547 | 				<polygon fill="#192047" points="396.4,155.3 376.6,195.3 305.1,160.2 314.7,122.8 				"/>
548 | 			</g>
549 | 			<g>
550 | 				<polygon fill="#1C2450" points="367.5,115.2 396.4,155.3 314.7,122.8 				"/>
551 | 			</g>
552 | 			<g>
553 | 				<polygon fill="#461123" points="119.6,111.3 127,147.6 79.8,199 64.7,158.6 				"/>
554 | 			</g>
555 | 			<g>
556 | 				<polygon fill="#4B1326" points="169.2,143.6 172.9,183 79.8,199 64.7,158.6 				"/>
557 | 			</g>
558 | 			<g>
559 | 				<polygon fill="#7D1F3F" points="242.7,133.1 239.3,171.5 79.8,199 64.7,158.6 				"/>
560 | 			</g>
561 | 			<g>
562 | 				<polygon fill="#8D2347" points="169.2,143.6 242.7,133.1 64.7,158.6 				"/>
563 | 			</g>
564 | 			<g>
565 | 				<polygon fill="#3E101F" points="64.7,158.6 79.8,199 43.8,157 27.9,119.7 				"/>
566 | 			</g>
567 | 			<g>
568 | 				<polygon fill="#54152A" points="169.2,143.6 64.7,158.6 119.6,111.3 				"/>
569 | 			</g>
570 | 			<g>
571 | 				<polygon fill="#461223" points="119.6,111.3 64.7,158.6 27.9,119.7 				"/>
572 | 			</g>
573 | 			<g>
574 | 				<polygon fill="#3B0F1D" points="64.7,158.6 60.2,163.3 26,125.5 27.9,119.7 				"/>
575 | 			</g>
576 | 			<g>
577 | 				<polygon fill="#3B0F1E" points="64.7,158.6 79.8,199 76.1,204 60.2,163.3 				"/>
578 | 			</g>
579 | 			<g>
580 | 				<polygon fill="#340D1A" points="60.2,163.3 76.1,204 42.5,163.3 26,125.5 				"/>
581 | 			</g>
582 | 			<g>
583 | 				<polygon fill="#691A35" points="301.2,127.6 292.6,165.5 76.1,204 60.2,163.3 				"/>
584 | 			</g>
585 | 			<g>
586 | 				<polygon fill="#761D3C" points="250.2,132 314.7,122.8 301.2,127.6 60.2,163.3 64.7,158.6 242.7,133.1 				"/>
587 | 			</g>
588 | 			<g>
589 | 				<polygon fill="#222D64" points="396.4,155.3 329.7,170.8 314.7,122.8 				"/>
590 | 			</g>
591 | 			<g>
592 | 				<polygon fill="#1F2859" points="329.7,170.8 316.1,211.8 305.1,160.2 314.7,122.8 				"/>
593 | 			</g>
594 | 			<g>
595 | 				<polygon fill="#1F2859" points="396.4,155.3 376.6,195.3 316.1,211.8 329.7,170.8 				"/>
596 | 			</g>
597 | 			<g>
598 | 				<polygon fill="#3E4259" points="396.4,155.3 376.6,195.3 316.1,211.8 329.7,170.8 				"/>
599 | 			</g>
600 | 			<g>
601 | 				<polygon fill="#1D2554" points="314.7,122.8 329.7,170.8 311.1,174.5 301.2,127.6 				"/>
602 | 			</g>
603 | 			<g>
604 | 				<polygon fill="#1A214A" points="329.7,170.8 316.1,211.8 299.3,215.6 311.1,174.5 				"/>
605 | 			</g>
606 | 			<g>
607 | 				<polygon fill="#1A214A" points="311.1,174.5 299.3,215.6 292.6,165.5 301.2,127.6 				"/>
608 | 			</g>
609 | 			<g>
610 | 				<polygon fill="#333855" points="329.7,170.8 316.1,211.8 248.5,230.1 254.2,188.4 				"/>
611 | 			</g>
612 | 			<g>
613 | 				<polygon fill="#333855" points="329.6,170.8 316,211.8 248.5,230.1 254.2,188.4 				"/>
614 | 			</g>
615 | 			<g>
616 | 				<polygon fill="#333855" points="254.2,188.4 248.5,230.1 237.9,233 242.2,191.2 				"/>
617 | 			</g>
618 | 			<g>
619 | 				<polygon fill="#333855" points="228.7,193.6 226.1,235.5 223.9,236 226.2,194.2 				"/>
620 | 			</g>
621 | 			<g>
622 | 				
623 | 					<rect x="204.1" y="215.1" transform="matrix(5.601699e-02 -0.9984 0.9984 5.601699e-02 -2.3084 427.7763)" fill="#333855" width="41.9" height="0"/>
624 | 			</g>
625 | 			<g>
626 | 				<polygon fill="#393F60" points="226.2,194.2 226.2,194.2 228.7,193.6 				"/>
627 | 			</g>
628 | 			<g>
629 | 				<polygon fill="#333855" points="242.2,191.2 237.9,233 224.6,236.6 227,194.7 				"/>
630 | 			</g>
631 | 			<g>
632 | 				<polygon fill="#292D44" points="226.2,194.2 223.9,236 124.7,262.9 112.2,220.6 				"/>
633 | 			</g>
634 | 			<g>
635 | 				<polygon fill="#333855" points="227,194.7 224.6,236.6 133.2,261.4 122,219.2 				"/>
636 | 			</g>
637 | 			<g>
638 | 				<polygon fill="#393F60" points="329.7,170.8 254.2,188.4 242.2,191.2 227,194.7 122,219.2 112.2,220.6 226.2,194.2 228.7,193.6 
639 | 					311.1,174.5 				"/>
640 | 			</g>
641 | 			<g>
642 | 				<polygon fill="#333855" points="122,219.2 133.2,261.4 124.7,262.9 112.2,220.6 				"/>
643 | 			</g>
644 | 			<g>
645 | 				<polygon fill="#515776" points="396.4,155.3 450,229.4 329.7,170.8 				"/>
646 | 			</g>
647 | 			<g>
648 | 				<polygon fill="#484D68" points="450,229.4 417,271.5 316.1,211.8 329.7,170.8 				"/>
649 | 			</g>
650 | 			<g>
651 | 				<polygon fill="#424766" points="360.1,268.1 336.9,309.2 316.1,211.8 329.7,170.8 				"/>
652 | 			</g>
653 | 			<g>
654 | 				<polygon fill="#434A70" points="329.7,170.8 360.1,268.1 242.2,191.2 254.2,188.4 				"/>
655 | 			</g>
656 | 			<g>
657 | 				<polygon fill="#3B4263" points="360.1,268.1 336.9,309.2 237.9,233 242.2,191.2 				"/>
658 | 			</g>
659 | 			<g>
660 | 				<polygon fill="#353B59" points="360.1,268.1 336.9,309.2 311.6,306.9 330.2,265.7 				"/>
661 | 			</g>
662 | 			<g>
663 | 				<polygon fill="#4B5073" points="329.7,170.8 450,229.4 360.1,268.1 				"/>
664 | 			</g>
665 | 			<g>
666 | 				<polygon fill="#424766" points="450,229.4 417,271.5 336.9,309.2 360.1,268.1 				"/>
667 | 			</g>
668 | 			<g>
669 | 				<polygon fill="#30344F" points="223.8,326.8 220.9,363.8 133.2,261.4 122,219.2 				"/>
670 | 			</g>
671 | 			<g>
672 | 				<polygon fill="#282C43" points="200.5,318.1 201.6,355.9 124.7,262.9 112.2,220.6 				"/>
673 | 			</g>
674 | 			<g>
675 | 				<polygon fill="#353A59" points="242.2,191.2 237.9,233 220.9,363.8 223.8,326.8 				"/>
676 | 			</g>
677 | 			<g>
678 | 				<polygon fill="#353B59" points="360.1,268.1 336.9,309.2 220.9,363.8 223.8,326.8 				"/>
679 | 			</g>
680 | 			<g>
681 | 				<polygon fill="#2D324B" points="223.8,326.8 200.5,318.1 112.2,220.6 122,219.2 				"/>
682 | 			</g>
683 | 			<g>
684 | 				<polygon fill="#282C43" points="223.8,326.8 220.9,363.8 201.6,355.9 200.5,318.1 				"/>
685 | 			</g>
686 | 			<g>
687 | 				<polygon fill="#434A70" points="450,229.4 223.8,326.8 360.1,268.1 				"/>
688 | 			</g>
689 | 			<g>
690 | 				<polygon fill="#3B4263" points="450,229.4 417,271.5 220.9,363.8 223.8,326.8 				"/>
691 | 			</g>
692 | 			<g>
693 | 				<polygon fill="#3C4265" points="360.1,268.1 330.2,265.7 360.1,268.1 223.8,326.8 242.2,191.2 346.4,259.2 				"/>
694 | 			</g>
695 | 			<g>
696 | 				<polygon fill="#363B59" points="242.2,191.2 223.8,326.8 122,219.2 227,194.7 				"/>
697 | 			</g>
698 | 		</g>
699 | 	</g>
700 | </g>
701 | </svg>
702 | 


--------------------------------------------------------------------------------
/source/images/screenshots/app-router.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/app-router.png


--------------------------------------------------------------------------------
/source/images/screenshots/bithound.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/bithound.png


--------------------------------------------------------------------------------
/source/images/screenshots/chrome-dev-editor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/chrome-dev-editor.png


--------------------------------------------------------------------------------
/source/images/screenshots/chromium-dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/chromium-dashboard.png


--------------------------------------------------------------------------------
/source/images/screenshots/daily-stock-forecast.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/daily-stock-forecast.png


--------------------------------------------------------------------------------
/source/images/screenshots/dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/dashboard.png


--------------------------------------------------------------------------------
/source/images/screenshots/driveception.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/driveception.png


--------------------------------------------------------------------------------
/source/images/screenshots/ele.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/ele.png


--------------------------------------------------------------------------------
/source/images/screenshots/flowhub.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/flowhub.png


--------------------------------------------------------------------------------
/source/images/screenshots/foodtrack.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/foodtrack.png


--------------------------------------------------------------------------------
/source/images/screenshots/glideroom.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/glideroom.jpg


--------------------------------------------------------------------------------
/source/images/screenshots/home-assistant.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/home-assistant.png


--------------------------------------------------------------------------------
/source/images/screenshots/kitteh-anonymous.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/kitteh-anonymous.png


--------------------------------------------------------------------------------
/source/images/screenshots/packhunter.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/packhunter.jpg


--------------------------------------------------------------------------------
/source/images/screenshots/padlock.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/padlock.webp


--------------------------------------------------------------------------------
/source/images/screenshots/pathfinder.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/pathfinder.png


--------------------------------------------------------------------------------
/source/images/screenshots/poly-inbox.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/poly-inbox.png


--------------------------------------------------------------------------------
/source/images/screenshots/polymer-designer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/polymer-designer.png


--------------------------------------------------------------------------------
/source/images/screenshots/polymer-project.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/polymer-project.png


--------------------------------------------------------------------------------
/source/images/screenshots/tabbie.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/tabbie.jpg


--------------------------------------------------------------------------------
/source/images/screenshots/topeka.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/images/screenshots/topeka.png


--------------------------------------------------------------------------------
/source/index.html.erb:
--------------------------------------------------------------------------------
 1 | ---
 2 | pageable: true
 3 | per_page: 8
 4 | ---
 5 | <% set_meta_tags description: "Showcase of web apps and websites using Polymer." %>
 6 | <% page_articles.each_with_index do |article, i| %>
 7 | <div class="post">
 8 |   <div layout center horizontal class="title">
 9 |     <h1 flex><%= link_to article.title, article.data.url, :target => "_blank" %></h1>
10 |     <span class="date"><%= article.date.strftime("%B #{article.date.day.ordinalize}") %></span>
11 |     <span class="divider">&bull;</span>
12 |     <span class="comments"><%= link_to 'Comments', article.url + "#disqus_thread" %></span>
13 |   </div>
14 |   <div class="description"><%= article.body %></div>
15 |   <div class="elements">
16 |     <ul>
17 |     <% tags = article.tags.take(10) %>
18 |     <% tags.each do |tag| %>
19 |       <li><%= link_to "#{tag}", tag_path(tag) %></li>
20 |     <% end %>
21 |       <% if article.tags.size > 10 %><li><%= link_to "and <b>#{article.tags.size - 10}</b> more custom elements...", article %></li><% end %>
22 |     </ul>
23 |   </div>
24 | </div>
25 | <% end %>
26 | 
27 | <% if paginate && num_pages > 1 %>
28 |   <div class="pagination" horizontal layout>
29 |     <% if prev_page %>
30 |       <div class="prev"><%= link_to '&laquo; Prev Page', prev_page %></div>
31 |     <% end %>
32 |     <div flex></div>
33 |     <% if next_page %>
34 |       <div class="next"><%= link_to 'Next Page &raquo;', next_page %></div>
35 |     <% end %>
36 |   </div>
37 | <% end %>


--------------------------------------------------------------------------------
/source/javascripts/lander.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/googlearchive/built-with-polymer/70c7560dcbaeb1e2c6631c50da3d8cf9c2bc3a5b/source/javascripts/lander.js


--------------------------------------------------------------------------------
/source/layouts/layout.erb:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
  6 |     <%= display_meta_tags site: 'Built with Polymer', separator: '-' %>
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  8 |     <%= feed_tag :atom, "#{blog.options.prefix.to_s}/feed.xml", title: "Atom Feed" %>
  9 |     <%= favicon_tag "favicon.ico" %>
 10 |     <%= stylesheet_link_tag "normalize", "lander" %>
 11 |     <%= javascript_include_tag "bower_components/platform/platform" %>
 12 |     <link rel="import" href="/bower_components/core-scroll-header-panel/core-header-panel.html">
 13 |     <link rel="import" href="/bower_components/core-toolbar/core-toolbar.html">
 14 |     <link rel="import" href="/components/ui-search/ui-search.html">
 15 |     <link rel="import" href="/components/ui-search-results/ui-search-results.html">
 16 |     <link rel="import" href="/components/mailchimp-subscribe/mailchimp-subscribe.html">
 17 |     <link rel="stylesheet" href="//fonts.googleapis.com/css?family=RobotoDraft:300,400,500|Source+Code+Pro:400,500,700">
 18 |   </head>
 19 | 
 20 |   <body fullbleed layout vertical>
 21 |     <div id="top-border"></div>
 22 |     <core-scroll-header-panel flex>
 23 | 
 24 |       <core-toolbar>
 25 |         <div id="masthead" layout horizontal>
 26 |           <div id="logo">
 27 |             <a href="/" class="logo">Built with <%= image_tag('polymer2.svg', :width => '36') %></a>
 28 |           </div>
 29 |           <div id="main-menu" flex>
 30 |             <nav>
 31 |               <ul>
 32 |                 <li><%= link_to 'Browse', '/' %></li>
 33 |                 <li><a href="http://polymer-project.org">Learn</a></li>
 34 |                 <li><%= link_to 'Elements', '/elements.html' %></li>
 35 |                 <li><%= link_to 'Submit', '/submit.html' %></li>
 36 |                 <li><iframe id="star-button" src="https://ghbtns.com/github-btn.html?user=PolymerLabs&repo=built-with-polymer&type=watch"
 37 |   allowtransparency="true" frameborder="0" scrolling="0" width="62" height="20"></iframe></li>
 38 |                 <li class="follow-button"><a href="https://twitter.com/polymerbuilt" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @polymerbuilt</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
 39 |               </ul>
 40 |             </nav>
 41 |           </div>
 42 |           <div id="search">
 43 |             <ui-search json="/entries.json"></ui-search>
 44 |           </div>
 45 |         </div>
 46 |       </core-toolbar>
 47 | 
 48 |       <div content>
 49 |         <div layout horizontal>
 50 |           <div id="main" role="main" flex>
 51 |             <div id="content">
 52 |               <%= yield %>
 53 |             </div>
 54 |             <ui-search-results></ui-search-results>
 55 |           </div>
 56 |           <aside>
 57 |             <section>
 58 |               <h3>Welcome</h3>
 59 |               <p>Built with Polymer is a curated collection of web apps and websites using Polymer.</p>
 60 |               <p><a href="https://www.polymer-project.org/docs/start/everything.html" target="_blank">What's Polymer?</a></p>
 61 |             </section>
 62 |             <section>
 63 |               <h3>Newsletter</h3>
 64 |               <p>Get web component articles and inspiration delivered straight to your inbox. Sign up for our newsletter:</p>
 65 |               <mailchimp-subscribe url="http://divshot.us4.list-manage.com/subscribe/post?u=b2f916c997005ec8cbb1b1726&amp;id=0c341f00fc"></mailchimp-subscribe>
 66 |             </section>
 67 |             <section>
 68 |               <h3><%= image_tag 'chrome.svg', :width => 20, :style => "float: left; margin: 0 8px 0 0" %> Extension</h3>
 69 |               <p>See what it's built with. Use the <a href="https://chrome.google.com/webstore/detail/aaifiopbmiecbpladpjaoemohhfjcbdk/" target="_blank">Polymer Ready</a> extension by François Beaufort.</p>
 70 |             </section>
 71 |             <section>
 72 |               <h3><%= image_tag 'github.svg', :width => 20, :style => "float: left; margin: 0 8px 0 0" %> Open Source</h3>
 73 |               <p>Built with Polymer is open source on <a href="https://www.github.com/PolymerLabs/built-with-polymer" target="_blank">GitHub</a>. Send a pull request to share your project or <%= link_to 'contact us.', '/submit.html' %></p>
 74 |             </section>
 75 |             <section>
 76 |               <h3>Popular Elements</h3>
 77 |               <% elements = blog.tags.sort_by { |k,s| s.join.length }.reverse.take(10) %>
 78 |               <ul>
 79 |               <% elements.each do |tag, articles| %>
 80 |                 <li><%= link_to "#{tag} (#{articles.size})", tag_path(tag) %></li>
 81 |               <% end %>
 82 |                 <li class="divider"></li>
 83 |                 <li><%= link_to 'View More...', '/elements.html' %></li>
 84 |               </ul>
 85 |             </section>
 86 |           </aside>
 87 |         </div>
 88 |         <footer>
 89 |           <p>&copy; <%= Time.now.year %> Built with <a href="https://www.polymer-project.org/" target="_blank">Polymer</a> &bull; Hosted by <a href="http://www.firebase.com" target="_blank">Firebase</a></p>
 90 |         </footer>
 91 |       </div>
 92 | 
 93 |     </core-scroll-header-panel>
 94 |     <script>
 95 |       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 96 |       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 97 |       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 98 |       })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 99 | 
100 |       ga('create', 'UA-30884255-13', 'auto');
101 |       ga('send', 'pageview');
102 | 
103 |     </script>
104 |     <script type="text/javascript">
105 |       var disqus_shortname = 'builtwithpolymer';
106 |       (function () {
107 |       var s = document.createElement('script'); s.async = true;
108 |       s.type = 'text/javascript';
109 |       s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
110 |       (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
111 |       }());
112 |     </script>
113 |     <%= javascript_include_tag "lander" %>
114 |   </body>
115 | </html>
116 | 


--------------------------------------------------------------------------------
/source/layouts/post.erb:
--------------------------------------------------------------------------------
 1 | <% set_meta_tags title: current_article.title %>
 2 | <% wrap_layout :layout do %>
 3 |   <article>
 4 |     <div layout center horizontal class="title">
 5 |       <h1 flex><%= link_to current_article.title, current_article.data.url %></h1>
 6 |       <span class="date"><%= current_article.date.strftime("%B #{current_article.date.day.ordinalize}") %></span>
 7 |       <span class="divider">&bull;</span>
 8 |       <span class="comments"><%= link_to 'Comments', current_article.url + "#disqus_thread" %></span>
 9 |     </div>
10 |     <%= yield %>
11 |     <div class="view-website">
12 |       <%= link_to "View Website &raquo;", current_article.data.url, :class => "btn" %>
13 |     </div>
14 |     <div class="elements">
15 |       <ul>
16 |       <% current_article.tags.each do |tag| %>
17 |         <li><%= link_to "#{tag}", tag_path(tag) %></li>
18 |       <% end %>
19 |       </ul>
20 |     </div><br>
21 |     <div id="disqus_thread"></div>
22 |     <script type="text/javascript">
23 |       var disqus_shortname = 'builtwithpolymer';
24 |       (function() {
25 |           var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
26 |           dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
27 |           (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
28 |       })();
29 |     </script>
30 |   </article>
31 | <% end %>


--------------------------------------------------------------------------------
/source/robots.txt:
--------------------------------------------------------------------------------
1 | # robotstxt.org
2 | 
3 | User-agent: *
4 | Sitemap: http://www.builtwithpolymer.org/sitemap.xml
5 | Disallow: /submit-success
6 | Disallow: /submit-failure
7 | Disallow: /error


--------------------------------------------------------------------------------
/source/sitemap.xml.erb:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: false
 3 | directory_index: false
 4 | ---
 5 | <% site_url = "http://www.builtwithpolymer.org" %>
 6 | <% pages = sitemap.resources.find_all{|p| p.source_file.match(/\.html/) && !p.source_file.match(/(bower_components|components|submit-failure|submit-success)/) } %>
 7 | <% posts = blog.articles %>
 8 | <?xml version="1.0" encoding="UTF-8"?>
 9 | <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
10 | <% pages.each do |p| %>
11 |   <url>
12 |     <loc><%= URI.join(site_url, p.destination_path.gsub('index.html','')) %></loc>
13 |     <priority>0.7</priority>
14 |   </url>
15 | <% end %>
16 | <% posts.each do |p| %>
17 |   <url>
18 |     <loc><%= URI.join(site_url, p.url) %></loc>
19 |     <priority>0.7</priority>
20 |   </url>
21 | <% end %>
22 | </urlset>


--------------------------------------------------------------------------------
/source/stylesheets/lander.css.sass:
--------------------------------------------------------------------------------
  1 | *
  2 |   box-sizing: border-box
  3 | 
  4 | =clearfix
  5 |   &:after
  6 |     content: " "
  7 |     display: table
  8 |     clear: both
  9 | 
 10 | body
 11 |   font-family: "RobotoDraft", "Helvetica Neue", Helvetica, Arial, sans-serif
 12 |   -webkit-font-smoothing: antialiased
 13 |   background: #fff
 14 |   font-size: 15px
 15 |   line-height: 26px
 16 |   color: #333
 17 |   background: #fff image_url('polymer.svg') -450px no-repeat
 18 |   background-size: 140%
 19 |   background-attachment: fixed
 20 | 
 21 | a
 22 |   color: #3F51B5
 23 |   text-decoration: none
 24 |   &:hover
 25 |     color: #8691D0
 26 | 
 27 | h1, h2, h3, h4, h5, h6
 28 |   // font-family: "Roboto Condensed"
 29 | 
 30 | #top-border
 31 |   display: block
 32 |   width: 100%
 33 |   height: 4px
 34 |   background: #fff image_url('polymer.svg') -450px no-repeat
 35 |   background-size: 140%
 36 |   @media (max-width: 768px)
 37 |     background-size: 200%
 38 | 
 39 | core-toolbar
 40 |   background: #fff
 41 |   border-bottom: 1px solid rgba(0,0,0,.08)
 42 |   // box-shadow: 0 0 4px rgba(0,0,0,.08)
 43 | 
 44 | #masthead
 45 |   width: 100%
 46 |   max-width: 960px
 47 |   margin: 0 auto
 48 |   padding: 0 20px
 49 |   font-size: 13px
 50 | 
 51 | #logo
 52 |   @media (max-width: 768px)
 53 |     flex: 1
 54 |   .logo
 55 |     font-weight: 300
 56 |     font-size: 16px
 57 |     color: #555
 58 |     &:hover
 59 |       color: #F93E7E
 60 |     img
 61 |       margin: 0 0 0 4px
 62 |       vertical-align: -6px
 63 | 
 64 | #main-menu
 65 |   @media (max-width: 768px)
 66 |     position: absolute
 67 |     width: 100%
 68 |     top: 72px
 69 |     left: 0
 70 |     padding-bottom: 6px
 71 |     border-bottom: 1px solid rgba(0,0,0,.08)
 72 |     nav
 73 |       margin-left: -13px
 74 | 
 75 | nav
 76 |   ul
 77 |     margin: 0
 78 |   li
 79 |     float: left
 80 |     margin: 0 20px 0 0
 81 |     list-style: none
 82 |     a
 83 |       color: #333
 84 |       &:hover
 85 |         color: #FF4081
 86 |   .follow-button
 87 |     width: 70px
 88 |     margin: 0 0 0 -12px
 89 |     iframe
 90 |       vertical-align: -5px
 91 | 
 92 | #search
 93 |   @media (max-width: 768px)
 94 |     float: right
 95 | 
 96 | #star-button
 97 |   vertical-align: -5px
 98 | 
 99 | input, textarea, * /deep/ input
100 |   font-size: 13px
101 |   border: 1px solid #ccc
102 |   border-radius: 3px
103 |   margin: 0
104 |   padding: 4px
105 |   outline: none
106 |   &:focus
107 |     border-color: #FF4081
108 | 
109 | input[name="_gotcha"]
110 |   display: none
111 | 
112 | button[type="submit"], * /deep/ button[type="submit"], .btn
113 |   font-size: 13px
114 |   font-weight: 600
115 |   padding: 8px 16px
116 |   background: #FF4081
117 |   color: #fff
118 |   border: 0
119 |   border-radius: 3px
120 |   &:hover
121 |     color: #fff
122 |     background: #DF3871
123 | 
124 | .submit-form
125 |   .field
126 |     margin: 0 0 20px
127 |   label
128 |     display: block
129 |     font-size: 11px
130 |     color: #666
131 |     text-transform: uppercase
132 |     + input
133 |       width: 100%
134 |       max-width: 400px
135 |   textarea
136 |     width: 100%
137 |     max-width: 400px
138 |     height: 100px
139 | 
140 | div[content]
141 |   background: rgba(255,255,255,.98)
142 | 
143 | div[content] > div
144 |   max-width: 960px
145 |   margin: 0 auto
146 | 
147 | #main
148 |   padding: 40px 20px
149 |   @media (max-width: 768px)
150 |     padding-top: 80px
151 |     padding-bottom: 0
152 |   h1
153 |     margin-top: 0
154 |     line-height: 1.25em
155 | 
156 | .post, ui-search-results::shadow .post
157 |   margin: 0 0 40px
158 |   clear: both
159 |   // border-bottom: 1px solid rgba(0,0,0,.06)
160 |   &:after
161 |     display: block
162 |     content: ""
163 |     width: 100%
164 |     height: 1px
165 |     margin-top: 40px
166 |     background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%)
167 |   &:last-child:after
168 |     background: none
169 | 
170 | .title
171 |   @media (max-width: 768px)
172 |     display: block !important
173 |   .date
174 |     color: #999
175 |   .divider
176 |     margin: 0 8px
177 |     letter-spacing: 1px
178 |     color: #ccc
179 |     padding-top: 1px
180 | 
181 | .title h1, .title h2
182 |   margin: 0 0 10px
183 |   a
184 |     color: #333
185 |     &:hover
186 |       color: #FF4081
187 |       border-bottom: 2px solid #fcf0fe
188 | 
189 | .description
190 |   color: #666
191 |   font-size: 17px
192 |   line-height: 27px
193 |   img
194 |     max-width: 100%
195 |     border-radius: 3px
196 | 
197 | .elements
198 |   font-size: 11px
199 |   +clearfix
200 |   ul
201 |     margin: 0
202 |     padding: 0
203 |   li
204 |     float: left
205 |     margin: 0 10px 0 0
206 |     line-height: 20px
207 |     list-style: none
208 |     a
209 |       color: #999
210 |       &:hover
211 |         color: #333
212 | 
213 | .pagination
214 |   a
215 |     color: #333
216 |     padding: 8px 16px
217 |     font-size: 13px
218 |     border: 1px solid #ccc
219 |     border-radius: 3px
220 |     &:hover
221 |       color: #fff
222 |       background: #FF4081
223 |       border-color: #FF4081
224 | 
225 | article
226 |   img
227 |     max-width: 100%
228 |     border-radius: 3px
229 | 
230 | .view-website
231 |   margin: 20px 0
232 |   .btn
233 |     @media (max-width: 768px)
234 |       display: block !important
235 |       text-align: center
236 | 
237 | ui-search-results
238 |   display: none
239 | 
240 | .post-list
241 |   margin: 0
242 |   padding: 0
243 |   li
244 |     margin: 0
245 |     padding: 5px 0
246 |     list-style: none
247 |   .date
248 |     color: #999
249 |   .description p
250 |     display: none
251 |   .description p:first-child
252 |     display: block
253 |     img
254 |       width: 100%
255 | 
256 | #main + aside
257 |   max-width: 280px
258 |   padding: 20px 0
259 |   @media (max-width: 768px)
260 |     display: none
261 |   section
262 |     font-size: 13px
263 |     line-height: 23px
264 |     padding: 0 40px 10px
265 |     h3
266 |       font-size: 15px
267 |       font-weight: 400
268 |       color: #999
269 |       text-transform: uppercase
270 |     form, * /deep/ form
271 |       margin-bottom: 13px
272 |   ul
273 |     margin: 0
274 |     padding: 0
275 |     li
276 |       margin: 0 0 5px
277 |       list-style: none
278 | 
279 | footer
280 |   max-width: 1170px
281 |   margin: 0 auto
282 |   padding: 20px 0
283 |   font-size: 12px
284 |   color: #999
285 |   text-align: center
286 |   @media (max-width: 768px)
287 |     padding-top: 0
288 |   p
289 |     display: inline-block
290 |     background: #fff
291 |     padding: 5px 20px
292 |     border-radius: 16px
293 | 


--------------------------------------------------------------------------------
/source/stylesheets/normalize.css:
--------------------------------------------------------------------------------
  1 | /*! normalize.css v2.0.1 | MIT License | git.io/normalize */
  2 | 
  3 | /* ==========================================================================
  4 |    HTML5 display definitions
  5 |    ========================================================================== */
  6 | 
  7 | /*
  8 |  * Corrects `block` display not defined in IE 8/9.
  9 |  */
 10 | 
 11 | article,
 12 | aside,
 13 | details,
 14 | figcaption,
 15 | figure,
 16 | footer,
 17 | header,
 18 | hgroup,
 19 | nav,
 20 | section,
 21 | summary {
 22 |     display: block;
 23 | }
 24 | 
 25 | /*
 26 |  * Corrects `inline-block` display not defined in IE 8/9.
 27 |  */
 28 | 
 29 | audio,
 30 | canvas,
 31 | video {
 32 |     display: inline-block;
 33 | }
 34 | 
 35 | /*
 36 |  * Prevents modern browsers from displaying `audio` without controls.
 37 |  * Remove excess height in iOS 5 devices.
 38 |  */
 39 | 
 40 | audio:not([controls]) {
 41 |     display: none;
 42 |     height: 0;
 43 | }
 44 | 
 45 | /*
 46 |  * Addresses styling for `hidden` attribute not present in IE 8/9.
 47 |  */
 48 | 
 49 | [hidden] {
 50 |     display: none;
 51 | }
 52 | 
 53 | /* ==========================================================================
 54 |    Base
 55 |    ========================================================================== */
 56 | 
 57 | /*
 58 |  * 1. Sets default font family to sans-serif.
 59 |  * 2. Prevents iOS text size adjust after orientation change, without disabling
 60 |  *    user zoom.
 61 |  */
 62 | 
 63 | html {
 64 |     font-family: sans-serif; /* 1 */
 65 |     -webkit-text-size-adjust: 100%; /* 2 */
 66 |     -ms-text-size-adjust: 100%; /* 2 */
 67 | }
 68 | 
 69 | /*
 70 |  * Removes default margin.
 71 |  */
 72 | 
 73 | body {
 74 |     margin: 0;
 75 | }
 76 | 
 77 | /* ==========================================================================
 78 |    Links
 79 |    ========================================================================== */
 80 | 
 81 | /*
 82 |  * Addresses `outline` inconsistency between Chrome and other browsers.
 83 |  */
 84 | 
 85 | a:focus {
 86 |     outline: thin dotted;
 87 | }
 88 | 
 89 | /*
 90 |  * Improves readability when focused and also mouse hovered in all browsers.
 91 |  */
 92 | 
 93 | a:active,
 94 | a:hover {
 95 |     outline: 0;
 96 | }
 97 | 
 98 | /* ==========================================================================
 99 |    Typography
100 |    ========================================================================== */
101 | 
102 | /*
103 |  * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
104 |  * Safari 5, and Chrome.
105 |  */
106 | 
107 | h1 {
108 |     font-size: 2em;
109 | }
110 | 
111 | /*
112 |  * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
113 |  */
114 | 
115 | abbr[title] {
116 |     border-bottom: 1px dotted;
117 | }
118 | 
119 | /*
120 |  * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
121 |  */
122 | 
123 | b,
124 | strong {
125 |     font-weight: bold;
126 | }
127 | 
128 | /*
129 |  * Addresses styling not present in Safari 5 and Chrome.
130 |  */
131 | 
132 | dfn {
133 |     font-style: italic;
134 | }
135 | 
136 | /*
137 |  * Addresses styling not present in IE 8/9.
138 |  */
139 | 
140 | mark {
141 |     background: #ff0;
142 |     color: #000;
143 | }
144 | 
145 | 
146 | /*
147 |  * Corrects font family set oddly in Safari 5 and Chrome.
148 |  */
149 | 
150 | code,
151 | kbd,
152 | pre,
153 | samp {
154 |     font-family: monospace, serif;
155 |     font-size: 1em;
156 | }
157 | 
158 | /*
159 |  * Improves readability of pre-formatted text in all browsers.
160 |  */
161 | 
162 | pre {
163 |     white-space: pre;
164 |     white-space: pre-wrap;
165 |     word-wrap: break-word;
166 | }
167 | 
168 | /*
169 |  * Sets consistent quote types.
170 |  */
171 | 
172 | q {
173 |     quotes: "\201C" "\201D" "\2018" "\2019";
174 | }
175 | 
176 | /*
177 |  * Addresses inconsistent and variable font size in all browsers.
178 |  */
179 | 
180 | small {
181 |     font-size: 80%;
182 | }
183 | 
184 | /*
185 |  * Prevents `sub` and `sup` affecting `line-height` in all browsers.
186 |  */
187 | 
188 | sub,
189 | sup {
190 |     font-size: 75%;
191 |     line-height: 0;
192 |     position: relative;
193 |     vertical-align: baseline;
194 | }
195 | 
196 | sup {
197 |     top: -0.5em;
198 | }
199 | 
200 | sub {
201 |     bottom: -0.25em;
202 | }
203 | 
204 | /* ==========================================================================
205 |    Embedded content
206 |    ========================================================================== */
207 | 
208 | /*
209 |  * Removes border when inside `a` element in IE 8/9.
210 |  */
211 | 
212 | img {
213 |     border: 0;
214 | }
215 | 
216 | /*
217 |  * Corrects overflow displayed oddly in IE 9.
218 |  */
219 | 
220 | svg:not(:root) {
221 |     overflow: hidden;
222 | }
223 | 
224 | /* ==========================================================================
225 |    Figures
226 |    ========================================================================== */
227 | 
228 | /*
229 |  * Addresses margin not present in IE 8/9 and Safari 5.
230 |  */
231 | 
232 | figure {
233 |     margin: 0;
234 | }
235 | 
236 | /* ==========================================================================
237 |    Forms
238 |    ========================================================================== */
239 | 
240 | /*
241 |  * Define consistent border, margin, and padding.
242 |  */
243 | 
244 | fieldset {
245 |     border: 1px solid #c0c0c0;
246 |     margin: 0 2px;
247 |     padding: 0.35em 0.625em 0.75em;
248 | }
249 | 
250 | /*
251 |  * 1. Corrects color not being inherited in IE 8/9.
252 |  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
253 |  */
254 | 
255 | legend {
256 |     border: 0; /* 1 */
257 |     padding: 0; /* 2 */
258 | }
259 | 
260 | /*
261 |  * 1. Corrects font family not being inherited in all browsers.
262 |  * 2. Corrects font size not being inherited in all browsers.
263 |  * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
264 |  */
265 | 
266 | button,
267 | input,
268 | select,
269 | textarea {
270 |     font-family: inherit; /* 1 */
271 |     font-size: 100%; /* 2 */
272 |     margin: 0; /* 3 */
273 | }
274 | 
275 | /*
276 |  * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
277 |  * the UA stylesheet.
278 |  */
279 | 
280 | button,
281 | input {
282 |     line-height: normal;
283 | }
284 | 
285 | /*
286 |  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
287 |  *    and `video` controls.
288 |  * 2. Corrects inability to style clickable `input` types in iOS.
289 |  * 3. Improves usability and consistency of cursor style between image-type
290 |  *    `input` and others.
291 |  */
292 | 
293 | button,
294 | html input[type="button"], /* 1 */
295 | input[type="reset"],
296 | input[type="submit"] {
297 |     -webkit-appearance: button; /* 2 */
298 |     cursor: pointer; /* 3 */
299 | }
300 | 
301 | /*
302 |  * Re-set default cursor for disabled elements.
303 |  */
304 | 
305 | button[disabled],
306 | input[disabled] {
307 |     cursor: default;
308 | }
309 | 
310 | /*
311 |  * 1. Addresses box sizing set to `content-box` in IE 8/9.
312 |  * 2. Removes excess padding in IE 8/9.
313 |  */
314 | 
315 | input[type="checkbox"],
316 | input[type="radio"] {
317 |     box-sizing: border-box; /* 1 */
318 |     padding: 0; /* 2 */
319 | }
320 | 
321 | /*
322 |  * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
323 |  * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
324 |  *    (include `-moz` to future-proof).
325 |  */
326 | 
327 | input[type="search"] {
328 |     -webkit-appearance: textfield; /* 1 */
329 |     -moz-box-sizing: content-box;
330 |     -webkit-box-sizing: content-box; /* 2 */
331 |     box-sizing: content-box;
332 | }
333 | 
334 | /*
335 |  * Removes inner padding and search cancel button in Safari 5 and Chrome
336 |  * on OS X.
337 |  */
338 | 
339 | input[type="search"]::-webkit-search-cancel-button,
340 | input[type="search"]::-webkit-search-decoration {
341 |     -webkit-appearance: none;
342 | }
343 | 
344 | /*
345 |  * Removes inner padding and border in Firefox 4+.
346 |  */
347 | 
348 | button::-moz-focus-inner,
349 | input::-moz-focus-inner {
350 |     border: 0;
351 |     padding: 0;
352 | }
353 | 
354 | /*
355 |  * 1. Removes default vertical scrollbar in IE 8/9.
356 |  * 2. Improves readability and alignment in all browsers.
357 |  */
358 | 
359 | textarea {
360 |     overflow: auto; /* 1 */
361 |     vertical-align: top; /* 2 */
362 | }
363 | 
364 | /* ==========================================================================
365 |    Tables
366 |    ========================================================================== */
367 | 
368 | /*
369 |  * Remove most spacing between table cells.
370 |  */
371 | 
372 | table {
373 |     border-collapse: collapse;
374 |     border-spacing: 0;
375 | }


--------------------------------------------------------------------------------
/source/submit-failure.html.erb:
--------------------------------------------------------------------------------
1 | <h1>Submission Failed</h1>
2 | <p>There was an error processing your submission. Please try again or <a href="mailto:hello@builtwithpolymer.org">contact us</a> if you continue to experience problems.</p>


--------------------------------------------------------------------------------
/source/submit-success.html.erb:
--------------------------------------------------------------------------------
1 | <h1>Website Submitted</h1>
2 | <p>Thank you for your submission. We'll review it shortly and get back with you if it's posted on Built with Polymer.</p>


--------------------------------------------------------------------------------
/source/submit.html.erb:
--------------------------------------------------------------------------------
 1 | <% set_meta_tags title: "Submit Website" %>
 2 | 
 3 | <h1>Submit Website</h1>
 4 | <p>Build something cool with Polymer and web components? Submit your site and you'll have the chance to appear on Built with Polymer!</p>
 5 | <p>We're looking for complete apps and websites that use Polymer in a significant way. If you'd like to show off your shiny new web component, head on over to <a href="http://customelements.io/">Custom Elements</a> and <a href="http://component.kitchen/">Component Kitchen</a>.</p>
 6 | 
 7 | <form class="submit-form" action="http://formspree.io/builtwithpolymer-submissions@googlegroups.com" method="post">
 8 |   <input type="hidden" name="_next" value="https://builtwithpolymer.org/submit-success/">
 9 |   <div class="field">
10 |     <label for="name">Your Name:</label>
11 |     <input type="text" id="name" name="name">
12 |   </div>
13 |   <div class="field">
14 |     <label for="email">Email Address:</label>
15 |     <input type="email" id="email" name="_replyto">
16 |   </div>
17 |   <div class="field">
18 |     <label for="project">Website Title:</label>
19 |     <input type="text" id="project" name="_subject">
20 |   </div>
21 |   <div class="field">
22 |     <label for="url">Website Address (URL):</label>
23 |     <input type="text" id="url" name="url">
24 |   </div>
25 |   <div class="field">
26 |     <label for="desc">Description:</label>
27 |     <textarea id="desc" name="desc" cols="40" rows="5" placeholder="Provide a short description of your Polymer project and custom elements used."></textarea>
28 |   </div>
29 |   <div class="action">
30 |     <button type="submit">Submit</button>
31 |   </div>
32 |   <input type="text" name="_gotcha">
33 | </form>
34 | 


--------------------------------------------------------------------------------