-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Initial commit for about organizer block * Add initial photo grid to about organizers block * Update about organizer block * Fix mobile view
- Loading branch information
Showing
10 changed files
with
150 additions
and
685 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,87 @@ | ||
| <link rel="import" href="../../bower_components/polymer/polymer-element.html"> | ||
|
|
||
| <link rel="import" href="../../bower_components/iron-icon/iron-icon.html"> | ||
| <link rel="import" href="../../bower_components/paper-button/paper-button.html"> | ||
| <link rel="import" href="../../bower_components/marked-element/marked-element.html"> | ||
|
|
||
| <link rel="import" href="../mixins/redux-mixin.html"> | ||
| <link rel="import" href="hoverboard-icons.html"> | ||
|
|
||
| <dom-module id="about-organizer-block"> | ||
| <template> | ||
| <style is="custom-style" include="shared-styles flex flex-alignment positioning"></style> | ||
|
|
||
| <style> | ||
| :host { | ||
| display: block; | ||
| } | ||
|
|
||
| .block:not(:last-of-type) { | ||
| margin-bottom: 32px; | ||
| } | ||
|
|
||
| .team-icon { | ||
| --iron-icon-height: 160px; | ||
| --iron-icon-width: 160px; | ||
| --iron-icon-fill-color: var(--default-primary-color); | ||
| max-width: 50%; | ||
| } | ||
|
|
||
| .description { | ||
| color: var(--secondary-text-color); | ||
| } | ||
|
|
||
| paper-button { | ||
| margin: 0; | ||
| } | ||
| </style> | ||
|
|
||
| <div class="container" layout horizontal> | ||
| <div layout horizontal center-center flex hidden$="[[viewport.isPhone]]"> | ||
| <iron-icon class="team-icon" icon="hoverboard:team"></iron-icon> | ||
| </div> | ||
|
|
||
| <div class="description-block" flex> | ||
| {% for block in aboutOrganizerBlock.blocks %} | ||
| <div class="block"> | ||
| <h2>{$ block.title $}</h2> | ||
| <marked-element class="description" markdown="{$ block.description $}"> | ||
| <div slot="markdown-html"></div> | ||
| </marked-element> | ||
| <a | ||
| href="{$ block.callToAction.link $}" | ||
| {% if block.callToAction.newTab %} | ||
| target="_blank" rel="noopener noreferrer" | ||
| {% endif %} | ||
| > | ||
| <paper-button class="cta-button animated icon-right"> | ||
| <span>{$ block.callToAction.label $}</span> | ||
| <iron-icon icon="hoverboard:arrow-right-circle"></iron-icon> | ||
| </paper-button> | ||
| </a> | ||
| </div> | ||
| {% endfor %} | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| class AboutOrganizerBlock extends ReduxMixin(Polymer.Element) { | ||
|
|
||
| static get is() { | ||
| return 'about-organizer-block' | ||
| } | ||
|
|
||
| static get properties() { | ||
| return { | ||
| viewport: { | ||
| type: Object, | ||
| statePath: 'ui.viewport' | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| customElements.define(AboutOrganizerBlock.is, AboutOrganizerBlock); | ||
| </script> | ||
| </dom-module> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.