oldmonk69 commited on
Commit
0bc128a
Β·
verified Β·
1 Parent(s): 797c36c

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +49 -75
README.md CHANGED
@@ -1,75 +1,49 @@
1
-
2
- # Hugging Face Space β€” Staticize Kit
3
-
4
- This kit converts a PHP-based Space into a **static** Space (HTML/CSS/JS), ready to upload.
5
-
6
- ## What this does
7
- - Converts every `*.html` into `*.html` (same relative paths)
8
- - Strips PHP code blocks `<?php ... ?>`
9
- - Rewrites internal links from `.html` β†’ `.html` across HTML/CSS/JS/MD
10
- - Ensures an `index.html` exists at repo root
11
- - Provides a tiny JS include system to replace PHP includes
12
-
13
- ## Quick start
14
-
15
- 1. **Clone your Space locally**
16
- ```bash
17
- git clone https://huggingface.co/spaces/oldmonk69/gemini-ui-redesign
18
- cd gemini-ui-redesign
19
- git checkout -b staticize
20
- ```
21
-
22
- 2. **Download and unpack this kit into the repo root**
23
- - Place the contents of this folder into the repo root (you should see `convert.sh` at the same level as your existing files).
24
-
25
- 3. **Run the converter**
26
- ```bash
27
- bash convert.sh
28
- ```
29
-
30
- 4. **Verify locally**
31
- - Open the generated `.html` files in a browser (use a simple local server to avoid CORS issues):
32
- ```bash
33
- python3 -m http.server 5173
34
- # then visit http://localhost:5173/
35
- ```
36
-
37
- 5. **Commit and push**
38
- ```bash
39
- git add -A
40
- git commit -m "Staticize Space: convert PHP to HTML, update links"
41
- git push -u origin staticize
42
- ```
43
-
44
- 6. **Switch Space runtime to Static** (if not already)
45
- - In your Space: **Settings β†’ Runtime β†’ Static**
46
- - Ensure the repo root has **index.html**
47
-
48
- 7. **Restart Space** to rebuild.
49
-
50
- ## Includes-based layout (optional)
51
- This kit ships `asset/include.js` and two partials:
52
- - `asset/partials/header.html`
53
- - `asset/partials/footer.html`
54
-
55
- To use them in your pages:
56
- ```html
57
- <script src="/asset/include.js" defer></script>
58
- <div id="site-header"></div>
59
- <!-- page-specific content -->
60
- <div id="site-footer"></div>
61
- ```
62
-
63
- Edit the partials once and every page will pick them up at runtime.
64
-
65
- ## Notes & caveats
66
- - If your PHP *echoed* dynamic HTML (templating), that content won’t exist after stripping. Copy the intended HTML into the new `.html` files manually (the script keeps a `_backup_php/` folder for reference).
67
- - If you used server-side logic (forms, mailers, DB), you must replace it with client-side logic or move to a **Docker Space** running PHP.
68
- - Relative paths: when in doubt, use root-relative paths like `/asset/...` so links behave on every page.
69
-
70
- ## Rollback
71
- Everything original is backed up under `_backup_php/`. To undo, just reset your branch:
72
- ```bash
73
- git reset --hard HEAD~1
74
- git clean -fd
75
- ```
 
1
+ ---
2
+ title: NeuralNomadAI β€” Bootstrap Multi-Page Website
3
+ emoji: 🧠
4
+ sdk: static
5
+ pinned: true
6
+ colorFrom: blue
7
+ colorTo: indigo
8
+ tags:
9
+ - bootstrap
10
+ - php
11
+ - html
12
+ - css
13
+ - javascript
14
+ - portfolio
15
+ ---
16
+
17
+ # 🧠 NeuralNomadAI β€” AI Imagery & Creative Automation (Bootstrap)
18
+
19
+ A fully developed, production-ready **Bootstrap 5.3** website for AI imagery and automation services.
20
+ Built with semantic HTML, clean PHP templating, and a responsive, modern UI.
21
+
22
+ ---
23
+
24
+ ## ✨ Features
25
+
26
+ - **Multi-page structure**: Home, Services & Pricing, Portfolio, Reviews, About, and Contact.
27
+ - **Responsive design**: Mobile-first Bootstrap layout with sticky navbar and carousel hero.
28
+ - **Interactive portfolio**: Filterable categories, image lightbox (modal), and fade-in animations.
29
+ - **Theme toggle**: Light/dark mode via `data-bs-theme` with `localStorage` persistence.
30
+ - **Validated contact form**: Client-side validation (ready for Formspree or backend integration).
31
+ - **Reusable PHP template**: All pages share a unified header, footer, and navigation.
32
+ - **SEO & accessibility**: Descriptive meta tags, aria-friendly components, and keyboard navigation.
33
+
34
+ ---
35
+
36
+ ## 🧱 Project Structure
37
+
38
+ neuralnomadai/
39
+ β”œβ”€β”€ index.php
40
+ β”œβ”€β”€ services.php
41
+ β”œβ”€β”€ portfolio.php
42
+ β”œβ”€β”€ reviews.php
43
+ β”œβ”€β”€ about.php
44
+ β”œβ”€β”€ contact.php
45
+ β”œβ”€β”€ template.php
46
+ β”œβ”€β”€ main.js
47
+ β”œβ”€β”€ styles.css
48
+ └── assets/
49
+ └── images/