-
Notifications
You must be signed in to change notification settings - Fork 0
/
header.html
35 lines (32 loc) · 1.86 KB
/
header.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<head>
<link type="text/css" rel="stylesheet" href="/index.css">
</head>
<header>
<img id='logo' src="/data/images/tech/logo_512x512.png" alt="Logo" onclick="showAbout()"/>
<div id='head' onclick="showAbout()">POV-Lab</div>
<div id='slogan' onclick="showAbout()"
onmouseenter="style.opacity = '1.0'"
onmouseleave="style.opacity = '0.6'">Persitence of VR</div>
<!--
<img id='grid_icon' class="nav" src="data/images/tech/icons/outline_grid_view_white_36dp.png" alt="Grid"
onclick="window.location.href='./'"
onmouseenter="style.opacity = '1.0'"
onmouseleave="style.opacity = '0.6'"/>
-->
<button id="about_button" onclick="showAbout()">About</button>
<hr id="line">
<dialog id="about">
<br>
<div style="font-size: 24px; position:absolute; left:50px; color: #ffac13;">POV-Lab</div>
<br><br>
<a href="https://povray.org" target="_blank">POV-Ray</a> scenes was rendered by <a href="https://wiki.povray.org/content/User:Le_Forgeron" target="_blank">HgPovray</a> with stereo camera and can be viewed in VR by selecting mask icon it low left corner. Download scene source by selecting download icon.</p>
<p>Following tutorials are available online:
<a href="https://povlab.online/povtutorial/" target="_blank">Basics</a>,
<a href="https://povlab.online/animtutorial/" target="_blank">Animation</a>,
<a href="https://povlab.online/isotutorial/" target="_blank">Isosurfaces</a>.</p>
<p style='text-align:right'>Contacts: <a href='mailto:syanenko65@gmain.com'>Email</a> / <a href="https://www.linkedin.com/in/sergey-yanenko-57b21a96/" target="_blank">LinkedIn</a> </p>
<form method="dialog" style="text-align:center">
<button style='width:100px'>OK</button>
</form>
</dialog>
</header>