diff --git a/index.html b/index.html
deleted file mode 100644
index 9c71f45..0000000
--- a/index.html
+++ /dev/null
-<!DOCTYPE html>
-<html lang="fi">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <link rel="stylesheet" href="style.css" type="text/css" media="all">
- <title>NeoYle, uutisten tulevaisuus</title>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <!-- En voinut hillitä itseäni -->
- <link href="https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap" rel="stylesheet">
- </head>
- <body class="light-theme">
- <header>
- <nav>
- <a href="#" id="logocontainer">
- <object data="/neoyle.svg" type="image/svg+xml" id="logo"></object>
- </a>
- <a href="#">Uutiset</a>
- <a id="themebtn">Teema</a>
- <noscript>Vaalean ja pimäen teeman vaihtoon vaaditaan Javascript</noscript>
- </nav>
- </header>
- <main>
- <section>
- <a href="#">
- <div class="imgcontainer">
- <img src="https://upload.wikimedia.org/wikipedia/commons/4/46/Pekka_Kyytinen_196611_M012_KK5596_19_OK_27.jpg">
- </div>
- <h1>Voiko Jaakko Pekka pelastaa Suomen ilmastopolitiikan?</h1>
- <p>
- Jaakko Pekka on noussut suosioon Suomen politiikan piiressä viime vuosina. Mutta onko tämä hyvä asia?
- Voiko Jaakko Pekka oikeasti tehdä Suomen tulevaisuudesta ilmastoystävällisemmän?
- </p>
- </a>
- </section>
- <section>
- <a href="#">
- <div class="imgcontainer">
- <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRbLPlyjkrqdSCJmKyrham7F5heGIHlFIBQSg&s">
- </div>
- <h1>Ovatko lentokoneet lähtemässä lentoon?</h1>
- <p>
- "Lentokoneet" ovat saanet paljon huomiota lähiaikoina, vaikka yksikään ei ole vieläkään lentänyt atlantin yli.
- Ovat lentokoneet oikeasti tulevaisuus? Kysyimme asiantuntijalta.
- </p>
- </a>
- </section>
- <section>
- <a href="#">
- <div class="imgcontainer">
- <img src="https://www.hankikoira.fi/sites/default/files/rodut/2014_06_29_065_pieni.jpg">
- </div>
- <h1>Voivatko koirat ratkaista Intian ja Pakistanin välisen kriisin?</h1>
- <p>
- Intia ja Pakistani ovat kiistailleet muunmuassa Kashmirin alueista jo pitkiä aikoja, mutta näin eilen lenkillä koiran,
- ja huomasin niiden olevan todella söpöjä. Juu. Haista paska.
- </p>
- </a>
- </section>
- <section>
- <a href="#">
- <div class="imgcontainer">
- <iframe src="https://www.youtube.com/embed/-CNymheDE3M?si=Zb4Dpq59ESXvV3Ik" title="YouTube video player" frameborder="0" allow="autoplay;clipboard-write; encrypted-media;picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
- </div>
- <h1>Voiko kissalle antaa hieman salaamia?</h1>
- <p>
- Helsingin Yliopisto on lähiaikoina tutkinut yhteistyössä 27 valtion korkeidenkoulutusasteiden laitosten kanssa,
- tutkiakseen salamin vaikutusta kissoille. Kysymys lienee voitko, ja kannattaisiko sinun? Vastaus saattaa yllättää.
- </p>
- </a>
- </section>
- <section>
- <a href="#">
- <div class="imgcontainer">
- <img src="https://imengine.public.prod.hil.infomaker.io/?uuid=bac438a0-988e-5292-83ef-1817da5262f0&function=fit&type=preview&source=false&q=90&maxsize=1200&scaleup=0">
- </div>
- <h1>Hallitus puolittaa jälleen ammattikoulujen rahoituksen</h1>
- <p>
- Hallitus on jälleen puolittanut ammattikoulujen rahoituksen, suureksi pettymykseksi toisen asteen opettajille.
- "Se on" kuten Keski-Pohjanmaan ammattiopiston rehtori Nina Sundström vakuuttaa, "aika harmillinen asia".
- Asiantuntijat sanovat, että tämä vaikuttaa Tokmannin aukioloaikoihin.
- </p>
- </a>
- </section>
- </main>
- <script src="theme-switch.js" charset="utf-8"></script>
- </body>
-</html>
diff --git a/style.css b/style.css
index 8378e53..ec3549b 100644
--- a/style.css
+++ b/style.css
nav {
display: flex;
flex-flow: row wrap;
- max-width: 20em;
+ max-width: 40em;
height: 100%;
margin: auto;
}
margin: auto;
}
-#svg4073 {
+object, #svg4073 {
height: 100%;
width: fit-content;
+ pointer-events: none;
}
#logocontainer {
height: 100%;
+ cursor: url("images/cur.jpg"), grab;
}
#themebtn {
aspect-ratio: 16/9;
}
+.right {
+ text-align: right;
+}
+
.light-theme {
--bg: #eee;
--news-bg: #fff;