4 2 0
Tokio Drift Tokio Drift ZODIVK -1:25 [
] Next up
In the End Hybrid Theory (Bonus Edition) Linkin Park 3:36
Legends Never Die Legends Never Die League of Legends 3:55
Six Feet Under Ghost Code Smash Into Pieces 2:58
Centuries American Beauty/American Psycho Fall Out Boy 3:48
Survivor Survivor State of Mine 3:11
Afterglow Ghost Code Smash Into Pieces 3:39  ~/projects/my-app
  •  .git
  •  .github
  • ◌ .next
  • ◌ dist
  • ◌ node_modules
  •  app
    •  components
      •  ui
        • Accordion.tsx
        • Button.tsx
        • Dialog.tsx
        • Popover.tsx
        • Tabs.tsx
        • Tooltip.tsx
        • Button.tsx
    • favicon.ico
    • globals.css
    • layout.tsx
    • page.tsx
  •  public
    • logo-256x256.png
    • logo-128x128.png
    • logo-64x64.png
    • logo-16x16.png
    • logo.svg
  •  next.config.ts
  •  tsconfig.json
 | | ⣀⡾⠋⠉⠉⠙⢷⣄ ⡾ / ⢷ ⣇ | ⢹ ⢿ | ⡾ ⠙⢷⣄⣀⣀⣀⡾⠋ | | Mon Jun 9 2:31 PM CST Settings Theme
 Search
components/badge: Badge components/button: Button components/checkbox: Checkbox components/dialog: Dialog components/input: Input components/popover: Popover components/pre: Pre components/radio: Radio components/range: Range components/separator: Separator components/spinner: Spinner components/switch: Switch components/textarea: Textarea components/table: Table components/typography: Typography components/tooltip: Tooltip plugins/plugin-nf: Nerd Font Plugin plugins/theme-catppuccin: Catppuccin Theme plugins/theme-everforest: Everforest Theme plugins/theme-gruvbox: Gruvbox Theme plugins/theme-nord: Nord Theme plugins/theme-vitesse: Vitesse Theme start/ascii-boxes: ASCII Boxes start/changelog: Changelog start/intro: Introduction start/intro: ## Features start/plugins: Plugins start/plugins: ## Official Plugins start/plugins: ### Themes start/plugins: ## Community Plugins contributing/contributing: Contributing contributing/contributing: ## Local Development contributing/contributing: ## Issues contributing/contributing: ## Pull Requests contributing/style-guide: Style Guide contributing/style-guide: ## CSS Units contributing/style-guide: ## Selectors contributing/style-guide: ## Documentation plugins/plugin-dev: Developing Plugins plugins/plugin-dev: ### Style Layers start/tuis-vs-guis: TUIs vs GUIs start/tuis-vs-guis: ## Monospace Fonts start/tuis-vs-guis: ## Character Cells installation/nextjs: Next.js installation/vite: Vite start/theming: Theming start/theming: ## CSS Variables start/theming: ### Font Styles start/theming: ### Colors start/theming: ### Light & Dark start/theming: ## Theme Plugins start/theming: ### Using Multiple Theme Accents start/installation: Installation start/installation: ## Installation start/installation: ## Using CSS start/installation: ## Using ESM start/installation: ## Using a CDN start/installation: ## Full Library Import start/installation: ### CSS start/installation: ### ESM start/installation: ### CDN installation/astro: Astro installation/astro: ## Scoping installation/astro: ### Frontmatter Imports installation/astro: ### <style> tag installation/astro: ### Full Library Import

 Terminal UIs for the  Web

WebTUI is a modular CSS library that brings the beauty of Terminal UIs to the browser

 NORMAL  master index.astro utf-8 Top 1:1
index.html
1 <button variant-="foreground0">
2 Click
3 </button>
4
5 <label>
6 <input type="checkbox" is-="switch" />
7 Hello there
8 </label>
9
10 <span is-="badge" variant-="yellow">
11 Warning
12 </span>

Semantic Approach

HTML tags and attributes determine the behavior and appearance of different components

The dash at the end of each attribute name (-), makes WebTUI compatible with frameworks like React
style.css
1 @import "@webtui/css/base.css";
2
3 /* Utils */
4 @import "@webtui/css/utils/box.css";
5
6 /* Components */
7 @import "@webtui/css/components/typography.css";
8 @import "@webtui/css/components/button.css";
9 @import "@webtui/css/components/badge.css";
10

Pure, Modular CSS

WebTUI is built with Pure CSS and does not require any JavaScript

Import and use only what you need

 Easily Themable

0/4

Install beautiful pre-built color themes or create your own
index.html
1 <style>
2 @import "@webtui/theme-catppuccin";
3 </style>
4
5 <html data-webtui-theme="catppuccin-mocha"></html>
index.html
1 <style>
2 @import "@webtui/theme-catppuccin";
3 </style>
4
5 <html data-webtui-theme="catppuccin-latte"></html>
index.html
1 <style>
2 @import "@webtui/theme-nord";
3 </style>
4
5 <html data-webtui-theme="nord"></html>
index.html
1 <style>
2 @import "@webtui/theme-gruvbox";
3 </style>
4
5 <html data-webtui-theme="gruvbox-dark-hard"></html>
index.html
1 <style>
2 @import "@webtui/theme-vitesse";
3 </style>
4
5 <html data-webtui-theme="vitesse-dark-soft"></html>
StackOverflow Github http://stackoverflow.com/questions/123456 How to determine if a number is odd in Javascript
341

Can anyone point me to some code to determine if a number in JavaScript is even or odd?

javascript
 Sponsors

WebTUI can be supported via Github Sponsors

Thanks to all our generous supporters, including:

 Corporate Sponsors Goated Individuals (Nothing's here yet)
󱙳 Fin.