Skip to content

Commit 387c359

Browse files
committed
Updates
1 parent 0f74281 commit 387c359

File tree

10 files changed

+47
-99
lines changed

10 files changed

+47
-99
lines changed

api/index.html

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,18 @@
2222
alt="culori"
2323
/>
2424
</a>
25-
<span
26-
>v4.0.1 (<a
27-
href="https://github.com/evercoder/culori/releases"
28-
>changelog</a
29-
>)</span
30-
>
25+
<a href="https://github.com/evercoder/culori/releases">v4.0.1</a>
3126
</div>
3227
<nav>
3328
<ul class='nav'>
3429
<li >
35-
<a href="/getting-started/">Getting Started</a>
30+
<a href="/getting-started/">Get started</a>
3631
</li>
3732
<li class="active">
38-
<a href="/api/">API Reference</a>
33+
<a href="/api/">API reference</a>
3934
</li>
4035
<li >
41-
<a href="/color-spaces/">Color Spaces</a>
36+
<a href="/color-spaces/">Color spaces</a>
4237
</li>
4338
<li >
4439
<a href="/guides/">Guides</a>

colophon/index.html

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,18 @@
2222
alt="culori"
2323
/>
2424
</a>
25-
<span
26-
>v4.0.1 (<a
27-
href="https://github.com/evercoder/culori/releases"
28-
>changelog</a
29-
>)</span
30-
>
25+
<a href="https://github.com/evercoder/culori/releases">v4.0.1</a>
3126
</div>
3227
<nav>
3328
<ul class='nav'>
3429
<li >
35-
<a href="/getting-started/">Getting Started</a>
30+
<a href="/getting-started/">Get started</a>
3631
</li>
3732
<li >
38-
<a href="/api/">API Reference</a>
33+
<a href="/api/">API reference</a>
3934
</li>
4035
<li >
41-
<a href="/color-spaces/">Color Spaces</a>
36+
<a href="/color-spaces/">Color spaces</a>
4237
</li>
4338
<li >
4439
<a href="/guides/">Guides</a>

color-spaces/index.html

Lines changed: 5 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,18 @@
2222
alt="culori"
2323
/>
2424
</a>
25-
<span
26-
>v4.0.1 (<a
27-
href="https://github.com/evercoder/culori/releases"
28-
>changelog</a
29-
>)</span
30-
>
25+
<a href="https://github.com/evercoder/culori/releases">v4.0.1</a>
3126
</div>
3227
<nav>
3328
<ul class='nav'>
3429
<li >
35-
<a href="/getting-started/">Getting Started</a>
30+
<a href="/getting-started/">Get started</a>
3631
</li>
3732
<li >
38-
<a href="/api/">API Reference</a>
33+
<a href="/api/">API reference</a>
3934
</li>
4035
<li class="active">
41-
<a href="/color-spaces/">Color Spaces</a>
36+
<a href="/color-spaces/">Color spaces</a>
4237
</li>
4338
<li >
4439
<a href="/guides/">Guides</a>
@@ -56,10 +51,9 @@
5651
<div class="container">
5752
<article>
5853
<h1>Color Spaces</h1>
59-
<p>This is an overview of the color spaces built into culori, listing their channels and expected ranges.</p>
54+
<p>This is an overview of the color spaces built into Culori, listing their channels and expected ranges.</p>
6055
<details>
6156
<summary>A note on terminology</summary>
62-
<h2>A note on terminology</h2>
6357
<p>A <a href="https://en.wikipedia.org/wiki/Color_model">color model</a> is a way to describe colors along certain dimensions. RGB, for example, is a color model: color is expressed as a combination of red, green and blue.</p>
6458
<p>A color model, along with a precise description of how colors in the model are to be interpreted, makes a color <em>space</em>. sRGB, Display P3 and ProPhoto RGB are all color spaces that employ the RGB model: they describe colors as combination of red, green, and blue primaries; however, they have different notions of how these red, green, and blue primary colors look.</p>
6559
<p>In some color spaces, such as CIELAB or CIELCh, some channels don't have fixed ranges. For these channels, approximate ranges are obtained by converting all sRGB colors defined by <code>r, g, b ∈ ℕ ⋂ [0, 255]</code> to that specific color space. Whenever that's the case, the range is marked with the approximation symbol <code></code>.</p>

css/main.css

Lines changed: 9 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -34,9 +34,6 @@ body {
3434
}
3535

3636
.logo {
37-
font-size: 2.4em;
38-
line-height: 1;
39-
font-weight: bold;
4037
display: flex;
4138
align-items: stretch;
4239
justify-content: space-between;
@@ -49,24 +46,20 @@ body {
4946
margin: 1em 0;
5047
}
5148

52-
.logo span {
53-
font-size: 0.5em;
54-
}
55-
56-
.logo > * {
49+
.logo a {
5750
background: #fff;
51+
display: inline-block;
52+
font-weight: bold;
53+
font-size: 1.25em;
54+
padding-block: 0.25rem;
5855
}
5956

60-
.logo > :not(:last-child) {
61-
padding-right: 0.5em;
62-
}
63-
64-
.logo > :not(:first-child) {
65-
padding-left: 0.75em;
57+
.logo a:first-child {
58+
padding-right: 1rem;
6659
}
6760

68-
.logo > :last-child {
69-
padding-top: 0.5em;
61+
.logo a:last-child {
62+
padding-left: 1rem;
7063
}
7164

7265
ul.nav .active a {

getting-started/index.html

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,18 @@
2222
alt="culori"
2323
/>
2424
</a>
25-
<span
26-
>v4.0.1 (<a
27-
href="https://github.com/evercoder/culori/releases"
28-
>changelog</a
29-
>)</span
30-
>
25+
<a href="https://github.com/evercoder/culori/releases">v4.0.1</a>
3126
</div>
3227
<nav>
3328
<ul class='nav'>
3429
<li class="active">
35-
<a href="/getting-started/">Getting Started</a>
30+
<a href="/getting-started/">Get started</a>
3631
</li>
3732
<li >
38-
<a href="/api/">API Reference</a>
33+
<a href="/api/">API reference</a>
3934
</li>
4035
<li >
41-
<a href="/color-spaces/">Color Spaces</a>
36+
<a href="/color-spaces/">Color spaces</a>
4237
</li>
4338
<li >
4439
<a href="/guides/">Guides</a>

guides/index.html

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,18 @@
2222
alt="culori"
2323
/>
2424
</a>
25-
<span
26-
>v4.0.1 (<a
27-
href="https://github.com/evercoder/culori/releases"
28-
>changelog</a
29-
>)</span
30-
>
25+
<a href="https://github.com/evercoder/culori/releases">v4.0.1</a>
3126
</div>
3227
<nav>
3328
<ul class='nav'>
3429
<li >
35-
<a href="/getting-started/">Getting Started</a>
30+
<a href="/getting-started/">Get started</a>
3631
</li>
3732
<li >
38-
<a href="/api/">API Reference</a>
33+
<a href="/api/">API reference</a>
3934
</li>
4035
<li >
41-
<a href="/color-spaces/">Color Spaces</a>
36+
<a href="/color-spaces/">Color spaces</a>
4237
</li>
4338
<li class="active">
4439
<a href="/guides/">Guides</a>

guides/migration/index.html

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,18 @@
2222
alt="culori"
2323
/>
2424
</a>
25-
<span
26-
>v4.0.1 (<a
27-
href="https://github.com/evercoder/culori/releases"
28-
>changelog</a
29-
>)</span
30-
>
25+
<a href="https://github.com/evercoder/culori/releases">v4.0.1</a>
3126
</div>
3227
<nav>
3328
<ul class='nav'>
3429
<li >
35-
<a href="/getting-started/">Getting Started</a>
30+
<a href="/getting-started/">Get started</a>
3631
</li>
3732
<li >
38-
<a href="/api/">API Reference</a>
33+
<a href="/api/">API reference</a>
3934
</li>
4035
<li >
41-
<a href="/color-spaces/">Color Spaces</a>
36+
<a href="/color-spaces/">Color spaces</a>
4237
</li>
4338
<li >
4439
<a href="/guides/">Guides</a>

guides/tree-shaking/index.html

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,18 @@
2222
alt="culori"
2323
/>
2424
</a>
25-
<span
26-
>v4.0.1 (<a
27-
href="https://github.com/evercoder/culori/releases"
28-
>changelog</a
29-
>)</span
30-
>
25+
<a href="https://github.com/evercoder/culori/releases">v4.0.1</a>
3126
</div>
3227
<nav>
3328
<ul class='nav'>
3429
<li >
35-
<a href="/getting-started/">Getting Started</a>
30+
<a href="/getting-started/">Get started</a>
3631
</li>
3732
<li >
38-
<a href="/api/">API Reference</a>
33+
<a href="/api/">API reference</a>
3934
</li>
4035
<li >
41-
<a href="/color-spaces/">Color Spaces</a>
36+
<a href="/color-spaces/">Color spaces</a>
4237
</li>
4338
<li >
4439
<a href="/guides/">Guides</a>

index.html

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,18 @@
2222
alt="culori"
2323
/>
2424
</a>
25-
<span
26-
>v4.0.1 (<a
27-
href="https://github.com/evercoder/culori/releases"
28-
>changelog</a
29-
>)</span
30-
>
25+
<a href="https://github.com/evercoder/culori/releases">v4.0.1</a>
3126
</div>
3227
<nav>
3328
<ul class='nav'>
3429
<li >
35-
<a href="/getting-started/">Getting Started</a>
30+
<a href="/getting-started/">Get started</a>
3631
</li>
3732
<li >
38-
<a href="/api/">API Reference</a>
33+
<a href="/api/">API reference</a>
3934
</li>
4035
<li >
41-
<a href="/color-spaces/">Color Spaces</a>
36+
<a href="/color-spaces/">Color spaces</a>
4237
</li>
4338
<li >
4439
<a href="/guides/">Guides</a>

resources/index.html

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,18 @@
2222
alt="culori"
2323
/>
2424
</a>
25-
<span
26-
>v4.0.1 (<a
27-
href="https://github.com/evercoder/culori/releases"
28-
>changelog</a
29-
>)</span
30-
>
25+
<a href="https://github.com/evercoder/culori/releases">v4.0.1</a>
3126
</div>
3227
<nav>
3328
<ul class='nav'>
3429
<li >
35-
<a href="/getting-started/">Getting Started</a>
30+
<a href="/getting-started/">Get started</a>
3631
</li>
3732
<li >
38-
<a href="/api/">API Reference</a>
33+
<a href="/api/">API reference</a>
3934
</li>
4035
<li >
41-
<a href="/color-spaces/">Color Spaces</a>
36+
<a href="/color-spaces/">Color spaces</a>
4237
</li>
4338
<li >
4439
<a href="/guides/">Guides</a>
@@ -70,6 +65,7 @@ <h2>Products using Culori</h2>
7065
<li><a href="https://github.com/meodai/color-name-api">Color Name API</a> — a REST API for color names that makes use Culori's <a href="https://culorijs.org/api/#differenceCiede2000">differenceCiede2000</a> to return a fitting name for every color.</li>
7166
<li><a href="https://atmos.style">Atmos</a> - a toolbox based on (OK)LCH color space for creating professional color palettes. Utilizing Culori for color manipulation allowed us to concentrate on our product's essence rather than getting bogged down in implementation details.</li>
7267
<li><a href="https://github.com/prjctimg/huetiful">huetiful-js</a> - Open source Typescript library for manipulating color and generating custom color scales based on Culori. With utilities for sorting, filtering and querying collections of colors, this library opens new ways of working with color programmatically.</li>
68+
<li><a href="https://oklch.com/">oklch.com/</a> - OKLCH picker with pretty plotting</li>
7369
</ul>
7470
<p><em>Does your product/project use Culori? Create a PR and add yourself to this list.</em></p>
7571
<h2>Similar projects</h2>

0 commit comments

Comments
 (0)