diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 1c8b425..6ca2cc5 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -1,7 +1,6 @@
 
-# https://github.com/actions/deploy-pages
-# https://github.com/actions/upload-pages-artifact
-name: Publish/Deploy
+# https://docs.github.com/en/actions
+name: Build/Publish/Deploy
 
 on:
   push:
@@ -34,23 +33,27 @@ jobs:
       #      ~/.npm
       #    key: ${{ runner.os }}-cargo-${{ hashFiles('**/Cargo.lock') }}
 
+      - uses: cargo-bins/cargo-binstall@main
       - name: Install Dioxus and TailwindCSS
         run: |
-            cargo install dioxus-cli
-            npm -g install -D tailwindcss
+            cargo binstall dioxus-cli
+            npm install tailwindcss -D -g
 
       - name: Build Project
         run: | #cargo r --bin syncd -F syncdep
             npx tailwindcss -m -i tailwind_base.css -o assets/tailwind.css
-            dx build --release
+            dx build -r --platform web
             cargo t
 
       #- name: Setup GitHub Pages
       #  uses: actions/configure-pages@v4
       - name: Upload Artifacts
         uses: actions/upload-pages-artifact@v3
-        with:
-          path: dist
+        #env:
+        #  REPO_NAME: ${GITHUB_REPOSITORY#$GITHUB_REPOSITORY_OWNER/}
+        with:   # https://github.com/actions/upload-pages-artifact
+          path: target/dx/${{ github.event.repository.name }}/release/web/public
+        #  path: target/dx/${{ env.REPO_NAME }}/release/web/public
 
   deploy:
     #if: github.ref == 'refs/heads/master'
@@ -65,7 +68,7 @@ jobs:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
 
-    steps:
+    steps:  # https://github.com/actions/deploy-pages
       - name: Deploy to GitHub Pages
         uses: actions/deploy-pages@v4
         id: deployment
diff --git a/Cargo.toml b/Cargo.toml
index a970b9b..0b51596 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -13,14 +13,10 @@ keywords = ["periodic", "periodic-table", "elements", "chemistry-elements", "dio
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-dioxus = { version = "0.5", features = ["web"], optional = true } # "web", "fullstack", "router"
-#dioxus-sdk = { version = "0.5", features = ["i18n"] }
-#dioxus-logger = "0.5"   # Debug
-#manganis = "0.2"
+dioxus = { version = "0.6", optional = true }   # features = ["fullstack", "router"],
+#dioxus-sdk = { version = "0.6", features = ["i18n"], optional = true }
 
-#mendeleev = "0.8"
-
-reqwest = { version = "0.12", optional = true }  #, features = ["blocking"] #, "json"
+reqwest = { version = "0.12", optional = true } # features = ["blocking"], #, "json"
 tokio = { version = "1.42", features = ["full"], optional = true }
 serde = { version = "1.0", features = ["derive"], optional = true }
 serde_json = { version = "1.0", optional = true }
@@ -28,12 +24,12 @@ scraper = { version = "0.21", optional = true }
 csv = { version = "1.3", optional = true }
 
 [features]
-default = []
+default = [] # "desktop", "web", "mobile"
 syncdep = ["reqwest", "tokio", "serde", "serde_json", "scraper", "csv"]
 
-desktop = ["dioxus/desktop"]
-server  = ["dioxus/axum"]
-web = ["dioxus/web"]
+desktop = ["dioxus", "dioxus/desktop"]
+mobile  = ["dioxus", "dioxus/mobile"]
+web     = ["dioxus", "dioxus/web"]
 
 [[bin]]
 name = "inperiod"
@@ -44,13 +40,6 @@ name = "syncd"
 path = "src/syncd.rs"   # default in src/bin/
 required-features = ["syncdep"]
 
-[profile.dev]
-opt-level = 1
-#incremental = false
-
-#[profile.dev.package."*"]
-#opt-level = 3
-
 [profile.release]
 codegen-units = 1
 strip = true # "debuginfo"
@@ -60,5 +49,21 @@ lto = true
 #debug = false
 #incremental = false
 
+[profile.dev]
+opt-level = 1
+#incremental = false
+
+#[profile.dev.package."*"]
+#opt-level = 3
+
+[profile.wasm-dev]
+inherits = "dev"
+
+[profile.server-dev]
+inherits = "dev"
+
+[profile.android-dev]
+inherits = "dev"
+
 [workspace]
 
diff --git a/Dioxus.toml b/Dioxus.toml
index 9e879c8..3215732 100644
--- a/Dioxus.toml
+++ b/Dioxus.toml
@@ -1,16 +1,22 @@
 
-# cargo install dioxus-cli # --git https://github.com/Dioxuslabs/cli
+# cargo binstall dioxus-cli # dx new foo
+# https://github.com/DioxusLabs/dioxus/blob/main/packages/cli/assets/dioxus.toml
 
 [application]
-name = "inperiod"   # App (Project) Name
-out_dir = "dist"    # `build` & `serve` dist path
-asset_dir = "assets"	# resource (assets) file folder
+name = "inperiod"   # dioxus project name
 
-# Dioxus App Default Platform: web, desktop, fullstack
-default_platform = "web"
+# you can also use `dx serve/build --platform XXX` to use other platform
+default_platform = "web"    # value: web | desktop | mobile
+
+#asset_dir = "assets"       # resource (static) file folder
+#out_dir = "dist"    # Web `build` & `serve` dist path
+#hot_reload = true   # hot reload by default
+
+[web.wasm_opt]
+level = "4"     # The level wasm-opt should target. z is the smallest. 4 is the fastest.
 
 [web.app]
-title = "Elements Periodic Table"   # HTML title tag content
+#title = "Elements Periodic Table"   # HTML title tag content
 base_path = "inperiod" # "/"
 #index_on_404 = true
 
@@ -20,9 +26,9 @@ reload_html = true  # when watcher trigger, regenerate the `index.html`
 # which files or dirs will be watcher monitoring
 watch_path = ["src", "assets", "index.html", "tailwind_base.css", "tailwind.config.js"]
 
-[web.resource]	# include `assets` in web platform
-style = ["tailwind.css"]    # CSS style file
-script = []	# Javascript code file
+#[web.resource]	# include `assets` in web platform, DEPRECATED
+#style = ["assets/tailwind.css"]    # CSS style file
+#script = []	# Javascript code file
 
 [web.resource.dev]
 script = []	# Javascript code file, serve: [dev-server] only
@@ -31,3 +37,15 @@ script = []	# Javascript code file, serve: [dev-server] only
 [bundle]
 icon = ["assets/ptable.svg"]
 
+identifier = "io.github.mhfan"
+publisher = "MeiHui FAN"
+resources = ["public/*"]
+category = "Utility"
+
+copyright = "All rights reserved. © 2024 M.H.Fan"
+short_description = "Modern fancy interactive online periodic table of chemistry elements"
+
+#long_description = """
+#An amazing dioxus application.
+#"""
+
diff --git a/README.md b/README.md
index 5dc5e64..776f615 100644
--- a/README.md
+++ b/README.md
@@ -36,17 +36,20 @@ all kinds of information and data about the elements.
 3. Run the following command in the root of the project to start the tailwind CSS compiler:
 
 ```bash
-npx tailwindcss -i tailwind_base.css -o assets/tailwind.css --watch
+npm install tailwindcss -D -g
+
+npx tailwindcss -i tailwind_base.css -o assets/tailwind.css -w #-m
 ```
 
-Launch the Dioxus Web/Desktop app:
+Launch the Dioxus Web/Desktop/Mobile app:
 
 ```bash
-dx serve #--verbose
-dx serve --platform web
+dx serve --platform web #--verbose
 
 dx serve --platform desktop #rm -rf dist
-cd dist && cargo r --features desktop
+#cd dist && cargo r -F desktop
+
+dx serve --platform android #ios
 ```
 
 Open the browser to <http://localhost:8080/inperiod>
diff --git a/build.rs b/build.rs
deleted file mode 100644
index 75a7a4f..0000000
--- a/build.rs
+++ /dev/null
@@ -1,27 +0,0 @@
-
-// https://doc.rust-lang.org/stable/cargo/reference/build-scripts.html
-
-use std::process;
-fn main() -> Result<(), Box<dyn std::error::Error>> {
-    println!("cargo:rerun-if-changed=build.rs");    // XXX: prevent re-run indead
-    let (twcfg, twcss) = ("tailwind.config.js", "tailwind_base.css");
-    println!("cargo:rerun-if-changed={twcfg}");
-    println!("cargo:rerun-if-changed={twcss}");
-    println!("cargo:rerun-if-changed=src");
-
-    if std::path::Path::new(twcss).exists() { return Ok(()) }
-/*  npm install -D tailwindcss; npm install tw-elements
-    sh -c "[ ! -d node_modules ] && npm i; npm run build_css"
-
-    process::Command::new("npm").args(["run", "build_css"]).status()?;
-
-    npx tailwindcss init  # generate a mininum tailwind.config.js
-    npx tailwindcss -m -i tailwind_base.css -o assets/tailwind.css #-c tailwind.config.js #-w */
-
-    let minify = if let Ok("release") =
-        std::env::var("PROFILE").as_deref() { "-m" } else { "" };
-    process::Command::new("npx").args(["tailwindcss", minify, //"-c", twcfg,
-        "-i", twcss, "-o", "assets/tailwind.css"]).status()?;
-    Ok(())
-}
-
diff --git a/index.html b/index.html
index 5a39168..b49b192 100644
--- a/index.html
+++ b/index.html
@@ -4,42 +4,39 @@
   <meta charset="UTF-8" />
   <!--meta content="text/html; charset=utf-8" http-equiv="Content-Type" /-->
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-  <title>{app_title}</title>
-  <base href="/{base_path}/"/>
-  <link rel='icon' href='ptable.svg'/>
-
-  <style> @media print {
-      @page { size: A4 landscape; margin: 0; }  /* 设置页面的方向为横向并清除默认页边距 */
-      body { width: 297mm; margin: auto; }      /* 设置主体样式以适应横向打印 */
-      .non-printable { display: none; }         /* 隐藏非打印元素 */
-  } </style>
-
-  {style_include}{script_include}
-
-  <script type="module">
-    import init from "/{base_path}/assets/dioxus/{app_name}.js";
-    init("/{base_path}/assets/dioxus/{app_name}_bg.wasm").then(wasm => {
-      if (wasm.__wbindgen_start == undefined) { wasm.main(); }
-    });
-  </script>
+  <title>{app_title}</title> <base href="/{base_path}/"/>
 </head>
 
 <body id="main"> <!--div id="main"></div-->
   <script>
-    const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
-    if (isChrome) { document.body.style.zoom = '0.5'; } else {
-    /* if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) */
-      /* const elem = document.documentElement; <html> */
-      const elem = document.body;
-      const scale = 0.5;
-      const width  = scale * elem.offsetWidth;
-      const height = scale * elem.offsetHeight;
-      elem.style.transform = `scale(${scale})`;
-      elem.style.transformOrigin = '0 0';
-      elem.style.width  = width  + 'px';
-      elem.style.height = height + 'px';
-    }
+const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+if (isChrome) { document.body.style.zoom = '0.5'; } else {
+/* if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) */
+  /* const elem = document.documentElement; <html> */
+  const elem = document.body;
+  const scale = 0.5;
+  const width  = scale * elem.offsetWidth;
+  const height = scale * elem.offsetHeight;
+  elem.style.transform = `scale(${scale})`;
+  elem.style.transformOrigin = '0 0';
+  elem.style.width  = width  + 'px';
+  elem.style.height = height + 'px';
+
+  const style = document.createElement('style');
+  style.innerHTML = `
+select { appearance: none; }
+select:not([size]) { /* https://flowbite.com/docs/forms/select/ */
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");
+  background-position: right .75rem center;
+  background-repeat: no-repeat;
+  background-size: .75em .75em;
+  padding-right: 2.25rem;
+  -webkit-print-color-adjust: exact;
+  print-color-adjust: exact;
+}
+`;
+  document.head.appendChild(style);
+}
   </script>
 </body>
 </html>
diff --git a/src/main.rs b/src/main.rs
index 8443ebe..a6ed41d 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -1,32 +1,36 @@
 
 #![allow(non_snake_case)]
 use dioxus::prelude::*;
-//use dioxus_logger::tracing;
-
-// URLs are relative to your Cargo.toml file
-//const _TAILWIND_CSS: &str = manganis::mg!(file("assets/tailwind.css"));
 
 fn main() {
-    //dioxus_logger::init(tracing::Level::INFO).expect("failed to init logger");
-    //tracing::info!("starting app");
-
-    #[cfg(not(feature = "desktop"))] launch(App);
-    #[cfg(feature = "desktop")] LaunchBuilder::desktop().with_cfg(dioxus::desktop::Config::new()
-        .with_window(dioxus::desktop::WindowBuilder::new().with_title(env!("CARGO_PKG_NAME")))
-        //.with_custom_head("<script  src='https://cdn.tailwindcss.com'/>".into())
-        .with_custom_head("<link rel='stylesheet' href='tailwind.css'/>".into())
-        .with_custom_index(include_str!("../index.html").replace(r"{base_path}", ".")
-            .replace(r"{style_include}{script_include}", "").into())
-        //.with_icon("assets/ptable.svg".into())    // FIXME:
-    ).launch(App);
+    #[cfg(not(feature = "desktop"))]  dioxus::launch(App);
+    #[cfg(feature = "desktop")] { use dioxus::desktop::{self, WindowBuilder, LogicalSize};
+    LaunchBuilder::desktop().with_cfg(desktop::Config::new()
+        .with_window(WindowBuilder::new().with_title(env!("CARGO_PKG_NAME"))
+            .with_inner_size(LogicalSize::new(1448, 996)))
+        .with_custom_index(include_str!("../index.html").replace(r"{base_path}", "."))
+        //.with_icon("assets/ptable.svg") // XXX: desktop::tao::window::Icon::from_rgba(...)?
+    ).launch(App) };
 }
 
 fn App() -> Element {
+    let print_style = r"
+@media print {
+  @page { size: A4 landscape; margin: 0; }  /* 设置页面的方向为横向并清除默认页边距 */
+  body { width: 297mm; margin: auto; }      /* 设置主体样式以适应横向打印 */
+  .non-printable { display: none; }         /* 隐藏非打印元素 */
+}
+";
+
+    use dioxus::document::{Link, Title, Style/*, Script, Meta*/};
     rsx! {  //Router::<Route> {}
-        //#[cfg(not(profile = "release"))]
-        //script { src: "https://cdn.tailwindcss.com" }
-        //link { rel: "stylesheet",
-        //    href: "https://unpkg.com/tailwindcss@^2.0/dist/tailwind.min.css" }
+        Title { "Elements Periodic Table" }
+        // XXX: asset!("...") does not work for desktop when web.app.base_path is set
+        Link { rel: "icon",       href: "assets/ptable.svg" }
+        Link { rel: "stylesheet", href: "assets/tailwind.css" }
+        //Stylesheet { href: asset!("assets/tailwind.css") }
+        //Script { src: "https://cdn.tailwindcss.com" }
+        Style { {print_style} }
         PeriodicTable {}
     }
 }
@@ -80,8 +84,8 @@ fn PeriodicTable() -> Element {
         p { class: "self-end text-center text-lg font-bold", "IIA - 2" } div { class: "empty" }
         ElemTile { ordinal: 43, annote: true } div { class: "empty col-span-2" }
         div { class: "relative col-span-6", // https://www.nagwa.com/en/explainers/809139094679/
-            img { class: "absolute h-[150%]", src: "aufbau.svg" }
-            //div { class: "absolute h-[150%]", AufbauPrincipal {} }
+            //img { class: "absolute h-[150%]", src: "assets/aufbau.svg" }
+            div { class: "absolute h-[150%]", AufbauPrincipal {} }
         }
 
         for i in 13..=17 { p { class: "self-end text-center text-lg font-bold",
@@ -167,7 +171,7 @@ fn PeriodicTable() -> Element {
             }
         }
         div { class: "absolute flex w-full h-full pb-8", style: "grid-area: 2 / 8 / 3 / 19;",
-        }   // XXX: show legend for origin/abundance?
+        }   // XXX: show legend for abundance?
 
         for i in 13..=56 { ElemTile { ordinal: i, annote: false } }
         div { class: "flex flex-col text-2xl rounded-sm p-1 {bg_lan}
@@ -332,7 +336,7 @@ static COLORING_ORIGINS: [(&str, &str); CosmicOrigin::MAX as usize] = [ // stric
                 href: "https://ciaaw.org/radioactive-elements.htm", {tr!(lang, "radioactive")}
             }
             div { class: "absolute text-lg leading-tight text-nowrap text-right",
-                onmouseenter: |evt| evt.stop_propagation(), // XXX: not work for :hover
+                //onmouseenter: |evt| evt.stop_propagation(), // XXX: not work for :hover
                 style: "right: calc(100% + 0.4rem);",
                 p { a { href: "https://ciaaw.org/atomic-weights.htm",
                     {tr!(lang, "*atomic weight")}
@@ -446,7 +450,7 @@ static COLORING_ORIGINS: [(&str, &str); CosmicOrigin::MAX as usize] = [ // stric
                             } else { "left: calc(100% + 0.4rem);" }
                         } }, figcaption { class: "text-center text-lg text-blue-600 font-bold",
                             { tr!(lang, file.replace(['-', '_'], " ").as_str()) }
-                        } img { class: "w-full", src: "crystal-s/{file}.svg", }
+                        } img { class: "w-full", src: "assets/crystal-s/{file}.svg" }
                     }
                 }) }
             }
@@ -684,8 +688,7 @@ fn PhysConsts() -> Element {
         }
 } }
 
-/* fn AufbauPrincipal() -> Element {
-    // XXX: embedded for translation, expected to work on Dioxus v0.6
+fn AufbauPrincipal() -> Element {
     let lang = use_context::<Signal<Localization>>();
     rsx! { svg { width: "500", height: "300", xmlns: "http://www.w3.org/2000/svg",
         "font-size": "small", "font-family": "sans", //title { {title} }
@@ -715,7 +718,8 @@ fn PhysConsts() -> Element {
             tspan { x: "448", opacity: "0.2", "ℓ = 6" }
         }
         text { x: "92", y: "296", "font-weight": "bold",
-            {tr!(lang, "Aufbau Principle")} " (" {tr!(lang, "Madelung rule")} ")" }
+            {tr!(lang, "Aufbau Principle")} " (" {tr!(lang, "Madelung rule")} ")"
+        }
         text { x: "180", y: "52", fill: "blue", "font-size": "8",
             tspan { "n: " {tr!(lang, "Principle quantum number")} }
             tspan { x: "180", dy: "16", "ℓ: " {tr!(lang, "Azimuthal quantum number")} }
@@ -832,58 +836,71 @@ fn PhysConsts() -> Element {
             }
         }
     } }
-} */
+}
 
 #[allow(unused)] fn ElemDetail() -> Element { rsx! { // TODO: https://pt.ziziyi.com/
 } }
 
 /* for fullstack web renderer
-#[derive(Clone, Routable, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
-enum Route {
-    #[route("/")] Home {},
+#[derive(Debug, Clone, Routable, PartialEq)] #[rustfmt::skip] enum Route {
+    #[layout(Navbar)] #[route("/")] Home {},
     #[route("/blog/:id")] Blog { id: i32 },
 }
 
-#[component] fn Blog(id: i32) -> Element {
-    rsx! {
-        Link { to: Route::Home {}, "Go to counter" }
-        "Blog post {id}"
-    }
+#[component] pub fn Hero() -> Element {
+    rsx! { div { id: "hero",
+        img { src: HEADER_SVG, id: "header" }
+        div { id: "links",
+            a { href: "https://dioxuslabs.com/learn/0.6/", "📚 Learn Dioxus" }
+            a { href: "https://dioxuslabs.com/awesome", "🚀 Awesome Dioxus" }
+            a { href: "https://github.com/dioxus-community/", "📡 Community Libraries" }
+            a { href: "https://github.com/DioxusLabs/sdk", "⚙️ Dioxus Development Kit" }
+            a { href: "https://marketplace.visualstudio.com/items?itemName=DioxusLabs.dioxus",
+                "💫 VSCode Extension" }
+            a { href: "https://discord.gg/XgGxMSkvUM", "👋 Community Discord" }
+        }
+    } }
 }
 
-#[component] fn Home() -> Element {
-    let mut count = use_signal(|| 0);
-    let mut text = use_signal(|| String::from("..."));
+#[component] fn Home() -> Element { rsx! { Hero {} Echo {} } }
 
-    rsx! {
-        Link { to: Route::Blog { id: count() }, "Go to blog" }
-        div {
-            h1 { "High-Five counter: {count}" }
-            button { onclick: move |_| count += 1, "Up high!" }
-            button { onclick: move |_| count -= 1, "Down low!" }
-            #[cfg(feature = "server")] button {
-                onclick: move |_| async move {
-                    if let Ok(data) = get_server_data().await {
-                        tracing::info!("Client received: {}", data);
-                        text.set(data.clone());
-                        post_server_data(data).await.unwrap();
-                    }
-                },
-                "Get Server Data"
-            }
-            p { "Server data: {text}"}
-        }
-    }
+#[component] pub fn Blog(id: i32) -> Element {
+    rsx! { div { id: "blog",
+        h1 { "This is blog #{id}!" } // Content
+        p { "In blog #{id}, we show how the Dioxus router works and
+            how URL parameters can be passed as props to our route components." }
+
+        Link { to: Route::Blog { id: id - 1 }, "Previous" } span { " <---> " }
+        Link { to: Route::Blog { id: id + 1 }, "Next" }     // Navigation links
+    } }
 }
 
-#[cfg(feature = "server")] #[server(PostServerData)]
-async fn post_server_data(data: String) -> Result<(), ServerFnError> {
-    tracing::info!("Server received: {}", data);
-    Ok(())
+/// Shared navbar component.
+#[component] fn Navbar() -> Element { rsx! {
+    div { id: "navbar",
+        Link { to: Route::Home {}, "Home" }
+        Link { to: Route::Blog { id: 1 }, "Blog" }
+    }   Outlet::<Route> {}
+} }
+
+/// Echo component that demonstrates fullstack server functions.
+#[component] fn Echo() -> Element {
+    let mut response = use_signal(|| String::new());
+    rsx! { div { id: "echo",
+        h4 { "ServerFn Echo" }
+        input { placeholder: "Type here to echo...",
+            oninput:  move |event| async move {
+                let data = echo_server(event.value()).await.unwrap();
+                response.set(data);
+            },
+        }
+
+        if !response().is_empty() { p { "Server echoed: " i { "{response}" } } }
+    } }
 }
 
-#[cfg(feature = "server")] #[server(GetServerData)]
-async fn get_server_data() -> Result<String, ServerFnError> {
-    Ok("Hello from the server!".to_string())
+/// Echo the user input on the server.
+#[server(EchoServer)] async fn echo_server(input: String) -> Result<String, ServerFnError> {
+    Ok(input)
 } */
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 06ea678..0038e95 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./src/**/*.{rs,html,css}", "./dist/**/*.html"],
+  content: ["./src/main.rs"], //"./src/**/*.{rs,html,css}"
   //mode: "all",
 
   theme: {
@@ -20,10 +20,11 @@ module.exports = {
     //require('@tailwindcss/typography'),
     //require('@tailwindcss/aspect-ratio'),
     //require('@tailwindcss/line-clamp'),
-    //require('tw-elements/plugin.cjs'), // npm install tw-elements
+    //require('tw-elements/plugin.cjs'), // npm install tw-elements -D
   ],
 
   //presets: [ require('@acmecorp/tailwind-base') ],
   // https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/defaultConfig.stub.js
-  // npm install -D tailwindcss // npx tailwindcss init #--full
+  // npm install tailwindcss -D #-g // npx tailwindcss init #--full
+  // npx tailwindcss -i tailwind_base.css -o assets/tailwind.css -w #-m
 }