-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathheader.html
57 lines (48 loc) · 2.49 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!--
"asides", as WFP would say. :-)
due to the "fetch" being located inside the <body> element, I think the
below superfluous (and wrong ;-)).
<head>
<link type="text/css" rel="stylesheet" href="/index.css">
</head>
and given the stylesheet is loaded, having the <style>s in the <div>, <form>
and paragraphs too is something that needs "straightening out", imo.
also, I wonder if the "tutorials" paragraph ought not be a list, really.
(would be happy to do)
let me know whether / if you approve of my meddling below.
-->
<header>
<img id='logo' src='/data/icons/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'">Persistence of VR</div>
<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>
'povlab.yesbird.online' is an online tool for creating
<a href='https://povray.org' target='_blank'>POV-Ray</a>
scenes in a web browser, and rendering them on a server
using <a href='https://wiki.povray.org/content/User:Le_Forgeron' target='_blank'>HgPovray</a>.
Send a scene to render by clicking the [Upload] button on the top panel,
or pressing [Ctrl-S],
use the [Camera] button to view the rendered image in AR.</p>
<p>The following tutorials are available online:
<a href='https://povlab.yesbird.online/povtutorial/' target='_blank'>Basics</a>,
<a href='https://povlab.yesbird.online/animtutorial/' target='_blank'>Animation</a>,
<a href='https://povlab.yesbird.online/isotutorial/' target='_blank'>Isosurfaces</a>.
Use these to explore the endless features of one of the best ray tracers in the world !</p>
<!--
<p style='text-align:legft'>Created by "Yesbird studio" (c)2024.<br>Contacts: <a href='mailto:[email protected]'>Email</a> / <a href="https://www.linkedin.com/in/sergey-yanenko-57b21a96/" target="_blank">LinkedIn</a></p>
-->
<p style='text-align:legft'>Created by "Yesbird" ©2024.<br>
Contact me: <a href='https://github.com/syanenko/povlab.online' target='_blank'>GitHub</a> / <a href='mailto:[email protected]'>Email</a>
</p>
<form method='dialog' style='text-align:center'>
<button style='width:100px'>OK</button>
</form>
</dialog>
</header>