patx/demo
update rcraft logo
Commit c51a0a8 · patx · 2026-06-04T20:00:17-04:00
Comments
No comments yet.
Diff
diff --git a/docs/r_craft.html b/docs/r_craft.html
index 00b793e..350944c 100644
--- a/docs/r_craft.html
+++ b/docs/r_craft.html
@@ -102,34 +102,17 @@
}
.nav-logo {
- display: flex; align-items: center; gap: 12px;
+ display: flex;
+ align-items: center;
+ flex-shrink: 0;
text-decoration: none;
}
- .logo-mark {
- width: 44px; height: 44px;
- border: 1px solid var(--gold);
- display: flex; align-items: center; justify-content: center;
- }
-
- .logo-mark svg { width: 26px; height: 26px; fill: var(--gold); }
-
- .logo-text {
- font-family: 'Cormorant Garamond', serif;
- font-size: 1.1rem;
- font-weight: 500;
- color: var(--cream);
- letter-spacing: 0.08em;
- text-transform: uppercase;
- line-height: 1.2;
- }
-
- .logo-sub {
- font-family: 'Barlow', sans-serif;
- font-size: 0.65rem;
- letter-spacing: 0.2em;
- color: var(--gold);
- text-transform: uppercase;
+ .logo-image {
+ display: block;
+ width: clamp(150px, 13vw, 180px);
+ height: auto;
+ object-fit: contain;
}
.nav-links {
@@ -771,12 +754,16 @@
}
.footer-logo {
- font-family: 'Cormorant Garamond', serif;
- font-size: 1rem;
- font-weight: 500;
- letter-spacing: 0.08em;
- text-transform: uppercase;
- color: var(--white);
+ display: flex;
+ align-items: center;
+ }
+
+ .footer-logo-image {
+ display: block;
+ width: 190px;
+ max-width: 48vw;
+ height: auto;
+ object-fit: contain;
}
.footer-copy {
@@ -901,13 +888,8 @@
justify-content: flex-start;
}
- .logo-mark {
- width: 38px;
- height: 38px;
- }
-
- .logo-text {
- font-size: 0.95rem;
+ .logo-image {
+ width: min(46vw, 155px);
}
.nav-toggle {
@@ -1077,13 +1059,7 @@
<nav>
<a href="#hero" class="nav-logo">
- <div class="logo-mark">
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 10.5L12 3l9 7.5V21H15v-6H9v6H3V10.5z"/></svg>
- </div>
- <div>
- <div class="logo-text">R Craft Construction</div>
- <div class="logo-sub">Watford Based</div>
- </div>
+ <img class="logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD">
</a>
<button class="nav-toggle" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false">
<span aria-hidden="true"></span>
@@ -1367,7 +1343,9 @@
</section>
<footer>
- <div class="footer-logo">R Craft Construction LTD</div>
+ <div class="footer-logo">
+ <img class="footer-logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD">
+ </div>
<div class="footer-copy">© 2026 R Craft Construction LTD. All rights reserved.</div>
<div class="footer-loc">London, United Kingdom</div>
</footer>
diff --git a/docs/rcraft_logo.png b/docs/rcraft_logo.png
new file mode 100644
index 0000000..b996db7
Binary files /dev/null and b/docs/rcraft_logo.png differ