ember I - setup

week03/app/index.html

@@ -6,6 +6,7 @@
     <title>Week03</title>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="https://cdn.materialdesignicons.com/2.8.94/css/materialdesignicons.min.css"/>
 
     {{content-for "head"}}
 

week03/app/styles/app.scss

+@import "settings";
+@import 'foundation-sites/foundation';
+@include foundation-everything;

week03/ember-cli-build.js

@@ -4,6 +4,9 @@ const EmberApp = require('ember-cli/lib/broccoli/ember-app');
 
 module.exports = function(defaults) {
   let app = new EmberApp(defaults, {
+    'ember-cli-foundation-6-sass': {
+        'foundationJs': 'all'
+    }
     // Add options here
   });
 

week03/package.json

@@ -26,13 +26,13 @@
     "@glimmer/tracking": "^1.0.2",
     "babel-eslint": "^10.1.0",
     "broccoli-asset-rev": "^3.0.0",
+    "broccoli-clean-css": "^2.0.1",
     "ember-auto-import": "^1.6.0",
     "ember-cli": "~3.22.0",
-    "broccoli-clean-css": "^2.0.1",
-    "cypress": "^5.6.0",
     "ember-cli-app-version": "^4.0.0",
     "ember-cli-babel": "^7.22.1",
     "ember-cli-dependency-checker": "^3.2.0",
+    "ember-cli-foundation-6-sass": "0.0.27",
     "ember-cli-htmlbars": "^5.3.1",
     "ember-cli-inject-live-reload": "^2.0.2",
     "ember-cli-sass": "^6.2.0",
@@ -51,6 +51,7 @@
     "eslint": "^7.11.0",
     "eslint-plugin-ember": "^9.3.0",
     "eslint-plugin-node": "^11.1.0",
+    "foundation-sites": "^6.6.3",
     "loader.js": "^4.7.0",
     "npm-run-all": "^4.1.5",
     "qunit-dom": "^1.5.0"
@@ -60,8 +61,5 @@
   },
   "ember": {
     "edition": "octane"
-  },
-  "dependencies": {
-    "cypress": "^6.1.0"
   }
 }