chandlerswift/svs-services-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make suggested services into links

Browse source
This commit is contained in:
Chandler Swift 2025-12-28 20:37:55 -06:00
parent e46f98fdd7
commit ac0b8d4273
2 changed files with 397 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

89
landing-page.html
View file

@ -170,6 +170,7 @@
.suggest:hover .track { animation-play-state: paused; }
.card {
display: block;
min-width: 220px;
background: var(--glass);
border: 1px solid rgba(255, 255, 255, 0.06);
@ -177,6 +178,8 @@
padding: 12px 14px;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
opacity: 0.55;
color: inherit;
text-decoration: none;
transition: opacity 160ms ease, transform 160ms ease, border-color 160ms ease;
}
@ -186,6 +189,12 @@
border-color: rgba(125, 211, 252, 0.5);
}
.card:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 4px;
opacity: 1;
}
.service {
font-weight: 700;
letter-spacing: 0.01em;
@ -230,87 +239,87 @@
<section class="suggest" aria-label="Suggested services">
<div class="track" aria-hidden="true">
<div class="card">
<a class="card" href="https://pianotuning.svsindustries.org">
<div class="service">Piano Tuning</div>
<div class="domain">pianotuning.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://webdesign.svsindustries.org">
<div class="service">Web Design</div>
<div class="domain">webdesign.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://marinesalvage.svsindustries.org">
<div class="service">Marine Salvage</div>
<div class="domain">marinesalvage.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://cloudsecurity.svsindustries.org">
<div class="service">Cloud Security</div>
<div class="domain">cloudsecurity.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://aiconsulting.svsindustries.org">
<div class="service">AI Consulting</div>
<div class="domain">aiconsulting.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://eventlighting.svsindustries.org">
<div class="service">Event Lighting</div>
<div class="domain">eventlighting.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://verticalfarming.svsindustries.org">
<div class="service">Vertical Farming</div>
<div class="domain">verticalfarming.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://bioinformatics.svsindustries.org">
<div class="service">Bioinformatics</div>
<div class="domain">bioinformatics.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://zerotrustaudits.svsindustries.org">
<div class="service">Zero-Trust Audits</div>
<div class="domain">zerotrustaudits.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://dronechoreography.svsindustries.org">
<div class="service">Drone Choreography</div>
<div class="domain">dronechoreography.svsindustries.org</div>
</div>
</a>
<!-- duplicate set for seamless loop -->
<div class="card">
<a class="card" href="https://pianotuning.svsindustries.org">
<div class="service">Piano Tuning</div>
<div class="domain">pianotuning.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://webdesign.svsindustries.org">
<div class="service">Web Design</div>
<div class="domain">webdesign.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://marinesalvage.svsindustries.org">
<div class="service">Marine Salvage</div>
<div class="domain">marinesalvage.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://cloudsecurity.svsindustries.org">
<div class="service">Cloud Security</div>
<div class="domain">cloudsecurity.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://aiconsulting.svsindustries.org">
<div class="service">AI Consulting</div>
<div class="domain">aiconsulting.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://eventlighting.svsindustries.org">
<div class="service">Event Lighting</div>
<div class="domain">eventlighting.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://verticalfarming.svsindustries.org">
<div class="service">Vertical Farming</div>
<div class="domain">verticalfarming.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://bioinformatics.svsindustries.org">
<div class="service">Bioinformatics</div>
<div class="domain">bioinformatics.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://zerotrustaudits.svsindustries.org">
<div class="service">Zero-Trust Audits</div>
<div class="domain">zerotrustaudits.svsindustries.org</div>
</div>
<div class="card">
</a>
<a class="card" href="https://dronechoreography.svsindustries.org">
<div class="service">Drone Choreography</div>
<div class="domain">dronechoreography.svsindustries.org</div>
</div>
</a>
</div>
</section>
</div>