Difference between revisions of "Team:Heidelberg/Interviews"

Line 1: Line 1:
{{Template_All_Teams}}
+
{{Heidelberg/header}}
<html>
+
{{Heidelberg/navbar}}
<style>
+
{{Heidelberg/InterviewTemplate}}
    .heidelbox-darkred {
+
        background-color: #9D1C20 !important;
+
        color: white !important;
+
    }
+
    .flip-item-wrap {
+
        width: 100%;
+
        height: auto;
+
        float: left;
+
position:relative;
+
-webkit-perspective:800px;
+
-moz-perspective:800px;
+
-ms-perspective:800px;
+
-o-perspective:800px;
+
perspective: 800px;
+
    }
+
@media screen and (min-width: 1280px) {
+
.flip-item-wrap{
+
width: 100%;
+
}
+
}
+
@media screen and (max-width: 979px) {
+
.flip-item-wrap{
+
width: 100%;
+
}
+
}
+
@media screen and (max-width: 639px) {
+
.flip-item-wrap{
+
width: 100%;
+
}
+
}
+
@media screen and (max-width: 379px) {
+
.flip-item-wrap{
+
width: 100%;
+
}
+
}
+
.flip-item-wrap img{
+
width:100%;
+
height:auto;
+
display:block;
+
                border-radius: 50%;
+
margin:0;
+
}
+
.flip-item-wrap input{
+
display: none;
+
}
+
.flip-item-wrap .give_height{
+
visibility: hidden;
+
}
+
.flip-item{
+
display: block;
+
width:100%;
+
               
+
height:100%;
+
float:left;
+
position:absolute;
+
top:0;
+
left:0;
+
cursor:pointer;
+
color:#fff;
+
-webkit-transform-style:preserve-3d;
+
  -moz-transform-style:preserve-3d;
+
    -ms-transform-style:preserve-3d;
+
    -o-transform-style:preserve-3d;
+
        transform-style:preserve-3d;
+
-webkit-transition:-webkit-transform 1s;
+
  -moz-transition:  -moz-transform 1s;
+
    -o-transition:    -o-transform 1s;
+
        transition:        transform 1s;
+
}
+
.flip-item figure{
+
display:block;
+
position:absolute;
+
               
+
width:100%;
+
height:100%;
+
margin:0;
+
-webkit-backface-visibility:hidden;
+
  -moz-backface-visibility:hidden;
+
    -ms-backface-visibility:hidden;
+
    -o-backface-visibility:hidden;
+
        backface-visibility:hidden;
+
}
+
.flip-item .back{
+
                        border-radius: 50%;
+
                        background-color: #222 !important;
+
width:100%;
+
display:block;
+
margin:0;
+
-webkit-transform:rotateY( 180deg );
+
  -moz-transform:rotateY( 180deg );
+
    -ms-transform:rotateY( 180deg );
+
    -o-transform:rotateY( 180deg );
+
        transform:rotateY( 180deg );
+
}
+
.flipper:checked + .flip-item{
+
-webkit-transform:rotateY( 180deg );
+
  -moz-transform:rotateY( 180deg );
+
    -ms-transform:rotateY( 180deg );
+
    -o-transform:rotateY( 180deg );
+
        transform:rotateY( 180deg );
+
}
+
.flip-item-desc{
+
background: #222;
+
                        border: 1px solid white;
+
                        width: 100%;
+
                        color: white;
+
height:100%;
+
                        border-radius: 50%;
+
position:absolute;
+
top: 0;
+
                        display: table; 
+
left: 0;
+
text-shadow:1px 2px 1px rgba(0,0,0,0.9);
+
overflow:hidden;
+
               
+
}
+
  
 +
{{#tag:html|
  
    .center-test {
 
        text-align: center;
 
        padding: 30px;
 
       
 
    }
 
    .center-test span {
 
     
 
        font-family: 'Open Sans';
 
        font-size: 18px;
 
        display: table-cell; vertical-align: middle;
 
        color: white;
 
    }
 
</style>
 
<div class="heidelbox-darkred" style="padding-bottom: 100px">
 
<div class="container">
 
  <div class="row" style="padding-top: 100px; padding-bottom: 25px">
 
    <div class="col-lg-12 col-md-12 col-xs-12 content heidelbox-darkred" style="display: inline-block;">
 
      <h1 style="color: white !important">Expert Interviews</h1>
 
    </div>
 
  </div>
 
</div>
 
  
<div class="container">
+
    <!-- Beginn Text-Bild-Video-Einheit -->
         <div class="row">
+
    <div class="container" style="padding-top: 80px; background-color: #222 !important">
             <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
        <hr>
            <section class="flip-item-wrap">
+
         <div class="row">        
<img class="give_height"  
+
             <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="">
                    src="https://static.igem.org/mediawiki/2017/b/b8/T--Heidelberg--HP_experts_esvelt.jpeg" alt=""><!-- this image will add height to parent element -->
+
                <p class="content" style="float: left; clear:left; text-align: left; font-size: 40px !important; color: white !important; font-weight: 700 !important;">Prof. Dr. Erika Musterfrau</p>
<input type="checkbox" class="flipper" id="a">
+
                <p class="content" style="float: left; clear: left; text-align: left; font-size: 20px !important; color: white !important; font-weight: 400 !important;padding-top: 5px">Head of Department Musterpatterns</p>
<label for="a" class="flip-item">
+
                <p class="content" style="float: left; clear: left; text-align: left; font-size: 20px !important; color: white !important; font-weight: 400 !important;">Pattern Scientist</p>
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/b/b8/T--Heidelberg--HP_experts_esvelt.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m a quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
 
             </div>
 
             </div>
          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
        </div>
            <section class="flip-item-wrap">
+
        <div class="row" style="align:right !important">
<img class="give_height"
+
             <div class="col-lg-9 col-md-9 col-sm-6 col-xs-12 content" style="text-align: justify; color: white !important">
                    src="https://static.igem.org/mediawiki/2017/8/88/T--Heidelberg--HP_experts_disanto.jpeg" alt=""><!-- this image will add height to parent element -->
+
    Ich bin Blindtext. Und zwar schon von Geburt an. Ich wurde nicht geschrieben, um gelesen zu werden, sondern um als billiger Lückenfüller irgendwo darauf zu warten, bis der "richtige" Text fertig ist. Es hat lange gedauert, bis ich begriffen habe, was es wirklich bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Man erfüllt keinen Zweck, vermittelt keine Information, keine Gefühle, hat kein Leben. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiß, dass ich nie die Chance haben werde im Stern zu erscheinen. Aber bin ich darum denn weniger wichtig?
<input type="checkbox" class="flipper" id="b">
+
<label for="b" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/8/88/T--Heidelberg--HP_experts_disanto.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
             </div>
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
            <section class="flip-item-wrap">
+
<img class="give_height" src="https://static.igem.org/mediawiki/2017/8/8a/T--Heidelberg--HP_experts_kaufmann.jpeg" alt=""><!-- this image will add height to parent element -->
+
<input type="checkbox" class="flipper" id="c">
+
<label for="c" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/8/8a/T--Heidelberg--HP_experts_kaufmann.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
            </div>
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
            <section class="flip-item-wrap">
+
<img class="give_height"
+
                    src="https://static.igem.org/mediawiki/2017/b/bc/T--Heidelberg--HP_experts_wollmann.jpeg" alt=""><!-- this image will add height to parent element -->
+
<input type="checkbox" class="flipper" id="d">
+
<label for="d" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/b/bc/T--Heidelberg--HP_experts_wollmann.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
            </div>
+
 
+
  
 +
Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe ich etwas geschafft, was den meisten “normalen” Texten nicht gelingt.
 +
    Ich bin nur Blindtext und halte den Platz für Wichtigeres frei. Ich weiß, dass ich wieder gelöscht werde aber das macht mir nichts aus. Ich habe mich damit abgefunden, es akzeptiert und erfülle diese Aufgabe gerne. Das ist meine Bestimmung.
 +
            </div>
 +
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
                <section class="flip-item-wrap">
 +
                    <img src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt="">
 +
                </section>
 +
            </div>
 
         </div>
 
         </div>
 +
   
 
         <div class="row">
 
         <div class="row">
             <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
             <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <section class="flip-item-wrap">
+
                <video poster="" style="width: 100%; height: auto" controls>
<img class="give_height"
+
                    <source src="https://static.igem.org/mediawiki/2017/2/25/T--Heidelberg--2017_Wiki_Intro_iGEM2017.mp4" type="video/mp4">
                    src="https://static.igem.org/mediawiki/2017/1/19/T--Heidelberg--HP_experts_winkV2.jpeg" alt=""><!-- this image will add height to parent element -->
+
                </video>
<input type="checkbox" class="flipper" id="e">
+
<label for="e" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/1/19/T--Heidelberg--HP_experts_winkV2.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m a quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
 
             </div>
 
             </div>
          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
        </div>
            <section class="flip-item-wrap">
+
    </div>
<img class="give_height"
+
    <!-- Ende Text-Bild-Video-Einheit -->
                    src="https://static.igem.org/mediawiki/2017/1/10/T--Heidelberg--HP_experts_huland.jpeg" alt=""><!-- this image will add height to parent element -->
+
   
<input type="checkbox" class="flipper" id="f">
+
   
<label for="f" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/1/10/T--Heidelberg--HP_experts_huland.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
            </div>  
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
            <section class="flip-item-wrap">
+
<img class="give_height"
+
                    src="https://static.igem.org/mediawiki/2017/a/ac/T--Heidelberg--HP_experts_stoellger_V2.jpeg" alt=""><!-- this image will add height to parent element -->
+
<input type="checkbox" class="flipper" id="g">
+
<label for="g" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/a/ac/T--Heidelberg--HP_experts_stoellger_V2.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
            </div>
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
            <section class="flip-item-wrap">
+
<img class="give_height" src="https://static.igem.org/mediawiki/2017/a/a2/T--Heidelberg--HP_experts_koethe.jpeg" alt=""><!-- this image will add height to parent element -->
+
<input type="checkbox" class="flipper" id="h">
+
<label for="h" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/a/a2/T--Heidelberg--HP_experts_koethe.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
            </div>
+
 
+
  
 +
    <!-- Beginn Text-Bild-Video-Einheit -->
 +
    <div class="container" style="padding-top: 80px; background-color: #222 !important">
 +
        <hr>
 +
        <div class="row">         
 +
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="">
 +
                <p class="content" style="float: right; clear:right; text-align: right; font-size: 40px !important; color: white !important; font-weight: 700 !important;">Prof. Dr. Erika Musterfrau</p>
 +
                <p class="content" style="float: right; clear:right; text-align: right; font-size: 20px !important; color: white !important; font-weight: 400 !important;padding-top: 5px">Head of Department Musterpatterns</p>
 +
                <p class="content" style="float: right; clear:right; text-align: right; font-size: 20px !important; color: white !important; font-weight: 400 !important;">Pattern Scientist</p>
 +
            </div>
 
         </div>
 
         </div>
         <div class="row">
+
         <div class="row" style="align:right !important">
             <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
             <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 ">
            <section class="flip-item-wrap">
+
                <section class="flip-item-wrap">
<img class="give_height" src="https://static.igem.org/mediawiki/2017/2/22/T--Heidelberg--HP_experts_ernst.jpeg" alt=""><!-- this image will add height to parent element -->
+
                    <img src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt="">
<input type="checkbox" class="flipper" id="i">
+
                </section>
<label for="i" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/2/22/T--Heidelberg--HP_experts_ernst.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m a quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
 
             </div>
 
             </div>
          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
            <div class="col-lg-9 col-md-9 col-sm-6 col-xs-12 content" style="align: right !important; text-align: justify !important; color: white !important">
            <section class="flip-item-wrap">
+
    Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368  bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind.
<img class="give_height" src="https://static.igem.org/mediawiki/2017/9/98/T--Heidelberg--HP_experts_adlung.jpeg " alt=""><!-- this image will add height to parent element -->
+
<input type="checkbox" class="flipper" id="j">
+
<label for="j" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/9/98/T--Heidelberg--HP_experts_adlung.jpeg " alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
            </div>
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
            <section class="flip-item-wrap">
+
<img class="give_height" src="https://static.igem.org/mediawiki/2017/9/93/T--Heidelberg--HP_experts_degner_mrs.jpeg" alt=""><!-- this image will add height to parent element -->
+
<input type="checkbox" class="flipper" id="k">
+
<label for="k" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/9/93/T--Heidelberg--HP_experts_degner_mrs.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
            </div>
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
            <section class="flip-item-wrap">
+
<img class="give_height" src="https://static.igem.org/mediawiki/2017/1/11/T--Heidelberg--HP_experts_janausch.jpeg" alt=""><!-- this image will add height to parent element -->
+
<input type="checkbox" class="flipper" id="l">
+
<label for="l" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/1/11/T--Heidelberg--HP_experts_janausch.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
            </div>
+
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
+
            <section class="flip-item-wrap">
+
<img class="give_height" src="https://static.igem.org/mediawiki/2017/8/89/T--Heidelberg--HP_experts_degner_mrV3.jpeg" alt=""><!-- this image will add height to parent element -->
+
<input type="checkbox" class="flipper" id="m">
+
<label for="m" class="flip-item">
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/8/89/T--Heidelberg--HP_experts_degner_mrV3.jpeg" alt=""></figure>
+
    <figure class="back">
+
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
   
+
    </figure>
+
</label>
+
</section>
+
            </div>
+
  
 +
Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb.
  
        </div>  
+
204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368  bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks.
   
+
            </div>
   
+
        </div>
   
+
 
      
 
      
 +
        <div class="row">
 +
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
 +
                <video poster="" style="width: 100%; height: auto" controls>
 +
                    <source src="https://static.igem.org/mediawiki/2017/2/25/T--Heidelberg--2017_Wiki_Intro_iGEM2017.mp4" type="video/mp4">
 +
                </video>
 +
            </div>
 
         </div>
 
         </div>
</div>
+
    </div>
 +
    <!-- Ende Text-Bild-Video-Einheit -->
 +
       
 +
 
 +
}}
  
<script>
+
{{Heidelberg/footer}}
    $('.flip-container').click(function (e) {
+
        $(this).toggleClass('flipped');
+
    });
+
</script>
+
</html>
+

Revision as of 12:54, 29 October 2017


Prof. Dr. Erika Musterfrau

Head of Department Musterpatterns

Pattern Scientist

Ich bin Blindtext. Und zwar schon von Geburt an. Ich wurde nicht geschrieben, um gelesen zu werden, sondern um als billiger Lückenfüller irgendwo darauf zu warten, bis der "richtige" Text fertig ist. Es hat lange gedauert, bis ich begriffen habe, was es wirklich bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Man erfüllt keinen Zweck, vermittelt keine Information, keine Gefühle, hat kein Leben. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiß, dass ich nie die Chance haben werde im Stern zu erscheinen. Aber bin ich darum denn weniger wichtig? Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe ich etwas geschafft, was den meisten “normalen” Texten nicht gelingt. Ich bin nur Blindtext und halte den Platz für Wichtigeres frei. Ich weiß, dass ich wieder gelöscht werde aber das macht mir nichts aus. Ich habe mich damit abgefunden, es akzeptiert und erfülle diese Aufgabe gerne. Das ist meine Bestimmung.

Prof. Dr. Erika Musterfrau

Head of Department Musterpatterns

Pattern Scientist

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks.