fonts cleanup, new pictures with copyrights

This commit is contained in:
Vadim Makeev 2010-10-31 17:56:41 +03:00
parent 05b9c6fab3
commit 8e0c91273f
13 changed files with 90 additions and 51 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -7,35 +7,21 @@
<link rel="stylesheet" title="projection" disabled href="styles/projection.css"> <link rel="stylesheet" title="projection" disabled href="styles/projection.css">
<script src="scripts/jquery.js"></script> <script src="scripts/jquery.js"></script>
<script src="scripts/script.js"></script> <script src="scripts/script.js"></script>
<style>
#Cover H1 {
color:#FFF;
text-shadow:0 3px 10px #000;
}
</style>
</head> </head>
<body> <body>
<div class="shower"> <div class="shower">
<section class="slide back" id="Cover"> <section class="slide cover back" id="Cover">
<article> <article>
<h1>Shower Presentaion Template</h1> <h1>Shower Presentaion Template</h1>
</article> </article>
<img src="pictures/evolution.jpg" alt=""> <img src="pictures/cover.jpg" alt="">
</section> </section>
<!-- <section class="slide" id="Resolutions">
<article>
<h2>Resolutions</h2>
<ol>
<li onclick="windowTest(this)">1280 × 1024</li>
<li onclick="windowTest(this)">1440 × 900</li>
<li onclick="windowTest(this)">1280 × 800</li>
<li onclick="windowTest(this)">1024 × 768</li>
<li onclick="windowTest(this)">800 × 600</li>
<li onclick="windowTest(this)">640 × 480</li>
<li onclick="windowTest(this)">320 × 240</li>
</ol>
<script>
function windowTest( e ) {
var size = e.innerHTML.split( ' × ' );
window.resizeTo( parseFloat(size[0]), parseFloat(size[1]) + (window.outerHeight-window.innerHeight) );
}
</script>
</article>
</section> -->
<section class="slide" id="Header"> <section class="slide" id="Header">
<article> <article>
<h2>Heading</h2> <h2>Heading</h2>
@ -128,7 +114,7 @@
<article> <article>
<h2>Picture</h2> <h2>Picture</h2>
</article> </article>
<img src="pictures/bricks.jpg" alt=""> <img src="pictures/image.jpg" alt="">
</section> </section>
<section class="slide frame" id="Frame"> <section class="slide frame" id="Frame">
<iframe src="http://github.com/pepelsbey/shower" frameborder="0" scrolling="no"></iframe> <iframe src="http://github.com/pepelsbey/shower" frameborder="0" scrolling="no"></iframe>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 81 KiB

BIN
pictures/cover.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

BIN
pictures/image.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

43
src/corners.htm Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<title></title>
<meta charset="UTF-8">
<style>
BODY {
background:#000;
font-size:75px
}
DIV {
position:absolute;
top:50px;
width:5em;
height:10em;
background:#FFF;
}
.first {
left:100px;
border-radius:0 1.5em 1.5em 0;
}
.second {
left:700px;
border-radius:0 1.5em 1.5em 0;
}
.second SPAN {
position:absolute;
top:-1em;
right:-1em;
bottom:-1em;
width:1.5em;
border:1em solid #C00;
border-left-width:0;
border-radius:0 2.5em 2.5em 0;
content:'';
}
</style>
</head>
<body>
<div class="first"></div>
<div class="second"><span></span></div>
</body>
</html>

View File

@ -19,15 +19,6 @@
font-style:italic; font-style:italic;
src:local('PT Sans Bold Italic'), url(../fonts/PTSans.Bold.Italic.ttf) format('truetype'); src:local('PT Sans Bold Italic'), url(../fonts/PTSans.Bold.Italic.ttf) format('truetype');
} }
@font-face {
font-family:'PT Sans Caption';
src:local('PT Sans Caption'), url(../fonts/PTSans.Caption.ttf) format('truetype');
}
@font-face {
font-family:'PT Sans Caption';
font-weight:bold;
src:local('PT Sans Caption Bold'), url(../fonts/PTSans.Caption.Bold.ttf) format('truetype');
}
@font-face { @font-face {
font-family:'PT Sans Narrow'; font-family:'PT Sans Narrow';
src:local('PT Sans Narrow'), url(../fonts/PTSans.Narrow.ttf) format('truetype'); src:local('PT Sans Narrow'), url(../fonts/PTSans.Narrow.ttf) format('truetype');
@ -43,19 +34,3 @@
font-family:'DejaVu Sans Mono'; font-family:'DejaVu Sans Mono';
src:local('DejaVu Sans Mono'), url(../fonts/DejaVuSansMono.ttf) format('truetype'); src:local('DejaVu Sans Mono'), url(../fonts/DejaVuSansMono.ttf) format('truetype');
} }
@font-face {
font-family:'DejaVu Sans Mono';
font-weight:bold;
src:local('DejaVu Sans Mono Bold'), url(../fonts/DejaVuSansMono.Bold.ttf) format('truetype');
}
@font-face {
font-family:'DejaVu Sans Mono';
font-style:italic;
src:local('DejaVu Sans Mono Oblique'), url(../fonts/DejaVuSansMono.Italic.ttf) format('truetype');
}
@font-face {
font-family:'DejaVu Sans Mono';
font-weight:bold;
font-style:italic;
src:local('DejaVu Sans Mono Bold Oblique'), url(../fonts/DejaVuSansMono.Bold.Italic.ttf) format('truetype');
}

View File

@ -2,6 +2,7 @@
@import url(fonts.css); @import url(fonts.css);
BODY { BODY {
overflow:hidden;
background:#000; background:#000;
color:#FFF; color:#FFF;
font:1em 'PT Sans', sans-serif; font:1em 'PT Sans', sans-serif;
@ -25,6 +26,30 @@ A {
/* H ÷ 16 ≈ Font-Size */ /* H ÷ 16 ≈ Font-Size */
/* Shower
---------------------------------------- */
.shower {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
}
.shower:after {
position:absolute;
top:-1em;
bottom:-1em;
right:-1em;
z-index:10;
width:1.5em;
border:1em solid #000;
border-left-width:0;
-webkit-border-radius:0 2.5em 2.5em 0;
-moz-border-radius:0 2.5em 2.5em 0;
border-radius:0 2.5em 2.5em 0;
content:'';
}
/* Slide /* Slide
---------------------------------------- */ ---------------------------------------- */
.slide { .slide {
@ -35,9 +60,6 @@ A {
left:0; left:0;
margin-left:100%; margin-left:100%;
overflow:hidden; overflow:hidden;
-webkit-border-radius:0 2em 2em 0;
-moz-border-radius:0 2em 2em 0;
border-radius:0 2em 2em 0;
background:#FFF; background:#FFF;
color:#000; color:#000;
} }
@ -194,6 +216,19 @@ A {
font-weight:normal; font-weight:normal;
} }
/* Cover
---------------------------------------- */
.slide.cover:before {
position:absolute;
top:0;
right:3em;
z-index:2;
width:1em;
height:100%;
background:#000;
content:'';
}
/* Back /* Back
---------------------------------------- */ ---------------------------------------- */
.slide.back { .slide.back {