Update website

Readme.md

@@ -0,0 +1,106 @@
+# EngineeringBuild Website
+
+Personal website for EngineeringBuild.
+
+This site is being built as a practical technical platform around telecom field work, networking, Linux, self-hosting, tools, notes, and small technical services.
+
+## Current Structure
+
+- `index.html` is the home page.
+- `main.css` contains the shared styling for the whole site.
+- `main.js` injects shared header and footer sections on selected pages.
+- `contact.html` has the contact form and shared footer.
+- `tools.html` uses the shared header and footer from `main.js`.
+- `services/` contains service pages.
+- `guides/` contains guide pages.
+- `img/` contains site images and icons.
+
+## Home Page Sections
+
+The home page currently has:
+
+- Header with dropdown menus
+- Hero section
+- What this site covers
+- Current focus
+- Featured areas
+- Final call to action
+- Footer
+
+The boxes in "What this site covers" and "Featured areas" are clickable and link to the relevant guide or tool page.
+
+## Shared Header And Footer
+
+`main.js` is used to copy shared layout pieces into pages.
+
+For Services and Tools pages:
+
+```html
+<div data-include="site-header"></div>
+<div data-include="site-footer"></div>
+<script src="../main.js"></script>
+```
+
+Use `script src="main.js"` for files in the root folder, such as `tools.html`.
+
+For Guide pages, keep the simple guide header for now and only include the footer:
+
+```html
+<div data-include="site-footer"></div>
+<script src="../main.js"></script>
+```
+
+## Footer Behaviour
+
+The footer is set up to stay at the bottom of short pages.
+
+If the page has more content, the footer naturally moves below the content.
+
+This is handled in `main.css` with:
+
+```css
+body {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+main {
+  flex: 1;
+}
+
+.site-footer {
+  margin-top: auto;
+}
+```
+
+## Main Links
+
+- Email: `info@engineeringbuild.com`
+- Home: `index.html`
+- Contact: `contact.html`
+- Tools: `tools.html`
+
+Guide pages:
+
+- `guides/telecommunications.html`
+- `guides/networking.html`
+- `guides/linux.html`
+- `guides/embedded.html`
+
+Service pages:
+
+- `services/Network.html`
+- `services/servers.html`
+- `services/installation.html`
+- `services/survey.html`
+
+## Notes For Future Work
+
+- Add real content to each guide page.
+- Add real content to each service page.
+- Add a proper Tools page once tools/checklists are ready.
+- Decide whether Contact should also use the full shared header.
+- Add a copyright line if needed.
+- Add SEO descriptions for each individual page.
+- Check link casing before publishing, especially `services/Network.html`.