Add 01 pskov sample web site
This commit is contained in:
68
pskov/sample/01.TwoPages/about.html
Normal file
68
pskov/sample/01.TwoPages/about.html
Normal file
@@ -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>
|
||||
94
pskov/sample/01.TwoPages/cv.html
Normal file
94
pskov/sample/01.TwoPages/cv.html
Normal file
@@ -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>
|
||||
BIN
pskov/sample/01.TwoPages/myself.jpg
Normal file
BIN
pskov/sample/01.TwoPages/myself.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
pskov/sample/01.TwoPages/mywork.jpg
Normal file
BIN
pskov/sample/01.TwoPages/mywork.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
Reference in New Issue
Block a user