Skip to content

M
my-cucumbers-ru-github-io
Commit 8e0c9127 authored by Vadim Makeev's avatar Vadim Makeev
Browse files
Options

fonts cleanup, new pictures with copyrights

parent 05b9c6fa
Hide whitespace changes
Inline Side-by-side
Showing with 90 additions and 51 deletions
index.htm
View file @ 8e0c9127
......@@ -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>
......
src/corners.htm 0 → 100644
View file @ 8e0c9127
<!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>
\ No newline at end of file
styles/fonts.css
View file @ 8e0c9127
......@@ -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');
}
\ No newline at end of file
styles/projection.css
View file @ 8e0c9127
......@@ -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 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment