Add PSKOV sample: 03.Blog

This commit is contained in:
2019-05-23 12:53:23 +03:00
parent 22369f2f5d
commit 5e23adeb5c
28 changed files with 2482 additions and 0 deletions

View File

@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/1885.01.bullocks.html">EN</a>
<a href="../../ru/blog/1885.01.bullocks.html">RU</a>
</div>
</div>
<center>
<h1>В блоге...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1885.01.bullocks.html">Волы</a>
</h2>
<p class="itemDate">1885</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/c/cb/Walentin_Aleksandrovich_Serov_Bullocks.jpg" alt="Волы" /></p>
<p>Я писал этюд "Волы", пока находился у Кузнецовых в Одессе в 1885-м. </p>
</div>
</center>
</body>
</html>

View File

@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/1886.01.autumn-evening.html">EN</a>
<a href="../../ru/blog/1886.01.autumn-evening.html">RU</a>
</div>
</div>
<center>
<h1>В блоге...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1886.01.autumn-evening.html">Осень. Домотканово</a>
</h2>
<p class="itemDate">1886-01</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Serov_Autumn_evening_1886.jpg" alt="Осень. Домотканово" /></p>
<p>Я написал "Осень. Домотканово", когда останавливался у своего друга в поместьи <a href="https://ru.wikipedia.org/wiki/%D0%9A%D1%80%D0%B0%D1%81%D0%BD%D0%B0%D1%8F_%D0%9D%D0%BE%D0%B2%D1%8C_(%D0%A2%D0%B2%D0%B5%D1%80%D1%81%D0%BA%D0%B0%D1%8F_%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C)">Домотканово</a>.</p>
</div>
</center>
</body>
</html>

View File

@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/1886.02.by-the-window.html">EN</a>
<a href="../../ru/blog/1886.02.by-the-window.html">RU</a>
</div>
</div>
<center>
<h1>В блоге...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1886.02.by-the-window.html">У окна</a>
</h2>
<p class="itemDate">1886-02</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/7/72/Walentin_Aleksandrovich_Serov_By_the_Window.jpg" alt="У окна" /></p>
<p>А вот и "У окна", портрет моей подруги (тогда) Ольги Трубниковой. Только взгляните на неё!</p>
</div>
</center>
</body>
</html>

View File

@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/1887.01.venice.html">EN</a>
<a href="../../ru/blog/1887.01.venice.html">RU</a>
</div>
</div>
<center>
<h1>В блоге...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1887.01.venice.html">Площадь Св. Марка в Венеции</a>
</h2>
<p class="itemDate">1887-01</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/d/d2/St._Mark_Plaza_in_Venice.jpg" alt="Площадь Св. Марка в Венеции" /></p>
<p>Я был в Венеции, поэтому не смог удержаться написать её Площадь Св. Марка.</p>
</div>
</center>
</body>
</html>

View File

@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/1887.02.girl-with-peaches.html">EN</a>
<a href="../../ru/blog/1887.02.girl-with-peaches.html">RU</a>
</div>
</div>
<center>
<h1>В блоге...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1887.02.girl-with-peaches.html">Девочка с персиками</a>
</h2>
<p class="itemDate">1887-02</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/a/a6/Valentin_Serov_-_%D0%94%D0%B5%D0%B2%D0%BE%D1%87%D0%BA%D0%B0_%D1%81_%D0%BF%D0%B5%D1%80%D1%81%D0%B8%D0%BA%D0%B0%D0%BC%D0%B8._%D0%9F%D0%BE%D1%80%D1%82%D1%80%D0%B5%D1%82_%D0%92.%D0%A1.%D0%9C%D0%B0%D0%BC%D0%BE%D0%BD%D1%82%D0%BE%D0%B2%D0%BE%D0%B9_-_Google_Art_Project.jpg" alt="Девочка с персиками" /></p>
<p>Моя знаменитая "Девочка с персиками", портрет Мамонтовой.</p>
</div>
</center>
</body>
</html>

View File

@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/1888.girl-in-the-sunlight.html">EN</a>
<a href="../../ru/blog/1888.girl-in-the-sunlight.html">RU</a>
</div>
</div>
<center>
<h1>В блоге...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1888.girl-in-the-sunlight.html">Девушка, освещённая солнцем</a>
</h2>
<p class="itemDate">1888</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/5/55/Girl_in_the_Sunlight._Portrait_of_Maria_Simonovich._1888._Oil_on_canvas._The_Tretyakov_Gallery%2C_Moscow%2C_Russia..jpg" alt="Девушка, освещённая солнцем" /></p>
<p>А вот ещё одна моя довольно известная "Девушка, освещённая солнцем", портрет Симонович, жены моего друга.</p>
<p><a href="https://ru.wikipedia.org/wiki/%D0%A2%D1%80%D0%B5%D1%82%D1%8C%D1%8F%D0%BA%D0%BE%D0%B2,_%D0%9F%D0%B0%D0%B2%D0%B5%D0%BB_%D0%9C%D0%B8%D1%85%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2%D0%B8%D1%87">Третьяков</a> купил эту картину, так что вы сможете её найти в <a href="https://ru.wikipedia.org/wiki/%D0%93%D0%BE%D1%81%D1%83%D0%B4%D0%B0%D1%80%D1%81%D1%82%D0%B2%D0%B5%D0%BD%D0%BD%D0%B0%D1%8F_%D0%A2%D1%80%D0%B5%D1%82%D1%8C%D1%8F%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0%D1%8F_%D0%B3%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F">Третьяковской Галерее</a>.</p>
</div>
</center>
</body>
</html>

View File

@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/1896.coronation.html">EN</a>
<a href="../../ru/blog/1896.coronation.html">RU</a>
</div>
</div>
<center>
<h1>В блоге...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1896.coronation.html">Коронация Николая II</a>
</h2>
<p class="itemDate">1896</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/3/32/Walentin_Serow_Kroenung_Zar_Nikolai_II_anagoria.jpg?uselang=ru" alt="Коронация Николая II" /></p>
<p>Мне посчастливилось писать Николая II во время его коронации, проходившей в <a href="https://ru.wikipedia.org/wiki/%D0%A3%D1%81%D0%BF%D0%B5%D0%BD%D1%81%D0%BA%D0%B8%D0%B9_%D1%81%D0%BE%D0%B1%D0%BE%D1%80_(%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0)">Московском Успенском Соборе</a> в 1896-м.</p>
<p>Николая II позже <a href="https://ru.wikipedia.org/wiki/%D0%A0%D0%B0%D1%81%D1%81%D1%82%D1%80%D0%B5%D0%BB_%D1%86%D0%B0%D1%80%D1%81%D0%BA%D0%BE%D0%B9_%D1%81%D0%B5%D0%BC%D1%8C%D0%B8">убили Большевики в 1918-м</a>. Он хотя бы прожил на 7 лет дольше меня.</p>
</div>
</center>
</body>
</html>

View File

@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/1899.children.html">EN</a>
<a href="../../ru/blog/1899.children.html">RU</a>
</div>
</div>
<center>
<h1>В блоге...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1899.children.html">Дети</a>
</h2>
<p class="itemDate">1899</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/6/66/Walentin_Alexandrowitsch_Serow_Children.jpg" alt="Дети" /></p>
<p>А вот мои мальчики, Саша и Юра.</p>
</div>
</center>
</body>
</html>

View File

@@ -0,0 +1,122 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/index.html">EN</a>
<a href="../../ru/blog/index.html">RU</a>
</div>
</div>
<center>
<h1>Блог</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1899.children.html">Дети</a>
</h2>
<p class="itemDate">1899</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/6/66/Walentin_Alexandrowitsch_Serow_Children.jpg" alt="Дети" /></p>
<p>А вот мои мальчики, Саша и Юра.</p>
<p>. . .</p>
<div class="itemMore">
<a href="1899.children.html">Читать дальше</a>
</div>
</div>
<div class="contents">
<h2 class="itemTitle">
<a href="1896.coronation.html">Коронация Николая II</a>
</h2>
<p class="itemDate">1896</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/3/32/Walentin_Serow_Kroenung_Zar_Nikolai_II_anagoria.jpg?uselang=ru" alt="Коронация Николая II" /></p>
<p>Мне посчастливилось писать Николая II во время его коронации, проходившей в <a href="https://ru.wikipedia.org/wiki/%D0%A3%D1%81%D0%BF%D0%B5%D0%BD%D1%81%D0%BA%D0%B8%D0%B9_%D1%81%D0%BE%D0%B1%D0%BE%D1%80_(%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0)">Московском Успенском Соборе</a> в 1896-м.</p>
<p>Николая II позже <a href="https://ru.wikipedia.org/wiki/%D0%A0%D0%B0%D1%81%D1%81%D1%82%D1%80%D0%B5%D0%BB_%D1%86%D0%B0%D1%80%D1%81%D0%BA%D0%BE%D0%B9_%D1%81%D0%B5%D0%BC%D1%8C%D0%B8">убили Большевики в 1918-м</a>. Он хотя бы прожил на 7 лет дольше меня.. . .</p>
<div class="itemMore">
<a href="1896.coronation.html">Читать дальше</a>
</div>
</div>
<div class="contents">
<h2 class="itemTitle">
<a href="1888.girl-in-the-sunlight.html">Девушка, освещённая солнцем</a>
</h2>
<p class="itemDate">1888</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/5/55/Girl_in_the_Sunlight._Portrait_of_Maria_Simonovich._1888._Oil_on_canvas._The_Tretyakov_Gallery%2C_Moscow%2C_Russia..jpg" alt="Девушка, освещённая солнцем" /></p>
<p>А вот ещё одна моя довольно известная "Девушка, освещённая солнцем", портрет Симонович, жены моего друга.</p>
<p><a href="https://ru.wikipedia.org/wiki/%D0%A2%D1%80%D0%B5%D1%82%D1%8C%D1%8F%D0%BA%D0%BE%D0%B2,_%D0%9F%D0%B0%D0%B2%D0%B5%D0%BB_%D0%9C%D0%B8%D1%85%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2%D0%B8%D1%87">Третьяков</a> купил эту картину, так что вы сможете её найти в <a href="https://ru.wikipedia.org/wiki/%D0%93%D0%BE%D1%81%D1%83%D0%B4%D0%B0%D1%80%D1%81%D1%82%D0%B2%D0%B5%D0%BD%D0%BD%D0%B0%D1%8F_%D0%A2%D1%80%D0%B5%D1%82%D1%8C%D1%8F%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0%D1%8F_%D0%B3%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F">Третьяковской Галерее</a>.. . .</p>
<div class="itemMore">
<a href="1888.girl-in-the-sunlight.html">Читать дальше</a>
</div>
</div>
<p>Страница 1 из 3</p>
<p>
<a href="index2.html">Старее »</a>
</p>
</center>
</body>
</html>

View File

@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/index2.html">EN</a>
<a href="../../ru/blog/index2.html">RU</a>
</div>
</div>
<center>
<h1>Блог</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1887.02.girl-with-peaches.html">Девочка с персиками</a>
</h2>
<p class="itemDate">1887-02</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/a/a6/Valentin_Serov_-_%D0%94%D0%B5%D0%B2%D0%BE%D1%87%D0%BA%D0%B0_%D1%81_%D0%BF%D0%B5%D1%80%D1%81%D0%B8%D0%BA%D0%B0%D0%BC%D0%B8._%D0%9F%D0%BE%D1%80%D1%82%D1%80%D0%B5%D1%82_%D0%92.%D0%A1.%D0%9C%D0%B0%D0%BC%D0%BE%D0%BD%D1%82%D0%BE%D0%B2%D0%BE%D0%B9_-_Google_Art_Project.jpg" alt="Девочка с персиками" /></p>
<p>Моя знаменитая "Девочка с персиками", портрет Мамонтовой.</p>
<p>. . .</p>
<div class="itemMore">
<a href="1887.02.girl-with-peaches.html">Читать дальше</a>
</div>
</div>
<div class="contents">
<h2 class="itemTitle">
<a href="1887.01.venice.html">Площадь Св. Марка в Венеции</a>
</h2>
<p class="itemDate">1887-01</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/d/d2/St._Mark_Plaza_in_Venice.jpg" alt="Площадь Св. Марка в Венеции" /></p>
<p>Я был в Венеции, поэтому не смог удержаться написать её Площадь Св. Марка.</p>
<p>. . .</p>
<div class="itemMore">
<a href="1887.01.venice.html">Читать дальше</a>
</div>
</div>
<div class="contents">
<h2 class="itemTitle">
<a href="1886.02.by-the-window.html">У окна</a>
</h2>
<p class="itemDate">1886-02</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/7/72/Walentin_Aleksandrovich_Serov_By_the_Window.jpg" alt="У окна" /></p>
<p>А вот и "У окна", портрет моей подруги (тогда) Ольги Трубниковой. Только взгляните на неё!</p>
<p>. . .</p>
<div class="itemMore">
<a href="1886.02.by-the-window.html">Читать дальше</a>
</div>
</div>
<p>Страница 2 из 3</p>
<p>
<a href="index.html">« Новее</a>
<a href="index3.html">Старее »</a>
</p>
</center>
</body>
</html>

View File

@@ -0,0 +1,110 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/index3.html">EN</a>
<a href="../../ru/blog/index3.html">RU</a>
</div>
</div>
<center>
<h1>Блог</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1886.01.autumn-evening.html">Осень. Домотканово</a>
</h2>
<p class="itemDate">1886-01</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Serov_Autumn_evening_1886.jpg" alt="Осень. Домотканово" /></p>
<p>Я написал "Осень. Домотканово", когда останавливался у своего друга в поместьи <a href="https://ru.wikipedia.org/wiki/%D0%9A%D1%80%D0%B0%D1%81%D0%BD%D0%B0%D1%8F_%D0%9D%D0%BE%D0%B2%D1%8C_(%D0%A2%D0%B2%D0%B5%D1%80%D1%81%D0%BA%D0%B0%D1%8F_%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C)">Домотканово</a>.</p>
<p>. . .</p>
<div class="itemMore">
<a href="1886.01.autumn-evening.html">Читать дальше</a>
</div>
</div>
<div class="contents">
<h2 class="itemTitle">
<a href="1885.01.bullocks.html">Волы</a>
</h2>
<p class="itemDate">1885</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/c/cb/Walentin_Aleksandrovich_Serov_Bullocks.jpg" alt="Волы" /></p>
<p>Я писал этюд "Волы", пока находился у Кузнецовых в Одессе в 1885-м. </p>
<p>. . .</p>
<div class="itemMore">
<a href="1885.01.bullocks.html">Читать дальше</a>
</div>
</div>
<p>Страница 3 из 3</p>
<p>
<a href="index2.html">« Новее</a>
</p>
</center>
</body>
</html>

View File

@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/page/about.html">EN</a>
<a href="../../ru/page/about.html">RU</a>
</div>
</div>
<center>
<h1>Обо мне</h1>
<div class="contents">
<p>Привет, меня зовут Валентин Серов. Вот мой автопортрет:</p>
<p><img src="../../images/myself.jpg" alt="Автопортрет Валентина Серова" /></p>
<p>Я известный русский живописец, один из основных мастеров портрета начала 20-го века. Про меня также есть <a href="https://ru.wikipedia.org/wiki/%D0%A1%D0%B5%D1%80%D0%BE%D0%B2,_%D0%92%D0%B0%D0%BB%D0%B5%D0%BD%D1%82%D0%B8%D0%BD_%D0%90%D0%BB%D0%B5%D0%BA%D1%81%D0%B0%D0%BD%D0%B4%D1%80%D0%BE%D0%B2%D0%B8%D1%87">статья на Википедии</a>. Приятно осознавать, что люди меня все ещё помнят, несмотря на то что я умер в 1911-м, до <a href="https://ru.wikipedia.org/wiki/%D0%A0%D0%B5%D0%B2%D0%BE%D0%BB%D1%8E%D1%86%D0%B8%D1%8F_1917_%D0%B3%D0%BE%D0%B4%D0%B0_%D0%B2_%D0%A0%D0%BE%D1%81%D1%81%D0%B8%D0%B8">Русской революции 1917-го</a>.</p>
<p>Однажды я проснулся и решил, что мои картины могут изменить мир. С тех пор я начал писать. Это было великолепно.</p>
<p><a href="https://ru.wikipedia.org/wiki/%D0%94%D0%B5%D0%B2%D0%BE%D1%87%D0%BA%D0%B0_%D1%81_%D0%BF%D0%B5%D1%80%D1%81%D0%B8%D0%BA%D0%B0%D0%BC%D0%B8">Девочка с персиками</a> является моим самым узнаваемым произведением. Только посмотрите на эту красоту:</p>
<p><img src="../../images/mywork.jpg" alt="Девочка с персиками" /></p>
<p>В другой день я проснулся и решил, что мне следует изучить немного HTML и CSS, чтобы создать свой собственный веб-сайт. Я взял изображения своего автопортрета и "Девочки с персиками" с Википедии. Там указано, что изображения принадлежат публике, надеюсь, я не нарушил авторских прав.</p>
<p>Я использовал генератор статических сайтов <a href="http://opengamestudio.org/pskov">ПСКОВ</a> для создания этого веб-сайта. Отправляйте все замечания авторам <strong>ПСКОВ</strong>а, не мне. Меня уже нет в живых.</p>
<p>Теперь взгляните на моё <a href="cv.html">резюме</a>.</p>
</div>
</center>
</body>
</html>

View File

@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/page/cv.html">EN</a>
<a href="../../ru/page/cv.html">RU</a>
</div>
</div>
<center>
<h1>Резюме</h1>
<div class="contents">
<p>Здесь вы можете увидеть моё резюме в том случае, если мои произведения всё ещё вас интересуют. Я использовал современный подход ИТ для структурирования своего резюме в виде пар ключ-значение словаря (карты). Наслаждайтесь!</p>
<table>
<thead>
<tr>
<th>Ключ</th>
<th>Значение</th>
</tr>
</thead>
<tbody>
<tr>
<td>Имя</td>
<td>Валентин Серов</td>
</tr>
<tr>
<td>Возраст</td>
<td>46</td>
</tr>
<tr>
<td>Семейное положение</td>
<td>Женат</td>
</tr>
<tr>
<td>Страна</td>
<td>Российская Империя</td>
</tr>
<tr>
<td>Учёба</td>
<td>Императорская Академия художеств</td>
</tr>
<tr>
<td>Звания</td>
<td>* академик ИАХ (1898) <br> * действительный член ИАХ (1903)</td>
</tr>
</tbody>
</table>
</div>
</center>
</body>
</html>