Browse Source

Add PSKOV sample: 03.Blog

master
parent
commit
5e23adeb5c
28 changed files with 2482 additions and 0 deletions
  1. +88
    -0
      pskov/sample/03.Blog/en/blog/1885.01.bullocks.html
  2. +88
    -0
      pskov/sample/03.Blog/en/blog/1886.01.autumn-evening.html
  3. +88
    -0
      pskov/sample/03.Blog/en/blog/1886.02.by-the-window.html
  4. +88
    -0
      pskov/sample/03.Blog/en/blog/1887.01.venice.html
  5. +88
    -0
      pskov/sample/03.Blog/en/blog/1887.02.girl-with-peaches.html
  6. +89
    -0
      pskov/sample/03.Blog/en/blog/1888.girl-in-the-sunlight.html
  7. +89
    -0
      pskov/sample/03.Blog/en/blog/1896.coronation.html
  8. +88
    -0
      pskov/sample/03.Blog/en/blog/1899.children.html
  9. +122
    -0
      pskov/sample/03.Blog/en/blog/index.html
  10. +123
    -0
      pskov/sample/03.Blog/en/blog/index2.html
  11. +110
    -0
      pskov/sample/03.Blog/en/blog/index3.html
  12. +77
    -0
      pskov/sample/03.Blog/en/page/about.html
  13. +103
    -0
      pskov/sample/03.Blog/en/page/cv.html
  14. BIN
      pskov/sample/03.Blog/images/myself.jpg
  15. BIN
      pskov/sample/03.Blog/images/mywork.jpg
  16. +88
    -0
      pskov/sample/03.Blog/ru/blog/1885.01.bullocks.html
  17. +88
    -0
      pskov/sample/03.Blog/ru/blog/1886.01.autumn-evening.html
  18. +88
    -0
      pskov/sample/03.Blog/ru/blog/1886.02.by-the-window.html
  19. +88
    -0
      pskov/sample/03.Blog/ru/blog/1887.01.venice.html
  20. +88
    -0
      pskov/sample/03.Blog/ru/blog/1887.02.girl-with-peaches.html
  21. +89
    -0
      pskov/sample/03.Blog/ru/blog/1888.girl-in-the-sunlight.html
  22. +89
    -0
      pskov/sample/03.Blog/ru/blog/1896.coronation.html
  23. +88
    -0
      pskov/sample/03.Blog/ru/blog/1899.children.html
  24. +122
    -0
      pskov/sample/03.Blog/ru/blog/index.html
  25. +123
    -0
      pskov/sample/03.Blog/ru/blog/index2.html
  26. +110
    -0
      pskov/sample/03.Blog/ru/blog/index3.html
  27. +77
    -0
      pskov/sample/03.Blog/ru/page/about.html
  28. +103
    -0
      pskov/sample/03.Blog/ru/page/cv.html

+ 88
- 0
pskov/sample/03.Blog/en/blog/1885.01.bullocks.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</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>In the blog...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1885.01.bullocks.html">Bullocks</a>
</h2>
<p class="itemDate">1885</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/c/cb/Walentin_Aleksandrovich_Serov_Bullocks.jpg" alt="Bullocks" /></p>
<p>I've been painting "Bullocks" sketch while I was staying in Odessa at Kuznetsov's in 1885.</p>
</div>
</center>
</body>
</html>

+ 88
- 0
pskov/sample/03.Blog/en/blog/1886.01.autumn-evening.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</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>In the blog...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1886.01.autumn-evening.html">Autumn evening</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="Autumn evening" /></p>
<p>I've painted "Autumn evening" while staying at my friend's estate in <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)">Domotkanovo</a>.</p>
</div>
</center>
</body>
</html>

+ 88
- 0
pskov/sample/03.Blog/en/blog/1886.02.by-the-window.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</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>In the blog...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1886.02.by-the-window.html">By the window</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="By the window" /></p>
<p>Here's "By the window" portrait of my then-girlfriend Olga Trubnikova. Just look at her!</p>
</div>
</center>
</body>
</html>

+ 88
- 0
pskov/sample/03.Blog/en/blog/1887.01.venice.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</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>In the blog...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1887.01.venice.html">St. Mark plaza in Venice</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="St. Mark plaza in Venice" /></p>
<p>I've been to Venice, so I couldn't resist painting its St. Mark plaza.</p>
</div>
</center>
</body>
</html>

+ 88
- 0
pskov/sample/03.Blog/en/blog/1887.02.girl-with-peaches.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</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>In the blog...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1887.02.girl-with-peaches.html">Girl with peaches</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="Girl with peaches" /></p>
<p>Here's my famous "Girl with peaches", this is a portrait of Mamontova.</p>
</div>
</center>
</body>
</html>

+ 89
- 0
pskov/sample/03.Blog/en/blog/1888.girl-in-the-sunlight.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</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>In the blog...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1888.girl-in-the-sunlight.html">Girl in the sunglight</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="Girl in the sunlight" /></p>
<p>Here's my another quite famous "Girl in the sunlight", portrait of Simonovich, my friend's wife.</p>
<p><a href="https://en.wikipedia.org/wiki/Pavel_Tretyakov">Tretyakov</a> bought this picture, so you can see it in <a href="https://en.wikipedia.org/wiki/Tretyakov_Gallery">Tretyakov Gallery</a>.</p>
</div>
</center>
</body>
</html>

+ 89
- 0
pskov/sample/03.Blog/en/blog/1896.coronation.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</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>In the blog...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1896.coronation.html">Coronation of Nicholas 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" alt="Coronation of Nicholas II" /></p>
<p>I was lucky enough to paint Nicholas II during his coronation that happened at <a href="https://en.wikipedia.org/wiki/Dormition_Cathedral,_Moscow">Moscow Dormition Cathedral</a> in 1896.</p>
<p>Nicholas II was later <a href="https://en.wikipedia.org/wiki/Execution_of_the_Romanov_family">killed by Bolsheviks in 1918</a>. At least he lived 7 years longer than me.</p>
</div>
</center>
</body>
</html>

+ 88
- 0
pskov/sample/03.Blog/en/blog/1899.children.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</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>In the blog...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1899.children.html">Children</a>
</h2>
<p class="itemDate">1899</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/6/66/Walentin_Alexandrowitsch_Serow_Children.jpg" alt="Children" /></p>
<p>Here are my boys, Sasha and Yura.</p>
</div>
</center>
</body>
</html>

+ 122
- 0
pskov/sample/03.Blog/en/blog/index.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</a>
<div id="lang">
<a href="../../en/blog/index.html">EN</a>
<a href="../../ru/blog/index.html">RU</a>
</div>
</div>
<center>
<h1>Blog</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1899.children.html">Children</a>
</h2>
<p class="itemDate">1899</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/6/66/Walentin_Alexandrowitsch_Serow_Children.jpg" alt="Children" /></p>
<p>Here are my boys, Sasha and Yura.</p>
<p>. . .</p>
<div class="itemMore">
<a href="1899.children.html">Continue reading</a>
</div>
</div>
<div class="contents">
<h2 class="itemTitle">
<a href="1896.coronation.html">Coronation of Nicholas 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" alt="Coronation of Nicholas II" /></p>
<p>I was lucky enough to paint Nicholas II during his coronation that happened at <a href="https://en.wikipedia.org/wiki/Dormition_Cathedral,_Moscow">Moscow Dormition Cathedral</a> in 1896.</p>
<p>Nicholas II was later <a href="https://en.wikipedia.org/wiki/Execution_of_the_Romanov_family">killed by Bolsheviks in 1918</a>. At least he lived 7 years longer than me.. . .</p>
<div class="itemMore">
<a href="1896.coronation.html">Continue reading</a>
</div>
</div>
<div class="contents">
<h2 class="itemTitle">
<a href="1888.girl-in-the-sunlight.html">Girl in the sunglight</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="Girl in the sunlight" /></p>
<p>Here's my another quite famous "Girl in the sunlight", portrait of Simonovich, my friend's wife.</p>
<p><a href="https://en.wikipedia.org/wiki/Pavel_Tretyakov">Tretyakov</a> bought this picture, so you can see it in <a href="https://en.wikipedia.org/wiki/Tretyakov_Gallery">Tretyakov Gallery</a>.. . .</p>
<div class="itemMore">
<a href="1888.girl-in-the-sunlight.html">Continue reading</a>
</div>
</div>

<p>Page 1 of 3</p>
<p>
<a href="index2.html">Older »</a>
</p>

</center>
</body>
</html>

+ 123
- 0
pskov/sample/03.Blog/en/blog/index2.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</a>
<div id="lang">
<a href="../../en/blog/index2.html">EN</a>
<a href="../../ru/blog/index2.html">RU</a>
</div>
</div>
<center>
<h1>Blog</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1887.02.girl-with-peaches.html">Girl with peaches</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="Girl with peaches" /></p>
<p>Here's my famous "Girl with peaches", this is a portrait of Mamontova.</p>
<p>. . .</p>
<div class="itemMore">
<a href="1887.02.girl-with-peaches.html">Continue reading</a>
</div>
</div>
<div class="contents">
<h2 class="itemTitle">
<a href="1887.01.venice.html">St. Mark plaza in Venice</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="St. Mark plaza in Venice" /></p>
<p>I've been to Venice, so I couldn't resist painting its St. Mark plaza.</p>
<p>. . .</p>
<div class="itemMore">
<a href="1887.01.venice.html">Continue reading</a>
</div>
</div>
<div class="contents">
<h2 class="itemTitle">
<a href="1886.02.by-the-window.html">By the window</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="By the window" /></p>
<p>Here's "By the window" portrait of my then-girlfriend Olga Trubnikova. Just look at her!</p>
<p>. . .</p>
<div class="itemMore">
<a href="1886.02.by-the-window.html">Continue reading</a>
</div>
</div>

<p>Page 2 of 3</p>
<p>
<a href="index.html">« Newer</a>
<a href="index3.html">Older »</a>
</p>

</center>
</body>
</html>

+ 110
- 0
pskov/sample/03.Blog/en/blog/index3.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</a>
<div id="lang">
<a href="../../en/blog/index3.html">EN</a>
<a href="../../ru/blog/index3.html">RU</a>
</div>
</div>
<center>
<h1>Blog</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1886.01.autumn-evening.html">Autumn evening</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="Autumn evening" /></p>
<p>I've painted "Autumn evening" while staying at my friend's estate in <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)">Domotkanovo</a>.</p>
<p>. . .</p>
<div class="itemMore">
<a href="1886.01.autumn-evening.html">Continue reading</a>
</div>
</div>
<div class="contents">
<h2 class="itemTitle">
<a href="1885.01.bullocks.html">Bullocks</a>
</h2>
<p class="itemDate">1885</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/c/cb/Walentin_Aleksandrovich_Serov_Bullocks.jpg" alt="Bullocks" /></p>
<p>I've been painting "Bullocks" sketch while I was staying in Odessa at Kuznetsov's in 1885.</p>
<p>. . .</p>
<div class="itemMore">
<a href="1885.01.bullocks.html">Continue reading</a>
</div>
</div>

<p>Page 3 of 3</p>
<p>
<a href="index2.html">« Newer</a>
</p>

</center>
</body>
</html>

+ 77
- 0
pskov/sample/03.Blog/en/page/about.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</a>
<div id="lang">
<a href="../../en/page/about.html">EN</a>
<a href="../../ru/page/about.html">RU</a>
</div>
</div>
<center>
<h1>About me</h1>
<div class="contents">
<p>Hi, my name is Valentin Serov. Here's my self-portrait:</p>
<p><img src="../../images/myself.jpg" alt="Valentin Serov self-portrait" /></p>
<p>I'm a famous Russian painter, one of the premier portrait artists of the early 20th century. I also have a <a href="https://en.wikipedia.org/wiki/Valentin_Serov">Wikipedia article</a> about myself. It's good to know people still care about me, even though I died in 1911, even before <a href="https://en.wikipedia.org/wiki/Russian_Revolution">1917 Russian revolution</a> struck.</p>
<p>One day I woke up and decided my paintings can change the world. So I started to paint. And it felt great.</p>
<p><a href="https://en.wikipedia.org/wiki/Girl_with_Peaches">Girl with Peaches</a> is my most recognized work. Just look at this beauty:</p>
<p><img src="../../images/mywork.jpg" alt="Girl with Peaches" /></p>
<p>The other day I woke up and decided I should learn a bit of HTML and CSS to have a personal web site. I got my self-portrait and the "Girl with Peaches" images from Wikipedia. They are said to be in public domain, so I hope I didn't violate anyone's copyright.</p>
<p>I have used <a href="http://opengamestudio.org/pskov">PSKOV</a> static site generator to create this web site. Send all complaints to <strong>PSKOV</strong>'s authors, not me, I'm already dead.</p>
<p>Have a look at my <a href="cv.html">CV</a> now.</p>
</div>
</center>
</body>
</html>

+ 103
- 0
pskov/sample/03.Blog/en/page/cv.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>Serov</title>
</head>
<body>
<div id="header">
<strong>Serov</strong>
<a href="../../en/blog/index.html">Blog</a>
<a href="../../en/page/about.html">About me</a>
<a href="../../en/page/cv.html">CV</a>
<div id="lang">
<a href="../../en/page/cv.html">EN</a>
<a href="../../ru/page/cv.html">RU</a>
</div>
</div>
<center>
<h1>Curriculum vitae</h1>
<div class="contents">
<p>Here's my CV in case my paintings still interest you. I took a bit of a modern IT approach to structure my CV as key-value pairs of a dictionary (map), enjoy!</p>
<table>
<thead>
<tr>
<th>Key</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr>
<td>Name</td>
<td>Valentin Serov</td>
</tr>
<tr>
<td>Age</td>
<td>46</td>
</tr>
<tr>
<td>Marital status</td>
<td>Married</td>
</tr>
<tr>
<td>Country</td>
<td>Russian Empire</td>
</tr>
<tr>
<td>Alma mater</td>
<td>Imperial Academy of Arts</td>
</tr>
<tr>
<td>Education</td>
<td>* Member Academy of Arts (1898) <br> * Full Member Academy of Arts (1903)</td>
</tr>
</tbody>
</table>
</div>
</center>
</body>
</html>

BIN
pskov/sample/03.Blog/images/myself.jpg View File

Before After
Width: 200  |  Height: 259  |  Size: 28KB

BIN
pskov/sample/03.Blog/images/mywork.jpg View File

Before After
Width: 500  |  Height: 563  |  Size: 264KB

+ 88
- 0
pskov/sample/03.Blog/ru/blog/1885.01.bullocks.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/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>

+ 88
- 0
pskov/sample/03.Blog/ru/blog/1886.01.autumn-evening.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>

+ 88
- 0
pskov/sample/03.Blog/ru/blog/1886.02.by-the-window.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>

+ 88
- 0
pskov/sample/03.Blog/ru/blog/1887.01.venice.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>

+ 88
- 0
pskov/sample/03.Blog/ru/blog/1887.02.girl-with-peaches.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>

+ 89
- 0
pskov/sample/03.Blog/ru/blog/1888.girl-in-the-sunlight.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>

+ 89
- 0
pskov/sample/03.Blog/ru/blog/1896.coronation.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>

+ 88
- 0
pskov/sample/03.Blog/ru/blog/1899.children.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>

+ 122
- 0
pskov/sample/03.Blog/ru/blog/index.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>

+ 123
- 0
pskov/sample/03.Blog/ru/blog/index2.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>

+ 110
- 0
pskov/sample/03.Blog/ru/blog/index3.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>

+ 77
- 0
pskov/sample/03.Blog/ru/page/about.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>

+ 103
- 0
pskov/sample/03.Blog/ru/page/cv.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>

Loading…
Cancel
Save