-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathon_canvas.html
executable file
·146 lines (130 loc) · 7.33 KB
/
on_canvas.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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<title>index_on_canvas</title>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" style type="text/css" href="main.css">
</head>
<body>
<div id="wrapper">
<div id ="header" ><span>Agata Klu<span id = "z">ź</span>niak</span>
</div>
<div id ="menu">
<div class="dropdown" id = "about"><span>ABOUT</span>
<ul class = "dropdown-content">
<li><a href="about_art.html">art</a></li>
<li><a href="about_artist.html">artist</a></li>
</ul>
</div>
<div class="dropdown" id = "works"><span>WORKS</span>
<ul class="dropdown-content">
<li><a href="#"><span>on canvas</span></a></li>
<li><a href="on_paper.html">on paper</a></li>
</ul>
</div>
<div class="dropdown" id = "contact"><span>CONTACT</span>
<ul class = "dropdown-content">
<li><a href="mailto:garsc79@tlen.pl">write to Agata</a></li>
</ul>
</div>
</div>
<div id ="main">
<div class="slideshow">
<figure class="show">
<img class = "image" sizes="(min-width: 500px) 500px, 100vw" srcset="images/img1_1_mobil.png 400w, images/img1_1_fullScreen.png 600w"
src= "images/img1_1_fullScreen.png" alt = "Feather, oil on canvas 43x53cm Summer 2016">
<p class = "caption"><em>Feather</em>, oil on canvas 43x53cm Summer 2016</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 500px) 500px, 100vw"
srcset="images/img2_1_mobil.png 400w, images/img2_1_fullScreen.png 600w"
src= "images/img2_1_fullScreen.png" alt = "Black Circle, oil on canvas 60x76cm Spring 2015">
<p class = "caption"><em>Black Circle</em>, oil on canvas 60x76cm Spring 2015</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 500px) 500px, 100vw"
srcset="images/img3_1_mobil.png 400w, images/img3_1_fullScreen.png 600w"
src = "images/img3_1_fullScreen.jpg" alt = "Red Bowl, oil on canvas 60x76cm Winter 2010">
<p class = "caption"><em>Red Bowl</em>, oil on canvas 60x76cm Winter 2010</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 500px) 500px, 100vw"
srcset="images/img4_1_mobil.png 400w, images/img4_1_fullScreen.png 600w"
src = "images/img4_1_fullScreen.png" alt = "Memory with Stone, oil on canvas 85x96 2015">
<p class = "caption"><em>Memory with Stone</em>, oil on canvas 85x96 2015</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 500px) 500px, 100vw"
srcset="images/img5_1_mobil.png 400w, images/img5_1_fullScreen.png 600w"
src = "images/img5_1_fullScreen.png" alt = "The Lighthouse, oil on canvas 85x96cm 2015">
<p class = "caption"><em>The Lighthouse</em>, oil on canvas 85x96cm 2015</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 500px) 500px, 100vw"
srcset="images/img6_1_mobil.png 400w, images/img6_1_fullScreen.png 600w"
src = "images/img6_1_fullScreen.png" alt = "No title, oil on wood 29x38cm 2016">
<p class = "caption"><em>No title</em>, oil on wood 29x38cm 2016</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 600px) 500px, 100vw"
srcset="images/img7_1_mobil.png 400w, images/img7_1_fullScreen.png 600w"
src = "images/img7_1_fullScreen.png" alt = "No title, oil on canvas 25x36cm Summer 2016">
<p class = "caption"><em>No title</em>, oil on canvas 25x36cm Summer 2016</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 500px) 500px, 100vw"
srcset="images/img8_1_mobil.png 400w, images/img8_1_fullScreen.png 600w"
src = "images/img8_1_fullScreen.png" alt = "No title, oil on wood 29x38cm Summer 2016">
<p class = "caption"><em>No title</em>, oil on wood 29x38cm Summer 2016</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 600px) 600px, 100vw"
srcset="images/img9_1_mobil.png 400w, images/img9_1_fullScreen.png 600w"
src = "images/img9_1_fullScreen.png" alt = "No title, acrylic on wood 29x38cm Spring 2016">
<p class = "caption"><em>No title</em>, acrylic on wood 29x38cm Spring 2016</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 500px) 500px, 100vw"
srcset="images/img10_1_mobil.png 400w, images/img10_1_fullScreen.png 600w"
src = "images/img10_1_fullScreen.png" alt = "Landscape with Red Line, oil on canvas 48x60cm 2014">
<p class = "caption"><em>Landscape with Red Line</em>, oil on canvas 48x60cm 2014</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 500px) 500px, 100vw"
srcset="images/img11_1_mobil.png 400w, images/img11_1_fullScreen.png 600w"
src = "images/img11_1_fullScreen.png" alt = "No title, oil on canvas 60x76cm 2014">
<p class = "caption"><em>No title</em>, oil on canvas 60x76cm 2014
</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 600px) 600px, 100vw"
srcset="images/img12_1_mobil.png 400w, images/img12_1_fullScreen.png 600w"
src = "images/img12_1_fullScreen.png" alt = "Purple Painting, oil on canvas 60x76cm 2014">
<p class = "caption"><em>Purple Painting</em>, oil on canvas 60x76cm 2014</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 450px) 450px, 100vw"
srcset="images/img13_1_mobil.png 400w, images/img13_1_fullScreen.png 600w"
src = "images/img13_1_fullScreen.png" alt = "Yellow with Flower, oil on canvas 58x91cm 2016">
<p class = "caption"><em>Yellow with Flower</em>, oil on canvas 58x91cm 2016</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 500px) 500px, 100vw"
srcset="images/img14_1_mobil.png 400w, images/img14_1_fullScreen.png 600w"
src = "images/img14_1_mobil.png" alt = "Green with Red, oil on canvas 56x73cm 2015">
<p class = "caption"><em>Green with Red</em>, oil on canvas 56x73cm 2015</p>
</figure>
<figure>
<img class = "image" sizes="(min-width: 500px) 500px, 100vw"
srcset="images/img15_1_mobil.png 400w, images/img15_1_fullScreen.png 600w"
src = "images/img15_1_mobil.png" alt = "Green Painting, oil on canvas 60x76cm 2014">
<p class = "caption"><em>Green Painting</em>, oil on canvas 60x76cm 2014</p>
</figure>
<span class="prev">«</span>
<span class="next">»</span>
</div>
</div>
<div id ="footer">Agata © 2017
</div>
</div>
<script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
<script src="main.js"></script>
</body>