Junp to the file: https://gist.github.com/MartinMuzatko/4bfc559a0158c4652c2c#file-interact-js
<my-tag>
<div name="items" each={set in data}>{set}</div>
| page.bodyTag > | |
| page.bodyTagCObject = TEXT | |
| page.bodyTagCObject.value = <body class="{field:backend_layout}"> | |
| // These are ALL the available field: variables that are available | |
| uid => '1' (1 chars) | |
| pid => '0' (1 chars) | |
| t3ver_oid => '0' (1 chars) |
| <?php | |
| namespace TYPO3\Mcserver\ViewHelper; | |
| use \TYPO3\CMS\Mcserver\Utility as McUtility; | |
| /** | |
| * This class is a demo view helper for the Fluid templating engine. | |
| * | |
| * @author Martin Muzatko | |
| * @package mcserver | |
| * |
| .group:before, | |
| .group:after | |
| { | |
| display: table; | |
| } | |
| .group:after | |
| { | |
| clear: both; | |
| } |
| <section class="bg_social"> | |
| <a title="Hier geht es zu unserer Facebook Seite" target="_blank" href="http://www.facebook.com/SoderImmo"> | |
| <img alt="facebook" src="/themes/icons/facebook/facebook-24-black.png"> | |
| </a> | |
| <a title="Hier geht es zu unserer Google Seite" target="_blank" href="https://plus.google.com/u/0/111561047874732218409/about/p/pub"> | |
| <img alt="google" src="/themes/icons/google/google-24-black.png"> | |
| </a> | |
| <a title="Hier geht es zu unserer Twitter Seite" target="_blank" href="https://twitter.com/RobertSoderP"> | |
| <img alt="twitter" src="/themes/icons/twitter/twitter-24-black.png"> | |
| </a> |
| /* | |
| Imagine a setup of a two-column website | |
| of course - you have to adapt the CSS to your needs. | |
| PROs: | |
| your responsive layout is adaptive to the font, not any arbitrary pixels. | |
| You have control about the font, not about the pixels. | |
| main.group | |
| ######################################################### |
| // Distinct Vocabulary | |
| illion | |
| bi | |
| tri | |
| quadr | |
| quint | |
| sext | |
| sept | |
| oct |
| function commarize() | |
| { | |
| // 1e6 = 1 Million, begin with number to word after 1e6. | |
| if (this >= 1e6) | |
| { | |
| var units = | |
| [ | |
| "Million", | |
| "Billion", | |
| "Trillion", |
Junp to the file: https://gist.github.com/MartinMuzatko/4bfc559a0158c4652c2c#file-interact-js
<my-tag>
<div name="items" each={set in data}>{set}</div>
| /** | |
| * FLEX GRID is not available as standalone via angular Material anymore. We have to manually import it. | |
| * | |
| */ | |
| @-moz-document url-prefix() { | |
| [layout-fill] { | |
| margin: 0; | |
| width: 100%; |
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $layout-gutter-width: 16px !default; | |
| $layout-breakpoint-sm: 960px !default; | |
| $layout-breakpoint-md: 1280px !default; | |
| $layout-breakpoint-lg: 1920px !default; |