SEO/Optimisation Pass

.gitignore

@@ -0,0 +1 @@
+public/

content/_index.html

@@ -4,9 +4,12 @@
 Hyperlight Technical Services was established in Nottingham in 2019, championing next-gen tech and other strategies to level up sustainability and accessibility in events.
 </p>
 <p style="padding-bottom: 1em;">
-We pride ourselves on an unmatched passion and dedication that delivers events that are truly above and beyond. With strong links to local and national suppliers and insider experience of an enormous range of venues we are here to help. We have confidently delivered everything from student dance shows to national and international sports championships.
+We provide hire, operation and installation of lighting, audio/PA and AV equipment and systems to the public and trade in Nottingham, Derby, Leicester and throughout the Midlands and UK. We are experienced at operating both indoors and outdoors, with quality power distribution and cabling ready to cope with whatever the notorious British weather brings. We are strongly linked with local crewing, staging and generator supply companies to ensure that we can provide a 'one stop shop' for your event.
 </p>
-<img src="tte.jpg" style="border-radius: 0.2em; margin-left: auto; margin-right: auto; max-height: 30vh;"></img>
+<p style="padding-bottom: 1em;">
+We pride ourselves on an unmatched passion and dedication that delivers events that are truly above and beyond. With strong links to local and national suppliers and insider experience of an enormous range of venues we are here to help. We have confidently delivered everything from student dance shows to live music events in pubs and clubs, to outdoor festivals and national and international sports championships.
+</p>
+<img src="tte.webp" style="border-radius: 0.2em; margin-left: auto; margin-right: auto; max-height: 30vh;" alt="Large sports hall fitted out with black drape, with a single table tennis court in the center, surrounded by green back boards on a blue floor. Lighting rig visible overhead, and a red backdrop podium in the background."></img>
 <p class="center">Table Tennis England Senior National Championships</p>
 
 <a href="mailto:hello@hyperlight-technical.co.uk" class="center" style="margin-top: 1em; width: 50%; font-size: 1.2em; padding: 1em; border: 1px solid currentColor; background-color: black;">Get in touch</a>

content/about.md

@@ -1,4 +1,6 @@
 ---
+title: "About Us"
+description: "We believe in doing things a little differently, believing in the transformative power of events. We strive for fair wages, for sustainability and for genuine social impact in all that we do."
 ---
 At Hyperlight, we fundamentally believe in doing things a little differently. We do what we do for the sheer love of it, with a true belief in the fundamentally transformative power of events.
 

content/development.md

@@ -1,5 +1,6 @@
 +++
 title = "Software and Systems Development"
+description = "We are experienced in developing bespoke software and hardware, from website and webapp development to custom scenery."
 +++
 
 Hyperlight can develop bespoke software and hardware for your every requirement. We are experienced computer systems administrators and have developers proficient in a wide range of languages. As in all things, our ethos is to create products that are responsive and accessible.

content/hire.md

@@ -1,5 +1,6 @@
 +++
 title = "Hire & Sales"
+description = "Hyperlight carry high quality equipment for hire and sale to the public and trade, specialising in AV and networking but with strong presence in lighting/effects and sound/PA sectors too. We are also experienced in the maintenance and service of a wide range of equipment, including moving lights. We have City and Guilds qualified PAT testing technicians ready to support with all your safety and compliance needs."
 +++
 
 # Hire
@@ -12,8 +13,8 @@ The list below may not be up to date - if you don't see what you need, it is sti
 
 | **Item**                                  | **Stock** |
 | ----------------------------------------- | --------- |
-| NEC X551 55" UHD Screen                   | 8         |
+| NEC X551 55" UHD Display Screen           | 8         |
-| NEC 55" HD Screen                         | 2         |
+| NEC 55" HD Display Screen                 | 2         |
 | HDBaseT RX Module for either of the above | 4         |
 | Tall Display Stand                        | 6         |
 | Kramer HDBaseT Transmitter                | 6         |

content/services.md

@@ -1,5 +1,6 @@
 +++
 title = "Services"
+description = "Hyperlight offer 'one stop shop' event design and production management. Whether you're wanting to run a small live music night, an international sporting event, or a open air festival, our team have the skills and experience to bring your event truly to the next level. We would not settle for anything less."
 +++
 
 Alongside dry hire to the trade, Hyperlight offer a end-to-end production management and event delivery service with experienced staff on hand for your event's every eventuality. We are experienced technicians who have worked on live events, festivals and in theatres around the country.

layouts/_default/baseof.html

@@ -1,10 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<title>{{ .Site.Title }}</title>
+<title>{{ .Site.Title }} | {{ if .Params.Title }}{{ .Params.Title }}{{else}}Production Management & Lighting/PA/AV Hire, Sales and Install{{ end }}</title>
 <link rel="icon" type="image/x-icon" href="/favicon_192_3.ico" sizes="192x192">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="{{ if .Params.Description }}{{ .Params.Description }}{{else}}Hyperlight provide hire, operation and installation of lighting, audio/PA and AV equipment and systems to the public and trade in Nottingham, Derby, Leicester and throughout the Midlands and UK.{{ end }}"/>
+ <link rel="preload" href="/static/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
 <style>
 
 </style>

layouts/partials/header.html

@@ -7,7 +7,7 @@
  </h1>
  <h2 style="margin: 0; margin-left: 1em; grid-column-start: 3; align-self: center;">Technical Services</h2>
  <div style="width: 100%; border-top: 3px solid var(--hyper-blue); grid-column-end: span 3; margin: 0; margin-top: -0.7em;"></div>
- <img src="/lightning-helix.png" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;"/>
+ <img src="/lightning-helix.webp" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;" alt="Base of Hyperlight Logo - two intertwined electric blue lightning bolts"/>
  <h3 style="font-style: italic; grid-column-end: span 2; text-align: center;">Bespoke experiences — authentic, inclusive, and sustainable without compromise</h3>
 </header>
 <nav style="display: flex; justify-content: center; align-items: center; margin-bottom: 1em;">

public/about/index.html

@@ -1,10 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<title>Hyperlight Technical Services</title>
+<title>Hyperlight Technical Services | About Us</title>
 <link rel="icon" type="image/x-icon" href="/favicon_192_3.ico" sizes="192x192">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="We believe in doing things a little differently, believing in the transformative power of events. We strive for fair wages, for sustainability and for genuine social impact in all that we do."/>
+ <link rel="preload" href="/static/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
 <style>
 
 </style>
@@ -20,7 +22,7 @@
  </h1>
  <h2 style="margin: 0; margin-left: 1em; grid-column-start: 3; align-self: center;">Technical Services</h2>
  <div style="width: 100%; border-top: 3px solid var(--hyper-blue); grid-column-end: span 3; margin: 0; margin-top: -0.7em;"></div>
- <img src="/lightning-helix.png" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;"/>
+ <img src="/lightning-helix.webp" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;" alt="Base of Hyperlight Logo - two intertwined electric blue lightning bolts"/>
  <h3 style="font-style: italic; grid-column-end: span 2; text-align: center;">Bespoke experiences — authentic, inclusive, and sustainable without compromise</h3>
 </header>
 <nav style="display: flex; justify-content: center; align-items: center; margin-bottom: 1em;">
@@ -54,7 +56,7 @@
 
 <main style="max-width: 90vw; margin-left: auto; margin-right: auto;">
 
-<h1></h1>
+<h1>About Us</h1>
 <div style="max-width: 80%; margin-left: auto; margin-right: auto;"><p>At Hyperlight, we fundamentally believe in doing things a little differently. We do what we do for the sheer love of it, with a true belief in the fundamentally transformative power of events.</p>
 <h1 id="fair-pay">Fair Pay</h1>
 <p>We always ensure that all our staff and contractors are paid a fair wage for the professional, high-standard work they do - at or above the current BETU rates. This is constantly reviewed.</p>

public/development/index.html

@@ -1,10 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<title>Hyperlight Technical Services</title>
+<title>Hyperlight Technical Services | Software and Systems Development</title>
 <link rel="icon" type="image/x-icon" href="/favicon_192_3.ico" sizes="192x192">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="We are experienced in developing bespoke software and hardware, from website and webapp development to custom scenery."/>
+ <link rel="preload" href="/static/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
 <style>
 
 </style>
@@ -20,7 +22,7 @@
  </h1>
  <h2 style="margin: 0; margin-left: 1em; grid-column-start: 3; align-self: center;">Technical Services</h2>
  <div style="width: 100%; border-top: 3px solid var(--hyper-blue); grid-column-end: span 3; margin: 0; margin-top: -0.7em;"></div>
- <img src="/lightning-helix.png" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;"/>
+ <img src="/lightning-helix.webp" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;" alt="Base of Hyperlight Logo - two intertwined electric blue lightning bolts"/>
  <h3 style="font-style: italic; grid-column-end: span 2; text-align: center;">Bespoke experiences — authentic, inclusive, and sustainable without compromise</h3>
 </header>
 <nav style="display: flex; justify-content: center; align-items: center; margin-bottom: 1em;">

public/hire/index.html

@@ -1,10 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<title>Hyperlight Technical Services</title>
+<title>Hyperlight Technical Services | Hire &amp; Sales</title>
 <link rel="icon" type="image/x-icon" href="/favicon_192_3.ico" sizes="192x192">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Hyperlight carry high quality equipment for hire and sale to the public and trade, specialising in AV and networking but with strong presence in lighting/effects and sound/PA sectors too. We are also experienced in the maintenance and service of a wide range of equipment, including moving lights. We have City and Guilds qualified PAT testing technicians ready to support with all your safety and compliance needs."/>
+ <link rel="preload" href="/static/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
 <style>
 
 </style>
@@ -20,7 +22,7 @@
  </h1>
  <h2 style="margin: 0; margin-left: 1em; grid-column-start: 3; align-self: center;">Technical Services</h2>
  <div style="width: 100%; border-top: 3px solid var(--hyper-blue); grid-column-end: span 3; margin: 0; margin-top: -0.7em;"></div>
- <img src="/lightning-helix.png" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;"/>
+ <img src="/lightning-helix.webp" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;" alt="Base of Hyperlight Logo - two intertwined electric blue lightning bolts"/>
  <h3 style="font-style: italic; grid-column-end: span 2; text-align: center;">Bespoke experiences — authentic, inclusive, and sustainable without compromise</h3>
 </header>
 <nav style="display: flex; justify-content: center; align-items: center; margin-bottom: 1em;">
@@ -68,11 +70,11 @@
 </thead>
 <tbody>
 <tr>
-<td>NEC X551 55&quot; UHD Screen</td>
+<td>NEC X551 55&quot; UHD Display Screen</td>
 <td>8</td>
 </tr>
 <tr>
-<td>NEC 55&quot; HD Screen</td>
+<td>NEC 55&quot; HD Display Screen</td>
 <td>2</td>
 </tr>
 <tr>

public/index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
 	<meta name="generator" content="Hugo 0.121.1">
-<title>Hyperlight Technical Services</title>
+<title>Hyperlight Technical Services | Production Management & Lighting/PA/AV Hire, Sales and Install</title>
 <link rel="icon" type="image/x-icon" href="/favicon_192_3.ico" sizes="192x192">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Hyperlight provide hire, operation and installation of lighting, audio/PA and AV equipment and systems to the public and trade in Nottingham, Derby, Leicester and throughout the Midlands and UK."/>
+ <link rel="preload" href="/static/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
 <style>
 
 </style>
@@ -21,7 +23,7 @@
  </h1>
  <h2 style="margin: 0; margin-left: 1em; grid-column-start: 3; align-self: center;">Technical Services</h2>
  <div style="width: 100%; border-top: 3px solid var(--hyper-blue); grid-column-end: span 3; margin: 0; margin-top: -0.7em;"></div>
- <img src="/lightning-helix.png" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;"/>
+ <img src="/lightning-helix.webp" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;" alt="Base of Hyperlight Logo - two intertwined electric blue lightning bolts"/>
  <h3 style="font-style: italic; grid-column-end: span 2; text-align: center;">Bespoke experiences — authentic, inclusive, and sustainable without compromise</h3>
 </header>
 <nav style="display: flex; justify-content: center; align-items: center; margin-bottom: 1em;">
@@ -59,9 +61,12 @@
 Hyperlight Technical Services was established in Nottingham in 2019, championing next-gen tech and other strategies to level up sustainability and accessibility in events.
 </p>
 <p style="padding-bottom: 1em;">
-We pride ourselves on an unmatched passion and dedication that delivers events that are truly above and beyond. With strong links to local and national suppliers and insider experience of an enormous range of venues we are here to help. We have confidently delivered everything from student dance shows to national and international sports championships.
+We provide hire, operation and installation of lighting, audio/PA and AV equipment and systems to the public and trade in Nottingham, Derby, Leicester and throughout the Midlands and UK. We are experienced at operating both indoors and outdoors, with quality power distribution and cabling ready to cope with whatever the notorious British weather brings. We are strongly linked with local crewing, staging and generator supply companies to ensure that we can provide a 'one stop shop' for your event.
 </p>
-<img src="tte.jpg" style="border-radius: 0.2em; margin-left: auto; margin-right: auto; max-height: 30vh;"></img>
+<p style="padding-bottom: 1em;">
+We pride ourselves on an unmatched passion and dedication that delivers events that are truly above and beyond. With strong links to local and national suppliers and insider experience of an enormous range of venues we are here to help. We have confidently delivered everything from student dance shows to live music events in pubs and clubs, to outdoor festivals and national and international sports championships.
+</p>
+<img src="tte.webp" style="border-radius: 0.2em; margin-left: auto; margin-right: auto; max-height: 30vh;" alt="Large sports hall fitted out with black drape, with a single table tennis court in the center, surrounded by green back boards on a blue floor. Lighting rig visible overhead, and a red backdrop podium in the background."></img>
 <p class="center">Table Tennis England Senior National Championships</p>
 
 <a href="mailto:hello@hyperlight-technical.co.uk" class="center" style="margin-top: 1em; width: 50%; font-size: 1.2em; padding: 1em; border: 1px solid currentColor; background-color: black;">Get in touch</a>

public/index.xml

@@ -8,7 +8,7 @@
     <language>en-gb</language>
     <atom:link href="https://hyperlight-technical.co.uk/index.xml" rel="self" type="application/rss+xml" />
     <item>
-      <title></title>
+      <title>About Us</title>
       <link>https://hyperlight-technical.co.uk/about/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://hyperlight-technical.co.uk/about/</guid>
@@ -19,7 +19,7 @@
       <link>https://hyperlight-technical.co.uk/hire/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://hyperlight-technical.co.uk/hire/</guid>
-      <description>Hire Hyperlight carry a wide range of high quality stock, including a significant quantity of AV and IT equipment that may not be easily or competitively available from other suppliers. Equipment can be pre-configured to your specifications on request. All pricing is POA at this time.&#xA;The list below may not be up to date - if you don&amp;rsquo;t see what you need, it is still worth asking!&#xA;AV Item Stock NEC X551 55&amp;quot; UHD Screen 8 NEC 55&amp;quot; HD Screen 2 HDBaseT RX Module for either of the above 4 Tall Display Stand 6 Kramer HDBaseT Transmitter 6 Kramer HDMI Presentation Switcher 2 Kramer 1:4 DVI DA 1 4x4 HDBaseT Matrix 1 Sound Item Stock Ev SX300 12&amp;quot; Speaker 4 Peavy FoH System incl 2x Sub 1 Custom Amp Rack for above 1 Soundcraft Spirit Folio 4 1 Custom FX Rack for above 1 150W 100v Line Mixer Amplifier 1 Adastara 100v Line Speaker 6 Speaker Stand 4 Distance Pole 2 G3 Radio Mic Kit (No Beltpack) 1 Generic Vocal Microphone 4 Multicore Various Networking Item Stock Gigabit 5 Port Network Switch 15 Gigabit 8 Port Network Switch 5 Gigabit 24 Port Smart Network Switch 3 Gigabit 48 Port POE Smart Network Switch 1 Aerohive Wireless Access Point 3 Ethernet Cable By the kilo!</description>
+      <description>Hire Hyperlight carry a wide range of high quality stock, including a significant quantity of AV and IT equipment that may not be easily or competitively available from other suppliers. Equipment can be pre-configured to your specifications on request. All pricing is POA at this time.&#xA;The list below may not be up to date - if you don&amp;rsquo;t see what you need, it is still worth asking!&#xA;AV Item Stock NEC X551 55&amp;quot; UHD Display Screen 8 NEC 55&amp;quot; HD Display Screen 2 HDBaseT RX Module for either of the above 4 Tall Display Stand 6 Kramer HDBaseT Transmitter 6 Kramer HDMI Presentation Switcher 2 Kramer 1:4 DVI DA 1 4x4 HDBaseT Matrix 1 Sound Item Stock Ev SX300 12&amp;quot; Speaker 4 Peavy FoH System incl 2x Sub 1 Custom Amp Rack for above 1 Soundcraft Spirit Folio 4 1 Custom FX Rack for above 1 150W 100v Line Mixer Amplifier 1 Adastara 100v Line Speaker 6 Speaker Stand 4 Distance Pole 2 G3 Radio Mic Kit (No Beltpack) 1 Generic Vocal Microphone 4 Multicore Various Networking Item Stock Gigabit 5 Port Network Switch 15 Gigabit 8 Port Network Switch 5 Gigabit 24 Port Smart Network Switch 3 Gigabit 48 Port POE Smart Network Switch 1 Aerohive Wireless Access Point 3 Ethernet Cable By the kilo!</description>
     </item>
     <item>
       <title>Services</title>

public/main.css

@@ -28,8 +28,9 @@ p, h1, h2, h3, h4, h5, h6 {
 /*End copy paste*/
 @font-face {
   font-family: 'League Spartan Variable';
-  src: url('LeagueSpartan-VF.woff2') format('woff2-variations');
+  src: local('League Spartan'). url('LeagueSpartan-VF.woff2') format('woff2-variations');
   font-weight: 200 900;
+  font-display: swap;
 }
 html {
     --hyper-blue: #7df9ff;

public/services/index.html

@@ -1,10 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<title>Hyperlight Technical Services</title>
+<title>Hyperlight Technical Services | Services</title>
 <link rel="icon" type="image/x-icon" href="/favicon_192_3.ico" sizes="192x192">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Hyperlight offer &#39;one stop shop&#39; event design and production management. Whether you&#39;re wanting to run a small live music night, an international sporting event, or a open air festival, our team have the skills and experience to bring your event truly to the next level. We would not settle for anything less."/>
+ <link rel="preload" href="/static/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
 <style>
 
 </style>
@@ -20,7 +22,7 @@
  </h1>
  <h2 style="margin: 0; margin-left: 1em; grid-column-start: 3; align-self: center;">Technical Services</h2>
  <div style="width: 100%; border-top: 3px solid var(--hyper-blue); grid-column-end: span 3; margin: 0; margin-top: -0.7em;"></div>
- <img src="/lightning-helix.png" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;"/>
+ <img src="/lightning-helix.webp" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;" alt="Base of Hyperlight Logo - two intertwined electric blue lightning bolts"/>
  <h3 style="font-style: italic; grid-column-end: span 2; text-align: center;">Bespoke experiences — authentic, inclusive, and sustainable without compromise</h3>
 </header>
 <nav style="display: flex; justify-content: center; align-items: center; margin-bottom: 1em;">

static/main.css

@@ -28,8 +28,9 @@ p, h1, h2, h3, h4, h5, h6 {
 /*End copy paste*/
 @font-face {
   font-family: 'League Spartan Variable';
-  src: url('LeagueSpartan-VF.woff2') format('woff2-variations');
+  src: local('League Spartan'). url('LeagueSpartan-VF.woff2') format('woff2-variations');
   font-weight: 200 900;
+  font-display: swap;
 }
 html {
     --hyper-blue: #7df9ff;