arona/Hyperlight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hopefully fix mobile

Browse Source
This commit is contained in:
FreneticScribbler
2024-08-22 18:40:01 +01:00
parent 88b0ca075d
commit 5ab123a4ba
22 changed files with 7 additions and 933 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
content/hire.md
View File

@@ -16,7 +16,8 @@ The list below may not be up to date - if you don't see what you need, it is sti
| NEC X551 55" UHD Display Screen | 8 | | NEC X551 55" UHD Display Screen | 8 |
| NEC 55" HD Display Screen | 2 | | NEC 55" HD Display Screen | 2 |
| HDBaseT RX Module for either of the above | 4 | | HDBaseT RX Module for either of the above | 4 |
| Tall Display Stand | 6 | | Tall Display Stand | 8 |
| 45 Degree Monitor Wedge Stand for Screen | 2 |
| Kramer HDBaseT Transmitter | 6 | | Kramer HDBaseT Transmitter | 6 |
| Kramer HDMI Presentation Switcher | 2 | | Kramer HDMI Presentation Switcher | 2 |
| Kramer 1:4 DVI DA | 1 | | Kramer 1:4 DVI DA | 1 |
@@ -50,6 +51,7 @@ The list below may not be up to date - if you don't see what you need, it is sti
| ----------------------------------------- | --------- | | ----------------------------------------- | --------- |
| ETC Nomad Kit (BYOD) | 1 | | ETC Nomad Kit (BYOD) | 1 |
| Discharge Floodlight | 4 | | Discharge Floodlight | 4 |
| LED Floodlight | 2 |
| UV Cannon (16A in) | 2 | | UV Cannon (16A in) | 2 |
| DJ FX Scanner Light | 6 | | DJ FX Scanner Light | 6 |
| Snow Machine | 1 | | Snow Machine | 1 |
@@ -81,6 +83,7 @@ The list below may not be up to date - if you don't see what you need, it is sti
| Multi Material Circular Saw (Corded) | 1 | | Multi Material Circular Saw (Corded) | 1 |
| Scaffold Tower | 1 | | Scaffold Tower | 1 |
| Fluke Multifunction Installation Tester (c/w proof of calibration) | 1 | | Fluke Multifunction Installation Tester (c/w proof of calibration) | 1 |
| Fluke 6500-2 PAT Tester (c/w proof of calibration) | 1 |
**Enquire now: hire@hyperlight-technical.co.uk** **Enquire now: hire@hyperlight-technical.co.uk**

7
layouts/partials/header.html
View File

@@ -1,4 +1,4 @@
<header style="display: grid; grid-template-columns: min-content min-content auto; grid-template-rows: min-content min-content max-content;"> <header style="display: grid; grid-template-columns: min-content min-content auto; grid-template-rows: min-content min-content max-content; max-width: 100%;">
<h1 style="font-size: 3em;"> <h1 style="font-size: 3em;">
HYPER HYPER
</h1> </h1>
@@ -7,13 +7,10 @@
</h1> </h1>
<h2 style="margin: 0; margin-left: 1em; grid-column-start: 3; align-self: center;">Technical Services</h2> <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> <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.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"/> <a href="/"><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"/></a>
<h3 style="font-style: italic; grid-column-end: span 2; text-align: center;">Bespoke experiences — authentic, inclusive, and sustainable without compromise</h3> <h3 style="font-style: italic; grid-column-end: span 2; text-align: center;">Bespoke experiences — authentic, inclusive, and sustainable without compromise</h3>
</header> </header>
<nav style="display: flex; justify-content: center; align-items: center; margin-bottom: 1em;"> <nav style="display: flex; justify-content: center; align-items: center; margin-bottom: 1em;">
<a href="/">
<span>Home</span>
</a>
<a href="/services"> <a href="/services">
<span>Technical Support</span> <span>Technical Support</span>
</a> </a>

BIN
public/HYPERLIGHT LOGO.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 116 KiB

BIN
public/LeagueSpartan-VF.woff2
View File

Binary file not shown.

BIN
public/about.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 MiB

89
public/about/index.html
View File

@@ -1,89 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<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="/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
<style>
</style>
<link rel="stylesheet" href="/main.css">
</head>
<body>
<header style="display: grid; grid-template-columns: min-content min-content auto; grid-template-rows: min-content min-content max-content;">
<h1 style="font-size: 3em;">
HYPER
</h1>
<h1 style="font-size: 3em;">
LIGHT
</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.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;">
<a href="/">
<span>Home</span>
</a>
<a href="/services">
<span>Technical Support</span>
</a>
<a href="/hire">
<span>Equipment</span>
<div style="display: inline-flex; flex-direction: column; max-height: 1.2rem; overflow-y: hidden; align-items: stretch; justify-content: space-between; background-color: black;">
<span class="scroll-item">Hire</span>
<span class="scroll-item">Sale</span>
<span class="scroll-item">Service</span>
<span class="scroll-item">Install</span>
</div>
</a>
<a href="/development">
<div style="display: inline-flex; flex-direction: column; max-height: 1.2rem; overflow-y: hidden; align-items: stretch; justify-content: space-between; background-color: black;">
<span class="scroll-item">Website</span>
<span class="scroll-item">Software</span>
<span class="scroll-item">Product</span>
</div>
<span>Development</span>
</a>
<a href="/about" style="border-right: none;">
<span>About Us</span>
</a>
</nav>
<main style="max-width: 90vw; margin-left: auto; margin-right: auto;">
<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="contact">Contact:</h1>
<p><a href="mailto:hello@hyperlight-technical.co.uk">hello@hyperlight-technical.co.uk</a></p>
<p>07449192971</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>
<p><img src="https://d28j9ucj9uj44t.cloudfront.net/uploads/2019/08/Bectu_Logo_Black_RGB-300dpi-300x150-whitebg.png" alt="BECTU Logo"></p>
<h1 id="sustainability">Sustainability</h1>
<p>Alongside making our events as safe as they can be, we also strive to make them as sustainable as they can be. Hyperlight are constantly looking for ways to reduce the environmental impact of our operations as much as possible. We promise the following:</p>
<ol>
<li>Reusable alternatives to single use wherever possible (we use releasable zip ties rather PVC tape to secure our cables)</li>
<li>Investment into new equipment where it brings an energy-saving, and therefore environmental, benefit.</li>
<li>Innovative strategies to reduce waste and promote re-use</li>
<li>We use grid power wherever possible. Where it is not, we will prefer to use alternative generation (battery packs, hydrogen) over diesel.</li>
<li>Try to find clients, suppliers and contractors who share these key values</li>
</ol>
<h1 id="safety-and-compliance">Safety and Compliance</h1>
<p>Hyperlight strives to exceed expectations in all event delivery areas, with comprehensive risk assessments and method statements produced for all work undertaken. Health and Safety is at the forefront of this. We operate at and above industry standard in all areas and actively seek continual professional development for our staff.</p>
<h2 id="electrical-safety">Electrical Safety</h2>
<p>Hyperlight conducts in-house in-service inspection and testing of electrical equipment using engineers with appropriate City and Guilds qualificiations</p>
<p>All electrical installations undertaken by Hyperlight are planned and carried out by experienced professionals and in accordance with BS7671 and BS7909 using high-quality equipment. Testing is conducted using world class UKAS-calibrated equipment and records produced in accordance with BS7909.</p>
</div>
</main>
<footer style="padding: 1em; margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; text-align: center;">
<p style="margin: 0; grid-column-start: span 3;">Est. 2019 | Hyperlight Technical Services is the trading name of Arona "AJ" Jones | <a href="https://www.theleagueofmoveabletype.com/league-spartan">Font</a> <a href="https://game-icons.net/">Logo</a></p>
</footer>
</body>

BIN
public/arona.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 119 KiB

47
public/card.html
View File

@@ -1,47 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Arona "AJ" Jones - Hyperlight Technical Services</title>
<style>
@font-face {
font-family: 'League Spartan Variable';
src: url('LeagueSpartan-VF.woff2') format('woff2-variations');
font-weight: 200 900;
}
body {
background-color: rgb(29, 33, 44);
color: white;
font-family: "League Spartan Variable";
text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto;
}
a {
color: #7df9ff;
text-decoration: underline dotted;
}
</style>
</head>
<body>
<img src="corner.png" style="position: fixed; top: 0; left: 0; transform: rotate(180deg); width: 15vw;"/>
<img src="arona.jpg" style="width: 30vw; max-width: 200px; border-radius: 5px;"/>
<img src="HYPERLIGHT%20LOGO.png" style="width: 30vw; max-width: 200px; border-radius: 5px; margin-left: 20px;"/>
<h1 style="font-weight: 900; border-bottom: 3px solid #7df9ff;">Arona "AJ" Jones</h1>
<h2>Director, Hyperlight Technical Services</h2>
<h3>Experienced in production management, event planning and operations</h3>
<h3>My team provide high-quality technical services to sport, theatre, live & festivals with commitment and dedication</h3>
<ul style="box-sizing: border-box; font-size: 1.2em; padding: 1em; line-height: 1.5em; border: 3px solid #7df9ff;">
<li style="margin-left: 1em; list-style-type: '📞';"><a href="tel:07449192971">07449192971</a></li>
<li style="margin-left: 1em; list-style-type: '🌐';"><a href="https://hyperlight-technical.co.uk">https://hyperlight-technical.co.uk</a></li>
<li style="margin-left: 1em; list-style-type: '📧';"><a href="mailto:aj@hyperlight-technical.co.uk">aj@hyperlight-technical.co.uk</a></li>
<li style="margin-left: 1em; list-style-type: '📌';">Nottingham, UK</li>
</ul>
<p style="font-style: italic; color: #7df9ff;">Hyperlight Technical Services: Bespoke experiences — authentic, inclusive, and sustainable without compromise</p>
<small>This sustainable, updatable digital business card represents one small part of our commitment to do things a little differently. No more throwing out old branding! Let's build a better world, together.</small>
<img src="corner.png" style="position: fixed; bottom: 0; right: 0; width: 15vw;"/>
</body>
</html>

BIN
public/corner.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

83
public/development/index.html
View File

@@ -1,83 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<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="/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
<style>
</style>
<link rel="stylesheet" href="/main.css">
</head>
<body>
<header style="display: grid; grid-template-columns: min-content min-content auto; grid-template-rows: min-content min-content max-content;">
<h1 style="font-size: 3em;">
HYPER
</h1>
<h1 style="font-size: 3em;">
LIGHT
</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.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;">
<a href="/">
<span>Home</span>
</a>
<a href="/services">
<span>Technical Support</span>
</a>
<a href="/hire">
<span>Equipment</span>
<div style="display: inline-flex; flex-direction: column; max-height: 1.2rem; overflow-y: hidden; align-items: stretch; justify-content: space-between; background-color: black;">
<span class="scroll-item">Hire</span>
<span class="scroll-item">Sale</span>
<span class="scroll-item">Service</span>
<span class="scroll-item">Install</span>
</div>
</a>
<a href="/development">
<div style="display: inline-flex; flex-direction: column; max-height: 1.2rem; overflow-y: hidden; align-items: stretch; justify-content: space-between; background-color: black;">
<span class="scroll-item">Website</span>
<span class="scroll-item">Software</span>
<span class="scroll-item">Product</span>
</div>
<span>Development</span>
</a>
<a href="/about" style="border-right: none;">
<span>About Us</span>
</a>
</nav>
<main style="max-width: 90vw; margin-left: auto; margin-right: auto;">
<h1>Software and Systems Development</h1>
<div style="max-width: 80%; margin-left: auto; margin-right: auto;"><p>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.</p>
<h1 id="past-projects">Past Projects</h1>
<h2 id="hyperlight-website">Hyperlight Website</h2>
<p>You&rsquo;re here!</p>
<p>We have a strong preference for building things in-house, both to keep our skills sharp and to make things just right for us. Our website is no exception.</p>
<h2 id="cseq-technologies-ltd-website">CSEQ Technologies Ltd. Website</h2>
<p>Not yet launched in it&rsquo;s reworked state, to be available at <a href="https://cseq.co.uk">https://cseq.co.uk</a></p>
<h2 id="tec-pa--lighting-get-involved-page">TEC PA &amp; Lighting &lsquo;Get Involved&rsquo; Page</h2>
<p>Standing apart from the company&rsquo;s main website, which is focused at their customers, Hyperlight conceptualised and developed a website aimed at recruitment for TEC PA &amp; Lighting, the University of Nottingham Students&rsquo; Union technical services group. Publicity for this organisation requires a &rsquo;twin faced&rsquo; approach, with recruitment material geared at students and general publicity aimed at their professional clients.</p>
<p><a href="https://join.nottinghamtec.co.uk/">https://join.nottinghamtec.co.uk/</a></p>
<h2 id="pyrigs">PyRIGS</h2>
<p>PyRIGS is a Django-based application used by TEC PA &amp; Lighting that provides its event calendar/hire tracking. The core of the project existed prior to Hyperlight&rsquo;s involvement, but Hyperlight played a major role in adding asset tracking and training record functionality into the software, alongside some major front end changes to bring the look and feel of the program up to date.</p>
<p><a href="https://github.com/nottinghamtec/PyRIGS">https://github.com/nottinghamtec/PyRIGS</a></p>
<h2 id="pat-and-time-tracking-for-college-street-technical-services">PAT and Time Tracking for College Street Technical Services</h2>
<p>Hyperlight has developed various bespoke software for College Street Technical Services, including a time tracking application and a parser to read and convert PAT tester data into a format importable by their asset tracking software, HireHop.</p>
</div>
</main>
<footer style="padding: 1em; margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; text-align: center;">
<p style="margin: 0; grid-column-start: span 3;">Est. 2019 | Hyperlight Technical Services is the trading name of Arona "AJ" Jones | <a href="https://www.theleagueofmoveabletype.com/league-spartan">Font</a> <a href="https://game-icons.net/">Logo</a></p>
</footer>
</body>

BIN
public/gb.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 538 KiB

356
public/hire/index.html
View File

@@ -1,356 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<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="/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
<style>
</style>
<link rel="stylesheet" href="/main.css">
</head>
<body>
<header style="display: grid; grid-template-columns: min-content min-content auto; grid-template-rows: min-content min-content max-content;">
<h1 style="font-size: 3em;">
HYPER
</h1>
<h1 style="font-size: 3em;">
LIGHT
</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.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;">
<a href="/">
<span>Home</span>
</a>
<a href="/services">
<span>Technical Support</span>
</a>
<a href="/hire">
<span>Equipment</span>
<div style="display: inline-flex; flex-direction: column; max-height: 1.2rem; overflow-y: hidden; align-items: stretch; justify-content: space-between; background-color: black;">
<span class="scroll-item">Hire</span>
<span class="scroll-item">Sale</span>
<span class="scroll-item">Service</span>
<span class="scroll-item">Install</span>
</div>
</a>
<a href="/development">
<div style="display: inline-flex; flex-direction: column; max-height: 1.2rem; overflow-y: hidden; align-items: stretch; justify-content: space-between; background-color: black;">
<span class="scroll-item">Website</span>
<span class="scroll-item">Software</span>
<span class="scroll-item">Product</span>
</div>
<span>Development</span>
</a>
<a href="/about" style="border-right: none;">
<span>About Us</span>
</a>
</nav>
<main style="max-width: 90vw; margin-left: auto; margin-right: auto;">
<h1>Hire &amp; Sales</h1>
<div style="max-width: 80%; margin-left: auto; margin-right: auto;"><h1 id="hire">Hire</h1>
<p>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.</p>
<p>The list below may not be up to date - if you don&rsquo;t see what you need, it is still worth asking!</p>
<h2 id="av">AV</h2>
<table>
<thead>
<tr>
<th><strong>Item</strong></th>
<th><strong>Stock</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>NEC X551 55&quot; UHD Display Screen</td>
<td>8</td>
</tr>
<tr>
<td>NEC 55&quot; HD Display Screen</td>
<td>2</td>
</tr>
<tr>
<td>HDBaseT RX Module for either of the above</td>
<td>4</td>
</tr>
<tr>
<td>Tall Display Stand</td>
<td>6</td>
</tr>
<tr>
<td>Kramer HDBaseT Transmitter</td>
<td>6</td>
</tr>
<tr>
<td>Kramer HDMI Presentation Switcher</td>
<td>2</td>
</tr>
<tr>
<td>Kramer 1:4 DVI DA</td>
<td>1</td>
</tr>
<tr>
<td>4x4 HDBaseT Matrix</td>
<td>1</td>
</tr>
</tbody>
</table>
<h2 id="sound">Sound</h2>
<table>
<thead>
<tr>
<th><strong>Item</strong></th>
<th><strong>Stock</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Ev SX300 12&quot; Speaker</td>
<td>4</td>
</tr>
<tr>
<td>Peavy FoH System incl 2x Sub</td>
<td>1</td>
</tr>
<tr>
<td>Custom Amp Rack for above</td>
<td>1</td>
</tr>
<tr>
<td>Soundcraft Spirit Folio 4</td>
<td>1</td>
</tr>
<tr>
<td>Custom FX Rack for above</td>
<td>1</td>
</tr>
<tr>
<td>150W 100v Line Mixer Amplifier</td>
<td>1</td>
</tr>
<tr>
<td>Adastara 100v Line Speaker</td>
<td>6</td>
</tr>
<tr>
<td>Speaker Stand</td>
<td>4</td>
</tr>
<tr>
<td>Distance Pole</td>
<td>2</td>
</tr>
<tr>
<td>G3 Radio Mic Kit (No Beltpack)</td>
<td>1</td>
</tr>
<tr>
<td>Generic Vocal Microphone</td>
<td>4</td>
</tr>
<tr>
<td>Multicore</td>
<td>Various</td>
</tr>
</tbody>
</table>
<h2 id="networking">Networking</h2>
<table>
<thead>
<tr>
<th><strong>Item</strong></th>
<th><strong>Stock</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Gigabit 5 Port Network Switch</td>
<td>15</td>
</tr>
<tr>
<td>Gigabit 8 Port Network Switch</td>
<td>5</td>
</tr>
<tr>
<td>Gigabit 24 Port Smart Network Switch</td>
<td>3</td>
</tr>
<tr>
<td>Gigabit 48 Port POE Smart Network Switch</td>
<td>1</td>
</tr>
<tr>
<td>Aerohive Wireless Access Point</td>
<td>3</td>
</tr>
<tr>
<td>Ethernet Cable</td>
<td>By the kilo!</td>
</tr>
</tbody>
</table>
<h2 id="lighting">Lighting</h2>
<table>
<thead>
<tr>
<th><strong>Item</strong></th>
<th><strong>Stock</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>ETC Nomad Kit (BYOD)</td>
<td>1</td>
</tr>
<tr>
<td>Discharge Floodlight</td>
<td>4</td>
</tr>
<tr>
<td>UV Cannon (16A in)</td>
<td>2</td>
</tr>
<tr>
<td>DJ FX Scanner Light</td>
<td>6</td>
</tr>
<tr>
<td>Snow Machine</td>
<td>1</td>
</tr>
</tbody>
</table>
<h2 id="distrocable">Distro/Cable</h2>
<table>
<thead>
<tr>
<th><strong>Item</strong></th>
<th><strong>Stock</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>16A to 13A Adaptor</td>
<td>15</td>
</tr>
<tr>
<td>16A split</td>
<td>10</td>
</tr>
<tr>
<td>15m 16A</td>
<td>15</td>
</tr>
<tr>
<td>20m 16A</td>
<td>4</td>
</tr>
<tr>
<td>30m 16A</td>
<td>1</td>
</tr>
<tr>
<td>50m 16A</td>
<td>1</td>
</tr>
<tr>
<td>1m 32/3</td>
<td>1</td>
</tr>
<tr>
<td>Euro to UK Adaptor</td>
<td>15</td>
</tr>
</tbody>
</table>
<h2 id="production--tools">Production / Tools</h2>
<table>
<thead>
<tr>
<th><strong>Item</strong></th>
<th><strong>Stock</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Laser Printer</td>
<td>2</td>
</tr>
<tr>
<td>1080p Desktop Monitor</td>
<td>4</td>
</tr>
<tr>
<td>Hammer Drill (Battery)</td>
<td>1</td>
</tr>
<tr>
<td>20mm Masonry Bit</td>
<td>1</td>
</tr>
<tr>
<td>Impact Driver (Battery)</td>
<td>1</td>
</tr>
<tr>
<td>Battery Work Light</td>
<td>2</td>
</tr>
<tr>
<td>Oscillating Multitool (Corded)</td>
<td>1</td>
</tr>
<tr>
<td>Jigsaw (Corded)</td>
<td>1</td>
</tr>
<tr>
<td>12&quot; Angle Grinder (Corded)</td>
<td>2</td>
</tr>
<tr>
<td>12&quot; Diamond Blade</td>
<td>1</td>
</tr>
<tr>
<td>8&quot; Angle Grinder (Corded)</td>
<td>1</td>
</tr>
<tr>
<td>Multi Material Circular Saw (Corded)</td>
<td>1</td>
</tr>
<tr>
<td>Scaffold Tower</td>
<td>1</td>
</tr>
<tr>
<td>Fluke Multifunction Installation Tester (c/w proof of calibration)</td>
<td>1</td>
</tr>
</tbody>
</table>
<p><strong>Enquire now: <a href="mailto:hire@hyperlight-technical.co.uk">hire@hyperlight-technical.co.uk</a></strong></p>
<h1 id="sales">Sales</h1>
<p>We have a constantly rotating stock of new-old and used equipment for sale. We are also connected to venues and companies across the country with access to their stocks of the same. If there&rsquo;s something you are looking to get hold of, please enquire for details.</p>
<hr>
<p>Hyperlight fabricate a number of bespoke items in the course of producing our events to the highest possible standard. These may also be available for sale on a built-to-order basis. More details coming soon!</p>
<h1 id="service">Service</h1>
<p>Hyperlight&rsquo;s technicians are experienced in the maintenance and service of a wide variety of technical equipment, including amplifiers and moving head lights. We can also provide a In Service Inspection and Testing (&ldquo;P.A.T&rdquo;) Electrical Safety Testing service, with the same care and quality we give our own equipment, backed by City and Guilds qualifications.</p>
</div>
</main>
<footer style="padding: 1em; margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; text-align: center;">
<p style="margin: 0; grid-column-start: span 3;">Est. 2019 | Hyperlight Technical Services is the trading name of Arona "AJ" Jones | <a href="https://www.theleagueofmoveabletype.com/league-spartan">Font</a> <a href="https://game-icons.net/">Logo</a></p>
</footer>
</body>

81
public/index.html
View File

@@ -1,81 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.133.0"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<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="/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
<style>
</style>
<link rel="stylesheet" href="/main.css">
</head>
<body>
<header style="display: grid; grid-template-columns: min-content min-content auto; grid-template-rows: min-content min-content max-content;">
<h1 style="font-size: 3em;">
HYPER
</h1>
<h1 style="font-size: 3em;">
LIGHT
</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.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;">
<a href="/">
<span>Home</span>
</a>
<a href="/services">
<span>Technical Support</span>
</a>
<a href="/hire">
<span>Equipment</span>
<div style="display: inline-flex; flex-direction: column; max-height: 1.2rem; overflow-y: hidden; align-items: stretch; justify-content: space-between; background-color: black;">
<span class="scroll-item">Hire</span>
<span class="scroll-item">Sale</span>
<span class="scroll-item">Service</span>
<span class="scroll-item">Install</span>
</div>
</a>
<a href="/development">
<div style="display: inline-flex; flex-direction: column; max-height: 1.2rem; overflow-y: hidden; align-items: stretch; justify-content: space-between; background-color: black;">
<span class="scroll-item">Website</span>
<span class="scroll-item">Software</span>
<span class="scroll-item">Product</span>
</div>
<span>Development</span>
</a>
<a href="/about" style="border-right: none;">
<span>About Us</span>
</a>
</nav>
<main style="max-width: 90vw; margin-left: auto; margin-right: auto;">
<p style="padding-bottom: 1em;">
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 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>
<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>
</main>
<footer style="padding: 1em; margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; text-align: center;">
<p style="margin: 0; grid-column-start: span 3;">Est. 2019 | Hyperlight Technical Services is the trading name of Arona "AJ" Jones | <a href="https://www.theleagueofmoveabletype.com/league-spartan">Font</a> <a href="https://game-icons.net/">Logo</a></p>
</footer>
</body>

39
public/index.xml
View File

@@ -1,39 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Hyperlight Technical Services</title>
<link>http://localhost:1313/</link>
<description>Recent content on Hyperlight Technical Services</description>
<generator>Hugo</generator>
<language>en-gb</language>
<atom:link href="http://localhost:1313/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>About Us</title>
<link>http://localhost:1313/about/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/about/</guid>
<description>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.&#xA;Contact: hello@hyperlight-technical.co.uk&#xA;07449192971&#xA;Fair Pay 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.</description>
</item>
<item>
<title>Hire &amp; Sales</title>
<link>http://localhost:1313/hire/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/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 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>
<link>http://localhost:1313/services/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/services/</guid>
<description>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&amp;rsquo;s every eventuality. We are experienced technicians who have worked on live events, festivals and in theatres around the country. We are continuously seeking new training and experience.&#xA;We are also experienced installers of all technical equipment, having recently carried out two partial retrofits of local theatres, one including a completely new FoH PA system, and one including a comprehensive reworking of the building-wide network.</description>
</item>
<item>
<title>Software and Systems Development</title>
<link>http://localhost:1313/development/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/development/</guid>
<description>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.&#xA;Past Projects Hyperlight Website You&amp;rsquo;re here!&#xA;We have a strong preference for building things in-house, both to keep our skills sharp and to make things just right for us.</description>
</item>
</channel>
</rss>

BIN
public/lightning-helix.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 122 KiB

114
public/main.css
View File

@@ -1,114 +0,0 @@
/*
Josh's Custom CSS Reset
https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
box-sizing: border-box;
}
* {
margin: 0;
}
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
input, button, textarea, select {
font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
#root, #__next {
isolation: isolate;
}
/*End copy paste*/
@font-face {
font-family: 'League Spartan';
src: local('League Spartan'),
url('LeagueSpartan-VF.woff2') format('woff2 supports variations'),
url('LeagueSpartan-VF.woff2') format('woff2-variations');
font-weight: 200 900;
font-display: swap;
}
html {
--hyper-blue: #7df9ff;
font-family: "League Spartan";
}
body {
font-variation-settings: "wght" 400;
margin: 0;
}
a {
color: var(--hyper-blue);
text-decoration: underline dotted;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/* Header Styles */
@keyframes blinker {
50% {
opacity: 10%;
}
}
header, footer {
font-variation-settings: "wght" 700;
background-color: rgb(29, 33, 44);
color: white;
padding: 0 1em;
}
footer {
position: sticky;
bottom: 0;
width: 100vw;
}
header > h1 {
margin: 0 !important;
}
nav > a {
flex-grow: 1;
padding: 6vh 0;
font-weight: bold;
text-transform: uppercase;
text-align: center;
background-color: #020103; padding: 0.4em; margin-left: auto; margin-right: auto; border-right: 1px solid var(--hyper-blue);
}
.scroll-item {
animation: scrollUp 7s ease-in-out infinite alternate;
background-color: black;
text-decoration: underline dotted;
}
@keyframes scrollUp {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
}
}
section {
margin: auto;
padding-top: 10px;
}
div#sectionleft {
float: left;
margin-right: 10px;
}
div#sectionright {
margin: auto;
height: 100%;
}

BIN
public/main.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 125 KiB

95
public/services/index.html
View File

@@ -1,95 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<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="/LeagueSpartan-VF.woff2" as="font" type="font/woff2" crossorigin>
<style>
</style>
<link rel="stylesheet" href="/main.css">
</head>
<body>
<header style="display: grid; grid-template-columns: min-content min-content auto; grid-template-rows: min-content min-content max-content;">
<h1 style="font-size: 3em;">
HYPER
</h1>
<h1 style="font-size: 3em;">
LIGHT
</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.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;">
<a href="/">
<span>Home</span>
</a>
<a href="/services">
<span>Technical Support</span>
</a>
<a href="/hire">
<span>Equipment</span>
<div style="display: inline-flex; flex-direction: column; max-height: 1.2rem; overflow-y: hidden; align-items: stretch; justify-content: space-between; background-color: black;">
<span class="scroll-item">Hire</span>
<span class="scroll-item">Sale</span>
<span class="scroll-item">Service</span>
<span class="scroll-item">Install</span>
</div>
</a>
<a href="/development">
<div style="display: inline-flex; flex-direction: column; max-height: 1.2rem; overflow-y: hidden; align-items: stretch; justify-content: space-between; background-color: black;">
<span class="scroll-item">Website</span>
<span class="scroll-item">Software</span>
<span class="scroll-item">Product</span>
</div>
<span>Development</span>
</a>
<a href="/about" style="border-right: none;">
<span>About Us</span>
</a>
</nav>
<main style="max-width: 90vw; margin-left: auto; margin-right: auto;">
<h1>Services</h1>
<div style="max-width: 80%; margin-left: auto; margin-right: auto;"><p>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&rsquo;s every eventuality. We are experienced technicians who have worked on live events, festivals and in theatres around the country. We are continuously seeking new training and experience.</p>
<p>We are also experienced installers of all technical equipment, having recently carried out two partial retrofits of local theatres, one including a completely new FoH PA system, and one including a comprehensive reworking of the building-wide network.</p>
<h1 id="specialist-services">Specialist Services</h1>
<h2 id="electrical">Electrical</h2>
<p>We can offer safety testing of all electrical equipment. As always, our foremost expertise is in the complexities of the events sector, but we are willing and able to test any and all industrial, commercial and domestic equipment. This is fully backed by City and Guilds qualifications and we use industry standard equipment that is laboratory calibrated yearly.</p>
<p>We can also now offer the verification and testing of installations, along with the hire of our test equipment should you require it.</p>
<h2 id="working-at-height--powered-access">Working at Height / Powered Access</h2>
<section style="overflow:auto;">
<div id="sectionleft"><img src='/IPAF.png'></div>
<div id="sectionright">Hyperlight have qualified and experienced IPAF 3a Mobile Vertical (&#39;scissor lift&#39;) &amp; 3b Mobile Boom (&#39;cherry picker&#39;) operatives available for jobs both within and beyond the events industry. We have worked everywhere from the exterior of the National Cycling Center, to television studios to inside University sports halls. Whatever the access need, we can tackle it confidently and safely.</div>
</section>
<section style="overflow:auto;">
<div id="sectionleft"><img src='/PASMA.png'></div>
<div id="sectionright">We also have sigificant experience working with scaffold towers, with PASMA qualified personnel on hand. With our own tower in stock, we are positioned to be cost effective in this area. This tower is also available for hire to the trade.</div>
</section>
<p>All this makes us equipped to tackle every access need that may be presented in the course of our work for you. We are also more than happy to use these skills in a standalone capacity, within or outside our home industry. If you find yourself short an operative, whatever your trade, give us a call!</p>
<p>Our processes and procedures have been written by the same people that have been on the qualification courses and gained this experience (in consultation with other experts in our network) ensuring that the actualities of machine use are adequately considered and adjusted for. We can take your event to the next level. Literally.</p>
<h2 id="networking-and-communications">Networking and Communications</h2>
<p>Hyperlight have considerable experience in the datacoms and networking fields, both within the context of events and beyond it. Whether you&rsquo;re looking for assistance setting up an Art Net network, or a domestic or industrial CCTV system, we are experienced and ready to help.</p>
<p>We can also offer the hire or sale and install of any and all radio frequency communications equipment in association with trusted partners. We specialise in the specific needs of the events industry, but our capacity to supply certainly does not stop there.</p>
<h1 id="additive-manufacturing-in-the-events-industry">Additive Manufacturing in the Events Industry</h1>
<p>Our founder holds a University of Nottingham Masters&rsquo; Degree in Additive Manufacturing (AM), more widely known as 3D Printing, and we are standing by to consult with anyone intrested in what we firmly believe is a huge opportunity for events.</p>
<p>AM can provide opportunity in delivering entirely custom experiences. It&rsquo;s a natural fit for props, but can also be used in more functional applications, creating bespoke fixtures on demand.</p>
<p>Manufacture of otherwise unavailable spare parts is another way in which we believe AM can contribute substantial value to the industry.</p>
<p>If any of this sounds interesting or of use to you, please do get in touch!</p>
</div>
</main>
<footer style="padding: 1em; margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; text-align: center;">
<p style="margin: 0; grid-column-start: span 3;">Est. 2019 | Hyperlight Technical Services is the trading name of Arona "AJ" Jones | <a href="https://www.theleagueofmoveabletype.com/league-spartan">Font</a> <a href="https://game-icons.net/">Logo</a></p>
</footer>
</body>

15
public/sitemap.xml
View File

@@ -1,15 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://localhost:1313/</loc>
</url><url>
<loc>http://localhost:1313/about/</loc>
</url><url>
<loc>http://localhost:1313/hire/</loc>
</url><url>
<loc>http://localhost:1313/services/</loc>
</url><url>
<loc>http://localhost:1313/development/</loc>
</url>
</urlset>

8
public/style.css
View File

@@ -1,8 +0,0 @@
img[src$='#center']
{
display: block;
margin: 0.7rem auto; /* you can replace the vertical '0.7rem' by
whatever floats your boat, but keep the
horizontal 'auto' for this to work */
/* whatever else styles you fancy here */
}

BIN
public/tte.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 182 KiB

1
static/main.css
View File

@@ -79,6 +79,7 @@ nav > a {
text-transform: uppercase; text-transform: uppercase;
text-align: center; text-align: center;
background-color: #020103; padding: 0.4em; margin-left: auto; margin-right: auto; border-right: 1px solid var(--hyper-blue); background-color: #020103; padding: 0.4em; margin-left: auto; margin-right: auto; border-right: 1px solid var(--hyper-blue);
min-width: 0;
} }
.scroll-item { .scroll-item {
animation: scrollUp 7s ease-in-out infinite alternate; animation: scrollUp 7s ease-in-out infinite alternate;