-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-pc.html
60 lines (59 loc) · 5.82 KB
/
index-pc.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">`
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Joe Hunt Online Painting Gallery</title>
<link rel="stylesheet" href="index401.css">
<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=Economica&display=swap" rel="stylesheet">
<style>a:link , a:visited {color: blanchedalmond};</style>
</head>
<body>
<main>
<div class="container">
<div class="itemleft">
<div>
<button class="logobutton" onclick="window.location.href='https://codingmanj.github.io/paint/'">Joe Hunt Online Painting Gallery</button></div>
<br><br>
<div><a href="index.html"><button class="floorbutton" role="button">Regular Exhibition - Mixed</button></a><a href="index-market.html"><button class="floorbutton" role="button">Special Exhibition - Market</button></a></div>
<br><br>
Q: How many master pieces are showing?<br>
A: 20 (updated date: 5/Oct/2023)<br><br>
Q: Any tip?<br>
A: You can zoom in or zoom out on your phone<br><br>
Website Version 1.02 | Since 1/Sept/2020.<br><br>
</div>
<div class="itemspace"></div>
<div class="normal" id="thefirstone"><a href="images/9.jpg"><img class="item0" src="images/9.jpg"></a><figcaption></figcaption></div>
<div class="normal"><a href="images/10.jpg"><img class="item" src="images/10.jpg"></a><figcaption></figcaption></div>
<div class="normal"><a href="images/11.jpg"><img class="item" src="images/11.jpg"></a><figcaption></figcaption></div>
<div class="normal"><a href="images/12.jpg"><img class="item" src="images/12.jpg"></a><figcaption></figcaption></div>
<div class="normal"><a href="images/15.jpg"><img class="item" src="images/15.jpg"></a><figcaption></figcaption></div>
<div class="normal"><a href="images/18.jpg"><img class="item" src="images/18.jpg"></a><figcaption></figcaption></div>
<div class="normal"><a href="images/20.jpg"><img class="item0" src="images/20.jpg"></a><figcaption></figcaption></div>
<div class="normal"><a href="images/21.jpg"><img class="item0" src="images/21.jpg"></a><figcaption></figcaption></div>
<div class="normal"><a href="images/22.jpg"><img class="item1" src="images/22.jpg"></a><figcaption></figcaption></div>
<div class="normal"><a href="images/23.jpg"><img class="item0" src="images/23.jpg"></a><figcaption></figcaption></div>
<div class="normal" id="thecenterone"><img class="item" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Arthur_Streeton_-_Early_summer_-_gorse_in_bloom_-_Google_Art_Project.jpg/1600px-Arthur_Streeton_-_Early_summer_-_gorse_in_bloom_-_Google_Art_Project.jpg"><figcaption>Arthur Streeton - Early Summer-Gorse in Bloom - 1888</figcaption></div>
<div class="normal"><a href="images/Arthur_Streeton_-_Golden_summer,_Eaglemont_-_Google_Art_Project.jpg"><img class="item" src="images/Arthur_Streeton_-_Golden_summer,_Eaglemont_-_Google_Art_Project.jpg"></a><figcaption><a href="https://www.google.com/search?q=Arthur+Streeton&client=safari&rls=en&sxsrf=APq-WBsudaCwG0JKeQ-LXe_yWwdZEM0BEA%3A1643796921136&ei=uVn6Yd_VB5ma4-EP3r6GKA&ved=0ahUKEwiflsTc5OD1AhUZzTgGHV6fAQUQ4dUDCA0&uact=5&oq=Arthur+Streeton&gs_lcp=Cgdnd3Mtd2l6EAMyBQgAEIAEMgUIABCABDIFCAAQgAQyBQgAEIAEMgUIABCABDIFCAAQgAQyBQgAEIAEMgUILhCABDIFCAAQgAQyBQgAEIAEOgcIABBHELADOgYIABAHEB5KBAhBGABKBAhGGABQjwtYgg1g4g5oAXACeACAAdQBiAGDA5IBBTAuMS4xmAEAoAEByAEIwAEB&sclient=gws-wiz">Arthur Streeton - Golden Summer, Eaglemont - 1889</a></figcaption></div>
<div class="normal"><img class="item" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Arthur_Streeton_-_The_railway_station%2C_Redfern_-_Google_Art_Project.jpg/1920px-Arthur_Streeton_-_The_railway_station%2C_Redfern_-_Google_Art_Project.jpg"><figcaption>Arthur Streeton - The Railway Station Redfern - 1893</figcaption></div>
<div class="normal"><img class="item" src="https://upload.wikimedia.org/wikipedia/commons/7/7c/Arthur_Streeton_-_‘The_purple_noon%27s_transparent_might’_-_Google_Art_Project.jpg"><figcaption>Arthur Streeton - The Purple Noon's transparent might - 1896</figcaption></div>
<div class="normal"><a href="images/602539sl.jpeg"><img class="item" src="images/602539sl.jpeg"></a><figcaption><a href="https://artvee.com/artist/arnoldus-bloemers/https://artvee.com/artist/arnoldus-bloemers/">Arnoldus Bloemers</a></figcaption></div>
<div class="normal"><a href="images/john-atkinson-grimshaw-liverpool-lights.jpeg"><img class="item" src="images/john-atkinson-grimshaw-liverpool-lights.jpeg"></a><figcaption><a href="https://artvee.com/artist/john-atkinson-grimshaw/">John Atkinson Grimshaw - Liverpool Lights - 1887</a></figcaption></div>
<div class="normal"><img class="item" src="images/502846ld.jpeg"><figcaption>John Atkinson Grimshaw - Sand, Sea and Sky, a Summer Phantasy - 1892</figcaption></div>
<div class="normal"><img class="item" src="images/ontheseine.jpeg"><figcaption>Martin Rico y Ortega - On the Seine - 1869</figcaption></div>
<div class="itemspace">End of the the exhibition.<button class="floorbutton"><a href="#thecenterone" style="color: black;" >Back to the CENTER</button><button class="floorbutton"><a href="#thefirstone" style="color: black;" >Back to the BEGINNING.</button></div>
</div>
</main>
<script>
const scrollContainer = document.querySelector("main");
scrollContainer.addEventListener("wheel", (evt) => {
evt.preventDefault();
scrollContainer.scrollLeft += evt.deltaY;
});
</script>
</body>
</html>