ivan-igorevich
/
bmstu-mt-wp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
fonts/DejaVuSansMono.Bold.Italic.ttf
View File

Binary file not shown.

BIN
fonts/DejaVuSansMono.Bold.ttf
View File

Binary file not shown.

BIN
fonts/DejaVuSansMono.Italic.ttf
View File

Binary file not shown.

BIN
fonts/PTSans.Caption.Bold.ttf
View File

Binary file not shown.

BIN
fonts/PTSans.Caption.ttf
View File

Binary file not shown.

32
index.htm
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>

BIN
pictures/bricks.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 81 KiB

BIN
pictures/cover.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 148 KiB

BIN
pictures/evolution.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 90 KiB

BIN
pictures/image.jpg Normal file
View File

Binary file not shown.
Side by Side

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>

25
styles/fonts.css
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');
@ -42,20 +33,4 @@
@font-face { @font-face {
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');
} }

41
styles/projection.css
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 {