XeNote/components/UsefulLinks/UsefulLinks.js
Triston Armstrong fd51f273f4 Change a lot of things (see description)
- removes tailwind (was cool but dont need it)
- reworks a lot of the html
- utilize a no css... library? css file? idk
- add a few details
- rework the navigation on the built notes pages
- write a bunch of tailwind like css classes
- ... maybe some more, too lazy
2024-01-06 21:04:57 -06:00

34 lines
1.5 KiB
JavaScript

import ListItem from "../ListItem"
import { UsefulLink } from "./UsefulLink"
export function UsefulLinksList() {
return (
<>
<div className="flex-col">
<h5>🧰 Tools</h5>
<ListItem label="CSS-Tricks" url="" />
<ListItem label="Indie Hackers" url="" />
<ListItem label="W3Schools" url="" />
<ListItem label="Simple Icons" url="https://simpleicons.org" />
<ListItem label="Hero Icons" url="https://heroicons.com" />
<ListItem label="Tailwind Cheatsheet" url="https://nerdcave.com/tailwind-cheat-sheet" />
<ListItem label="Tailwind Elements" url="https://tw-elements.com" />
<ListItem label="Tailwind Components" url="https://tailwindcomponents.com" />
</div>
<div className="flex-col">
<h5>🎨 NoCss</h5>
<ListItem label="Water CSS" url="https://watercss.kognise.dev" />
<ListItem label="MPV CSS" url="https://andybrewer.github.io/mvp/" />
<ListItem label="Bahunya" url="https://hakanalpay.com/bahunya/" />
<ListItem label="Marx" url="https://mblode.github.io/marx/" />
<ListItem label="Sakura" url="https://oxal.org/projects/sakura/" />
<ListItem label="Tacit" url="https://yegor256.github.io/tacit/" />
<ListItem label="New CSS" url="https://newcss.net" />
<ListItem label="Bullframe CSS" url="https://marcop135.github.io/bullframe.css/" />
<ListItem label="Markdown CSS (modest)" url="https://markdowncss.github.io/modest/" />
</div>
</>
)
}