working now via 'dx serve --platform web' from target

Cargo.toml

@@ -2,7 +2,7 @@
 # Cargo.toml
 
 [package]
-name = "github_bio"
+name = "github_io"
 version = "0.1.0"
 edition = "2021"
 
@@ -17,8 +17,10 @@ stylist = "^0.13"
 [build-dependencies]
 dotenv = "^0.15"   # Build dependency for environment variables
 
-# Allow wasm-bindgen to update dynamically while staying within major version 0.2
-wasm-bindgen = "^0.2.99"
+[features]
+default = []
+web = ["dioxus/web"]
+mobile = ["dioxus/mobile"]
 
 [profile]
 
@@ -31,4 +33,3 @@ inherits = "dev"
 
 [profile.android-dev]
 inherits = "dev"
-

Dioxus.toml

@@ -1,5 +1,19 @@
 
 # Dioxus.toml
 [application]
-output = "dist"
-serve_dir = "dist"
+name = "github_io"
+default_platform = "web"
+toolchain = "wasm"
+out_dir = "target/d-dist"
+serve_dir = "target/d-dist"
+
+[web.app]
+title = "Eric Machmer TEST"
+
+[web.resource]
+style = ["./assets/styles/tailwind.css"]
+script = []
+
+[web.resource.dev]
+script = []
+

__about_these_files.md

@@ -1,22 +1,11 @@
 
-# Remove this comment when build issue is resovled: Had to manually transfer built files from target to dist
 
-# New Approach to running (without Docker)
-Generates a static build (dist/index.html) for production deployment:
 
-        dx build --release
-        npx serve dist
-
-
-build.rs runs alongside cargo.toml to guide build
-
-
-
-# Old Approach to running (without Docker)
-# 1st:  
-npm run serve   
-# 2nd:  
-http://localhost:8080
+# Currently best approach to running (without Docker)
+        npm run build [to create the tailwinds.css before dioxus builds]
+     then:
+        dx serve --platform web [to serve the app locally]
+        Serving at: http://127.0.0.1:8080     
 
 
 IF USING DOCKER:

dist/assets/styles/tailwind.css → assets/styles/tailwind.css

@@ -554,6 +554,18 @@ video {
   display: none;
 }
 
+.visible {
+  visibility: visible;
+}
+
+.collapse {
+  visibility: collapse;
+}
+
+.relative {
+  position: relative;
+}
+
 .clear-both {
   clear: both;
 }
@@ -598,6 +610,30 @@ video {
   display: flex;
 }
 
+.table {
+  display: table;
+}
+
+.contents {
+  display: contents;
+}
+
+.hidden {
+  display: none;
+}
+
+.border-collapse {
+  border-collapse: collapse;
+}
+
+.transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.resize {
+  resize: both;
+}
+
 .list-none {
   list-style-type: none;
 }
@@ -616,6 +652,10 @@ video {
   margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
+.border {
+  border-width: 1px;
+}
+
 .object-contain {
   -o-object-fit: contain;
      object-fit: contain;
@@ -695,10 +735,18 @@ video {
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
 
+.underline {
+  text-decoration-line: underline;
+}
+
 .no-underline {
   text-decoration-line: none;
 }
 
+.outline {
+  outline-style: solid;
+}
+
 .transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);