infooverlay.html

<aside class="iconBar">
<div>
    <p><a href="#helpOverlay" id="showOverlay" onclick="openOverlay()"> <img src="images/infobutton.png" alt="information"/></a></p>
<!--<p><a href="#videoOverlay" id="showVOverlay" onclick="openVOverlay()"> <img src="images/video.png" alt="information"/></a></p>-->
</div>
</aside>
    
    <aside id="helpOverlay" class="helpoverlay">
        <div><p><a href="javascript:void(0)" class="helpclosebtn" onclick="closeOverlay()" >&times;</a></p></div>
        
        <div class="helpoverlaycontent">
            <h4 style="color:white">Willkommen auf der offiziellen Website von <i>DiTAH: Digitale Transformation der Österreichischen Geisteswissenschaften</i></h4>
            <br/>
            <p>&gt;&gt; Die einzelnen Teilprojekte können sowohl über die Navigationsleiste am oberen Bildschirmrand, als auch über unseren <a href="index.html#graphnav" target="_blank" style="color:white"><u>Netzwerkgraphen</u></a> sowie über eine Liste am Ende der Seite angesteuert werden. Über dieser Liste gibt es außerdem einen Kurz-Überblick über die vorhandenen Teilprojekte.</p>
            <p>&gt;&gt; Der <a href="index.html#graphnav" target="_blank" style="color:white"><u>Netzwerkgraph</u></a> bietet einen Überblick über die vorhandenen Teilprojekte und ist nach ausgewählten Kriterien filterbar. Entsprechende Netzwerkknoten führen per Klick zu den jeweiligen Projekten und Institutionen. Die Visualisierung wird zudem durch eine Zeitleiste ergänzt, welche den stetigen Ergebniszuwachs innerhalb der Projektlaufzeit von DiTAH sichtbar macht.</p>
            <p>&gt;&gt; Die in DiTAH vertretenen Institutionen und Organisationen sind in der Navigationsleiste unter “<a href="partner.html" target="_blank" style="color:white"><u>Partner</u></a>” abrufbar, zu einer Beschreibung des Projekts gelangt man unter “<a href="index.html#about" target="_blank" style="color:white"><u>About</u></a>”. Ein Link zum <a href="impressum.html" target="_blank" style="color:white"><u>Impressum</u></a> befindet sich am Ende der Seite.</p>
        </div>
    </aside>
    <!--<aside id="videoOverlay" class="helpoverlay">
        <div><p><a href="javascript:void(0)" class="helpclosebtn" onclick="closeVOverlay()" >&times;</a></p></div>
        
        <div class="helpoverlaycontent">
            <p>text</p>
        </div>
</aside>-->