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">
|
<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 |
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;
|
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');
|
|
||||||
}
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue