11 changed files with 305 additions and 2 deletions
-
67assets/html/author.html
-
52assets/html/documentation.html
-
53assets/html/download.html
-
2assets/html/example.html
-
2assets/html/main.html
-
BINassets/image/rambler-bg.jpg
-
BINassets/image/rambler-logo-small.jpg
-
BINassets/image/rambler-logo2-small.jpg
-
BINassets/other/OldNewspaperTypes.ttf
-
BINassets/other/old_typewriter.ttf
-
131assets/style/taskrambler.css
@ -0,0 +1,67 @@ |
|||
<?xml version="1.0" encoding="iso-8859-1"?> |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
|
|||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
|||
<head> |
|||
<title>Taskrambler - Author</title> |
|||
<link rel="stylesheet" type="text/css" href="/style/taskrambler.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="main"> |
|||
<div id="title"> |
|||
<a href="/main.html"> |
|||
<div class="left"> |
|||
<h1>Task</h1> |
|||
</div> |
|||
<img src="/image/rambler-logo2-small.jpg" /> |
|||
<div class="right"> |
|||
<h1>Rambler</h1> |
|||
</div> |
|||
<div class="clear"></div> |
|||
</a> |
|||
</div> |
|||
|
|||
<div id="menu"> |
|||
<ul> |
|||
<li> </li> |
|||
<li><a href="/author.html">author</a></li> |
|||
<li><a href="/documentation.html">documentation</a></li> |
|||
<li><a href="/download.html">download</a></li> |
|||
<li><a href="/example.html">example</a></li> |
|||
<li> </li> |
|||
</ul> |
|||
<div class="clear"></div> |
|||
</div> |
|||
|
|||
<div> |
|||
<img |
|||
style="float:left;margin-right:10px;" |
|||
src="/image/waldschrat.jpg" /> |
|||
|
|||
<h1>The Author</h1> |
|||
|
|||
<p class="abstract"> |
|||
<span class="author">[GH]</span> |
|||
Here you get a little background about me. Lern who I |
|||
am and what have I done in the past. Some of my interests |
|||
and so on. What exactly I do not know, I found it |
|||
always difficult to write something about myself. |
|||
</p> |
|||
|
|||
<br /><br /><br /><br /><br /><br /> |
|||
|
|||
<h2>Some words about me</h2> |
|||
|
|||
<h3>The most important thing in my life. My family</h3> |
|||
|
|||
<h2>Skill profile</h2> |
|||
|
|||
<h2>Short vitae</h2> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
|
|||
<!-- vim: set ts=4 sw=4: --> |
|||
@ -0,0 +1,52 @@ |
|||
<?xml version="1.0" encoding="iso-8859-1"?> |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
|
|||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
|||
<head> |
|||
<title>Taskrambler - Author</title> |
|||
<link rel="stylesheet" type="text/css" href="/style/taskrambler.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="main"> |
|||
<div id="title"> |
|||
<a href="/main.html"> |
|||
<div class="left"> |
|||
<h1>Task</h1> |
|||
</div> |
|||
<img src="/image/rambler-logo2-small.jpg" /> |
|||
<div class="right"> |
|||
<h1>Rambler</h1> |
|||
</div> |
|||
<div class="clear"></div> |
|||
</a> |
|||
</div> |
|||
|
|||
<div id="menu"> |
|||
<ul> |
|||
<li> </li> |
|||
<li><a href="/author.html">author</a></li> |
|||
<li><a href="/documentation.html">documentation</a></li> |
|||
<li><a href="/download.html">download</a></li> |
|||
<li><a href="/example.html">example</a></li> |
|||
<li> </li> |
|||
</ul> |
|||
<div class="clear"></div> |
|||
</div> |
|||
|
|||
<div> |
|||
<h1>Documentation</h1> |
|||
|
|||
<p class="abstract"> |
|||
<span class="author">[GH]</span> |
|||
This has to be written and will come in future. |
|||
</p> |
|||
|
|||
<br /><br /><br /><br /><br /><br /> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
|
|||
<!-- vim: set ts=4 sw=4: --> |
|||
@ -0,0 +1,53 @@ |
|||
<?xml version="1.0" encoding="iso-8859-1"?> |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
|
|||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
|||
<head> |
|||
<title>Taskrambler - Author</title> |
|||
<link rel="stylesheet" type="text/css" href="/style/taskrambler.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="main"> |
|||
<div id="title"> |
|||
<a href="/main.html"> |
|||
<div class="left"> |
|||
<h1>Task</h1> |
|||
</div> |
|||
<img src="/image/rambler-logo2-small.jpg" /> |
|||
<div class="right"> |
|||
<h1>Rambler</h1> |
|||
</div> |
|||
<div class="clear"></div> |
|||
</a> |
|||
</div> |
|||
|
|||
<div id="menu"> |
|||
<ul> |
|||
<li> </li> |
|||
<li><a href="/author.html">author</a></li> |
|||
<li><a href="/documentation.html">documentation</a></li> |
|||
<li><a href="/download.html">download</a></li> |
|||
<li><a href="/example.html">example</a></li> |
|||
<li> </li> |
|||
</ul> |
|||
<div class="clear"></div> |
|||
</div> |
|||
|
|||
<div> |
|||
<h1>Download</h1> |
|||
|
|||
<p class="abstract"> |
|||
<span class="author">[GH]</span> |
|||
Here you will find links to snapshots, but please |
|||
keep in might that this is an unfinished project. |
|||
</p> |
|||
|
|||
<br /><br /><br /><br /><br /><br /> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
|
|||
<!-- vim: set ts=4 sw=4: --> |
|||
|
After Width: 500 | Height: 500 | Size: 2.3 KiB |
|
After Width: 400 | Height: 204 | Size: 8.9 KiB |
|
After Width: 177 | Height: 100 | Size: 2.4 KiB |
@ -0,0 +1,131 @@ |
|||
@font-face { |
|||
font-family: 'old_typewriter'; |
|||
src: url(/other/old_typewriter.ttf); |
|||
} |
|||
|
|||
@font-face { |
|||
font-family: 'old_newspaper'; |
|||
src: url(/other/OldNewspaperTypes.ttf); |
|||
} |
|||
|
|||
.clear { |
|||
clear: both; |
|||
} |
|||
|
|||
.author { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.abstract { |
|||
font-family: old_newspaper; |
|||
} |
|||
|
|||
|
|||
body { |
|||
color: rgb(42,44,40); |
|||
background-color: rgb(52,54,50); |
|||
padding-top: 20px; |
|||
padding-bottom: 20px; |
|||
font-size: 15px; |
|||
} |
|||
|
|||
h1 { |
|||
font-family: old_newspaper; |
|||
font-size: 30px; |
|||
} |
|||
|
|||
h2 { |
|||
font-family: old_newspaper; |
|||
font-size: 20px; |
|||
} |
|||
|
|||
h3 { |
|||
font-family: old_newspaper; |
|||
font-weight: bold; |
|||
font-size: 15px; |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
div.main { |
|||
top: 50px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
width: 800px; |
|||
padding: 10px; |
|||
background-image: url(/image/rambler-bg.jpg); |
|||
border: 1px solid black; |
|||
} |
|||
|
|||
div.main h1 { |
|||
text-align: center; |
|||
font-size: xx-large; |
|||
font-family: old_newspaper; |
|||
} |
|||
|
|||
#title { |
|||
width: 677px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
|
|||
#title div { |
|||
float: left; |
|||
height: 100px; |
|||
position: relative; |
|||
padding: 0px; |
|||
} |
|||
|
|||
#title div.left { |
|||
width: 200px; |
|||
} |
|||
|
|||
#title div.right { |
|||
width: 300px; |
|||
} |
|||
|
|||
#title div h1 { |
|||
font-size: 60px; |
|||
position: absolute; |
|||
bottom: 0px; |
|||
margin: 0px; |
|||
color: rgb(42,44,40); |
|||
} |
|||
|
|||
#title div.left h1 { |
|||
right: 0px; |
|||
} |
|||
|
|||
#title div.right h1 { |
|||
left: 0px; |
|||
} |
|||
|
|||
#title img { |
|||
float: left; |
|||
} |
|||
|
|||
#menu { |
|||
text-align: center; |
|||
width: 100%; |
|||
} |
|||
|
|||
#menu ul { |
|||
display: inline-block; |
|||
list-style: none; |
|||
padding: 0px; |
|||
} |
|||
|
|||
#menu ul li { |
|||
float: left; |
|||
padding: 10px 34px; |
|||
font-family: old_newspaper; |
|||
font-size: 20px; |
|||
background-color: rgb(42,44,40); |
|||
color: rgb(255,253,200); |
|||
} |
|||
|
|||
#menu ul li a { |
|||
text-decoration: none; |
|||
color: rgb(255,253,200); |
|||
} |
|||
|
|||
// vim: set ft=css ts=4 sw=4: |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue