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
Show whitespace changes
Inline Side-by-side
Showing with 90 additions and 51 deletions
index.htm
View file @ 8e0c9127
...@@ -7,35 +7,21 @@ ...@@ -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 @@ ...@@ -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>
......
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 @@ ...@@ -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 @@ ...@@ -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');
} }
\ No newline at end of file
@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 @@ ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 {
......
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