-
Notifications
You must be signed in to change notification settings - Fork 1
/
journeys.html
158 lines (158 loc) · 8.82 KB
/
journeys.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
147
148
149
150
151
152
153
154
155
156
157
158
<!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" />
<meta
name="description"
content="Embark on a journey through the colorful and emotional world of Van Gogh's art. Explore his life story, his techniques, and the inspiration behind his masterpieces. Discover the passion, the pain, and the creativity behind his art."
/>
<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=Playfair+Display:wght@400;500;800;900&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="./css/journeys.css" />
<script src="./js/journeys.js" defer></script>
<link rel="icon" type="image/x-icon" href="./assets/homepage/favicon-vincentvangogh.webp" />
<title>Vincent's life - Journeys & Places</title>
</head>
<body>
<main class="Main">
<div class="Main-header">
<a class="Prev-link" href="vincentslife.html" title="Go to Vincent's life page">
<div class="Prev-btn" aria-label="Previous">
<svg class="Prev-svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" aria-label="Button-previous">
<path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
</svg>
</div>
</a>
<div class="Header-image">
<img class="Column-img" src="./assets/vincentslife/cafeatnight-vincentvangogh.webp" alt="Café Terrace at Night by Vincent Van Gogh" loading="lazy" >
<span class="Frame-image"></span>
</div>
<div class="Title-container">
<h2 class="Title-h2">journeys & places</h2>
</div>
</div>
<div class="Background-container"></div>
<div class="Text-container">
<section class="Intro-container">
<p class="Intro-p">
Van Gogh's travels and experiences were crucial to the development of his unique artistic style. His use of color and brushwork was heavily influenced by the landscapes and cultures he
encountered, and his work continues to inspire and captivate viewers to this day.
</p>
</section>
<div class="Text-columns">
<section class="Section-container">
<div class="Image-container">
<img class="Section-image" src="./assets/vincentslife/theharvest-vincentvangogh.webp" alt="The Harvest by Vincent Van Gogh" loading="lazy" >
</div>
<div class="Section-text">
<h4 class="Section-h4">the netherlands</h4>
<span class="Section-span">1853-1885</span>
<p class="Section-p">
He was heavily influenced by the landscape and the people around him. He frequently painted peasant laborers and rural scenes, and his use of dark, earthy colors reflects the Dutch
countryside.
</p>
<div class="Info-container">
<span class="Info-title">the harvest</span>
<span class="Info-year">1888</span>
<span class="Info-place">Van Gogh Museum. Amsterdam, Netherlands</span>
</div>
</div>
</section>
<section class="Section-container">
<div class="Image-container">
<img class="Section-image" src="./assets/vincentslife/thespinner-vincentvangogh.webp" alt="The Spinner by Vincent Van Gogh" loading="lazy" >
</div>
<div class="Section-text">
<h4 class="Section-h4">Antwerp and Brussels, Belgium</h4>
<span class="Section-span">1880-1881</span>
<p class="Section-p">
He was exposed to the work of contemporary artists like Millet and Rembrandt while at the Royal Academy of Fine Arts. He experimented with different techniques and styles during this
time, and his work began to take on a more somber tone.
</p>
<div class="Info-container">
<span class="Info-title">the spinner</span>
<span class="Info-year">1889</span>
<span class="Info-place">Kröller-Müller Museum, Otterlo, Netherlands</span>
</div>
</div>
</section>
<section class="Section-container">
<div class="Image-container">
<img class="Section-image" src="./assets/vincentslife/theyellowhouse-vincentvangogh.webp" alt="The Yellow House by Vincent Van Gogh" loading="lazy" >
</div>
<div class="Section-text">
<h4 class="Section-h4">paris, france</h4>
<span class="Section-span">1886-1888</span>
<p class="Section-p">
Van Gogh moved to Paris in 1886 and was heavily influenced by the Impressionists and Post-Impressionists, particularly the works of Claude Monet and Georges Seurat. He began
experimenting with brighter colors and more expressive brushstrokes, and his work became more vibrant and lively.
</p>
<div class="Info-container">
<span class="Info-title">the yellow house</span>
<span class="Info-year">1888</span>
<span class="Info-place">Van Gogh Museum. Amsterdam, Netherlands</span>
</div>
</div>
</section>
<section class="Section-container">
<div class="Image-container">
<img class="Section-image" src="./assets/vincentslife/starrynight-vincentvangogh-small.webp" alt="Starry Night by Vincent Van Gogh" loading="lazy" >
</div>
<div class="Section-text">
<h4 class="Section-h4">Arles, France</h4>
<span class="Section-span">1888-1889</span>
<p class="Section-p">
He moved to Arles seeking warmer weather and brighter light. He was deeply inspired by the landscape and the vibrant colors of the Mediterranean, and his work during this period is
characterized by bold, swirling brushstrokes and vivid, contrasting colors.
</p>
<div class="Info-container">
<span class="Info-title">starry night</span>
<span class="Info-year">1889</span>
<span class="Info-place">Museum Of Modern Art, New York, USA</span>
</div>
</div>
</section>
<section class="Section-container">
<div class="Image-container">
<img class="Section-image" src="./assets/vincentslife/irises-vincentvangogh.webp" alt="Irises by Vincent Van Gogh" loading="lazy" >
</div>
<div class="Section-text">
<h4 class="Section-h4">Saint-Rémy-de-Provence, France</h4>
<span class="Section-span">1889-1890</span>
<p class="Section-p">
Van Gogh voluntarily committed himself to the Saint-Paul-de-Mausole asylum in Saint-Rémy-de-Provence in 1889, where he continued to paint prolifically. He was surrounded by gardens and
nature, and his work during this period often features swirling, organic forms and rich, natural colors.
</p>
<div class="Info-container">
<span class="Info-title">irises</span>
<span class="Info-year">1889</span>
<span class="Info-place">J. Paul Getty Museum. LA, California. USA</span>
</div>
</div>
</section>
<section class="Section-container">
<div class="Image-container">
<img class="Section-image" src="./assets/vincentslife/wheatfieldwithcrows-vincentvangogh.webp" alt="Wheatfield with Crows by Vincent Van Gogh" loading="lazy" >
</div>
<div class="Section-text">
<h4 class="Section-h4">Auvers-sur-Oise, France</h4>
<span class="Section-span">1890</span>
<p class="Section-p">
He moved to Auvers-sur-Oise where he was drawn to the pastoral landscapes and the simple way of life there, and his work during this period features many views of the town and the
surrounding countryside. However, he also struggled with mental illness and took his own life in July of that year.
</p>
<div class="Info-container">
<span class="Info-title">wheatfield with crows</span>
<span class="Info-year">1890</span>
<span class="Info-place">Van Gogh Museum. Amsterdam, Netherlands</span>
</div>
</div>
</section>
</div>
</div>
</main>
</body>
</html>