Files
konesaliturku.fi/konesali.html
Jukka Lampikoski 440670e830 Add section illustrations and custom logo font (Space Grotesk)
- Add Google Font Space Grotesk for logo, coral-colored "Turku"
- Add SVG illustrations: server rack (Palvelut), wind turbines (Energia),
  chat bubbles (UKK), envelope/location (Yhteystiedot)
- CSS positioning for illustration-left/right with responsive hiding

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-09 18:05:31 +02:00

441 lines
22 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap" rel="stylesheet">
<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 38" width="28" height="33" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
<rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</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">100 Gbit/s</div>
<div class="spec-highlight-label">Saatavilla jopa</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>Oletus 1 Gbit/s, päivitettävissä 10 / 25 / 40 / 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>
<!-- Ympäristö -->
<section class="section section-green" id="ymparisto">
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon" style="color: var(--color-accent);">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"/>
</svg>
</div>
<div>
<h2>Ympäristö ja kestävyys</h2>
<p>100% uusiutuvaa energiaa — tuuli- ja aurinkovoima</p>
</div>
</div>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Energianlähde</td>
<td>100% tuuli- ja aurinkovoimalla tuotettua sähköä, alkuperätakuilla varmennettuna</td>
</tr>
<tr>
<td class="spec-label">Free cooling</td>
<td>Suomen viileä ilmasto mahdollistaa ulkoilmajäähdytyksen suurimman osan vuodesta, mikä vähentää energiankulutusta jopa 40%</td>
</tr>
<tr>
<td class="spec-label">Hukkalämpö</td>
<td>Konesalin tuottama hukkalämpö ohjataan lähialueen kaukolämpöverkkoon</td>
</tr>
<tr>
<td class="spec-label">PUE</td>
<td>Power Usage Effectiveness tavoitetaso alle 1,3 (toimialan keskiarvo 1,51,7)</td>
</tr>
<tr>
<td class="spec-label">Energiatehokkuus</td>
<td>EC-puhaltimet, taajuusmuuttajaohjatut kompressorit, LED-valaistus liiketunnistimilla</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 38" width="22" height="26" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
<rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</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>