-
-
Notifications
You must be signed in to change notification settings - Fork 26
/
index.html
73 lines (57 loc) · 4.52 KB
/
index.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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="theme-color" content="#FFF"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<meta property="og:url" content="https://github.com/victorqribeiro/radialMenu" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Radial Menu" />
<meta property="og:author" content="Victor Ribeiro" />
<meta property="og:description" content="A beautiful customizible radial menul for your site." />
<title> Radial Menu - Victor Ribeiro </title>
<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
<style>
html, body {
margin: 1em;
padding: 1em;
font: 15px 'Arial';
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
p {
text-align: justify;
}
canvas {
cursor: var(--cursor-state);
}
</style>
</head>
<body>
<h3>Right click if you're on a desktop/notebook, touch the screen and hold if you are on a smartphone.</h3>
<p>Lorem ipsum dolor sit amet, ut cum maluisset assentior, vel ne elit ullum deserunt. Te sed oblique feugiat argumentum, eam ei veritus mentitum deleniti. Per ornatus postulant no, ex sea forensibus vituperata temporibus. Id vix tacimates voluptaria, stet novum salutandi ius ut, sea hinc patrioque ei. Mea eu novum erant instructior, nam soluta molestie senserit et. Ad per lorem delenit dignissim.</p>
<p>Vim atqui decore consectetuer no, quo timeam impetus persecuti ne. Graeci accusata sit ea, eum primis commodo gubergren et, eros voluptua ei usu. Novum doctus iudicabit ius et, vim ea prima dolorum gubergren, sit graeco mandamus philosophia ut. Timeam deterruisset est at, ea nam minim dicunt iracundia. Ea nec aeterno volutpat. Ut fastidii perpetua quo, ei est melius detracto, summo tollit labores sea id.</p>
<p>Per saperet civibus at. Te nec platonem erroribus, id sit nostro aeterno verterem. Movet propriae convenire at qui, deseruisse sententiae at vel. Ea his illum appetere. Vel in vero dissentias.</p>
<p>Eum sanctus noluisse delicata et, erat deserunt vis in, usu purto indoctum referrentur ei. Mei viderer nonumes deterruisset te. Movet numquam et eam, et impetus persius eos. Sit an delectus partiendo facilisis, paulo audire suscipit te duo. Novum inimicus vel ea, ei alia nominati eam, ius an error feugait suscipiantur.</p>
<p>Pro no illud tractatos prodesset, fugit paulo liberavisse at nam. Sed posse gloriatur an. Ex nihil graece audiam eam, regione sanctus vis ad, his ut partiendo molestiae signiferumque. Per dicam causae id, at elitr iudico suscipit has. Simul discere omittantur ex sit, tota regione maluisset ei ius. Te has aeterno voluptatum dissentiet, his et doctus ceteros vituperata. Mea liber laoreet periculis ad, quis semper audiam mea cu, his ei senserit efficiendi.</p>
<p>Agam prodesset vim eu, cum ex fierent referrentur. Pro et odio minim aperiri. Vix elitr soleat iisque ea, cum ei sonet honestatis. Id natum etiam luptatum sit.</p>
<p>Eu sed dico doming ceteros. Nec nibh partiendo no, mazim recteque duo ad, ut vis partem virtute salutandi. Putant singulis sea cu. Eum movet percipitur no, in atqui accusata pro. Id virtute commune nam. Ridens noluisse delicatissimi ex eos.</p>
<p>Mel corpora maiestatis ne, an ferri delectus mei. Cum quidam postulant repudiandae te, omnis partem melius nec an, no nonumes tibique vim. Est wisi verterem torquatos id. Vide omnesque eleifend mel ad, has regione voluptua lobortis no.</p>
<p>His ne nisl singulis volutpat, no qui soluta numquam. Pri nulla inciderint id. Ex nec constituam omittantur, sea corpora reprimique scripserit in. Ne sea esse vitae persius, ne tale dicit eos.</p>
<p>Ei labores intellegat omittantur mei, magna omnes affert vix te, cum wisi rebum id. Eos agam porro volutpat ex, salutandi mediocritatem sit ea, vidit erroribus percipitur ut has. Usu repudiandae consectetuer in, iudico apeirian recusabo mei ad. Eius ancillae scribentur vis in, accusam offendit imperdiet quo ea. Erat iudico detracto ei est, eos homero dictas eleifend cu.</p>
<p><a href="font-visualizer.html"> Font Visualizer</a></p>
<p><a href="style-visualizer.html"> Style Visualizer</a></p>
<script type="module">
import RadialMenu from "./build/RadialMenu.min.js";
const radial = new RadialMenu({
rotation: Math.PI/2,
hoverAction: isHover => document.documentElement.style.setProperty('--cursor-state', isHover ? 'pointer' : 'default'),
fontSize: 18
});
</script>
</body>
</html>