Skip to content

Commit

Permalink
Updates. Rework column, ajax functions, styles.
Browse files Browse the repository at this point in the history
  • Loading branch information
EvanHerman committed Feb 18, 2018
1 parent b8f5161 commit d9331fd
Show file tree
Hide file tree
Showing 16 changed files with 905 additions and 188 deletions.
39 changes: 39 additions & 0 deletions Gruntfile.js
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,39 @@ module.exports = function(grunt) {
gruntfile: [ 'Gruntfile.js' ]
},

autoprefixer: {
options: {
browsers: [
'Android >= 2.1',
'Chrome >= 21',
'Edge >= 12',
'Explorer >= 7',
'Firefox >= 17',
'Opera >= 12.1',
'Safari >= 6.0'
],
cascade: false
},
main: {
src: [ 'lib/css/**/*.css', '!lib/css/**/*.min.cs' ]
}
},

cssmin: {
options: {
processImport: false,
roundingPrecision: 5,
shorthandCompacting: false
},
assets: {
expand: true,
cwd: 'lib/assets/css/',
src: [ '**/*.css', '!**/*.min.css' ],
dest: 'lib/assets/css/',
ext: '.min.css'
}
},

uglify: {
options: {
ASCIIOnly: true
Expand All @@ -33,6 +66,10 @@ module.exports = function(grunt) {
},

watch: {
css: {
files: [ 'lib/assets/css/**/*.js', '!lib/assets/css/**/*.min.js' ],
tasks: [ 'autoprefix', 'cssmin' ]
},
js: {
files: [ 'lib/assets/js/**/*.js', '!lib/assets/js/**/*.min.js' ],
tasks: [ 'jshint', 'uglify' ]
Expand Down Expand Up @@ -188,6 +225,8 @@ module.exports = function(grunt) {
] );

grunt.registerTask( 'Development tasks.', [
'autoprefixer',
'cssmin',
'replace',
'jshint',
'uglify',
Expand Down
72 changes: 54 additions & 18 deletions i18n/webp-images.pot
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ msgid ""
msgstr ""
"Project-Id-Version: Webp Images 1.0.0\n"
"Report-Msgid-Bugs-To: https://github.com/CodeParrots/webp-images/issues\n"
"POT-Creation-Date: 2018-02-17 19:07:54+00:00\n"
"POT-Creation-Date: 2018-02-18 12:41:44+00:00\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=utf-8\n"
"Content-Transfer-Encoding: 8bit\n"
Expand All @@ -15,111 +15,138 @@ msgstr ""
"attr__;esc_html__;esc_attr_e;esc_html_e;esc_attr_x:1,2c;esc_html_x:1,2c;\n"
"X-Generator: grunt-wp-i18n1.0.1\n"

#: lib/classes/class-webp-images-media-fields.php:44
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:44
#: lib/classes/class-webp-images-media-fields.php:51
msgid "Error:"
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:44
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:44
#: lib/classes/class-webp-images-media-fields.php:51
msgid "We encountered a snag while generated your webpimage. Please try again."
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:87
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:87
#: lib/classes/class-webp-images-media-fields.php:94
msgid "WebP URL"
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:95
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:95
#: lib/classes/class-webp-images-media-fields.php:102
#. translators: 1. No webp images found error. 2. Generate .webp image link.
msgid "No webp image found."
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:98
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:98
#: lib/classes/class-webp-images-media-fields.php:105
msgid "Generate .webp"
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:117
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:117
#: lib/classes/class-webp-images-media-fields.php:124
msgid "Exclude WebP Format"
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:128
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:128
#: lib/classes/class-webp-images-media-fields.php:135
#. translators: 1. .webp wrapped in <code> tags
msgid "Exclude this image from ever displaying in a %s format."
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:163
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:163
#: lib/classes/class-webp-images-media-fields.php:170
msgid "WebP Savings"
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:186
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:186
#: lib/classes/class-webp-images-media-fields.php:193
msgid "Cannot be converted to .webp format."
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:202
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:202
#: lib/classes/class-webp-images-media-fields.php:215
msgid "Generate .wep Images"
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:213
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:213
#: lib/classes/class-webp-images-media-fields.php:226
msgid "No associated .webp image found."
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:246
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:246
#: lib/classes/class-webp-images-media-fields.php:259
msgid "Generate .webp Images"
msgstr ""

#: lib/classes/class-webp-images-media-fields.php:262
#: build/webp-images/lib/classes/class-webp-images-media-fields.php:262
#: lib/classes/class-webp-images-media-fields.php:275
msgid "Regenerate .webp images"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:56
#: build/webp-images/lib/classes/class-webp-images-settings.php:57
#: lib/classes/class-webp-images-settings.php:56
#: lib/classes/class-webp-images-settings.php:57
msgid "WebP Images"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:79
#: lib/classes/class-webp-images-settings.php:79
msgid "WebP Images Settings"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:93
#: lib/classes/class-webp-images-settings.php:93
msgid "Included Directories"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:99
#: lib/classes/class-webp-images-settings.php:99
msgid "Default: <code>uploads</code>"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:102
#: lib/classes/class-webp-images-settings.php:102
msgid ""
"Assets in these directories will attempt deliver webp images. Enter the "
"directories separated by"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:110
#: lib/classes/class-webp-images-settings.php:110
msgid "Exclusions"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:116
#: lib/classes/class-webp-images-settings.php:116
msgid "Default: <code>empty</code>"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:119
#: lib/classes/class-webp-images-settings.php:119
msgid "Enter the exclusions (directories or extensions) separated by"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:127
#: lib/classes/class-webp-images-settings.php:127
msgid "Compression Quality"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:133
#: lib/classes/class-webp-images-settings.php:133
msgid "Default:"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:135
#: lib/classes/class-webp-images-settings.php:135
msgid "Enter the compression quality."
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:136
#: lib/classes/class-webp-images-settings.php:136
msgid "100 being the heighest quality (largest file)."
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:166
#: lib/classes/class-webp-images-settings.php:166
#. translators:
msgid ""
Expand All @@ -129,29 +156,38 @@ msgid ""
"instructions. If you are on a shared host, this will not be possible."
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:168
#: build/webp-images/lib/classes/class-webp-images.php:46
#: lib/classes/class-webp-images-settings.php:168
#: lib/classes/class-webp-images.php:46
msgid "Downloading and Installing WebP"
msgstr ""

#: build/webp-images/lib/classes/class-webp-images-settings.php:170
#: lib/classes/class-webp-images-settings.php:170
msgid "<strong>Success:</strong> <code>cwep</code> %s is installed."
msgstr ""

#: lib/classes/class-webp-images.php:42
#: build/webp-images/lib/classes/class-webp-images.php:42
msgid "cwebp is not installed. Please install the cwebp package. %s"
msgstr ""

#: lib/classes/class-webp-images.php:128
#: build/webp-images/lib/classes/class-webp-images.php:128
#: lib/classes/class-webp-images.php:114
msgid "Settings"
msgstr ""

#: lib/classes/class-webp-images.php:177
#: build/webp-images/lib/classes/class-webp-images.php:177
msgid ""
"CDN Enabler is optimized for WordPress 4.0. Please disable the plugin or "
"upgrade your WordPress installation (recommended)."
msgstr ""

#: lib/classes/class-webp-images.php:162
msgid ""
"The WebP Images plugin is optimized for WordPress 4.0 and later. Please "
"disable the plugin or upgrade your WordPress installation (recommended)."
msgstr ""

#. Plugin Name of the plugin/theme
msgid "Webp Images"
msgstr ""
Expand Down
52 changes: 52 additions & 0 deletions lib/assets/css/webp-images-media-element.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
div.webp-image-results {
position: relative;
min-height: 40px;
}

.missing-webp-images {
font-size: 14px;
line-height: 1.3;
}

.compression-stats ul.sizes li {
display: block;
padding-bottom: 8px;
margin-bottom: 8px;
}

.compression-stats ul.sizes li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}

.js-toggle-image-size-stats .dashicons {
font-size: 12px;
width: 12px;
line-height: 1.9;
}

.js-toggle-image-size-stats .dashicons-no {
line-height: 1.8;
}

.webp-error-text,
.webp-images-url-error {
color: #B33A3A;
}

.webp-images-url-error {
font-weight: bold;
line-height: 30px;
}

.webp-images.preloader {
position: absolute;
top: 20%;
left: 15%;
}

ul.sizes li .webp-images.preloader {
position: relative;
top: auto;
left: auto;
}
1 change: 1 addition & 0 deletions lib/assets/css/webp-images-media-element.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit d9331fd

Please sign in to comment.