fonts cleanup, new pictures with copyrights
This commit is contained in:
parent
05b9c6fab3
commit
8e0c91273f
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
32
index.htm
32
index.htm
|
@ -7,35 +7,21 @@
|
|||
<link rel="stylesheet" title="projection" disabled href="styles/projection.css">
|
||||
<script src="scripts/jquery.js"></script>
|
||||
<script src="scripts/script.js"></script>
|
||||
<style>
|
||||
#Cover H1 {
|
||||
color:#FFF;
|
||||
text-shadow:0 3px 10px #000;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="shower">
|
||||
<section class="slide back" id="Cover">
|
||||
<section class="slide cover back" id="Cover">
|
||||
<article>
|
||||
<h1>Shower Presentaion Template</h1>
|
||||
</article>
|
||||
<img src="pictures/evolution.jpg" alt="">
|
||||
<img src="pictures/cover.jpg" alt="">
|
||||
</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">
|
||||
<article>
|
||||
<h2>Heading</h2>
|
||||
|
@ -128,7 +114,7 @@
|
|||
<article>
|
||||
<h2>Picture</h2>
|
||||
</article>
|
||||
<img src="pictures/bricks.jpg" alt="">
|
||||
<img src="pictures/image.jpg" alt="">
|
||||
</section>
|
||||
<section class="slide frame" id="Frame">
|
||||
<iframe src="http://github.com/pepelsbey/shower" frameborder="0" scrolling="no"></iframe>
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 81 KiB |
Binary file not shown.
After Width: | Height: | Size: 148 KiB |
Binary file not shown.
Before Width: | Height: | Size: 90 KiB |
Binary file not shown.
After Width: | Height: | Size: 108 KiB |
|
@ -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>
|
|
@ -19,15 +19,6 @@
|
|||
font-style:italic;
|
||||
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-family:'PT Sans Narrow';
|
||||
src:local('PT Sans Narrow'), url(../fonts/PTSans.Narrow.ttf) format('truetype');
|
||||
|
@ -42,20 +33,4 @@
|
|||
@font-face {
|
||||
font-family:'DejaVu Sans Mono';
|
||||
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');
|
||||
}
|
|
@ -2,6 +2,7 @@
|
|||
@import url(fonts.css);
|
||||
|
||||
BODY {
|
||||
overflow:hidden;
|
||||
background:#000;
|
||||
color:#FFF;
|
||||
font:1em 'PT Sans', sans-serif;
|
||||
|
@ -25,6 +26,30 @@ A {
|
|||
|
||||
/* 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 {
|
||||
|
@ -35,9 +60,6 @@ A {
|
|||
left:0;
|
||||
margin-left:100%;
|
||||
overflow:hidden;
|
||||
-webkit-border-radius:0 2em 2em 0;
|
||||
-moz-border-radius:0 2em 2em 0;
|
||||
border-radius:0 2em 2em 0;
|
||||
background:#FFF;
|
||||
color:#000;
|
||||
}
|
||||
|
@ -194,6 +216,19 @@ A {
|
|||
font-weight:normal;
|
||||
}
|
||||
|
||||
/* Cover
|
||||
---------------------------------------- */
|
||||
.slide.cover:before {
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:3em;
|
||||
z-index:2;
|
||||
width:1em;
|
||||
height:100%;
|
||||
background:#000;
|
||||
content:'';
|
||||
}
|
||||
|
||||
/* Back
|
||||
---------------------------------------- */
|
||||
.slide.back {
|
||||
|
|
Loading…
Reference in New Issue