jukka/konesaliturku.fi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add content: 1U/2U/4U pricing, green energy, tech specs

Browse Source 
- Replace half-rack with 1U/2U/4U device slots + full rack quote
- Add green energy section (100% wind & solar power)
- Add technical specs summary on main page
- Update connectivity: default 1 Gbit/s, up to 100 Gbit/s
- Add environment/sustainability section to datacenter page

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jukka Lampikoski
2026-03-09 14:47:41 +02:00
parent 1ae342c1f5
commit 0333611037
3 changed files with 399 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

238
index.html
View File

@@ -57,8 +57,8 @@
<span class="stat-label">Valvonta</span> <span class="stat-label">Valvonta</span>
</div> </div>
<div class="stat"> <div class="stat">
<span class="stat-value">10 Gbit/s</span> <span class="stat-value">100 Gbit/s</span>
<span class="stat-label">Yhteysnopeus</span> <span class="stat-label">Saatavilla jopa</span>
</div> </div>
</div> </div>
</div> </div>
@@ -69,66 +69,104 @@
<section class="section" id="palvelut"> <section class="section" id="palvelut">
<div class="container"> <div class="container">
<h2 class="section-title">Palvelut</h2> <h2 class="section-title">Palvelut</h2>
<p class="section-subtitle">Tarjoamme colocation-laitepaikkoja kaikenkokoisille tarpeille</p> <p class="section-subtitle">Colocation-laitepaikkoja yksittäisestä palvelimesta kokokaappiin</p>
<div class="services-grid"> <div class="services-grid">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<svg viewBox="0 0 48 48" width="48" height="48" fill="none"> <svg viewBox="0 0 48 48" width="48" height="48" fill="none">
<rect x="14" y="8" width="20" height="32" rx="3" stroke="currentColor" stroke-width="2"/> <rect x="10" y="16" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<circle cx="24" cy="16" r="2" fill="currentColor"/> <circle cx="16" cy="19" r="1.5" fill="currentColor"/>
<line x1="18" y1="24" x2="30" y2="24" stroke="currentColor" stroke-width="2"/> <line x1="22" y1="19" x2="34" y2="19" stroke="currentColor" stroke-width="1.5"/>
</svg> </svg>
</div> </div>
<h3>1U Laitepaikka</h3> <h3>1U Laitepaikka</h3>
<p>Yksittäinen palvelinpaikka 42U kaapissa. Sopii pienille palvelimille ja verkkolaitteille.</p> <p>Yksittäinen palvelinpaikka jaetussa 42U kaapissa. Sopii 1U-palvelimille, kytkimille ja reititimille.</p>
<ul class="service-features"> <ul class="service-features">
<li>1 rack unit (1U)</li> <li>1 rack unit (44,45 mm)</li>
<li>Jaettu 1 Gbit/s yhteys</li> <li>Jaettu 1 Gbit/s yhteys</li>
<li>1x 230V sähkösyöttö</li> <li>1x C13 sähkösyöttö (230V)</li>
<li>Rajoittamaton liikenne</li> <li>Rajoittamaton liikenne</li>
<li>Max 250W tehonkulutus</li>
</ul> </ul>
</div> </div>
<div class="service-card featured"> <div class="service-card featured">
<div class="service-badge">Suosituin</div> <div class="service-badge">Suosituin</div>
<div class="service-icon"> <div class="service-icon">
<svg viewBox="0 0 48 48" width="48" height="48" fill="none"> <svg viewBox="0 0 48 48" width="48" height="48" fill="none">
<rect x="8" y="4" width="32" height="40" rx="3" stroke="currentColor" stroke-width="2"/> <rect x="10" y="12" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<circle cx="24" cy="12" r="2" fill="currentColor"/> <rect x="10" y="22" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<circle cx="24" cy="20" r="2" fill="currentColor"/> <circle cx="16" cy="15" r="1.5" fill="currentColor"/>
<line x1="14" y1="28" x2="34" y2="28" stroke="currentColor" stroke-width="2"/> <circle cx="16" cy="25" r="1.5" fill="currentColor"/>
<line x1="14" y1="34" x2="34" y2="34" stroke="currentColor" stroke-width="2"/> <line x1="22" y1="15" x2="34" y2="15" stroke="currentColor" stroke-width="1.5"/>
<line x1="22" y1="25" x2="34" y2="25" stroke="currentColor" stroke-width="1.5"/>
</svg> </svg>
</div> </div>
<h3>Puolikaappi (21U)</h3> <h3>2U Laitepaikka</h3>
<p>Puolet 42U kaapista omassa lukitussa tilassa. Ihanteellinen kasvavalle yritykselle.</p> <p>Kaksi rack unitia jaetussa kaapissa. Ihanteellinen 2U-palvelimille ja suuremmille laitteille.</p>
<ul class="service-features"> <ul class="service-features">
<li>21 rack unitia (21U)</li> <li>2 rack unitia (88,90 mm)</li>
<li>Oma 1 Gbit/s yhteys</li> <li>Jaettu 1 Gbit/s yhteys</li>
<li>2x 230V / 16A sähkösyöttö</li> <li>2x C13 sähkösyöttö (230V)</li>
<li>Rajoittamaton liikenne</li> <li>Rajoittamaton liikenne</li>
<li>Max 500W tehonkulutus</li>
</ul> </ul>
</div> </div>
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<svg viewBox="0 0 48 48" width="48" height="48" fill="none"> <svg viewBox="0 0 48 48" width="48" height="48" fill="none">
<rect x="6" y="2" width="36" height="44" rx="3" stroke="currentColor" stroke-width="2"/> <rect x="10" y="8" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<circle cx="24" cy="10" r="2" fill="currentColor"/> <rect x="10" y="18" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<circle cx="24" cy="18" r="2" fill="currentColor"/> <rect x="10" y="28" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<circle cx="24" cy="26" r="2" fill="currentColor"/> <circle cx="16" cy="11" r="1.5" fill="currentColor"/>
<line x1="12" y1="34" x2="36" y2="34" stroke="currentColor" stroke-width="2"/> <circle cx="16" cy="21" r="1.5" fill="currentColor"/>
<line x1="12" y1="40" x2="36" y2="40" stroke="currentColor" stroke-width="2"/> <circle cx="16" cy="31" r="1.5" fill="currentColor"/>
<line x1="22" y1="11" x2="34" y2="11" stroke="currentColor" stroke-width="1.5"/>
<line x1="22" y1="21" x2="34" y2="21" stroke="currentColor" stroke-width="1.5"/>
<line x1="22" y1="31" x2="34" y2="31" stroke="currentColor" stroke-width="1.5"/>
</svg> </svg>
</div> </div>
<h3>Kokokaappi (42U)</h3> <h3>4U Laitepaikka</h3>
<p>Kokonainen 42U kaappi omassa lukitussa tilassa. Täysi hallinta ja maksimikapasiteetti.</p> <p>Neljä rack unitia jaetussa kaapissa. Sopii suurille palvelimille ja tallennusjärjestelmille.</p>
<ul class="service-features"> <ul class="service-features">
<li>42 rack unitia (42U)</li> <li>4 rack unitia (177,80 mm)</li>
<li>Oma 10 Gbit/s yhteys</li> <li>Oma 1 Gbit/s yhteys</li>
<li>2x 230V / 32A A/B-syöttö</li> <li>2x C19 sähkösyöttö (230V)</li>
<li>Rajoittamaton liikenne</li> <li>Rajoittamaton liikenne</li>
<li>Max 1000W tehonkulutus</li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="services-cta">
<p>Tarvitsetko useampia laitepaikkoja tai kokokaapin? <a href="#yhteystiedot">Pyydä räätälöity tarjous &rarr;</a></p>
</div>
</div>
</section>
<!-- Vihreä energia -->
<section class="section section-green" id="energia">
<div class="container">
<div class="green-energy">
<div class="green-energy-content">
<div class="green-badge">100% uusiutuva energia</div>
<h2>Vihreä konesali</h2>
<p>Konesali Turku käyttää ainoastaan tuuli- ja aurinkovoimalla tuotettua sähköä. Kaikki konesalimme kuluttama energia on sertifioitua uusiutuvaa energiaa alkuperätakuilla varmennettuina.</p>
<p>Suomen viileä ilmasto mahdollistaa free cooling -jäähdytyksen hyödyntämisen suurimman osan vuodesta, mikä vähentää energiankulutusta merkittävästi perinteisiin konesaleihin verrattuna. Hukkalämpö ohjataan lähialueen kaukolämpöverkkoon.</p>
<div class="green-stats">
<div class="green-stat">
<svg viewBox="0 0 24 24" width="28" height="28" 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>
<span>Aurinkovoima</span>
</div>
<div class="green-stat">
<svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 15h2m4 0h2m4 0h2m4 0h1M5.5 9.5L7 11m3.5-4.5L12 8m3.5-1.5L14 8m5 1.5L17.5 11"/><circle cx="12" cy="16" r="1"/><path d="M8 16a4 4 0 018 0"/><path d="M5 16a7 7 0 0114 0"/></svg>
<span>Tuulivoima</span>
</div>
<div class="green-stat">
<svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg>
<span>Hukkalämmön talteenotto</span>
</div>
</div>
</div>
</div>
</div> </div>
</section> </section>
@@ -155,7 +193,7 @@
</svg> </svg>
</div> </div>
<h3>Redundantti infrastruktuuri</h3> <h3>Redundantti infrastruktuuri</h3>
<p>Kahdennettu sähkönsyöttö, UPS-järjestelmä ja varavoimageneraattori takaavat katkeamattoman toiminnan.</p> <p>Kahdennettu sähkönsyöttö, UPS-järjestelmä ja varavoimageneraattori. N+1 redundanssi kaikissa kriittisissä järjestelmissä.</p>
</div> </div>
<div class="feature"> <div class="feature">
<div class="feature-icon"> <div class="feature-icon">
@@ -164,7 +202,7 @@
</svg> </svg>
</div> </div>
<h3>Nopeat yhteydet</h3> <h3>Nopeat yhteydet</h3>
<p>Moniliittymäinen tietoliikenne usealta operaattorilta. 1–10 Gbit/s porttinopeudet.</p> <p>Oletuksena 1 Gbit/s yhteys, saatavilla jopa 100 Gbit/s. Moniliittymäinen tietoliikenne usealta operaattorilta.</p>
</div> </div>
<div class="feature"> <div class="feature">
<div class="feature-icon"> <div class="feature-icon">
@@ -182,7 +220,7 @@
</svg> </svg>
</div> </div>
<h3>Turvallisuus</h3> <h3>Turvallisuus</h3>
<p>Kulunvalvonta, kameravalvonta ja lukitut kaapit. Laitteesi ovat turvassa ympäri vuorokauden.</p> <p>Kulunvalvonta, kameravalvonta, lukitut kaapit ja automaattinen palonsammutusjärjestelmä.</p>
</div> </div>
<div class="feature"> <div class="feature">
<div class="feature-icon"> <div class="feature-icon">
@@ -197,12 +235,62 @@
</div> </div>
</section> </section>
<!-- Tekniset tiedot lyhyesti -->
<section class="section" id="tekniikka">
<div class="container">
<h2 class="section-title">Tekniset tiedot</h2>
<p class="section-subtitle">Ammattitason infrastruktuuri vaativaan käyttöön. <a href="konesali.html">Katso kaikki tekniset tiedot &rarr;</a></p>
<div class="tech-grid">
<div class="tech-card">
<h4>Sähköjärjestelmät</h4>
<ul>
<li>Kahdennettu A/B-sähkönsyöttö</li>
<li>Online double-conversion UPS (N+1)</li>
<li>Dieselvaravoimageneraattori</li>
<li>Monitoroidut PDU:t</li>
<li>2–8 kW per kaappi</li>
</ul>
</div>
<div class="tech-card">
<h4>Tietoliikenne</h4>
<ul>
<li>Oletus 1 Gbit/s, saatavilla 100 Gbit/s</li>
<li>Moniliittymäinen (usea operaattori)</li>
<li>Rajoittamaton liikenne</li>
<li>IPv4 + IPv6 tuki</li>
<li>BGP-reititys, oma AS saatavilla</li>
</ul>
</div>
<div class="tech-card">
<h4>Jäähdytys</h4>
<ul>
<li>Precision air cooling</li>
<li>Cold Aisle Containment</li>
<li>Free cooling (Suomen ilmasto)</li>
<li>N+1 redundanssi</li>
<li>20–24 &deg;C (ASHRAE A1)</li>
</ul>
</div>
<div class="tech-card">
<h4>Turvallisuus</h4>
<ul>
<li>Sähköinen kulunvalvonta (kortti + PIN)</li>
<li>24/7 kameravalvonta (tallentava)</li>
<li>Inerttikaasu-sammutusjärjestelmä</li>
<li>Lukittavat 42U-kaapit</li>
<li>Kaikki käynnit kirjataan</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Hinnat --> <!-- Hinnat -->
<section class="section" id="hinnat"> <section class="section section-dark" id="hinnat">
<div class="container"> <div class="container">
<h2 class="section-title">Hinnat</h2> <h2 class="section-title">Hinnat</h2>
<p class="section-subtitle">Kaikki hinnat alv 0%. Sähkö laskutetaan erikseen kulutuksen mukaan.</p> <p class="section-subtitle">Kaikki hinnat alv 0%. Sähkö laskutetaan erikseen kulutuksen mukaan.</p>
<div class="pricing-grid"> <div class="pricing-grid pricing-grid-4">
<div class="pricing-card"> <div class="pricing-card">
<div class="pricing-header"> <div class="pricing-header">
<h3>1U Laitepaikka</h3> <h3>1U Laitepaikka</h3>
@@ -218,11 +306,11 @@
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Jaettu 1 Gbit/s 1 Gbit/s yhteys
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1x 230V sähkösyöttö 1x C13 sähkösyöttö
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
@@ -230,7 +318,11 @@
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1x IPv4-osoite 1x IPv4 + IPv6
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Max 250W
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
@@ -242,24 +334,24 @@
<div class="pricing-card pricing-featured"> <div class="pricing-card pricing-featured">
<div class="pricing-badge">Suosituin</div> <div class="pricing-badge">Suosituin</div>
<div class="pricing-header"> <div class="pricing-header">
<h3>Puolikaappi</h3> <h3>2U Laitepaikka</h3>
<div class="price"> <div class="price">
<span class="price-amount">&euro;249</span> <span class="price-amount">&euro;79</span>
<span class="price-period">/kk</span> <span class="price-period">/kk</span>
</div> </div>
</div> </div>
<ul class="pricing-features"> <ul class="pricing-features">
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
21 rack unitia (21U) 2 rack unitia (2U)
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Oma 1 Gbit/s 1 Gbit/s yhteys
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
2x 230V / 16A sähkösyöttö 2x C13 sähkösyöttö
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
@@ -267,11 +359,11 @@
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
4x IPv4-osoitetta 1x IPv4 + IPv6
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
IPv6 /64 -verkko Max 500W
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
@@ -282,24 +374,24 @@
</div> </div>
<div class="pricing-card"> <div class="pricing-card">
<div class="pricing-header"> <div class="pricing-header">
<h3>Kokokaappi</h3> <h3>4U Laitepaikka</h3>
<div class="price"> <div class="price">
<span class="price-amount">&euro;490</span> <span class="price-amount">&euro;139</span>
<span class="price-period">/kk</span> <span class="price-period">/kk</span>
</div> </div>
</div> </div>
<ul class="pricing-features"> <ul class="pricing-features">
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
42 rack unitia (42U) 4 rack unitia (4U)
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Oma 10 Gbit/s 1 Gbit/s yhteys
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
2x 230V / 32A A/B-syöttö 2x C19 sähkösyöttö
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
@@ -307,11 +399,46 @@
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
8x IPv4-osoitetta 2x IPv4 + IPv6
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
IPv6 /48 -verkko Max 1000W
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
99,9% SLA
</li>
</ul>
<a href="#yhteystiedot" class="btn btn-outline">Pyydä tarjous</a>
</div>
<div class="pricing-card pricing-custom">
<div class="pricing-header">
<h3>Kokokaappi / Räätälöity</h3>
<div class="price">
<span class="price-amount-custom">Pyydä tarjous</span>
</div>
</div>
<ul class="pricing-features">
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
42U kokokaappi tai useampi
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1–100 Gbit/s yhteys
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
A/B-sähkösyöttö (16A/32A)
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Rajoittamaton liikenne
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
IPv4 + IPv6 -verkot
</li> </li>
<li> <li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg> <svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
@@ -322,10 +449,10 @@
99,9% SLA 99,9% SLA
</li> </li>
</ul> </ul>
<a href="#yhteystiedot" class="btn btn-outline">Pyydä tarjous</a> <a href="#yhteystiedot" class="btn btn-primary">Ota yhteyttä</a>
</div> </div>
</div> </div>
<p class="pricing-note">Sähkönkulutus laskutetaan erikseen toteutuneen kulutuksen mukaan hintaan 0,25 &euro;/kWh (alv 0%). Kaikki hinnat ovat kuukausihintoja, alv 0%. Sopimuksen minimikesto 1 kuukausi.</p> <p class="pricing-note">Sähkönkulutus laskutetaan erikseen toteutuneen kulutuksen mukaan hintaan 0,25 &euro;/kWh (alv 0%). Kaikki hinnat ovat kuukausihintoja, alv 0%. Sopimuksen minimikesto 1 kuukausi. Yhteysnopeus oletuksena 1 Gbit/s, päivitettävissä jopa 100 Gbit/s asti.</p>
</div> </div>
</section> </section>
@@ -434,7 +561,8 @@
<div class="footer-links"> <div class="footer-links">
<h4>Palvelut</h4> <h4>Palvelut</h4>
<a href="#hinnat">1U Laitepaikka</a> <a href="#hinnat">1U Laitepaikka</a>
<a href="#hinnat">Puolikaappi</a> <a href="#hinnat">2U Laitepaikka</a>
<a href="#hinnat">4U Laitepaikka</a>
<a href="#hinnat">Kokokaappi</a> <a href="#hinnat">Kokokaappi</a>
</div> </div>
</div> </div>

51
konesali.html
View File

@@ -62,8 +62,8 @@
<div class="spec-highlight-label">Valvonta</div> <div class="spec-highlight-label">Valvonta</div>
</div> </div>
<div class="spec-highlight"> <div class="spec-highlight">
<div class="spec-highlight-value">10 Gbit/s</div> <div class="spec-highlight-value">100 Gbit/s</div>
<div class="spec-highlight-label">Yhteysnopeus</div> <div class="spec-highlight-label">Saatavilla jopa</div>
</div> </div>
</div> </div>
</div> </div>
@@ -191,7 +191,7 @@
<tbody> <tbody>
<tr> <tr>
<td class="spec-label">Porttinopeudet</td> <td class="spec-label">Porttinopeudet</td>
<td>1 Gbit/s – 10 Gbit/s (päivitettävissä 100 Gbit/s)</td> <td>Oletus 1 Gbit/s, päivitettävissä 10 / 25 / 40 / 100 Gbit/s</td>
</tr> </tr>
<tr> <tr>
<td class="spec-label">Operaattorit</td> <td class="spec-label">Operaattorit</td>
@@ -326,6 +326,51 @@
</div> </div>
</section> </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,5–1,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 --> <!-- CTA -->
<section class="section"> <section class="section">
<div class="container" style="text-align: center;"> <div class="container" style="text-align: center;">

168
style.css
View File

@@ -681,6 +681,174 @@ a:hover {
text-align: center; text-align: center;
} }
/* === Services CTA === */
.services-cta {
text-align: center;
margin-top: 32px;
padding: 20px;
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius);
font-size: 1.05rem;
}
.services-cta a {
font-weight: 600;
}
/* === Green Energy === */
.section-green {
background: linear-gradient(135deg, var(--color-bg) 0%, #0a2418 50%, var(--color-bg) 100%);
}
.green-energy {
max-width: 800px;
margin: 0 auto;
}
.green-energy-content {
text-align: center;
}
.green-badge {
display: inline-block;
background: rgba(0, 212, 170, 0.15);
color: var(--color-accent);
font-size: 0.85rem;
font-weight: 700;
padding: 6px 18px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 20px;
border: 1px solid rgba(0, 212, 170, 0.3);
}
.green-energy h2 {
font-size: 2.2rem;
font-weight: 800;
color: var(--color-text-heading);
margin-bottom: 20px;
}
.green-energy p {
color: var(--color-text-muted);
font-size: 1.05rem;
line-height: 1.7;
margin-bottom: 16px;
}
.green-stats {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 32px;
}
.green-stat {
display: flex;
align-items: center;
gap: 10px;
color: var(--color-accent);
font-weight: 600;
font-size: 0.95rem;
}
.green-stat svg {
color: var(--color-accent);
}
/* === Tech Grid === */
.tech-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.tech-card {
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius);
padding: 28px 24px;
}
.tech-card h4 {
font-size: 1.1rem;
font-weight: 700;
color: var(--color-text-heading);
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 2px solid var(--color-primary);
}
.tech-card ul {
list-style: none;
}
.tech-card li {
padding: 5px 0;
font-size: 0.9rem;
color: var(--color-text-muted);
position: relative;
padding-left: 16px;
}
.tech-card li::before {
content: '';
position: absolute;
left: 0;
top: 12px;
width: 6px;
height: 6px;
background: var(--color-primary-light);
border-radius: 50%;
}
/* === Pricing 4-column === */
.pricing-grid-4 {
grid-template-columns: repeat(4, 1fr);
}
.pricing-custom {
border-style: dashed;
border-color: var(--color-primary);
}
.price-amount-custom {
font-size: 1.5rem;
font-weight: 700;
color: var(--color-primary-light);
display: block;
margin: 12px 0 8px;
}
@media (max-width: 1024px) {
.tech-grid {
grid-template-columns: repeat(2, 1fr);
}
.pricing-grid-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.tech-grid,
.pricing-grid-4 {
grid-template-columns: 1fr;
}
.green-stats {
flex-direction: column;
gap: 16px;
align-items: center;
}
.green-energy h2 {
font-size: 1.75rem;
}
}
/* === Konesali Page === */ /* === Konesali Page === */
.page-hero { .page-hero {
padding: 140px 0 60px; padding: 140px 0 60px;