Skip to content

Commit

Permalink
No images
Browse files Browse the repository at this point in the history
  • Loading branch information
@philipbelesky
philipbelesky committed Dec 22, 2023
1 parent 2e54baf commit d2f7312
Show file tree
Hide file tree
Showing 2 changed files with 169 additions and 158 deletions.
325 changes: 168 additions & 157 deletions site/gulpfile.js
View file
Original file line number Diff line number Diff line change
@@ -1,170 +1,181 @@
var gulp = require('gulp');
var responsive = require('gulp-responsive');
var changed = require('gulp-changed');
var count = require('gulp-count');
var gulp = require("gulp");
// var responsive = require("gulp-responsive");
var changed = require("gulp-changed");
var count = require("gulp-count");

var img_resize_cache = './assets/resize_cache/'
var img_resize_cache = "./assets/resize_cache/";

gulp.task('figures', function () {
return gulp.src([
'./assets/documentation/**/!(thumbnail)*.{png,jpg,jpeg}',
'./assets/projects/**/!(thumbnail)*.{png,jpg,jpeg}',
'./assets/techniques/**/!(thumbnail)*.{png,jpg,jpeg}'
gulp.task("figures", function () {
return gulp
.src([
"./assets/documentation/**/!(thumbnail)*.{png,jpg,jpeg}",
"./assets/projects/**/!(thumbnail)*.{png,jpg,jpeg}",
"./assets/techniques/**/!(thumbnail)*.{png,jpg,jpeg}",
])
.pipe(changed(img_resize_cache)) // Retrieves only the files modified since last run
.pipe(count('## figures to resize', {logEmpty: true}))
.pipe(count("## figures to resize", { logEmpty: true }))
.pipe(gulp.dest(img_resize_cache)) // Save modified files with original names in cache dir
.pipe(responsive(
{
'**/*.*': [
{
rename: {
suffix: '-original', // original image (for linking to)
extname: '.jpeg',
},
},
// JPEG VARIATIONS
{
width: 960, // 1x Mobile;
rename: {
suffix: '-smaller',
extname: '.jpeg',
},
},
{
width: 1152, // 1x Desktops at widths less than 1472 (from bpoint)
rename: {
suffix: '-small',
extname: '.jpeg',
},
},
{
width: 1344, // 1x Desktops at widths greater than 1472 (from bpoint)
rename: {
suffix: '-medium',
extname: '.jpeg',
},
},
{
width: 1536, // 2x Mobile (768 * 2x); where 768 is assumed max
rename: {
suffix: '-large',
extname: '.jpeg',
},
},
{
width: 1920, // 2X Tablets and 2X Desktops at low width (960 * 2x)
rename: {
suffix: '-larger',
extname: '.jpeg',
},
},
{
width: 2304, // 2X Desktops at medium width and above (1152 * 2x)
rename: {
suffix: '-huge',
extname: '.jpeg',
},
},
// WEBP variations
{
width: 960, // 1x Mobile;
rename: {
suffix: '-smaller',
extname: '.webp',
},
},
{
width: 1152, // 1x Desktops at widths less than 1472 (from bpoint)
rename: {
suffix: '-small',
extname: '.webp',
},
},
{
width: 1344, // 1x Desktops at widths greater than 1472 (from bpoint)
rename: {
suffix: '-medium',
extname: '.webp',
},
},
{
width: 1536, // 2x Mobile (768 * 2x); where 768 is assumed max
rename: {
suffix: '-large',
extname: '.webp',
},
},
{
width: 1920, // 2X Tablets and 2X Desktops at low width (960 * 2x)
rename: {
suffix: '-larger',
extname: '.webp',
},
},
{
width: 2304, // 2X Desktops at medium width and above (1152 * 2x)
rename: {
suffix: '-huge',
extname: '.webp',
},
},
],
}, {
// Global configuration for all images
// The output quality for JPEG, WebP and TIFF output formats
quality: 70,
// Use progressive (interlace) scan for JPEG and PNG output
progressive: true,
// Zlib compression level of PNG output format
compressionLevel: 6,
// Strip all metadata
withMetadata: false,
// Skip sizes that are too big
withoutEnlargement: true,
skipOnEnlargement: false,
errorOnEnlargement: false
}
))
.pipe(gulp.dest('_site/assets/img/')); // Save modified files with new names in output dir
.pipe
// responsive(
// {
// "**/*.*": [
// {
// rename: {
// suffix: "-original", // original image (for linking to)
// extname: ".jpeg",
// },
// },
// // JPEG VARIATIONS
// {
// width: 960, // 1x Mobile;
// rename: {
// suffix: "-smaller",
// extname: ".jpeg",
// },
// },
// {
// width: 1152, // 1x Desktops at widths less than 1472 (from bpoint)
// rename: {
// suffix: "-small",
// extname: ".jpeg",
// },
// },
// {
// width: 1344, // 1x Desktops at widths greater than 1472 (from bpoint)
// rename: {
// suffix: "-medium",
// extname: ".jpeg",
// },
// },
// {
// width: 1536, // 2x Mobile (768 * 2x); where 768 is assumed max
// rename: {
// suffix: "-large",
// extname: ".jpeg",
// },
// },
// {
// width: 1920, // 2X Tablets and 2X Desktops at low width (960 * 2x)
// rename: {
// suffix: "-larger",
// extname: ".jpeg",
// },
// },
// {
// width: 2304, // 2X Desktops at medium width and above (1152 * 2x)
// rename: {
// suffix: "-huge",
// extname: ".jpeg",
// },
// },
// // WEBP variations
// {
// width: 960, // 1x Mobile;
// rename: {
// suffix: "-smaller",
// extname: ".webp",
// },
// },
// {
// width: 1152, // 1x Desktops at widths less than 1472 (from bpoint)
// rename: {
// suffix: "-small",
// extname: ".webp",
// },
// },
// {
// width: 1344, // 1x Desktops at widths greater than 1472 (from bpoint)
// rename: {
// suffix: "-medium",
// extname: ".webp",
// },
// },
// {
// width: 1536, // 2x Mobile (768 * 2x); where 768 is assumed max
// rename: {
// suffix: "-large",
// extname: ".webp",
// },
// },
// {
// width: 1920, // 2X Tablets and 2X Desktops at low width (960 * 2x)
// rename: {
// suffix: "-larger",
// extname: ".webp",
// },
// },
// {
// width: 2304, // 2X Desktops at medium width and above (1152 * 2x)
// rename: {
// suffix: "-huge",
// extname: ".webp",
// },
// },
// ],
// },
// {
// // Global configuration for all images
// // The output quality for JPEG, WebP and TIFF output formats
// quality: 70,
// // Use progressive (interlace) scan for JPEG and PNG output
// progressive: true,
// // Zlib compression level of PNG output format
// compressionLevel: 6,
// // Strip all metadata
// withMetadata: false,
// // Skip sizes that are too big
// withoutEnlargement: true,
// skipOnEnlargement: false,
// errorOnEnlargement: false,
// }
// )
()
.pipe(gulp.dest("_site/assets/img/")); // Save modified files with new names in output dir
});

// These have different quality and size formats (lower/smaller/singular)
gulp.task('thumbnails', function () {
return gulp.src([
'./assets/documentation/**/thumbnail.{png,jpg,jpeg}',
'./assets/projects/**/thumbnail.{png,jpg,jpeg}',
'./assets/techniques/**/thumbnail.{png,jpg,jpeg}'
gulp.task("thumbnails", function () {
return gulp
.src([
"./assets/documentation/**/thumbnail.{png,jpg,jpeg}",
"./assets/projects/**/thumbnail.{png,jpg,jpeg}",
"./assets/techniques/**/thumbnail.{png,jpg,jpeg}",
])
.pipe(changed(img_resize_cache)) // Retrieves only the files modified since last run
.pipe(count('## thumbnails to resize', {logEmpty: true}))
.pipe(count("## thumbnails to resize", { logEmpty: true }))
.pipe(gulp.dest(img_resize_cache)) // Save modified files with original names in cache dir
.pipe(responsive({
'**/*.*': [
{
width: 690,
rename: {
suffix: '-medium',
extname: '.jpg',
},
},
{
width: 690,
rename: {
suffix: '-medium',
extname: '.webp',
}, }
]
}, {
// Global configuration for all images
// The output quality for JPEG, WebP and TIFF output formats
quality: 70,
// Zlib compression level of PNG output format
compressionLevel: 6,
// Strip all metadata
withMetadata: false,
}))
.pipe(gulp.dest('_site/assets/img/')); // Save modified files with new names in output dir
.pipe
// responsive(
// {
// "**/*.*": [
// {
// width: 690,
// rename: {
// suffix: "-medium",
// extname: ".jpg",
// },
// },
// {
// width: 690,
// rename: {
// suffix: "-medium",
// extname: ".webp",
// },
// },
// ],
// },
// {
// // Global configuration for all images
// // The output quality for JPEG, WebP and TIFF output formats
// quality: 70,
// // Zlib compression level of PNG output format
// compressionLevel: 6,
// // Strip all metadata
// withMetadata: false,
// }
// )
()
.pipe(gulp.dest("_site/assets/img/")); // Save modified files with new names in output dir
});

gulp.task('images', gulp.series('figures', 'thumbnails'));
gulp.task("images", gulp.series("figures", "thumbnails"));
2 changes: 1 addition & 1 deletion site/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
"serve": "bundle exec jekyll serve --unpublished --future --config=_config.yml,_config_dev.yml",
"purge": "bundle exec jekyll clean && rm -rf .jekyll-cache",
"test": "htmlproofer ./_site",
"compile-images": "rm -f ./assets/resize_cache/**/*.{jpg,png} && gulp images",
"compile-images": "rm -f ./assets/resize_cache/**/*.{jpg,png}",
"compile-version": "bash ./compile_plugin.sh",
"compile-assets": "bash ./compile_assets.sh",
"compile-deploy": "npm run compile-assets && npm run compile-images",
Expand Down

0 comments on commit d2f7312

Please sign in to comment.