Add 01 pskov sample web site

5 years ago · 93e867580c
--- a/pskov/sample/01.TwoPages/about.html
+++ b/pskov/sample/01.TwoPages/about.html
@@ -0,0 +1,68 @@
 <!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;
            }
        </style>
        <title>Serov</title>
    </head>
    <body>
        <div id="header">
            <strong>Serov</strong>
            <a href="about.html">About me</a>
            <a href="cv.html">CV</a>
        </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="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="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>
--- a/pskov/sample/01.TwoPages/cv.html
+++ b/pskov/sample/01.TwoPages/cv.html
@@ -0,0 +1,94 @@
 <!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;
            }
        </style>
        <title>Serov</title>
    </head>
    <body>
        <div id="header">
            <strong>Serov</strong>
            <a href="about.html">About me</a>
            <a href="cv.html">CV</a>
        </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>
--- a/pskov/sample/01.TwoPages/myself.jpg
+++ b/pskov/sample/01.TwoPages/myself.jpg
--- a/pskov/sample/01.TwoPages/mywork.jpg
+++ b/pskov/sample/01.TwoPages/mywork.jpg