extractor fixes, better prefs images

had to fix some gulp processing errors and updated a couple of the controls/prefs screenshots using a better png compressor to save more load time... eventually I'll update all the images so the site should load even faster
This commit is contained in:
Craig Erskine
2020-12-14 12:12:05 -06:00
parent 0fcc6fdc7f
commit f00a15034a
9 changed files with 8 additions and 19 deletions
+1 -1
View File
@@ -1 +1 @@
{"main.css":"main-29c4a5b6.css","main.js":"main-aad70835.js"}
{"main.css":"main-e2f44204.css","main.js":"main-aad70835.js"}
+1 -1
View File
@@ -16,7 +16,7 @@ img { vertical-align: middle; }
.img-border { display: inline-block; position: relative; }
.img-border:after { border: 1px solid #000; width: 100%; height: 100%; display: block; content: ""; position: absolute; top: 0; left: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 2px 3px rgba(0,0,0,0.75); }
.controls-prefs { top: 65px; left: -247px; }
.controls-prefs { top: 87px; left: -216px; border-radius: 10px; box-shadow: 0 0 0 1px rgba(0,0,0,.2), 0 0 40px rgba(0,0,0,.75); }
.controller { @apply .hidden .absolute .pin-t .z-10 .transition-slow; }
.controller-sms { left: -548px; }
+3 -14
View File
@@ -17,21 +17,10 @@ gulp.task('css', function(){
]))
.pipe(purgecss({
content: ['./*.html', './js/*.js'],
extractors: [
{
extractor: class TailwindExtractor {
static extract(content) {
return content.match(/[A-Za-z0-9-_:\/]+/g) || [];
}
},
extensions: ['html', 'js']
}
]
}))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
defaultExtractor: content =>
content.match(/[\w-/:]+(?<!:)/g) || []
}))
.pipe(autoprefixer())
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(hash())
.pipe(gulp.dest('../css/'))
+1 -1
View File
@@ -20,6 +20,6 @@
"gulp-rename": "*",
"gulp-uglify": "*",
"postcss": "*",
"tailwindcss": "*"
"tailwindcss": "0.7.4"
}
}
File diff suppressed because one or more lines are too long
+1
View File
File diff suppressed because one or more lines are too long
Binary file not shown.

Before

Width:  |  Height:  |  Size: 565 KiB

After

Width:  |  Height:  |  Size: 191 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 559 KiB

After

Width:  |  Height:  |  Size: 199 KiB

+1 -1
View File
@@ -24,7 +24,7 @@
<meta property="og:description" content="Console and Arcade video game emulator for macOS." />
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="css/main-29c4a5b6.css" rel="stylesheet" />
<link href="css/main-e2f44204.css" rel="stylesheet" />
</head>
<body class="bg-black text-grey-lightest text-sm leading-normal text-shadow overflow-y-scroll overflow-x-hidden" style="background-image: url('img/grunge.png');">