Commit 26776a1b authored by Chathurdi Vibhuda's avatar Chathurdi Vibhuda

feat:UI changes

parent 4d2f2d0e
contrast-checker @ 4a0e9bfc
Subproject commit 4a0e9bfc3c6a9f003601b0bb2d57d853f5d9705b
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
......@@ -168,24 +167,6 @@
</article>
</main>
<!-- <footer class="l__foot u__space__vertical p__footer">
<div class="l__max--text u__space__outer">
<details class="rhythm">
<summary><h2>What is this?</h2></summary>
<p>ColorCube is an accessibility (<abbr title="">a11y</abbr>) tool aimed at designers and developers. From a list of colors, we produce performance information with common color combinations. And then we give you the tools to adjust those colors until they pass the recommended color contrast ratios.</p>
<p><strong class="text-light">Why?</strong> At Oomph we believe a better web is an accessible web for all. We wanted a tool that could be used before a project starts &mdash; one that helps assess how an existing brand color palette performs. Starting early means that we can make adjustments early to avoid non-accessible color combinations later. </p>
<p>Corporate brand color palettes often do not take accessibility into account. And their colors are hard to change. By changing the saturation or brightness of a color <em>but not the hue</em> the color intention is preserved. Most users may not even notice that the color has been adjusted for readability.</p>
</details>
<div class="rhythm legal">
<a class="p__footer__logo" href="//oomphinc.com" title="Visit the Oomph website">
<img src="assets/img/oomph-square.png" width="90" alt="Oomph, Inc" />
</a>
<p><small>Made with <span aria-title="love">&#10084</span> in 2017 at Oomph, Inc. Last update October, 2019. Open source project with MIT license. <a title="Go to GitHub in a new window." target="_blank" href="https://github.com/oomphinc/colorcube">Contribute to the GitHub repo</a>.</small></p>
<p><small><strong class="text-uppercase">Disclaimer:</strong> The algorithm used in this tool and subsequent results are based on the luminosity algorithm recommended in the WCAG 2.0 guidelines to test for contrast. This tool is for general assessment purposes only and not a guarantee of compliance. This open-source visual tool is not optimized for screen readers. </small></p>
</div>
</div>
</footer> -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment