svg fonts refactoring; target blank font and icon

fonts/TargetBlank.svg

+<?xml version="1.0" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+	Designer: Vadim Makeev
+</metadata>
+<defs>
+	<font id="TargetBlank" horiz-adv-x="500" >
+		<font-face units-per-em="1000" ascent="800" descent="-200" />
+		<missing-glyph horiz-adv-x="500" />
+		<glyph unicode=" "/>
+		<glyph unicode="^" horiz-adv-x="600" d="M300 700h300v-300h-80v160l-262 -262l-57 56l265 266h-166v80zM420 80v220h80v-300h-500v600h200v-80h-120v-440h340z"/>
+	</font>
+</defs>
+</svg> 
\ No newline at end of file

index.htm

@@ -29,7 +29,8 @@
 		<section class="slide" id="TwoLinesHeader">
 			<article>
 				<h2>Two rows.<br>Mighty heading</h2>
-				<p>This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive, or e-mail those naughty pictures you hid in the Utilities folder to your mother.</p>
+				<p>This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive…</p>
+				<p class="note"><a href="examples/index.htm" target="_blank">This link will be opened in the new tab</a></p>
 			</article>
 		</section>
 		<section class="slide" id="SevenItemsList">

pictures/blank.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 7">
+	<defs>
+		<style>
+			.line {
+				fill:none;
+				stroke:#0174A7;
+				stroke-width:1;
+				stroke-linejoin:miter;
+				}
+		</style>
+	</defs>
+	<polyline points="2,1.5 0.5,1.5 0.5,6.5 4.5,6.5 4.5,4" class="line"/>
+	<polyline points="3,0.5 5.5,0.5 5.5,3" class="line"/>
+	<polyline points="2.5,3.5 5.5,0.5" class="line"/>
+</svg>
\ No newline at end of file

styles/fonts.css

 /* PTSans */
 @font-face {
 	font-family:'PT Sans';
-	src:local('PT Sans'), url(../fonts/PTSans.ttf) format('truetype'), url(../fonts/PTSans.svg#webfont5rms7323) format('svg');
+	src:local('PT Sans'), url(../fonts/PTSans.ttf) format('truetype'), url(../fonts/PTSans.svg#PTSans) format('svg');
 	}
 @font-face {
 	font-family:'PT Sans';
 	font-weight:bold;
-	src:local('PT Sans Bold'), url(../fonts/PTSans.Bold.ttf) format('truetype'), url(../fonts/PTSans.Bold.svg#webfontlsESl8OY) format('svg');
+	src:local('PT Sans Bold'), url(../fonts/PTSans.Bold.ttf) format('truetype'), url(../fonts/PTSans.svg#PTSansBold) format('svg');
 	}
 @font-face {
 	font-family:'PT Sans';
 	font-style:italic;
-	src:local('PT Sans Italic'), url(../fonts/PTSans.Italic.ttf) format('truetype'), url(../fonts/PTSans.Italic.svg#webfontHL33ZezK) format('svg');
+	src:local('PT Sans Italic'), url(../fonts/PTSans.Italic.ttf) format('truetype'), url(../fonts/PTSans.svg#PTSansItalic) format('svg');
 	}
 @font-face {
 	font-family:'PT Sans';
 	font-weight:bold;
 	font-style:italic;
-	src:local('PT Sans Bold Italic'), url(../fonts/PTSans.Bold.Italic.ttf) format('truetype'), url(../fonts/PTSans.Bold.Italic.svg#webfontzp8gytBr) format('svg');
+	src:local('PT Sans Bold Italic'), url(../fonts/PTSans.Bold.Italic.ttf) format('truetype'), url(../fonts/PTSans.svg#PTSansBoldItalic) format('svg');
 	}
 @font-face {
 	font-family:'PT Sans Narrow';
-	src:local('PT Sans Narrow'), url(../fonts/PTSans.Narrow.ttf) format('truetype'), url(../fonts/PTSans.Narrow.svg#webfontZSvGOKVa) format('svg');
+	src:local('PT Sans Narrow'), url(../fonts/PTSans.Narrow.ttf) format('truetype'), url(../fonts/PTSans.Narrow.svg#PTSansNarrow) format('svg');
 	}
 @font-face {
 	font-family:'PT Sans Narrow';
 	font-weight:bold;
-	src:local('PT Sans Narrow Bold'), url(../fonts/PTSans.Narrow.Bold.ttf) format('truetype'), url(../fonts/PTSans.Narrow.Bold.svg#webfontetWqyXVR) format('svg');
+	src:local('PT Sans Narrow Bold'), url(../fonts/PTSans.Narrow.Bold.ttf) format('truetype'), url(../fonts/PTSans.Narrow.Bold.svg#PTSansNarrowBold) format('svg');
 	}
 
 /* Droid Sans Mono */
 @font-face {
 	font-family:'Droid Sans Mono';
-	src:local('Droid Sans Mono'), url('../fonts/DroidSansMono.ttf') format('truetype'), url('../fonts/DroidSansMono.svg#webfontVXUGvWaD') format('svg');
+	src:local('Droid Sans Mono'), url('../fonts/DroidSansMono.ttf') format('truetype'), url('../fonts/DroidSansMono.svg#DroidSansMono') format('svg');
+	}
+
+/* Linker */
+@font-face {
+	font-family:'Target Blank';
+	src:url('../fonts/TargetBlank.otf') format('opentype'), url('../fonts/TargetBlank.svg#TargetBlank') format('svg');
 	}
\ No newline at end of file

styles/projection.css

@@ -117,6 +117,12 @@ A {
 	border-bottom:0.1em solid;
 	color:#0174A7;
 	}
+.slide ARTICLE A[target=_blank]:after {
+	position:absolute;
+	margin:0.1em 0 0 0.3em;
+	font-family:'Target Blank';
+	content:'\005E';
+	}
 .slide ARTICLE B,
 .slide ARTICLE STRONG {
 	font-weight:bold;
@@ -287,6 +293,9 @@ A {
 		-o-transform:scale(0.1) translate(0, 2em);
 		-o-transition:all 0.8s ease-out;
 		}
+	.slide.shout ARTICLE A:after {
+		content:'';
+		}
 	.slide.shout:target ARTICLE H2 {
 		opacity:1;
 		-moz-transform:scale(1) translate(0, 0);

styles/screen.css

@@ -97,6 +97,12 @@ A {
 	border-bottom:0.07em solid;
 	color:#0174A7;
 	}
+.slide ARTICLE A[target=_blank]:after {
+	position:absolute;
+	margin:0.1em 0 0 0.3em;
+	font-family:'Target Blank';
+	content:'\005E';
+	}
 .slide ARTICLE B,
 .slide ARTICLE STRONG {
 	font-weight:bold;
@@ -242,4 +248,7 @@ A {
 			padding:30px 0;
 			text-align:center;
 			font-size:60px;
+			}
+		.slide.shout ARTICLE A:after {
+			content:'';
 			}
\ No newline at end of file