diff --git a/README.md b/README.md index b38ba48135..1b2872a8ae 100644 --- a/README.md +++ b/README.md @@ -7,8 +7,7 @@ The source code for [https://simplabs.com](https://simplabs.com). We use [Glimmer.js](https://glimmerjs.com) for rendering, [navigo](https://github.com/krasimir/navigo) for client-side routing and [CSS Blocks](https://css-blocks.com) for CSS. Pages are statically pre-rendered -using [Puppeteer](https://pptr.dev) and we inject critical CSS with -[critical](https://github.com/addyosmani/critical). +using [Puppeteer](https://pptr.dev). ## Installation @@ -43,7 +42,6 @@ Chrome Inspector to do so.** * [navigo](https://github.com/krasimir/navigo) * [CSS Blocks](https://css-blocks.com) * [Puppeteer](https://pptr.dev) -* [critical](https://github.com/addyosmani/critical) ## Copyright diff --git a/package.json b/package.json index d4f988ed8e..bdae9702e6 100644 --- a/package.json +++ b/package.json @@ -50,7 +50,6 @@ "broccoli-typescript-compiler": "^4.1.0", "clean-css": "^4.2.1", "colors": "^1.3.3", - "critical": "^1.3.4", "dateformat": "^3.0.3", "ember-cli": "^3.7.1", "ember-cli-dependency-checker": "^2.0.1", diff --git a/scripts/prerender.js b/scripts/prerender.js index d7c0f80ad6..be6540e507 100644 --- a/scripts/prerender.js +++ b/scripts/prerender.js @@ -2,7 +2,6 @@ const path = require('path'); const fs = require('fs-extra'); const express = require('express'); const puppeteer = require('puppeteer'); -const critical = require('critical'); const colors = require('colors'); const jsdom = require('jsdom'); @@ -35,27 +34,6 @@ async function persist(html, routePath) { return fileName; } -async function inlineCss(fileName) { - let input = await fs.readFile(fileName, 'utf8'); - let result = await critical.generate({ - inline: true, - base: DIST_PATH, - folder: './', - html: input, - dimensions: [ - { - height: 667, - width: 300, - }, - { - height: 900, - width: 1200, - }, - ], - }); - await fs.writeFile(fileName, result.toString('utf8')); -} - function buildShoeboxBundlePreloads(html) { let dom = new jsdom.JSDOM(html); let bundleNodes = Array.from(dom.window.document.querySelectorAll('[data-shoebox-bundle]')); @@ -91,7 +69,6 @@ server.listen(3000, async function() { for (let routePath of paths) { let html = await snapshot(browser, routePath); let fileName = await persist(html, routePath); - await inlineCss(fileName); console.log(colors.blue(`${routePath} => ${fileName}.`)); } diff --git a/src/ui/components/PageWhySimplabs/template.hbs b/src/ui/components/PageWhySimplabs/template.hbs index b7dcd9d63e..de479b2909 100644 --- a/src/ui/components/PageWhySimplabs/template.hbs +++ b/src/ui/components/PageWhySimplabs/template.hbs @@ -47,7 +47,7 @@ We take an active role in the open source projects that we leverage for our clients. Our strong engagement with Open Source provides us with first hand knowledge and insights that our clients benefit from.

- +

Sharing @@ -70,7 +70,7 @@ A distributed team allows gathering top talent regardless of location but face to face time is still invaluable. We frequently come together for team events and workshops and invite our clients to those as well.

- +