New Twiddle

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

templates.application.hbs

<main class="ndsn" id="main">
    <div id="outage-messages" data-attrs="{&quot;journey&quot;:&quot;homepage&quot;,&quot;page&quot;:&quot;nucleus&quot;}" data-component="outage-messages">
      <section id="ember9" class="__e2ed6 outage-messages-component ember-view">
        <ns-skyline role="tablist">
          <ns-expander icon="warning" type="skyline" role="tab">
            <h2 slot="heading">
              Meh forage actually cliche tilde, roof party butcher shabby chic
              pickled meditation brooklyn bitters farm-to-table.
            </h2>
            <p>
              Bespoke kombucha <a href="#">cronut</a>, meditation austin plaid
              cold-pressed adaptogen waistcoat pinterest swag chartreuse unicorn
              dreamcatcher readymade. Green juice before they sold out austin air
              plant ugh banjo distillery. Kale chips umami cold-pressed cornhole.
            </p>
            <p>
              Hell of kickstarter butcher man bun blog kombucha occupy craft beer
              flexitarian portland tote bag artisan.
            </p>
          </ns-expander>
        </ns-skyline>
      </section></div>
  </main>

twiddle.json

{
  "version": "0.15.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "2.16.2",
    "ember-template-compiler": "2.16.2",
    "ember-testing": "2.16.2",
    "nucleus": "https://www.britishgas.co.uk/nucleus/nucleus.min.js"
  },
  "addons": {
    "ember-data": "3.4.2"
  }
}