Add konesaliturku.fi website

Colocation/datacenter service website for Konesali Turku with:
- One-page main site (hero, services, pricing, contact form)
- Technical specs page (power, cooling, connectivity, security)
- Dark blue technical theme, fully responsive
- PHP backend for contact form with rate limiting
- Honeypot bot protection

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-09 14:29:08 +02:00
parent ccd3762524
commit 04b7770df7
7 changed files with 2073 additions and 0 deletions

382
konesaliturku/konesali.html Normal file
View File

@@ -0,0 +1,382 @@
<!DOCTYPE html>
<html lang="fi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Konesali — Tekniset tiedot | Konesali Turku</title>
<meta name="description" content="Konesali Turun tekniset tiedot: sähköjärjestelmät, jäähdytys, tietoliikenneyhteydet, turvallisuus ja tilat.">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header -->
<header class="header" id="header">
<div class="container header-inner">
<a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 32" width="32" height="32" fill="none">
<rect x="2" y="6" width="28" height="20" rx="3" stroke="currentColor" stroke-width="2"/>
<rect x="6" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="6" y="18" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="14" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="14" y="18" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="22" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="22" y="18" width="4" height="4" rx="1" fill="currentColor"/>
</svg>
<span>Konesali<strong>Turku</strong></span>
</a>
<nav class="nav" id="nav">
<a href="index.html#palvelut">Palvelut</a>
<a href="konesali.html" class="active">Konesali</a>
<a href="index.html#hinnat">Hinnat</a>
<a href="index.html#yhteystiedot">Yhteystiedot</a>
</nav>
<button class="nav-toggle" id="nav-toggle" aria-label="Avaa valikko">
<span></span>
<span></span>
<span></span>
</button>
</div>
</header>
<!-- Page Hero -->
<section class="page-hero">
<div class="container">
<h1>Konesalin tekniset tiedot</h1>
<p>Ammattimaisesti suunniteltu ja ylläpidetty laitetila Turussa</p>
</div>
</section>
<!-- Overview -->
<section class="section">
<div class="container">
<div class="specs-overview">
<div class="spec-highlight">
<div class="spec-highlight-value">99,9%</div>
<div class="spec-highlight-label">Käytettävyys (SLA)</div>
</div>
<div class="spec-highlight">
<div class="spec-highlight-value">N+1</div>
<div class="spec-highlight-label">Redundanssi</div>
</div>
<div class="spec-highlight">
<div class="spec-highlight-value">24/7</div>
<div class="spec-highlight-label">Valvonta</div>
</div>
<div class="spec-highlight">
<div class="spec-highlight-value">10 Gbit/s</div>
<div class="spec-highlight-label">Yhteysnopeus</div>
</div>
</div>
</div>
</section>
<!-- Sähkö -->
<section class="section section-dark" id="sahko">
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M13 10V3L4 14h7v7l9-11h-7z"/>
</svg>
</div>
<div>
<h2>Sähköjärjestelmät</h2>
<p>Kahdennettu sähkönsyöttö varmistaa katkeamattoman toiminnan</p>
</div>
</div>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Sähkönsyöttö</td>
<td>Kahdennettu A/B-syöttö kahdelta eri muuntajalta</td>
</tr>
<tr>
<td class="spec-label">UPS-järjestelmä</td>
<td>Online double-conversion UPS, N+1 redundantti</td>
</tr>
<tr>
<td class="spec-label">Akuston kapasiteetti</td>
<td>Vähintään 15 minuuttia täydellä kuormalla</td>
</tr>
<tr>
<td class="spec-label">Varavoimageneraattori</td>
<td>Dieselgeneraattori, automaattinen käynnistys sähkökatkossa</td>
</tr>
<tr>
<td class="spec-label">Teho per kaappi</td>
<td>28 kW (räätälöitävissä tarpeen mukaan)</td>
</tr>
<tr>
<td class="spec-label">Liitännät</td>
<td>230V / 16A tai 32A, C13/C19 -pistokkeet</td>
</tr>
<tr>
<td class="spec-label">PDU</td>
<td>Monitoroidut PDU:t (virrankulutuksen seuranta)</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Jäähdytys -->
<section class="section" id="jaahdytys">
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 3v18m0-18l-3 3m3-3l3 3m-3 15l-3-3m3 3l3-3M3 12h18M3 12l3-3M3 12l3 3m15-3l-3-3m3 3l-3 3"/>
</svg>
</div>
<div>
<h2>Jäähdytys</h2>
<p>Tehokas ja energiaoptimoitu jäähdytysjärjestelmä</p>
</div>
</div>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Jäähdytystyyppi</td>
<td>Precision air cooling, Cold Aisle Containment</td>
</tr>
<tr>
<td class="spec-label">Redundanssi</td>
<td>N+1 jäähdytyskapasiteetti</td>
</tr>
<tr>
<td class="spec-label">Lämpötila</td>
<td>Tavoite 2024 °C (ASHRAE A1 -suositus)</td>
</tr>
<tr>
<td class="spec-label">Ilmankosteus</td>
<td>4060% suhteellinen kosteus</td>
</tr>
<tr>
<td class="spec-label">Valvonta</td>
<td>Jatkuva lämpötila- ja kosteusseuranta, hälytykset</td>
</tr>
<tr>
<td class="spec-label">Free cooling</td>
<td>Ulkoilman hyödyntäminen Suomen ilmaston ansiosta</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Tietoliikenne -->
<section class="section section-dark" id="tietoliikenne">
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/>
</svg>
</div>
<div>
<h2>Tietoliikenne</h2>
<p>Moniliittymäinen verkko usealta operaattorilta</p>
</div>
</div>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Porttinopeudet</td>
<td>1 Gbit/s 10 Gbit/s (päivitettävissä 100 Gbit/s)</td>
</tr>
<tr>
<td class="spec-label">Operaattorit</td>
<td>Moniliittymäinen (useampi operaattori redundanssia varten)</td>
</tr>
<tr>
<td class="spec-label">Liikenne</td>
<td>Rajoittamaton sisäänpäin/ulospäin</td>
</tr>
<tr>
<td class="spec-label">IPv4</td>
<td>18 osoitetta paketista riippuen (lisäosoitteet saatavilla)</td>
</tr>
<tr>
<td class="spec-label">IPv6</td>
<td>/64 /48 -verkot saatavilla</td>
</tr>
<tr>
<td class="spec-label">Reititys</td>
<td>BGP-reititys, oma AS-numero saatavilla</td>
</tr>
<tr>
<td class="spec-label">Cross-connect</td>
<td>Suorat yhteydet muihin operaattoreihin ja asiakkaisiin</td>
</tr>
<tr>
<td class="spec-label">SLA</td>
<td>99,9% verkon käytettävyys</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Turvallisuus -->
<section class="section" id="turvallisuus">
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
</svg>
</div>
<div>
<h2>Turvallisuus</h2>
<p>Monikerroksiset turvallisuusjärjestelmät suojaavat laitteita</p>
</div>
</div>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Kulunvalvonta</td>
<td>Sähköinen kulunvalvonta, avainkortti + PIN-koodi</td>
</tr>
<tr>
<td class="spec-label">Kameravalvonta</td>
<td>24/7 kameravalvonta sisä- ja ulkotiloissa, tallentava</td>
</tr>
<tr>
<td class="spec-label">Palontorjunta</td>
<td>Automaattinen palonilmaisinjärjestelmä, inerttikaasu-sammutusjärjestelmä</td>
</tr>
<tr>
<td class="spec-label">Kaappien lukitus</td>
<td>Lukittavat 42U-kaapit, asiakaskohtaiset avaimet</td>
</tr>
<tr>
<td class="spec-label">Hälytysjärjestelmä</td>
<td>Reaaliaikaiset hälytykset: lämpötila, kosteus, sähkö, murto</td>
</tr>
<tr>
<td class="spec-label">Pääsyloki</td>
<td>Kaikki käynnit kirjataan ja aikaleimotaan</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Tilat -->
<section class="section section-dark" id="tilat">
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
</svg>
</div>
<div>
<h2>Tilat ja kaapit</h2>
<p>Ammattitason laitetila suunniteltu vaativaan käyttöön</p>
</div>
</div>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Sijainti</td>
<td>Turku, Suomi</td>
</tr>
<tr>
<td class="spec-label">Kaapit</td>
<td>Standardi 42U / 600mm x 1000mm serverikaapit</td>
</tr>
<tr>
<td class="spec-label">Ilmavirtaus</td>
<td>Hot Aisle / Cold Aisle -erottelu</td>
</tr>
<tr>
<td class="spec-label">Korotettu lattia</td>
<td>Korotettu lattia kaapelointia ja ilmavirtausta varten</td>
</tr>
<tr>
<td class="spec-label">Kantavuus</td>
<td>Riittävä raskaimmillekin palvelinratkaisuille</td>
</tr>
<tr>
<td class="spec-label">Pääsy</td>
<td>24/7 pääsy konesalille etukäteisilmoituksella</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="section">
<div class="container" style="text-align: center;">
<h2 class="section-title">Kiinnostuitko?</h2>
<p class="section-subtitle">Kerro tarpeistasi ja teemme sinulle räätälöidyn tarjouksen</p>
<div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
<a href="index.html#yhteystiedot" class="btn btn-primary">Pyydä tarjous</a>
<a href="index.html#hinnat" class="btn btn-secondary">Katso hinnat</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container footer-inner">
<div class="footer-brand">
<a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 32" width="24" height="24" fill="none">
<rect x="2" y="6" width="28" height="20" rx="3" stroke="currentColor" stroke-width="2"/>
<rect x="6" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="6" y="18" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="14" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="14" y="18" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="22" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="22" y="18" width="4" height="4" rx="1" fill="currentColor"/>
</svg>
<span>Konesali<strong>Turku</strong></span>
</a>
<p>Luotettavat konesalipalvelut Turussa.</p>
</div>
<div class="footer-links">
<h4>Sivusto</h4>
<a href="index.html#palvelut">Palvelut</a>
<a href="konesali.html">Konesali</a>
<a href="index.html#hinnat">Hinnat</a>
<a href="index.html#yhteystiedot">Yhteystiedot</a>
</div>
<div class="footer-links">
<h4>Palvelut</h4>
<a href="index.html#hinnat">1U Laitepaikka</a>
<a href="index.html#hinnat">Puolikaappi</a>
<a href="index.html#hinnat">Kokokaappi</a>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>&copy; 2026 Konesali Turku. Kaikki oikeudet pidätetään.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>