Jukka Lampikoski
4104f9b8c7
Maapallo-logo ja teksti näkyvät hero-osiossa, linkitettynä vihreat.fi-sivustolle. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
241 lines
22 KiB
HTML
241 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fi">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Jukka Lampikoski</title>
|
||
<meta name="description" content="Jukka Lampikoski - Poliitikko, Kaarina. Järkevä talous, yrittäjähenkisyys ja inhimilliset päätökset.">
|
||
<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=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Navigation -->
|
||
<nav class="navbar" id="navbar">
|
||
<div class="nav-container">
|
||
<a href="#hero" class="nav-logo">JUKKA<br>LAMPIKOSKI</a>
|
||
<ul class="nav-links" id="navLinks">
|
||
<li><a href="#teemat" data-fi="TEEMAT" data-en="THEMES" data-sv="TEMAN">TEEMAT</a></li>
|
||
<li><a href="#minusta" data-fi="MINUSTA" data-en="ABOUT" data-sv="OM MIG">MINUSTA</a></li>
|
||
<li><a href="#luottamustoimet" data-fi="LUOTTAMUSTOIMET" data-en="POSITIONS" data-sv="UPPDRAG">LUOTTAMUSTOIMET</a></li>
|
||
<li><a href="#yhteystiedot" data-fi="YHTEYSTIEDOT" data-en="CONTACT" data-sv="KONTAKT">YHTEYSTIEDOT</a></li>
|
||
<li>
|
||
<div class="lang-buttons">
|
||
<button class="lang-btn active" data-lang="fi">FI</button>
|
||
<button class="lang-btn" data-lang="sv">SV</button>
|
||
<button class="lang-btn" data-lang="en">EN</button>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<button class="hamburger" id="hamburger" aria-label="Avaa valikko">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="hero" id="hero">
|
||
<div class="hero-content">
|
||
<div class="hero-text">
|
||
<h1>
|
||
<span class="hero-accent" data-fi="Järkevä talous." data-en="Smart economy." data-sv="Klok ekonomi.">Järkevä talous.</span>
|
||
<span class="hero-accent" data-fi="Yrittäjähenkisyys." data-en="Entrepreneurial spirit." data-sv="Företagaranda.">Yrittäjähenkisyys.</span>
|
||
<span data-fi="Inhimilliset päätökset." data-en="Humane decisions." data-sv="Humana beslut.">Inhimilliset päätökset.</span>
|
||
</h1>
|
||
<p class="hero-subtitle" data-fi="Poliitikko, Kaarina" data-en="Politician, Kaarina" data-sv="Politiker, S:t Karins">Poliitikko, Kaarina</p>
|
||
<a href="https://www.vihreat.fi" target="_blank" rel="noopener noreferrer" class="hero-party-logo" aria-label="Vihreät">
|
||
<img src="images/vihreat-logo.png" alt="Vihreät" class="party-logo">
|
||
</a>
|
||
<a href="#teemat" class="btn btn-primary" data-fi="Tutustu teemoihin" data-en="Explore themes" data-sv="Utforska teman">Tutustu teemoihin</a>
|
||
</div>
|
||
<div class="hero-image">
|
||
<img src="images/hero-headshot.jpg" alt="Jukka Lampikoski">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Themes Section -->
|
||
<section class="themes" id="teemat">
|
||
<div class="container">
|
||
<h2 class="section-title" data-fi="Miksi mukaan politiikkaan?" data-en="Why get into politics?" data-sv="Varför engagera sig i politik?">Miksi mukaan politiikkaan?</h2>
|
||
<p class="section-intro" data-fi="Neljän lapsen isänä tiedän, miten paljon lasten tulevaisuus riippuu päätöksistä, joita tehdään nyt. Yrittäjänä taas näen joka päivä, miten byrokratia ja korkeat kulut jarruttavat niitä, jotka haluaisivat työllistää ja luoda uutta. Lähdin politiikkaan, koska halusin olla mukana tekemässä ratkaisuja — en vain kommentoimassa sivusta." data-en="As a father of four, I know how much our children's future depends on the decisions we make today. As an entrepreneur, I see every day how bureaucracy and high costs hold back those who want to create jobs and innovate. I got into politics because I wanted to be part of making solutions — not just commenting from the sidelines." data-sv="Som far till fyra barn vet jag hur mycket barnens framtid beror på de beslut som fattas nu. Som företagare ser jag varje dag hur byråkrati och höga kostnader bromsar dem som vill anställa och skapa nytt. Jag gick in i politiken för att jag ville vara med och skapa lösningar — inte bara kommentera från sidan.">Neljän lapsen isänä tiedän, miten paljon lasten tulevaisuus riippuu päätöksistä, joita tehdään nyt. Yrittäjänä taas näen joka päivä, miten byrokratia ja korkeat kulut jarruttavat niitä, jotka haluaisivat työllistää ja luoda uutta. Lähdin politiikkaan, koska halusin olla mukana tekemässä ratkaisuja — en vain kommentoimassa sivusta.</p>
|
||
|
||
<div class="themes-grid three-col">
|
||
<div class="theme-card">
|
||
<div class="theme-number">01</div>
|
||
<h3 data-fi="Järkevä talous" data-en="Smart economy" data-sv="Klok ekonomi">Järkevä talous</h3>
|
||
<p data-fi="Veronmaksajien rahat ansaitsevat viisasta kohdentamista. Leikkaaminen ei ole ainoa tapa tasapainottaa taloutta — oikein kohdennettu euro koulutukseen, mielenterveyspalveluihin tai lapsiperheiden tukeen tulee moninkertaisena takaisin. Järkevä talous on sellaista, jossa investoidaan ihmisiin." data-en="Taxpayer money deserves wise allocation. Cutting isn't the only way to balance the budget — every euro well spent on education, mental health, or family support returns manifold. A smart economy invests in people." data-sv="Skattebetalarnas pengar förtjänar klok fördelning. Nedskärningar är inte det enda sättet att balansera ekonomin — varje euro som investeras rätt i utbildning, psykisk hälsa eller familjestöd ger mångfaldig avkastning. En klok ekonomi investerar i människor.">Veronmaksajien rahat ansaitsevat viisasta kohdentamista. Leikkaaminen ei ole ainoa tapa tasapainottaa taloutta — oikein kohdennettu euro koulutukseen, mielenterveyspalveluihin tai lapsiperheiden tukeen tulee moninkertaisena takaisin. Järkevä talous on sellaista, jossa investoidaan ihmisiin.</p>
|
||
</div>
|
||
|
||
<div class="theme-card">
|
||
<div class="theme-number">02</div>
|
||
<h3 data-fi="Yrittäjähenkisyys" data-en="Entrepreneurial spirit" data-sv="Företagaranda">Yrittäjähenkisyys</h3>
|
||
<p data-fi="Yli 20 vuoden yrittäjäkokemus on opettanut, mikä toimii ja mikä ei. Pienyrittäjät tarvitsevat vähemmän turhaa byrokratiaa, kohtuuhintaisia toimitiloja ja osaavaa työvoimaa. Kaupungin pitäisi olla yrittäjän kumppani — ei hidaste." data-en="Over 20 years of entrepreneurial experience has taught me what works and what doesn't. Small business owners need less unnecessary bureaucracy, affordable premises, and skilled workers. The city should be an entrepreneur's partner — not an obstacle." data-sv="Över 20 års erfarenhet som företagare har lärt mig vad som fungerar och vad som inte gör det. Småföretagare behöver mindre onödig byråkrati, rimliga lokaler och kompetent arbetskraft. Staden borde vara företagarens partner — inte ett hinder.">Yli 20 vuoden yrittäjäkokemus on opettanut, mikä toimii ja mikä ei. Pienyrittäjät tarvitsevat vähemmän turhaa byrokratiaa, kohtuuhintaisia toimitiloja ja osaavaa työvoimaa. Kaupungin pitäisi olla yrittäjän kumppani — ei hidaste.</p>
|
||
</div>
|
||
|
||
<div class="theme-card">
|
||
<div class="theme-number">03</div>
|
||
<h3 data-fi="Inhimilliset päätökset" data-en="Humane decisions" data-sv="Humana beslut">Inhimilliset päätökset</h3>
|
||
<p data-fi="Jokaisen lapsen pitää saada kasvaa turvallisesti. Se tarkoittaa riittäviä resursseja kouluihin, varhaiskasvatukseen ja mielenterveyspalveluihin. Neljän lapsen isänä tiedän, ettei mikään päätös ole tärkeämpi kuin se, joka koskee lasten ja perheiden hyvinvointia." data-en="Every child deserves to grow up safely. That means sufficient resources for schools, early education, and mental health services. As a father of four, I know that no decision is more important than one that affects children and families." data-sv="Varje barn förtjänar att växa upp tryggt. Det innebär tillräckliga resurser till skolor, förskola och mentalvårdstjänster. Som far till fyra barn vet jag att inget beslut är viktigare än det som rör barns och familjers välmående.">Jokaisen lapsen pitää saada kasvaa turvallisesti. Se tarkoittaa riittäviä resursseja kouluihin, varhaiskasvatukseen ja mielenterveyspalveluihin. Neljän lapsen isänä tiedän, ettei mikään päätös ole tärkeämpi kuin se, joka koskee lasten ja perheiden hyvinvointia.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- About Section -->
|
||
<section class="about-section" id="minusta">
|
||
<div class="about-content">
|
||
<div class="about-image">
|
||
<img src="images/about-autumn.jpg" alt="Jukka Lampikoski" loading="lazy">
|
||
</div>
|
||
<div class="about-text">
|
||
<h2 data-fi="Jukka Lampikoski" data-en="Jukka Lampikoski" data-sv="Jukka Lampikoski">Jukka Lampikoski</h2>
|
||
<ul class="about-facts">
|
||
<li data-fi="Kaarinan Vihreiden jäsen" data-en="Member of the Greens, Kaarina" data-sv="Medlem i De Gröna, S:t Karins">Kaarinan Vihreiden jäsen</li>
|
||
<li data-fi="Neljän lapsen isä" data-en="Father of four" data-sv="Far till fyra barn">Neljän lapsen isä</li>
|
||
<li data-fi="Yli 20 vuoden kokemus yrittäjänä" data-en="Over 20 years of entrepreneurial experience" data-sv="Över 20 års erfarenhet som företagare">Yli 20 vuoden kokemus yrittäjänä</li>
|
||
<li data-fi="Insinööri (YAMK) — Teknologiaosaamisen johtaminen" data-en="Master of Engineering — Technology Management" data-sv="Ingenjör (högre YH) — Teknologikompetens och ledarskap">Insinööri (YAMK) — Teknologiaosaamisen johtaminen</li>
|
||
<li data-fi="Tradenomi (AMK) — Tietoliikenne ja tietoturva" data-en="Bachelor of Business Administration — Telecommunications and Security" data-sv="Tradenom (YH) — Telekommunikation och datasäkerhet">Tradenomi (AMK) — Tietoliikenne ja tietoturva</li>
|
||
<li data-fi="Puuseppä" data-en="Carpenter" data-sv="Snickare">Puuseppä</li>
|
||
<li data-fi="Kulttuurin tukija ja tapahtumajärjestäjä" data-en="Culture advocate and event organizer" data-sv="Kulturfrämjare och evenemangsarrangör">Kulttuurin tukija ja tapahtumajärjestäjä</li>
|
||
</ul>
|
||
<p class="about-quote" data-fi="«Ollaan me vastuullisina päättäjinä osa ratkaisua eikä ongelmaa!»" data-en="«Let's be responsible decision-makers — part of the solution, not the problem!»" data-sv="«Låt oss vara ansvarsfulla beslutsfattare — en del av lösningen, inte problemet!»">«Ollaan me vastuullisina päättäjinä osa ratkaisua eikä ongelmaa!»</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Trust Positions Section -->
|
||
<section class="positions-section" id="luottamustoimet">
|
||
<div class="container">
|
||
<h2 class="section-title" data-fi="Luottamustoimet" data-en="Positions of trust" data-sv="Förtroendeuppdrag">Luottamustoimet</h2>
|
||
<div class="positions-grid">
|
||
<div class="positions-column">
|
||
<h3 data-fi="Kuntapolitiikka" data-en="Municipal politics" data-sv="Kommunalpolitik">Kuntapolitiikka</h3>
|
||
<ul class="positions-list">
|
||
<li>
|
||
<span class="position-title" data-fi="Kaarinan kaupunginvaltuutettu" data-en="City Councillor, Kaarina" data-sv="Stadsfullmäktigeledamot, S:t Karins">Kaarinan kaupunginvaltuutettu</span>
|
||
<span class="position-year">2017–2021</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Kaarinan kaupunginhallituksen varajäsen" data-en="Deputy Member, City Board of Kaarina" data-sv="Ersättare i stadsstyrelsen, S:t Karins">Kaarinan kaupunginhallituksen varajäsen</span>
|
||
<span class="position-year">2021–2023</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Kaarinan sivistyslautakunnan jäsen" data-en="Member, Education Committee" data-sv="Ledamot i bildningsnämnden">Kaarinan sivistyslautakunnan jäsen</span>
|
||
<span class="position-year">2021–2023</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Kaarinan vapaa-ajan lautakunnan jäsen" data-en="Member, Leisure Committee" data-sv="Ledamot i fritidsnämnden">Kaarinan vapaa-ajan lautakunnan jäsen</span>
|
||
<span class="position-year">2017–2021</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Kaarinan taloustyöryhmän jäsen" data-en="Member, Financial Working Group" data-sv="Ledamot i ekonomiarbetsgruppen">Kaarinan taloustyöryhmän jäsen</span>
|
||
<span class="position-year">2017–2023</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Kaarinan vammaisneuvoston jäsen" data-en="Member, Disability Council" data-sv="Ledamot i handikapprådet">Kaarinan vammaisneuvoston jäsen</span>
|
||
<span class="position-year">2021–2023</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Kaarinan valtuuston varajäsen" data-en="Deputy Member, City Council" data-sv="Ersättare i stadsfullmäktige">Kaarinan valtuuston varajäsen</span>
|
||
<span class="position-year">2021–2023</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="positions-column">
|
||
<h3 data-fi="Puolue- ja muut luottamustoimet" data-en="Party and other positions" data-sv="Parti- och övriga uppdrag">Puolue- ja muut luottamustoimet</h3>
|
||
<ul class="positions-list">
|
||
<li>
|
||
<span class="position-title" data-fi="Varsinais-Suomen vihreiden varapuheenjohtaja ja hallituksen jäsen" data-en="Vice Chair and Board Member, Southwest Finland Greens" data-sv="Vice ordförande och styrelseledamot, Egentliga Finlands Gröna">Varsinais-Suomen vihreiden varapuheenjohtaja ja hallituksen jäsen</span>
|
||
<span class="position-year">2024–2025</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Varsinais-Suomen Asumisoikeus Oy:n hallituksen jäsen" data-en="Board Member, Southwest Finland Housing Association" data-sv="Styrelseledamot, Egentliga Finlands Bostadsrätt Ab">Varsinais-Suomen Asumisoikeus Oy:n hallituksen jäsen</span>
|
||
<span class="position-year current">2017–</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Varsinais-Suomen sote-seurantaryhmän varajäsen" data-en="Deputy Member, Regional Healthcare Monitoring Group" data-sv="Ersättare i social- och hälsovårdsuppföljningsgruppen">Varsinais-Suomen sote-seurantaryhmän varajäsen</span>
|
||
<span class="position-year">2020–2022</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Lounais-Suomen jätehuoltolautakunnan varajäsen" data-en="Deputy Member, Southwest Finland Waste Management Board" data-sv="Ersättare i avfallshanteringsnämnden i Sydvästra Finland">Lounais-Suomen jätehuoltolautakunnan varajäsen</span>
|
||
<span class="position-year">2017–2021</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="TalousVihreät hallituksen jäsen" data-en="Board Member, Economic Greens" data-sv="Styrelseledamot, EkonomiGröna">TalousVihreät hallituksen jäsen</span>
|
||
<span class="position-year">2023–2024</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Naantalin Vihreiden hallituksen jäsen" data-en="Board Member, Naantali Greens" data-sv="Styrelseledamot, Nådendals Gröna">Naantalin Vihreiden hallituksen jäsen</span>
|
||
<span class="position-year">2024</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Kaarinan Vihreiden puheenjohtaja" data-en="Chair, Kaarina Greens" data-sv="Ordförande, S:t Karins Gröna">Kaarinan Vihreiden puheenjohtaja</span>
|
||
<span class="position-year">2020–2021</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Varsinais-Suomen vihreiden hallituksen jäsen" data-en="Board Member, Southwest Finland Greens" data-sv="Styrelseledamot, Egentliga Finlands Gröna">Varsinais-Suomen vihreiden hallituksen jäsen</span>
|
||
<span class="position-year">2018–2020</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Varsinais-Suomen tieteen ja teknologian vihreiden hallituksen jäsen" data-en="Board Member, Southwest Finland Science and Technology Greens" data-sv="Styrelseledamot, Egentliga Finlands vetenskaps- och teknologigröna">Varsinais-Suomen tieteen ja teknologian vihreiden hallituksen jäsen</span>
|
||
<span class="position-year">2018–2021</span>
|
||
</li>
|
||
<li>
|
||
<span class="position-title" data-fi="Kaarinan Vihreiden hallituksen jäsen" data-en="Board Member, Kaarina Greens" data-sv="Styrelseledamot, S:t Karins Gröna">Kaarinan Vihreiden hallituksen jäsen</span>
|
||
<span class="position-year">2017–2019</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Banner Section -->
|
||
<section class="banner-section">
|
||
<div class="banner-image" style="background-image: url('images/banner-redhouse.jpg');">
|
||
<div class="banner-overlay">
|
||
<p class="banner-text" data-fi="Rakennetaan yhdessä parempaa huomista." data-en="Let's build a better tomorrow together." data-sv="Låt oss bygga en bättre morgondag tillsammans.">Rakennetaan yhdessä parempaa huomista.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Contact Section -->
|
||
<section class="contact-section" id="yhteystiedot">
|
||
<div class="container">
|
||
<h2 class="section-title light" data-fi="Ota yhteyttä" data-en="Get in touch" data-sv="Kontakta mig">Ota yhteyttä</h2>
|
||
<div class="contact-content">
|
||
<div class="contact-info">
|
||
<p class="contact-name">Jukka Lampikoski</p>
|
||
<p class="contact-email">
|
||
<a href="mailto:jukka@lampikoski.com">jukka@lampikoski.com</a>
|
||
</p>
|
||
<div class="contact-social">
|
||
<a href="https://www.instagram.com/jukkalampikoski/" target="_blank" rel="noopener noreferrer" class="social-link" aria-label="Instagram">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
|
||
<span>@jukkalampikoski</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="contact-cta">
|
||
<p class="contact-message" data-fi="Ota rohkeasti yhteyttä — vastaan mielelläni kaikkiin kysymyksiin!" data-en="Don't hesitate to reach out — I'm happy to answer all questions!" data-sv="Tveka inte att höra av dig — jag svarar gärna på alla frågor!">Ota rohkeasti yhteyttä — vastaan mielelläni kaikkiin kysymyksiin!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<p>© 2025 Jukka Lampikoski</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|