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:

<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:

<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:

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.

2.5 KiB Raw Blame History