Initial website commit

This commit is contained in:
Pratik
2026-06-07 23:12:19 +10:00
commit d8a00e7362
15 changed files with 618 additions and 0 deletions

0
Readme.md Normal file
View File

60
contact.html Normal file
View File

@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact | EngineeringBuild</title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<a href="index.html">Home</a>
</nav>
</header>
<main class="contact-page">
<section class="contact-card">
<p class="section-label">Contact</p>
<h1>Send an enquiry</h1>
<p>Use the form below to send a message directly to <a href="mailto:info@engineeringbuild.com">info@engineeringbuild.com</a>.</p>
<form id="contact-form" class="contact-form">
<label>
Name
<input name="name" type="text" required />
</label>
<label>
Email
<input name="email" type="email" required />
</label>
<label>
Subject
<input name="subject" type="text" required />
</label>
<label>
Enquiry
<textarea name="message" rows="6" required></textarea>
</label>
<button type="submit">Send enquiry</button>
</form>
</section>
</main>
<script>
document.getElementById('contact-form').addEventListener('submit', function (event) {
event.preventDefault();
const data = new FormData(event.target);
const subject = encodeURIComponent(data.get('subject') || 'EngineeringBuild Enquiry');
const body = encodeURIComponent(
`Name: ${data.get('name')}\nEmail: ${data.get('email')}\n\n${data.get('message')}`
);
window.location.href = `mailto:info@engineeringbuild.com?subject=${subject}&body=${body}`;
});
</script>
</body>
</html>

34
guides/embedded.html Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Embedded Guides | EngineeringBuild</title>
<link rel="stylesheet" href="../main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="../index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<a href="../index.html">Home</a>
<a href="../contact.html">Contact</a>
</nav>
</header>
<main class="content-page">
<section class="content-card">
<p class="section-label">Guides</p>
<h1>Embedded</h1>
<p>Notes for microcontrollers, hardware interfaces, firmware, and embedded Linux work.</p>
<ul class="content-list">
<li>GPIO, UART, SPI, and I2C basics</li>
<li>Firmware flashing and serial debugging</li>
<li>Board bring-up and hardware test notes</li>
</ul>
</section>
</main>
</body>
</html>

34
guides/linux.html Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Linux Guides | EngineeringBuild</title>
<link rel="stylesheet" href="../main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="../index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<a href="../index.html">Home</a>
<a href="../contact.html">Contact</a>
</nav>
</header>
<main class="content-page">
<section class="content-card">
<p class="section-label">Guides</p>
<h1>Linux</h1>
<p>Commands, configuration notes, and service setup references for Linux systems.</p>
<ul class="content-list">
<li>System navigation and file permissions</li>
<li>Networking commands and diagnostics</li>
<li>Service management with systemd</li>
</ul>
</section>
</main>
</body>
</html>

34
guides/networking.html Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Networking Guides | EngineeringBuild</title>
<link rel="stylesheet" href="../main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="../index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<a href="../index.html">Home</a>
<a href="../contact.html">Contact</a>
</nav>
</header>
<main class="content-page">
<section class="content-card">
<p class="section-label">Guides</p>
<h1>Networking</h1>
<p>Reference material for routing, switching, addressing, and everyday network operations.</p>
<ul class="content-list">
<li>IPv4 and IPv6 addressing notes</li>
<li>VLANs, trunks, and inter-VLAN routing</li>
<li>Routing protocols and troubleshooting workflow</li>
</ul>
</section>
</main>
</body>
</html>

View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Telecommunications Guides | EngineeringBuild</title>
<link rel="stylesheet" href="../main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="../index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<a href="../index.html">Home</a>
<a href="../contact.html">Contact</a>
</nav>
</header>
<main class="content-page">
<section class="content-card">
<p class="section-label">Guides</p>
<h1>Telecommunications</h1>
<p>Practical notes for telecom infrastructure, field work, and signal delivery.</p>
<ul class="content-list">
<li>Fiber basics, connectors, and loss budgets</li>
<li>Wireless links, antennas, and alignment checks</li>
<li>Site documentation and handover checklists</li>
</ul>
</section>
</main>
</body>
</html>

45
img/title-image.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 46 KiB

65
index.html Normal file
View File

@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EngineeringBuild</title>
<meta name="description" content="Telecom, network, system, and embedded engineering notes, guides, and practical technical work." />
<meta name="keywords" content="telecom, network, system, embedded, fiber, routing, Linux, Proxmox, Cisco, infrastructure" />
<meta name="author" content="EngineeringBuild" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://engineeringbuild.com/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="EngineeringBuild" />
<meta property="og:description" content="Telecom, network, system, and embedded engineering notes, guides, and practical technical work." />
<meta property="og:url" content="https://engineeringbuild.com/" />
<meta property="og:image" content="https://engineeringbuild.com/img/title-image.svg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="EngineeringBuild" />
<meta name="twitter:description" content="Telecom, network, system, and embedded engineering notes, guides, and practical technical work." />
<meta name="twitter:image" content="https://engineeringbuild.com/img/title-image.svg" />
<link rel="icon" href="img/title-image.svg" type="image/svg+xml" />
<link rel="stylesheet" href="main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<div class="nav-group">
<button class="nav-trigger" type="button" aria-haspopup="true">Services</button>
<div class="nav-panel">
<a href="services/Network.html">Network Planning</a>
<a href="services/servers.html">Server Setup</a>
<a href="services/installation.html">Installation</a>
<a href="services/survey.html">Site Survey</a>
</div>
</div>
<div class="nav-group">
<button class="nav-trigger" type="button" aria-haspopup="true">Guides</button>
<div class="nav-panel">
<a href="guides/telecommunications.html">Telecommunications</a>
<a href="guides/networking.html">Networking</a>
<a href="guides/linux.html">Linux</a>
<a href="guides/embedded.html">Embedded</a>
</div>
</div>
<div class="nav-group">
<button class="nav-trigger" type="button" aria-haspopup="true">Tools</button>
<div class="nav-panel">
<a href="tools.html">Coming soon</a>
</div>
</div>
<a href="contact.html">Contact</a>
</nav>
</header>
</body>
</html>

207
main.css Normal file
View File

@@ -0,0 +1,207 @@
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background: #fff;
color: #111827;
}
a {
color: inherit;
text-decoration: none;
}
.site-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 18px 24px;
border-bottom: 1px solid #e5e7eb;
}
.brand-block {
display: grid;
gap: 4px;
}
.brand {
font-size: 1.5rem;
font-weight: 800;
line-height: 1;
letter-spacing: 0;
}
.brand-subtitle {
font-size: 0.72rem;
color: #6b7280;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.site-nav {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
.site-nav > a,
.nav-trigger {
font-size: 0.92rem;
font-weight: 700;
color: #1f2937;
}
.nav-group {
position: relative;
}
.nav-trigger {
padding: 0;
border: 0;
background: transparent;
font-family: inherit;
cursor: pointer;
}
.nav-trigger::after {
content: "v";
margin-left: 6px;
color: #6b7280;
font-size: 0.8em;
}
.nav-panel {
display: none;
position: absolute;
top: calc(100% + 10px);
left: 0;
min-width: 220px;
padding: 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
z-index: 10;
}
.nav-group:hover > .nav-panel,
.nav-group:focus-within > .nav-panel {
display: grid;
gap: 8px;
}
.nav-panel a {
padding: 8px 10px;
border-radius: 10px;
}
.nav-panel a:hover {
background: #f3f4f6;
}
.contact-page {
padding: 32px 24px 48px;
}
.contact-card,
.content-card {
max-width: 720px;
margin: 0 auto;
padding: 28px;
border: 1px solid #e5e7eb;
border-radius: 18px;
background: #fff;
}
.content-page {
padding: 32px 24px 48px;
}
.content-card h1 {
margin: 0 0 12px;
}
.content-card p {
line-height: 1.6;
}
.content-list {
display: grid;
gap: 10px;
padding-left: 20px;
line-height: 1.55;
}
.section-label {
margin: 0 0 8px;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #6b7280;
font-weight: 700;
}
.contact-form {
display: grid;
gap: 14px;
margin-top: 20px;
}
.contact-form label {
display: grid;
gap: 6px;
font-size: 0.92rem;
font-weight: 700;
}
.contact-form input,
.contact-form textarea {
width: 100%;
padding: 12px 14px;
border: 1px solid #d1d5db;
border-radius: 12px;
font: inherit;
}
.contact-form button {
width: fit-content;
padding: 12px 16px;
border: 0;
border-radius: 12px;
background: #111827;
color: #fff;
font: inherit;
font-weight: 700;
cursor: pointer;
}
.contact-form button:hover {
background: #0f172a;
}
@media (max-width: 720px) {
.site-header {
flex-direction: column;
align-items: flex-start;
}
.site-nav {
gap: 12px;
}
.nav-panel {
position: static;
min-width: 0;
box-shadow: none;
margin-top: 8px;
}
}

0
main.js Normal file
View File

21
services/Network.html Normal file
View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CCNA Study Support | EngineeringBuild</title>
<link rel="stylesheet" href="../main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="../index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<a href="../index.html">Home</a>
<a href="../contact.html">Contact</a>
</nav>
</header>
</body>
</html>

View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Installation | EngineeringBuild</title>
<link rel="stylesheet" href="../main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="../index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<a href="../index.html">Home</a>
<a href="../contact.html">Contact</a>
</nav>
</header>
</body>
</html>

21
services/servers.html Normal file
View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Server Setup | EngineeringBuild</title>
<link rel="stylesheet" href="../main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="../index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<a href="../index.html">Home</a>
<a href="../contact.html">Contact</a>
</nav>
</header>
</body>
</html>

21
services/survey.html Normal file
View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Site Survey | EngineeringBuild</title>
<link rel="stylesheet" href="../main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="../index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<a href="../index.html">Home</a>
<a href="../contact.html">Contact</a>
</nav>
</header>
</body>
</html>

21
tools.html Normal file
View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tools | EngineeringBuild</title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
<header class="site-header">
<div class="brand-block">
<a class="brand" href="index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
</div>
<nav class="site-nav" aria-label="Primary">
<a href="index.html">Home</a>
<a href="contact.html">Contact</a>
</nav>
</header>
</body>
</html>