generated from processing/processing-library-template-ant
-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
135 lines (112 loc) · 4.86 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Oklab for Processing</title>
<meta name="description" content="A Library for the Processing programming environment" />
<meta name="keywords" content="processing.org, library, color, Oklab, lab, color space, perceptual." />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<meta name="ROBOTS" content="index,follow,archive" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="author" content="Yash Gupta" />
<meta name="Rating" content="General" />
<meta name="revisit-after" content="7 Days" />
<meta name="doc-class" content="Living Document" />
<link rel="stylesheet" type="text/css" href="./stylesheet.css">
</head>
<body>
<div id="container">
<div id="header">
<h1>Oklab for Processing</h1>
</div>
<div id="menu" class="clear">
<ul>
<li><a href="#about">About</a> \ </li>
<li><a href="#download">Download</a> \ </li>
<li><a href="#download">Installation</a> \ </li>
<li><a href="#examples">Examples</a> \ </li>
<li><a href="./reference/index.html" target="_blank">Reference</a></li>
<!-- <li><a href="#demos">Demos</a> \ </li> -->
<!-- <li><a href="#misc">Misc</a> \ </li> -->
<!-- <li><a href="#images">Images</a> \ </li> -->
</ul>
</div>
<div id="content" class="clear">
<div id="about">
<h2>Oklab for Processing</h2>
<p>
A Library by <a href="https://refuse.ink/">Yash Gupta</a> for the <a href="http://www.processing.org" target="_blank">Processing</a> programming environment.<br>
Last update, 01/12/2022.
</p>
<p>
Perceptually-accurate and human-friendly color picking using the Oklab color space.<br>
This library includes a small collection of functions to help you pick colors with perceptual accuracy using Bj�rn Ottosson's Oklab color space. This works in contrast to generating colors using RGB or HSB values, in which similar difference in input values don't represent similar difference in color output.<br>
</p>
</div>
<div id="download" class="clear">
<h2>Download</h2>
<p>
Download Oklab for Processing version 1.0.0 (1) in
<a href="./download/OklabForProcessing.zip">.zip format</a>.
</p>
<h2>Installation</h2>
<p>
Unzip and put the extracted OklabForProcessing folder into the libraries folder of your Processing sketches. Reference and examples are included in the OklabForProcessing folder.
</p>
</div>
<div id="resources">
<p><strong>Keywords</strong>. color, Oklab, lab, color space, perceptual.</p>
<p><strong>Reference</strong>. Have a look at the javadoc reference <a href="./reference/index.html" target="_blank">here</a>. A copy of the reference is included in the .zip as well.</p>
<p><strong>Source</strong>. The source code of Oklab for Processing is available at <a href="https://github.com/yashbutno/Oklab-for-Processing">GitHub</a>, and its repository can be browsed <a href="https://github.com/yashbutno/Oklab-for-Processing.git" target="_blank">here</a>.</p>
</div>
<div id="examples" class="clear">
<h2>Examples</h2>
<p>Find a list of examples in the current distribution of Oklab for Processing, or have a look at them by following the links below.</p>
<ul>
<li><a href="examples/Color_Analysis/Color_Analysis.pde">Color_Analysis</a></li> <li><a href="examples/Color_Functions/Color_Functions.pde">Color_Functions</a></li> <li><a href="examples/Palette_Generation/Palette_Generation.pde">Palette_Generation</a></li>
</ul>
</div>
<div id="info">
<h2>Tested</h2>
<p>
<!-- on which platform has the Library been tested? -->
<strong>Platform</strong> windows
<!-- which processing version did you use for testing your Library? -->
<br /><strong>Processing</strong> 3.5.4
<!-- does your Library depend on any other Library or framework? -->
<br /><strong>Dependencies</strong> Processing Core Library
</p>
</div>
<!-- use the demos section for a list of applets run in a browser. -->
<!--
<div id="demos" class="clear">
<h2>demos</h2>
<p>
find a list of online applet demos below.
<ul>
<li><a href="./applets/demo/index.html">demo</a></li>
</ul>
</p>
</div>
-->
<!-- use the misc section for other relevant information. Activate the link to the misc section in the menu above. -->
<!--
<div id="misc" class="clear">
<p></p>
</div>
-->
<!-- use the images/screenshots section. Activate the link to the misc section in the menu above. -->
<!--
<div id="images" class="clear">
</div>
-->
<br class="clear" />
</div>
<div id="footer">
<p>by Yash Gupta, (c) 2022.</p>
</div>
</div>
</body>
</html>