Images update

This commit is contained in:
Danny
2026-06-23 13:30:45 +01:00
parent a7fd6d145d
commit ae22501a6d
7 changed files with 32 additions and 17 deletions
+12
View File
@@ -0,0 +1,12 @@
Options -Indexes
RewriteEngine On
# Redirect /page.php → /page (canonical clean URL)
RewriteCond %{THE_REQUEST} /([^.]+)\.php [NC]
RewriteRule ^ /%1 [R=301,L,NE]
# Internally serve /page as /page.php
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}\.php -f
RewriteRule ^([^.]+)$ $1.php [L,NC]
+5
View File
@@ -236,6 +236,11 @@ ul { list-style: none; }
background: rgba(255,255,255,0.15); background: rgba(255,255,255,0.15);
border-color: rgba(255,255,255,0.22); border-color: rgba(255,255,255,0.22);
} }
.nav-links a.nav-active {
background: rgba(251,191,36,0.15) !important;
border-color: rgba(251,191,36,0.3) !important;
color: var(--gold) !important;
}
.nav-cta { .nav-cta {
background: linear-gradient(135deg, var(--orange), #EF4444) !important; background: linear-gradient(135deg, var(--orange), #EF4444) !important;
color: var(--white) !important; color: var(--white) !important;
+4 -4
View File
@@ -20,15 +20,15 @@
<!-- ===================== NAV ===================== --> <!-- ===================== NAV ===================== -->
<header class="site-header" id="site-header"> <header class="site-header" id="site-header">
<nav class="nav-container"> <nav class="nav-container">
<a href="index.php" class="nav-logo"> <a href="/" class="nav-logo">
<span class="logo-icon">🧙</span> <span class="logo-icon"><img style="width:32px;" src="img/tinyicon.png"></span>
<span class="logo-text">Fraxle<span class="logo-dot">.net</span></span> <span class="logo-text">Fraxle<span class="logo-dot">.net</span></span>
</a> </a>
<ul class="nav-links" id="nav-links"> <ul class="nav-links" id="nav-links">
<li><a href="index.php#services">Services</a></li> <li><a href="index.php#services">Services</a></li>
<li><a href="index.php#about">About</a></li> <li><a href="index.php#about">About</a></li>
<li><a href="index.php#projects">Projects</a></li> <li><a href="index.php#projects">Projects</a></li>
<li><a href="estimates.php" class="nav-active">Estimates</a></li> <li><a href="estimates" class="nav-active">Estimates</a></li>
<li><a href="index.php#contact" class="btn nav-cta">Get in Touch</a></li> <li><a href="index.php#contact" class="btn nav-cta">Get in Touch</a></li>
</ul> </ul>
<button class="nav-hamburger" id="nav-hamburger" aria-label="Toggle menu" aria-expanded="false"> <button class="nav-hamburger" id="nav-hamburger" aria-label="Toggle menu" aria-expanded="false">
@@ -424,7 +424,7 @@
<div class="container"> <div class="container">
<p class="footer-logo">Fraxle<span>.net</span></p> <p class="footer-logo">Fraxle<span>.net</span></p>
<p class="footer-tagline">Friendly web &amp; tech for small businesses</p> <p class="footer-tagline">Friendly web &amp; tech for small businesses</p>
<p class="footer-links"><a href="terms.php">Terms &amp; Conditions</a></p> <p class="footer-links"><a href="terms">Terms &amp; Conditions</a></p>
<p class="footer-copy">&copy; <?= date('Y') ?> Fraxle.net All rights reserved.</p> <p class="footer-copy">&copy; <?= date('Y') ?> Fraxle.net All rights reserved.</p>
</div> </div>
</footer> </footer>
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

+5 -5
View File
@@ -12,7 +12,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<head> <head>
<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>Fraxle.net - Web & Tech for Small Businesses</title> <title>Fraxle.net - Web &amp; Tech for Small Businesses</title>
<meta name="description" content="Friendly website design, online apps, tech and network support, plus graphics, video, 3D and audio for small businesses in Oxfordshire and beyond."> <meta name="description" content="Friendly website design, online apps, tech and network support, plus graphics, video, 3D and audio for small businesses in Oxfordshire and beyond.">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -27,14 +27,14 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<header class="site-header" id="site-header"> <header class="site-header" id="site-header">
<nav class="nav-container"> <nav class="nav-container">
<a href="#hero" class="nav-logo"> <a href="#hero" class="nav-logo">
<span class="logo-icon">🧙</span> <span class="logo-icon"><img style="width:32px;" src="img/tinyicon.png"></span>
<span class="logo-text">Fraxle<span class="logo-dot">.net</span></span> <span class="logo-text">Fraxle<span class="logo-dot">.net</span></span>
</a> </a>
<ul class="nav-links" id="nav-links"> <ul class="nav-links" id="nav-links">
<li><a href="#services">Services</a></li> <li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li> <li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li> <li><a href="#projects">Projects</a></li>
<li><a href="estimates.php">Estimates</a></li> <li><a href="estimates">Estimates</a></li>
<li><a href="#contact" class="btn nav-cta">Get in Touch</a></li> <li><a href="#contact" class="btn nav-cta">Get in Touch</a></li>
</ul> </ul>
<button class="nav-hamburger" id="nav-hamburger" aria-label="Toggle menu" aria-expanded="false"> <button class="nav-hamburger" id="nav-hamburger" aria-label="Toggle menu" aria-expanded="false">
@@ -270,7 +270,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<p class="section-eyebrow">Transparent Pricing</p> <p class="section-eyebrow">Transparent Pricing</p>
<h2 class="section-title">Spells &amp; Pricing</h2> <h2 class="section-title">Spells &amp; Pricing</h2>
<p class="section-lead">From a simple first website to a full ecommerce empire - plus ongoing care plans and ad-hoc tech support. See clear, honest estimates with no hidden fees, and enquire about any package in a click.</p> <p class="section-lead">From a simple first website to a full ecommerce empire - plus ongoing care plans and ad-hoc tech support. See clear, honest estimates with no hidden fees, and enquire about any package in a click.</p>
<a href="estimates.php" class="btn btn-primary pricing-teaser-btn"> <a href="estimates" class="btn btn-primary pricing-teaser-btn">
<i class="fas fa-scroll"></i> View Estimates &amp; Packages <i class="fas fa-scroll"></i> View Estimates &amp; Packages
</a> </a>
</div> </div>
@@ -350,7 +350,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<div class="container"> <div class="container">
<p class="footer-logo">Fraxle<span>.net</span></p> <p class="footer-logo">Fraxle<span>.net</span></p>
<p class="footer-tagline">Friendly web &amp; tech for small businesses</p> <p class="footer-tagline">Friendly web &amp; tech for small businesses</p>
<p class="footer-links"><a href="terms.php">Terms &amp; Conditions</a></p> <p class="footer-links"><a href="terms">Terms &amp; Conditions</a></p>
<p class="footer-copy">&copy; <?= date('Y') ?> Fraxle.net All rights reserved.</p> <p class="footer-copy">&copy; <?= date('Y') ?> Fraxle.net All rights reserved.</p>
</div> </div>
</footer> </footer>
+1 -3
View File
@@ -268,9 +268,7 @@ window.addEventListener('scroll', function () {
} }
}); });
navAnchors.forEach(function (a) { navAnchors.forEach(function (a) {
a.style.color = a.getAttribute('href') === '#' + current a.classList.toggle('nav-active', a.getAttribute('href') === '#' + current);
? 'var(--white)'
: '';
}); });
}, { passive: true }); }, { passive: true });
+5 -5
View File
@@ -20,15 +20,15 @@
<!-- ===================== NAV ===================== --> <!-- ===================== NAV ===================== -->
<header class="site-header" id="site-header"> <header class="site-header" id="site-header">
<nav class="nav-container"> <nav class="nav-container">
<a href="index.php" class="nav-logo"> <a href="/" class="nav-logo">
<span class="logo-icon">🧙</span> <span class="logo-icon"><img style="width:32px;" src="img/tinyicon.png"></span>
<span class="logo-text">Fraxle<span class="logo-dot">.net</span></span> <span class="logo-text">Fraxle<span class="logo-dot">.net</span></span>
</a> </a>
<ul class="nav-links" id="nav-links"> <ul class="nav-links" id="nav-links">
<li><a href="index.php#services">Services</a></li> <li><a href="index.php#services">Services</a></li>
<li><a href="index.php#about">About</a></li> <li><a href="index.php#about">About</a></li>
<li><a href="index.php#projects">Projects</a></li> <li><a href="index.php#projects">Projects</a></li>
<li><a href="estimates.php">Estimates</a></li> <li><a href="estimates">Estimates</a></li>
<li><a href="index.php#contact" class="btn nav-cta">Get in Touch</a></li> <li><a href="index.php#contact" class="btn nav-cta">Get in Touch</a></li>
</ul> </ul>
<button class="nav-hamburger" id="nav-hamburger" aria-label="Toggle menu" aria-expanded="false"> <button class="nav-hamburger" id="nav-hamburger" aria-label="Toggle menu" aria-expanded="false">
@@ -81,7 +81,7 @@
<div class="terms-section"> <div class="terms-section">
<h2><span class="terms-num">03</span> Our Services</h2> <h2><span class="terms-num">03</span> Our Services</h2>
<p>Fraxle.net provides web design and build, technology support, and ongoing maintenance services. Details of typical packages and pricing are shown on our <a href="estimates.php">Estimates</a> page.</p> <p>Fraxle.net provides web design and build, technology support, and ongoing maintenance services. Details of typical packages and pricing are shown on our <a href="estimates">Estimates</a> page.</p>
<ul> <ul>
<li>All prices and estimates shown are guides only and may vary depending on the specifics of your project.</li> <li>All prices and estimates shown are guides only and may vary depending on the specifics of your project.</li>
<li>A formal quote will be provided and agreed before any chargeable work begins.</li> <li>A formal quote will be provided and agreed before any chargeable work begins.</li>
@@ -143,7 +143,7 @@
<div class="container"> <div class="container">
<p class="footer-logo">Fraxle<span>.net</span></p> <p class="footer-logo">Fraxle<span>.net</span></p>
<p class="footer-tagline">Friendly web &amp; tech for small businesses</p> <p class="footer-tagline">Friendly web &amp; tech for small businesses</p>
<p class="footer-links"><a href="terms.php">Terms &amp; Conditions</a></p> <p class="footer-links"><a href="terms">Terms &amp; Conditions</a></p>
<p class="footer-copy">&copy; <?= date('Y') ?> Fraxle.net All rights reserved.</p> <p class="footer-copy">&copy; <?= date('Y') ?> Fraxle.net All rights reserved.</p>
</div> </div>
</footer> </footer>