Update website
This commit is contained in:
@@ -4,13 +4,15 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Contact | EngineeringBuild</title>
|
<title>Contact | EngineeringBuild</title>
|
||||||
|
<link rel="icon" href="img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="main.css" />
|
<link rel="stylesheet" href="main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="site-header">
|
<header class="site-header">
|
||||||
<div class="brand-block">
|
<div class="brand-block">
|
||||||
<a class="brand" href="index.html">EngineeringBuild</a>
|
<a class="brand-link" href="index.html">
|
||||||
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
|
<img class="brand-image" src="img/Header%20image.png" alt="" />
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
||||||
<span></span>
|
<span></span>
|
||||||
|
|||||||
@@ -4,13 +4,15 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Embedded Guides | EngineeringBuild</title>
|
<title>Embedded Guides | EngineeringBuild</title>
|
||||||
|
<link rel="icon" href="../img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="../main.css" />
|
<link rel="stylesheet" href="../main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="site-header">
|
<header class="site-header">
|
||||||
<div class="brand-block">
|
<div class="brand-block">
|
||||||
<a class="brand" href="../index.html">EngineeringBuild</a>
|
<a class="brand-link" href="../index.html">
|
||||||
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
|
<img class="brand-image" src="../img/Header%20image.png" alt="" />
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
||||||
<span></span>
|
<span></span>
|
||||||
|
|||||||
@@ -4,13 +4,15 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Linux Guides | EngineeringBuild</title>
|
<title>Linux Guides | EngineeringBuild</title>
|
||||||
|
<link rel="icon" href="../img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="../main.css" />
|
<link rel="stylesheet" href="../main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="site-header">
|
<header class="site-header">
|
||||||
<div class="brand-block">
|
<div class="brand-block">
|
||||||
<a class="brand" href="../index.html">EngineeringBuild</a>
|
<a class="brand-link" href="../index.html">
|
||||||
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
|
<img class="brand-image" src="../img/Header%20image.png" alt="" />
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
||||||
<span></span>
|
<span></span>
|
||||||
|
|||||||
@@ -4,13 +4,15 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Networking Guides | EngineeringBuild</title>
|
<title>Networking Guides | EngineeringBuild</title>
|
||||||
|
<link rel="icon" href="../img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="../main.css" />
|
<link rel="stylesheet" href="../main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="site-header">
|
<header class="site-header">
|
||||||
<div class="brand-block">
|
<div class="brand-block">
|
||||||
<a class="brand" href="../index.html">EngineeringBuild</a>
|
<a class="brand-link" href="../index.html">
|
||||||
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
|
<img class="brand-image" src="../img/Header%20image.png" alt="" />
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
||||||
<span></span>
|
<span></span>
|
||||||
|
|||||||
@@ -4,13 +4,15 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Telecommunications Guides | EngineeringBuild</title>
|
<title>Telecommunications Guides | EngineeringBuild</title>
|
||||||
|
<link rel="icon" href="../img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="../main.css" />
|
<link rel="stylesheet" href="../main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="site-header">
|
<header class="site-header">
|
||||||
<div class="brand-block">
|
<div class="brand-block">
|
||||||
<a class="brand" href="../index.html">EngineeringBuild</a>
|
<a class="brand-link" href="../index.html">
|
||||||
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
|
<img class="brand-image" src="../img/Header%20image.png" alt="" />
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
||||||
<span></span>
|
<span></span>
|
||||||
|
|||||||
BIN
img/Header image.png
Normal file
BIN
img/Header image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 794 KiB |
BIN
img/title image.png
Normal file
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 |
11
index.html
11
index.html
@@ -14,20 +14,21 @@
|
|||||||
<meta property="og:title" content="EngineeringBuild" />
|
<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: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: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:card" content="summary_large_image" />
|
||||||
<meta name="twitter:title" content="EngineeringBuild" />
|
<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: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" />
|
<meta name="twitter:image" content="https://engineeringbuild.com/img/title%20image.png" />
|
||||||
<link rel="icon" href="img/title-image.svg" type="image/svg+xml" />
|
<link rel="icon" href="img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="main.css" />
|
<link rel="stylesheet" href="main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="site-header">
|
<header class="site-header">
|
||||||
<div class="brand-block">
|
<div class="brand-block">
|
||||||
<a class="brand" href="index.html">EngineeringBuild</a>
|
<a class="brand-link" href="index.html">
|
||||||
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
|
<img class="brand-image" src="img/Header%20image.png" alt="" />
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
||||||
|
|||||||
23
main.css
23
main.css
@@ -62,6 +62,11 @@ a {
|
|||||||
font-size: 1.05rem;
|
font-size: 1.05rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.site-header.is-scrolled .brand-image {
|
||||||
|
width: min(320px, 62vw);
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.site-header.is-scrolled .brand-subtitle {
|
.site-header.is-scrolled .brand-subtitle {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -76,6 +81,20 @@ a {
|
|||||||
gap: 4px;
|
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 {
|
.brand {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
@@ -348,6 +367,10 @@ a {
|
|||||||
gap: 10px;
|
gap: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.site-footer .brand {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
.footer-brand p {
|
.footer-brand p {
|
||||||
max-width: 480px;
|
max-width: 480px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
5
main.js
5
main.js
@@ -12,8 +12,9 @@ function renderSiteHeader(root) {
|
|||||||
return `
|
return `
|
||||||
<header class="site-header">
|
<header class="site-header">
|
||||||
<div class="brand-block">
|
<div class="brand-block">
|
||||||
<a class="brand" href="${root}index.html">EngineeringBuild</a>
|
<a class="brand-link" href="${root}index.html">
|
||||||
<div class="brand-subtitle">Telecommunications, Networking, Linux, Embedded</div>
|
<img class="brand-image" src="${root}img/Header%20image.png" alt="" />
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
<button class="menu-toggle" type="button" aria-expanded="false" aria-label="Open menu">
|
||||||
|
|||||||
@@ -4,6 +4,7 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>CCNA Study Support | EngineeringBuild</title>
|
<title>CCNA Study Support | EngineeringBuild</title>
|
||||||
|
<link rel="icon" href="../img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="../main.css" />
|
<link rel="stylesheet" href="../main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -4,6 +4,7 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Installation | EngineeringBuild</title>
|
<title>Installation | EngineeringBuild</title>
|
||||||
|
<link rel="icon" href="../img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="../main.css" />
|
<link rel="stylesheet" href="../main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -4,6 +4,7 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Server Setup | EngineeringBuild</title>
|
<title>Server Setup | EngineeringBuild</title>
|
||||||
|
<link rel="icon" href="../img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="../main.css" />
|
<link rel="stylesheet" href="../main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -4,6 +4,7 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Site Survey | EngineeringBuild</title>
|
<title>Site Survey | EngineeringBuild</title>
|
||||||
|
<link rel="icon" href="../img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="../main.css" />
|
<link rel="stylesheet" href="../main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -4,6 +4,7 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Tools | EngineeringBuild</title>
|
<title>Tools | EngineeringBuild</title>
|
||||||
|
<link rel="icon" href="img/title%20image.png" type="image/png" />
|
||||||
<link rel="stylesheet" href="main.css" />
|
<link rel="stylesheet" href="main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
Reference in New Issue
Block a user