Netsyms/colorPicker
2
0
Fork 0
mirror of https://github.com/PitPik/colorPicker.git synced 2025-09-07 16:22:37 -06:00
Code Issues Releases Wiki Activity

adds metadata

Browse Source
This commit is contained in:
peterd 2016-03-23 23:22:09 +01:00
parent c7b3675cdb
commit bbe3aa81da
3 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@ -2,6 +2,11 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Description" content="ColorPicker is a small (45.4KB, 19.5KB gZip) but very advanced framework independent javaScript color picker and color conversion / calculation tool that supports the following color spaces: rgb, hsv, hsl, hex, cmyk, cmy, XYZ, Lab but also alpha, WCAG 2.0 readability standards (based on opacity levels of all layers), contrast, color similarity, grayscale, 2-layer or 3-layer overlap mix, etc..." />
<meta name="Keywords" content="ColorPicker, color picker, color chooser, color, picker, javaScript, java script, colors, rgb, hsv, hsl, hex, cmyk, cmy, XYZ, Lab, alpha, WCAG 2.0, grayscale, contrast, readability, realtime" />
<meta name="author" content="Peter Dematté" />
<meta http-equiv="language" content="en" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" /> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<link rel="icon" type="image/x-icon" href="images/favicon.ico" /> <link rel="icon" type="image/x-icon" href="images/favicon.ico" />
<!-- <link href="developer/colorPicker.sys.css" rel="stylesheet" type="text/css"> --> <!-- <link href="developer/colorPicker.sys.css" rel="stylesheet" type="text/css"> -->

6
jQuery_implementation/index.html
View File

@ -10,6 +10,9 @@
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<meta name="Keywords" content="ColorPicker, color picker, color chooser, color, picker, javaScript, java script, colors, rgb, hsv, hsl, hex, cmyk, cmy, XYZ, Lab, alpha, WCAG 2.0, grayscale, contrast, readability, realtime" />
<meta name="author" content="Peter Dematté" />
<meta http-equiv="language" content="en" />
<meta name="description" content="colorPicker - Advanced javaScript color picker and color conversion / calculation (rgb, hsv, hsl, hex, cmyk, cmy, XYZ, Lab, alpha, WCAG 2.0, ...); this is a jQuery implememntation example"> <meta name="description" content="colorPicker - Advanced javaScript color picker and color conversion / calculation (rgb, hsv, hsl, hex, cmyk, cmy, XYZ, Lab, alpha, WCAG 2.0, ...); this is a jQuery implememntation example">
<title>colorPicker jQuery implementation example</title> <title>colorPicker jQuery implementation example</title>
</head> </head>
@ -51,6 +54,9 @@ var memoryColors = [
elm.style.backgroundColor = elm.value; elm.style.backgroundColor = elm.value;
elm.style.color = colors.rgbaMixCustom.luminance > 0.22 ? '#222' : '#ddd'; elm.style.color = colors.rgbaMixCustom.luminance > 0.22 ? '#222' : '#ddd';
}, },
// renderCallback: function(colors, mode) {
// console.log(mode);
// }
// memoryColors: memoryColors, // memoryColors: memoryColors,
// actionCallback: function(event, type) { // actionCallback: function(event, type) {
// if (type === 'toMemory') { // if (type === 'toMemory') {

3
javascript_implementation/index.html
View File

@ -3,6 +3,9 @@
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta http-equiv="Content-Language" content="en"> <meta http-equiv="Content-Language" content="en">
<meta name="Keywords" content="ColorPicker, color picker, color chooser, color, picker, javaScript, java script, colors, rgb, hsv, hsl, hex, cmyk, cmy, XYZ, Lab, alpha, WCAG 2.0, grayscale, contrast, readability, realtime" />
<meta name="author" content="Peter Dematté" />
<meta http-equiv="language" content="en" />
<link href="../index.css" media="all" rel="stylesheet" type="text/css" /> <link href="../index.css" media="all" rel="stylesheet" type="text/css" />
<link href="jsColor.css" media="all" rel="stylesheet" type="text/css" /> <link href="jsColor.css" media="all" rel="stylesheet" type="text/css" />