107 lines
2.5 KiB
Markdown
107 lines
2.5 KiB
Markdown
# 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`.
|