Update website

This commit is contained in:
Pratik
2026-06-13 13:04:04 +10:00
parent c84abfb8c0
commit 470c47a4aa
16 changed files with 57 additions and 62 deletions

View File

@@ -4,13 +4,15 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact | EngineeringBuild</title>
<link rel="icon" href="img/title%20image.png" type="image/png" />
<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>
<a class="brand-link" href="index.html">
<img class="brand-image" src="img/Header%20image.png" alt="" />
</a>
</div>
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
<span></span>

View File

@@ -4,13 +4,15 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Embedded Guides | EngineeringBuild</title>
<link rel="icon" href="../img/title%20image.png" type="image/png" />
<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>
<a class="brand-link" href="../index.html">
<img class="brand-image" src="../img/Header%20image.png" alt="" />
</a>
</div>
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
<span></span>

View File

@@ -4,13 +4,15 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Linux Guides | EngineeringBuild</title>
<link rel="icon" href="../img/title%20image.png" type="image/png" />
<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>
<a class="brand-link" href="../index.html">
<img class="brand-image" src="../img/Header%20image.png" alt="" />
</a>
</div>
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
<span></span>

View File

@@ -4,13 +4,15 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Networking Guides | EngineeringBuild</title>
<link rel="icon" href="../img/title%20image.png" type="image/png" />
<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>
<a class="brand-link" href="../index.html">
<img class="brand-image" src="../img/Header%20image.png" alt="" />
</a>
</div>
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
<span></span>

View File

@@ -4,13 +4,15 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Telecommunications Guides | EngineeringBuild</title>
<link rel="icon" href="../img/title%20image.png" type="image/png" />
<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>
<a class="brand-link" href="../index.html">
<img class="brand-image" src="../img/Header%20image.png" alt="" />
</a>
</div>
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
<span></span>

BIN
img/Header image.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 794 KiB

BIN
img/title image.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 935 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 46 KiB

View File

@@ -14,20 +14,21 @@
<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 property="og:image" content="https://engineeringbuild.com/img/title%20image.png" />
<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" />
<meta name="twitter:image" content="https://engineeringbuild.com/img/title%20image.png" />
<link rel="icon" href="img/title%20image.png" type="image/png" />
<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>
<a class="brand-link" href="index.html">
<img class="brand-image" src="img/Header%20image.png" alt="" />
</a>
</div>
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">

View File

@@ -62,6 +62,11 @@ a {
font-size: 1.05rem;
}
.site-header.is-scrolled .brand-image {
width: min(320px, 62vw);
height: 40px;
}
.site-header.is-scrolled .brand-subtitle {
display: none;
}
@@ -76,6 +81,20 @@ a {
gap: 4px;
}
.brand-link {
display: inline-flex;
align-items: center;
width: fit-content;
}
.brand-image {
width: min(420px, 70vw);
height: 58px;
object-fit: cover;
object-position: center;
transition: width 0.2s ease, height 0.2s ease;
}
.brand {
font-size: 1.5rem;
font-weight: 800;
@@ -348,6 +367,10 @@ a {
gap: 10px;
}
.site-footer .brand {
color: #ffffff;
}
.footer-brand p {
max-width: 480px;
margin: 0;

View File

@@ -12,8 +12,9 @@ function renderSiteHeader(root) {
return `
<header class="site-header">
<div class="brand-block">
<a class="brand" href="${root}index.html">EngineeringBuild</a>
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
<a class="brand-link" href="${root}index.html">
<img class="brand-image" src="${root}img/Header%20image.png" alt="" />
</a>
</div>
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CCNA Study Support | EngineeringBuild</title>
<link rel="icon" href="../img/title%20image.png" type="image/png" />
<link rel="stylesheet" href="../main.css" />
</head>
<body>

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Installation | EngineeringBuild</title>
<link rel="icon" href="../img/title%20image.png" type="image/png" />
<link rel="stylesheet" href="../main.css" />
</head>
<body>

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Server Setup | EngineeringBuild</title>
<link rel="icon" href="../img/title%20image.png" type="image/png" />
<link rel="stylesheet" href="../main.css" />
</head>
<body>

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Site Survey | EngineeringBuild</title>
<link rel="icon" href="../img/title%20image.png" type="image/png" />
<link rel="stylesheet" href="../main.css" />
</head>
<body>

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tools | EngineeringBuild</title>
<link rel="icon" href="img/title%20image.png" type="image/png" />
<link rel="stylesheet" href="main.css" />
</head>
<body>