[ SPECS ] Updated specs with instructions on how to load CSS and JS f…

…rom a markdown file

SPECS.md

@@ -1,14 +1,58 @@
-The following files and folders are part of the **Next.js** Application:
-
-├── NEXTJS.README.md
-├── app/
-├── components/
-├── next-env.d.ts
-├── next.config.js
-├── package-lock.json
-├── package.json
-├── postcss.config.js
-├── public/
-├── tailwind.config.js
-└── tsconfig.json
+## Jekyll | About the main website and GitHub Pages
+
+  Website: https://in-tech-gration.github.io/WDX-180/
+
+### Jekyll | How to | Include CSS & JS in a markdown file
+
+  **Q: How do I load a CSS file in a particular markdown file?**
+
+  A: You will need to add the CSS filenames in a Frontmatter property named `load_css`, for example:
+
+  ```markdown
+  ---
+  load_css:
+    - typography.css
+    - libs/tagify.min.css
+  ---
+
+  # Markdown content here...
+  ```
+
+  The css files (e.g. `typography.css` and `tagify.min.css` from the example above) must be placed inside the `assets/jekyll/css/` folder.
+
+  **How to include JS:**
+
+  A: You will need to include the JS filename in a Front matter property named `load_script_js`:
+
+  ```markdown
+  ---
+  load_script_js: 
+    - setup_faq.js
+    - app.js
+  ---
+
+  # Markdown content here...
+  ```
+
+  The JS files must be placed in the `assets/jekyll/_includes/` folder.
+
+## About the `npm run learn` platform 
+
+  It is based on `Next.js`.
+
+  The following files and folders are part of the **Next.js** Application:
+
+  ```
+  ├── NEXTJS.README.md
+  ├── app/
+  ├── components/
+  ├── next-env.d.ts
+  ├── next.config.js
+  ├── package-lock.json
+  ├── package.json
+  ├── postcss.config.js
+  ├── public/
+  ├── tailwind.config.js
+  └── tsconfig.json
+  ```