Add links
- Rewrote the README.md - Added new links to bookmarks
This commit is contained in:
Tressley Cahill
parent
68ba737465
commit
0a654eee62
12
README.md
12
README.md
@ -1,11 +1,7 @@
|
||||
|
||||
|
||||
> **trai´chu,** _n_. A simple, semantic start page built with HTML 5, CSS 3, and JavaScript.
|
||||
> **trai´chu,** _n_. A simple, semantic start page built with HTML, CSS, and a mouse-sized bit of JavaScript.
|
||||
|
||||
**_traichu's** markup is [valid](https://validator.w3.org/nu/?doc=https%3A%2F%2Ftressley.github.io%2F_traichu%2Findex.html) and adheres to HTML semantics. [Traditional Japanese](https://www.nipponcolors.com), [WCAG 2.0](https://www.w3.org/TR/WCAG20/) compliant colors make up the color palette. The monospace font is [Inconsolata](https://fonts.google.com/specimen/Inconsolata) loaded via [Google Fonts](https://fonts.google.com). Icons are [inline SVGs](https://css-tricks.com/pretty-good-svg-icon-system/), [DuckDuckGo's API](https://icons.duckduckgo.com/ip3/duckduckgo.com.ico) delivers the favicons, and [OpenWeather's API](https://openweathermap.org) provides the weather forecast and icons. Vanilla JavaScript and CSS handle all interactivity.
|
||||
|
||||
This start page utilizes technologies such as [DuckDuckGo's favicon API](https://icons.duckduckgo.com/ip3/duckduckgo.com.ico) and [inline SVGs](https://css-tricks.com/pretty-good-svg-icon-system/) to handle the images (with the exception of the traichu sprite).
|
||||
|
||||
The color palette is composed of contrast accessibile, [WCAG 2.0](https://www.w3.org/TR/WCAG20/) compliant colors listed in [Japanese Industrial Standards](https://ja.wikipedia.org/wiki/JIS%E6%85%A3%E7%94%A8%E8%89%B2%E5%90%8D). The font is [Inconsolata](https://fonts.google.com/specimen/Inconsolata) loaded via [Google Fonts](https://fonts.google.com).
|
||||
|
||||
It uses [DuckDuckGo](https://duckduckgo.com)'s search engine in an effort to increase privacy and anonymity.
|
||||
|
||||
All interactions are handled via JavaScript and CSS animations.
|
||||
[DuckDuckGo](https://duckduckgo.com) is the default search engine because privacy is important.
|
||||
|
||||
10
index.html
10
index.html
@ -45,7 +45,7 @@
|
||||
<li><a href="https://mlbstreams.to"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>MLB</title><path d="M22.003 5.53a1.988 1.988 0 011.99 1.827l.007.177v8.927a2.007 2.007 0 01-1.848 2.002l-.15.006H2.002a2.003 2.003 0 01-1.42-.586 1.979 1.979 0 01-.575-1.245L0 16.46V7.535a1.994 1.994 0 01.583-1.427 2.016 2.016 0 011.242-.57l.176-.007h20.002zm-7.5.703H2.001a1.312 1.312 0 00-.926.375 1.299 1.299 0 00-.374.926v8.927a1.282 1.282 0 00.374.922c.246.245.579.383.926.384h8.116a92.275 92.275 0 00-.495-.843H8.66c0-2.402.812-3.73 1.784-3.995.133-.024.07-.68-.1-.88h-.561c-.09 0-.038-.169-.038-.169l.456-.972-.062-.266H8.455l1.383-.967c.064-2.55 2.68-2.748 4.255-1.686.937.62 1.008 1.849.937 2.698-.012.054-.244.018-.244.018s-.16.937.257.937h1.838c.749-.03 1.472.478 1.472.478l.176-.643-4.026-5.244zm7.5 0h-5.59l3.207 5.36.296.038.187.245v.229l.202.041.188.255v.221l.21.037.211.23v.51c.252.228.536.418.843.563.283.108.315.562.486.803.213.352.505.493.444.69-.143.526-.682 1.414-1.184 1.456h-1.986v.85h2.488a1.3 1.3 0 001.294-1.311V7.534h-.002a1.285 1.285 0 00-1.294-1.3zM4.022 14.404a.888.888 0 01-.638 1.513.879.879 0 01-.88-.888.888.888 0 011.518-.625z"/></svg></a></li>
|
||||
<li><a href="https://nhlbite.com"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>NHL</title><path d="M19.35,9.5c.15-.62-.2-1.14-.54-1.47h3.24s-1.44,6.26-1.44,6.26h3.38c-.11,.33-.27,.89-.37,1.7h-5.77l1.5-6.49Z"/><path d="M1.52,9.51c.15-.62-.19-1.14-.53-1.47h3.13s2.07,5.09,2.07,5.09l1.2-5.1h2.31l-1.87,7.96h-2.59l-1.87-4.54-1.07,4.55H0l1.52-6.49Z"/><path d="M10.64,9.51c.14-.63-.2-1.14-.54-1.48h3.24s-.71,3.1-.71,3.1h2.77s.71-3.12,.71-3.12h2.24s-1.83,7.95-1.83,7.95h-2.24l.7-3.08h-2.77s-.7,3.09-.7,3.09h-2.37l1.49-6.46Z"/></svg></a></li>
|
||||
<li><a href="https://nbabite.com"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>NBA</title><path d="M9.19 0a2.486 2.486 0 0 0-2.485 2.484v19.029A2.488 2.488 0 0 0 9.19 24h5.615a2.493 2.493 0 0 0 2.49-2.487V2.484A2.488 2.488 0 0 0 14.81 0zm0 .584h3.21c-.62.237-.707.508-.73 1.366-.105.01-.325-.087-.25.434 0 0 .043.346.18.286-.133.918.023.99-.93 1.031l-.047.067c-.95.093-1.25-.027-2.05 1.603 0 0-.207.505-.268.714-.197.415-.674 1.328-.819 1.919-.046.2-.14.264-.01.553.185.417-.124.527.95.496V9.3s-.286.247-.346.398c-.061.147-.226.89-.22 1.237.019.917.767 1.683.992 2.597l.492.07c.282.634 1.495 2.355 1.743 2.582.057.159.365.355.545.551.149.141 1.025 1.1 2.054 1.692-.007-.001.164.344.249.618-.342.275.32.777.52 1.609.012.107-.19.222.114.495-.022 1.256-.402 1.918.241 2.266H9.191a1.9 1.9 0 0 1-1.9-1.901V2.486a1.9 1.9 0 0 1 1.9-1.902zm3.804.002h1.815a1.9 1.9 0 0 1 1.897 1.898v9.193a1.653 1.653 0 0 0-.22-.397c0-.255-.272-.249-.346-.344-.07-.081.067-.128-.407-.235-.09-.05-.158-.747-.158-.747-.07-.447-.229-.754-.467-1.227-.12-.243-.177-1.001-.305-1.386.071-1.767-.493-2.28-.95-2.569-.174-.11-.262-.191-.433-.29l-.005-.082c-.133-.126-.402-.264-.623-.362-.068-.07-.037-.22.01-.276.15-.02.348-.356.513-.703.129.009.174-.118.214-.19.138-.222.288-.413.096-.542.435-.777.154-1.301-.08-1.321-.095-.195-.26-.316-.551-.42zm.551 6.338c.06.319.34 1.929.456 2.187.123.259.535 1.05.73 1.54a1.69 1.69 0 0 0-1.294 1.646 1.692 1.692 0 0 0 1.693 1.691 1.692 1.692 0 0 0 1.576-1.066v8.59a1.887 1.887 0 0 1-1.598 1.877h-.017c.833-.502.319-1.46.16-2.022-.012-.033.014-.074.026-.1.045-.08-.045-.257-.045-.257-.098-.09-.127-.561-.182-.772-.089-.358.157-.971.157-1.18 0-.206-.156-.491-.445-.858-.069-.078-.276-1.86-.462-2.313-.258-.623-.339-.526-.64-1.266-.24-.525-.055-1.295-.59-3.085.005.006.12-.113.12-.113s-.422-1.55-.561-1.975c-.14-.426-.385-.456-.385-.456s.002-.172.012-.216c.02-.07.516-1.367.558-1.407.001-.03.717-.514.731-.445Z"/></svg></a></li>
|
||||
<li><a href="https://mmastreams.cc/"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>UFC</title><path d="M6.308 7.843h2.797s-1.86 6.639-1.951 6.998c-.177.69-.353 1.316-2.043 1.316-2.037 0-3.22-.007-3.777 0-.698.007-1.521-.633-1.296-1.464l1.91-6.85H4.8S3.2 13.553 3.166 13.7c-.029.148-.19.557.698.564.64.014.69-.155.803-.564.268-.922 1.64-5.857 1.64-5.857zm10.272 0l-.507 1.824H9.986l.507-1.824zm-8.404 8.314l1.459-5.244h6.086l-.507 1.823h-3.262l-.95 3.421zm11.47-5.385c-.26.957-.493 1.774-.754 2.738-.05.17-.162.416-.127.57.078.367 1.29.226 1.726.226h1.945c-.155.612-.33 1.21-.5 1.81h-4.63c-.676-.064-1.557-.353-1.472-1.226.028-.274.156-.584.24-.887a1189.7 1189.7 0 001.24-4.463c.176-.648.317-1.197.83-1.457.333-.17.861-.218 1.255-.24H24c-.162.606-.331 1.211-.5 1.81h-2.643c-.317 0-.669-.036-.845.084-.19.141-.295.775-.366 1.035z"/></svg></a></li>
|
||||
<li><a href="https://mmastreams.cc"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>UFC</title><path d="M6.308 7.843h2.797s-1.86 6.639-1.951 6.998c-.177.69-.353 1.316-2.043 1.316-2.037 0-3.22-.007-3.777 0-.698.007-1.521-.633-1.296-1.464l1.91-6.85H4.8S3.2 13.553 3.166 13.7c-.029.148-.19.557.698.564.64.014.69-.155.803-.564.268-.922 1.64-5.857 1.64-5.857zm10.272 0l-.507 1.824H9.986l.507-1.824zm-8.404 8.314l1.459-5.244h6.086l-.507 1.823h-3.262l-.95 3.421zm11.47-5.385c-.26.957-.493 1.774-.754 2.738-.05.17-.162.416-.127.57.078.367 1.29.226 1.726.226h1.945c-.155.612-.33 1.21-.5 1.81h-4.63c-.676-.064-1.557-.353-1.472-1.226.028-.274.156-.584.24-.887a1189.7 1189.7 0 001.24-4.463c.176-.648.317-1.197.83-1.457.333-.17.861-.218 1.255-.24H24c-.162.606-.331 1.211-.5 1.81h-2.643c-.317 0-.669-.036-.845.084-.19.141-.295.775-.366 1.035z"/></svg></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<section id="search">
|
||||
@ -88,6 +88,10 @@
|
||||
<img src="https://icons.duckduckgo.com/ip3/supercluster.com.ico" class="favicon" alt="Supercluster favicon">
|
||||
<a href="https://www.supercluster.com">Supercluster</a>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://icons.duckduckgo.com/ip3/smithsonianmag.org.ico" class="favicon" alt="Smithsonian Magazine favicon">
|
||||
<a href="https://www.smithsonianmag.com">Smithsonian Magazine</a>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://icons.duckduckgo.com/ip3/publicdomainreview.org.ico" class="favicon" alt="The Public Domain Review favicon">
|
||||
<a href="https://publicdomainreview.org">Public Domain Review</a>
|
||||
@ -102,6 +106,10 @@
|
||||
<img src="https://icons.duckduckgo.com/ip3/youtube.com.ico" class="favicon" alt="YouTube favicon">
|
||||
<a href="https://www.youtube.com">YouTube</a>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://icons.duckduckgo.com/ip3/twitch.tv.ico" class="favicon" alt="Twitch favicon">
|
||||
<a href="https://www.twitch.tv">Twitch</a>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://icons.duckduckgo.com/ip3/spotify.com.ico" class="favicon" alt="Spotify favicon">
|
||||
<a href="https://open.spotify.com">Spotify</a>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user