diff --git a/bs.js b/bs.js
index 8a25f9f..e8e6e86 100755
--- a/bs.js
+++ b/bs.js
@@ -2,7 +2,7 @@ var browserSync = require("browser-sync");
 
 browserSync({
   //proxy: 'http://137.149.200.93',
-  proxy: "https://137.149.52.30",
+  proxy: "https://craipe2.islandarchives.ca",
   files: "css/**/*.css",
   plugins: ["bs-rewrite-rules"],
   serveStatic: ["."],
diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css
index 50121f0..4ebafa6 100755
--- a/css/components/islandora_mods.css
+++ b/css/components/islandora_mods.css
@@ -61,3 +61,32 @@ button#toggle-facets {
     width: 100%;
   }
 }
+
+.view-grid > .view-content {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  /*margin: 0.47214rem 0 0.47214rem 2.61803rem;*/
+}
+
+@media only screen and (max-width: 600px) {
+  .view-grid > .view-content {
+    display: grid;
+    grid-template-columns: repeat(1, 1fr);
+  }
+}
+.search-view .view-header {
+  margin: 0;
+}
+
+.search-view .view-filters {
+  margin-block-end: var(--sp2);
+}
+
+div#block-olivescraipe-solrsearchcontentsearchresultspagerforpage {
+  margin: 1em;
+}
+
+span#override-default-display-mode {
+  display: none;
+}
+
diff --git a/package.json b/package.json
index ace9109..186aacc 100755
--- a/package.json
+++ b/package.json
@@ -1,13 +1,105 @@
 {
-  "name": "Oliveskln",
+  "name": "Oliveskspaces",
   "engines": {
+    "yarn": ">= 1.6",
     "node": ">= 12.0"
   },
   "scripts": {
-    "serve": "node bs.js"
+    "build": "yarn build:css & yarn build:js",
+    "watch": "yarn watch:css & yarn watch:js",
+    "build:css": "cross-env BABEL_ENV=legacy node ./scripts/css/postcss-build.js",
+    "watch:css": "cross-env BABEL_ENV=legacy node ./scripts/css/postcss-watch.js",
+    "build:js": "cross-env BABEL_ENV=legacy node ./scripts/js/babel-es6-build.js",
+    "build:js-dev": "cross-env NODE_ENV=development BABEL_ENV=legacy node ./scripts/js/babel-es6-build.js",
+    "watch:js": "cross-env BABEL_ENV=legacy node ./scripts/js/babel-es6-watch.js",
+    "watch:js-dev": "cross-env NODE_ENV=development BABEL_ENV=legacy node ./scripts/js/babel-es6-watch.js",
+    "lint:css": "stylelint \"**/*.css\"",
+    "lint:css-checkstyle": "stylelint \"**/*.css\" --custom-formatter ./node_modules/stylelint-checkstyle-formatter/index.js",
+    "prettier": "prettier --write \"./**/*.es6.js\" \"./tests/Drupal/Nightwatch/**/*.js\""
   },
+  "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/register": "^7.7.7",
+    "babel-plugin-add-header-comment": "^1.0.3",
+    "chalk": "^4.1.0",
+    "chokidar": "^3.3.1",
+    "chromedriver": "^87.0.0",
+    "cross-env": "^7.0.2",
+    "cspell": "^4.0.63",
+    "dotenv-safe": "^8.2.0",
+    "eslint": "^7.10.0",
+    "eslint-config-airbnb": "^18.0.1",
+    "eslint-config-prettier": "^6.7.0",
+    "eslint-plugin-import": "^2.13.0",
+    "eslint-plugin-jsx-a11y": "^6.0.3",
+    "eslint-plugin-prettier": "^3.1.2",
+    "eslint-plugin-react": "^7.10.0",
+    "eslint-plugin-react-hooks": "^4.1.2",
+    "glob": "^7.1.2",
+    "minimist": "^1.2.2",
+    "mkdirp": "^1.0.4",
+    "postcss": "^7.0.18",
+    "postcss-calc": "^7.0.1",
+    "postcss-header": "^2.0.0",
+    "postcss-import": "^12.0.1",
+    "postcss-preset-env": "^6.7.0",
+    "postcss-pxtorem": "^5.1.1",
+    "postcss-url": "^8.0.0",
+    "prettier": "^2.1.2",
+    "stylelint": "^13.0.0",
+    "stylelint-checkstyle-formatter": "^0.1.1",
+    "stylelint-config-standard": "^20.0.0",
+    "stylelint-no-browser-hacks": "^1.2.1",
+    "stylelint-order": "^4.0.0",
+    "terser": "^5.3.4"
+  },
+  "//": "'development is the default environment, and legacy is for transpiling the old jQuery codebase",
+  "babel": {
+    "env": {
+      "development": {
+        "presets": [
+          [
+            "@babel/preset-env",
+            {
+              "modules": "commonjs",
+              "targets": {
+                "node": "current"
+              }
+            }
+          ]
+        ]
+      },
+      "legacy": {
+        "presets": [
+          [
+            "@babel/preset-env",
+            {
+              "modules": false
+            }
+          ]
+        ]
+      }
+    }
+  },
+  "browserslist": [
+    "last 2 Chrome major versions",
+    "last 2 Firefox major versions",
+    "last 2 Safari major versions",
+    "last 2 Edge major versions",
+    "last 2 Opera versions",
+    "last 2 iOS major versions",
+    "last 1 Explorer major version",
+    "last 1 ChromeAndroid version",
+    "last 1 UCAndroid version",
+    "last 1 Samsung version",
+    "last 1 OperaMini version",
+    "Firefox ESR"
+  ],
   "dependencies": {
     "browser-sync": "^2.29.3",
+    "browsersync": "^0.0.1-security",
     "bs-rewrite-rules": "^2.1.2"
-  }
+  },
+  "packageManager": "yarn@4.0.2"
 }
diff --git a/templates/views/views-view-fields--solr-search-content.html.twig b/templates/views/views-view-fields--solr-search-content.html.twig
new file mode 100755
index 0000000..c202766
--- /dev/null
+++ b/templates/views/views-view-fields--solr-search-content.html.twig
@@ -0,0 +1,34 @@
+<div class="grid-item">
+  <div class="image">
+    {{ fields.did_image.content }}
+  </div>
+  <div class="metadata">
+    <span class="title">
+      {{ fields.title.content }}
+    </span>
+    {% for key, field in fields -%}
+    {%- if key != 'did_image' and key != 'title' -%}
+    {{ field.separator }}
+    {%- if field.wrapper_element -%}
+    <{{ field.wrapper_element }}{{ field.wrapper_attributes }}>
+      {%- endif %}
+      {%- if field.label and field.content|striptags|trim is not empty -%}
+      {%- if field.label_element -%}
+      <{{ field.label_element }}{{ field.label_attributes }}>{{ field.label }}{{ field.label_suffix }}</{{
+        field.label_element }}>
+      {%- else -%}
+      {{ field.label }}{{ field.label_suffix }}
+      {%- endif %}
+      {%- endif %}
+      {%- if field.element_type -%}
+      <{{ field.element_type }}{{ field.element_attributes }}>{{ field.content }}</{{ field.element_type }}>
+      {%- else -%}
+      {{ field.content }}
+      {%- endif %}
+      {%- if field.wrapper_element -%}
+    </{{ field.wrapper_element }}>
+    {%- endif %}
+    {%- endif -%}
+    {%- endfor %}
+  </div>
+</div>