Navigation
« »

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum, nisi in ultricies lobortis, velit sapien ornare sapien, commodo placerat metus tortor eu lorem. Aliquam a turpis vitae lorem fermentum convallis. Mauris eu accumsan orci. Duis pretium, turpis vestibulum vulputate placerat, dui mi tincidunt ligula, congue maximus magna eros ut massa. Vestibulum vitae mauris eu enim blandit fermentum vel at nisi. Sed vitae ullamcorper diam. Aliquam sodales est eu nisi cursus congue. Aenean dictum tincidunt purus tincidunt ultricies. Mauris et efficitur odio. Donec purus massa, consectetur sed ullamcorper at, posuere in nibh. Quisque sed massa sit amet velit sollicitudin aliquam. Proin vitae porta eros. Mauris feugiat laoreet elit quis hendrerit.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus fringilla, magna ac vestibulum lacinia, leo nisi porttitor sapien, eu volutpat quam libero vitae neque. Pellentesque eu tincidunt eros. Aenean vel dolor egestas est elementum luctus. Nam ac purus scelerisque, rutrum nisi non, finibus tortor. Vivamus finibus, magna eu iaculis luctus, lacus turpis molestie massa, nec auctor ex ligula a felis. Pellentesque egestas molestie ultrices. Phasellus eget orci est. Pellentesque nulla eros, laoreet sit amet iaculis at, mattis id ligula. Integer convallis libero id sem rutrum, eget egestas nulla mollis. Donec at nulla lobortis, dictum justo vitae, fringilla leo. Duis sit amet elementum nibh, sed pellentesque mi. Sed pulvinar mi vitae ornare varius.

Vestibulum eu nibh dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum scelerisque, ipsum ut sagittis bibendum, massa ipsum tempus orci, sed euismod lorem metus et velit. Curabitur vulputate accumsan commodo. Nunc dui mauris, auctor eu rutrum ut, consectetur quis velit. Sed quis dui metus. In hac habitasse platea dictumst. Nulla ipsum dui, ultrices at malesuada non, tristique quis urna. Curabitur vel consectetur orci. Praesent auctor ut mauris eget semper.

Sed at diam luctus, fermentum est id, sodales mi. Fusce placerat rutrum consequat. Suspendisse sed urna in ex congue vestibulum posuere at nulla. Vivamus auctor tortor at finibus fermentum. Duis mi neque, fermentum non semper vitae, finibus sit amet metus. Maecenas volutpat tellus at massa pretium, quis porttitor dui pharetra. Morbi pulvinar hendrerit libero eget commodo. Fusce molestie, arcu at pulvinar cursus, nisl purus vestibulum neque, eget pharetra diam ex id erat.

Quisque maximus lacinia massa, eu venenatis orci tincidunt in. Nullam commodo ultrices sem sed malesuada. Quisque gravida ligula at nibh pharetra fringilla. Nam tempus tempor diam non consequat. Nulla finibus porta lacus vitae dapibus. Nam cursus, lacus eget porta pretium, magna arcu cursus lacus, ac varius velit nunc ac risus. Vestibulum ut erat maximus, maximus sem vel, efficitur magna. Ut lobortis dui ac sem dictum, sed elementum leo volutpat. Proin quis varius ligula, eu condimentum augue. Integer sagittis, est congue placerat mollis, diam metus tempor lorem, et rhoncus neque mi vitae nibh.

Usage

<link rel='stylesheet' href='/css/terminal-text.css' />
<script type="text/javascript" src="/javascript/TerminalText.js"></script>

...

<div id="terminal-text--div">
    <p>
        ...
    </p>
    ...
</div>

<div id="fade-in-elements--div">
    ...
</div>

<script>
    new TerminalText(
        "command to type in",
        "terminal-text--div",
        {
            prompt: "$",
            carrot: "█",
            delay: 1,
            cmdDelay: 100,
            delayStart: false,
            showReplay: true,
            fadeInElements: [ "#fade-in-elements--div" ]
        }
    ) ;
</script>

Schreibe einen Kommentar