-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhelp.html
88 lines (85 loc) · 8.51 KB
/
help.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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ScaleInfo</title>
<link rel="icon" type="image/svg+xml" href="../logo/favicon.svg" sizes="any">
<meta name="application-name" content="ScaleInfo">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="ScaleInfo">
<meta name="msapplication-TileColor" content="#aaa">
<meta name="theme-color" content="#aaa">
<meta name="apple-mobile-web-app-status-bar-style" content="#aaa">
<meta name="msapplication-config" content="../logo/browserconfig.xml?v=190925022706">
<link rel="apple-touch-icon" sizes="57x57" href="../logo/apple-touch-icon-57x57.png?v=190925022706">
<link rel="apple-touch-icon" sizes="60x60" href="../logo/apple-touch-icon-60x60.png?v=190925022706">
<link rel="apple-touch-icon" sizes="72x72" href="../logo/apple-touch-icon-72x72.png?v=190925022706">
<link rel="apple-touch-icon" sizes="76x76" href="../logo/apple-touch-icon-76x76.png?v=190925022706">
<link rel="apple-touch-icon" sizes="114x114" href="../logo/apple-touch-icon-114x114.png?v=190925022706">
<link rel="apple-touch-icon" sizes="120x120" href="../logo/apple-touch-icon-120x120.png?v=190925022706">
<link rel="apple-touch-icon" sizes="144x144" href="../logo/apple-touch-icon-144x144.png?v=190925022706">
<link rel="apple-touch-icon" sizes="152x152" href="../logo/apple-touch-icon-152x152.png?v=190925022706">
<link rel="apple-touch-icon" sizes="180x180" href="../logo/apple-touch-icon-180x180.png?v=190925022706">
<link rel="icon" type="image/png" href="../logo/android-chrome-36x36.png?v=190925022706" sizes="36x36">
<link rel="icon" type="image/png" href="../logo/android-chrome-48x48.png?v=190925022706" sizes="48x48">
<link rel="icon" type="image/png" href="../logo/android-chrome-72x72.png?v=190925022706" sizes="72x72">
<link rel="icon" type="image/png" href="../logo/android-chrome-96x96.png?v=190925022706" sizes="96x96">
<link rel="icon" type="image/png" href="../logo/android-chrome-144x144.png?v=190925022706" sizes="144x144">
<link rel="icon" type="image/png" href="../logo/android-chrome-192x192.png?v=190925022706" sizes="192x192">
<link rel="icon" type="image/png" href="../logo/favicon-16x16.png?v=190925022706" sizes="16x16">
<link rel="icon" type="image/png" href="../logo/favicon-32x32.png?v=190925022706" sizes="32x32">
<link rel="icon" type="image/png" href="../logo/favicon-96x96.png?v=190925022706" sizes="96x96">
<link rel="shortcut icon" type="image/x-icon" href="../logo/favicon.ico?v=190925022706">
<meta name="msapplication-TileImage" content="../logo/mstile-150x150.png?v=190925022706">
<meta name="msapplication-square70x70logo" content="../logo/mstile-70x70.png?v=190925022706">
<meta name="msapplication-square150x150logo" content="../logo/mstile-150x150.png?v=190925022706">
<meta name="msapplication-wide310x150logo" content="../logo/mstile-310x150.png?v=190925022706">
<meta name="msapplication-square310x310logo" content="../logo/mstile-310x310.png?v=190925022706">
<link href="../logo/apple-touch-startup-image-320x460.png?v=190925022706" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<link href="../logo/apple-touch-startup-image-640x920.png?v=190925022706" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="../logo/apple-touch-startup-image-640x1096.png?v=190925022706" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="../logo/apple-touch-startup-image-748x1024.png?v=190925022706" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)" rel="apple-touch-startup-image">
<link href="../logo/apple-touch-startup-image-750x1024.png?v=190925022706" media="" rel="apple-touch-startup-image">
<link href="../logo/apple-touch-startup-image-750x1294.png?v=190925022706" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="../logo/apple-touch-startup-image-768x1004.png?v=190925022706" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)" rel="apple-touch-startup-image">
<link href="../logo/apple-touch-startup-image-1182x2208.png?v=190925022706" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image">
<link href="../logo/apple-touch-startup-image-1242x2148.png?v=190925022706" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image">
<link href="../logo/apple-touch-startup-image-1496x2048.png?v=190925022706" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image">
<link href="../logo/apple-touch-startup-image-1536x2008.png?v=190925022706" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image">
<link rel="stylesheet" type="text/css" href="../styles/main.css">
</head>
<body>
<div class="mainSectionWrapper">
<a href="./">< Back to the main page</a>
<h1 class="mainHeadline" style="margin-top:20px;">The Scale Explorer</h1>
In this section you can search for scales, for which you can then display playing instructions for various instruments and general information about the scale in the other sections. To find the scale you are looking for you can set filters.<br>
<br>
In the top half of the Scale Explorer there are 3 main filters to choose from: <br>
<ul>
<li>
With <b>"Scale Degrees"</b> the algorithm compares the entered degrees by the user with the scale degrees of the scales in the data base. At this 1 corresponds to the root, 1#/2b to the note 1 half step above the root, 2 to the note 2 halfsteps above the root and so forth. The desired root note can be set at the drop-down menu below the degree buttons. Below that is a button, which enables you to set the entered scale instantly without searching for it in the result list. <br>
This filter is useful if you already know where the root of the scale is, for example if you have a chord and want to find a suitable scale to improvise over it. In this case you would enter the degrees of the chord notes, choose the same root note in the drop-down menu as the chord has and allow more added notes in the input field below the main filters. <br>
</li>
<li>
With <b>"Scale Notes"</b> you can set notes and the algorithm will find all scales with the appropriate root note for each. <br>
This is useful if you just know the notes of a scale and not which of them is the root. <br>
</li>
<li>
The last option <b>"All"</b> just shows all scales in the database with the root note being adjusted in the drop-down menu below.
</li>
</ul><br>
Below the main filters there are a few extra filters which narrow down or widen the results: <br>
<ul>
<li>The first 2 number input fields add results by allowing notes to be <b>added</b> to the user input or to be <b>altered</b> (which means changing a note 1 half step up or down).</li>
<li>With <b>"Scale Category"</b> you can limit the search to one or multiple specific types of scales (mainly by origin).</li>
<li>The last filter is a <b>search bar</b>, which restricts the search to results, which contain the search phrase.</li>
</ul><br>
All of these filters are followed by the <b>result box</b> displaying all scales found in the database matching the filter settings.<br><br>
With the <b>"I'm feeling lucky"</b>-button below the result box you can explore the database by randomly choosing scales from the result box.(Note that this button only picks from the results set by the filters. If you want to choose a random scale from the whole database you have to remove all filter restrictions, i.e. set the main filter to "All", select all scale categories and empty the search box.)
</div>
<p id="credit_mark">by <a href="../">Elias Leon Foramitti</a> - <a href="sources.html">Sources</a></p>
</body>
</html>