# 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`.
