Get some optimizations going

This commit is contained in:
Damillora 2020-11-01 01:38:51 +07:00
parent e2033638f3
commit 979233f82f
4 changed files with 17 additions and 22 deletions

View File

@ -8,8 +8,15 @@
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="{{asset "built/styles.css"}}" />
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap" />
<link rel="preload" as="style" href="{{asset "built/styles.css"}}" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" type="text/css" href="{{asset "built/styles.css"}}" />
{{ghost_head}}
</head>
<body class="{{body_class}}">

View File

@ -7,20 +7,6 @@ const concat = require('gulp-concat');
const uglify = require('gulp-uglify');
const cleancss = require('gulp-clean-css');
const purgecss = require('@fullhuman/postcss-purgecss')({
// Specify the paths to all of the template files in your project
content: [
'./**/*.hbs',
'./assets/**/*.js',
'./assets/css/styles.css', // This file defines required styles for the Ghost editor
// etc.
],
// Include any special characters you're using in this regular expression
defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
})
function serve(done) {
livereload.listen();
done();
@ -38,7 +24,6 @@ function css () {
// ...
require('tailwindcss'),
require('autoprefixer'),
...process.env.NODE_ENV === 'production' ? [purgecss] : []
// ...
]))
// ...

View File

@ -17,12 +17,6 @@ with a `no-image` class so we can style it accordingly.
.responsive-{{slug}}-img {
background-image: url({{img_url feature_image size='m'}});
}
@media(max-width: 767px) {
.responsive-{{slug}}-img {
background-image: url({{img_url feature_image size='m'}});
}
}
</style>
<div class="post-background responsive-{{slug}}-img bg-cover bg-center bg-yuika-blue-500">

View File

@ -1,4 +1,13 @@
module.exports = {
purge: {
enabled: true,
content: [
'./**/*.hbs',
'./assets/**/*.js',
'./assets/css/styles.css', // This file defines required styles for the Ghost editor
// etc.
],
},
theme: {
extend: {
colors: {