Ver código fonte

Add 01 pskov sample web site

master
pai
commit
93e867580c
4 arquivos alterados com 162 adições e 0 exclusões
  1. +68
    -0
      pskov/sample/01.TwoPages/about.html
  2. +94
    -0
      pskov/sample/01.TwoPages/cv.html
  3. BIN
      pskov/sample/01.TwoPages/myself.jpg
  4. BIN
      pskov/sample/01.TwoPages/mywork.jpg

+ 68
- 0
pskov/sample/01.TwoPages/about.html Ver arquivo

@@ -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
- 0
pskov/sample/01.TwoPages/cv.html Ver arquivo

@@ -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 Ver arquivo

Antes Depois
Largura: 200  |  Altura: 259  |  Tamanho: 28KB

BIN
pskov/sample/01.TwoPages/mywork.jpg Ver arquivo

Antes Depois
Largura: 500  |  Altura: 563  |  Tamanho: 264KB

Carregando…
Cancelar
Salvar