-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (145 loc) · 12.1 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="stylesheet" href="styles.css">
<title>SMC Tools - Gear Index</title>
</head>
<body class="" id="body">
<!--HEADER-->
<div class="mainContentBox">
<div class="header">
<h1>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<rect width="184.87" height="35.36" x="23.19" y="162" rx="17.68" ry="17.68" class="mainContrastFill"></rect>
<rect width="50.15" height="35.36" x="224.97" y="162" rx="17.68" ry="17.68" class="secondaryColorFill"></rect>
<rect width="125.97" height="35.36" x="23.19" y="102.64" rx="17.68" ry="17.68" class="mainLighterFill"></rect>
<rect width="87.87" height="35.36" x="23.19" y="221.36" rx="17.68" ry="17.68" class="secondaryColorFill"></rect>
<rect width="147.15" height="35.36" x="127.98" y="221.36" rx="17.68" ry="17.68" class="secondaryColorFill"></rect>
<rect width="109.06" height="35.36" x="166.07" y="102.64" rx="17.68" ry="17.68" class="mainContrastFill"></rect>
<rect width="81.74" height="35.36" x="23.19" y="43.27" rx="17.68" ry="17.68" class="secondaryColorFill"></rect>
<rect width="153.83" height="35.36" x="122.98" y="43.27" rx="17.68" ry="17.68" class="secondaryColorFill"></rect>
</svg><span>SMC TOOLS</span>
</h1>
<button onclick="document.querySelector('.mobileMenu').classList.toggle('display')" class="toggleMenu mainBtn">MENU</button>
<ul class="mobileMenu">
<li><a href="index.html" class="menuLink">Microphones</a></li>
<li><a href="eartraining.html" class="menuLink">Ear Training</a></li>
<li><a href="assets.html" class="menuLink">Assets</a></li>
<li><a href="randomchain.html" class="menuLink">Patchbay Practice</a></li>
</ul>
</div>
</div>
<div class="bodyContent micContent active">
<div class="sideBar">
<h2 class="flexAlignFilters">
<span>
<svg id="i-options" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M28 6 L4 6 M28 16 L4 16 M28 26 L4 26 M24 3 L24 9 M8 13 L8 19 M20 23 L20 29" />
</svg>
Filters
</span>
<button class="mainBtn hideMobile" onclick="clearFilters()">Clear</button>
<button onclick="toggleFilters()" class="toggleFilters mainBtn">Show</button>
</h2>
<div class="filters">
<div class="hideDesktop alignBtns">
<button onclick="clearFilters()" class="mainBtn">Clear</button>
<button onclick="toggleFilters()" class="mainBtn">Close</button>
</div>
<fieldset id="micType">
<legend>Type</legend>
<label><input type="checkbox" value="SDC" onchange='updateFilter(this, "type")'/><span class="checkboxFill"></span> Small Diaphragm Condenser</label>
<label><input type="checkbox" value="LDC" onchange='updateFilter(this, "type")'/><span class="checkboxFill"></span> Large Diaphragm Condenser</label>
<label><input type="checkbox" value="Dynamic" onchange='updateFilter(this, "type")' /><span class="checkboxFill"></span> Dynamic</label>
<label><input type="checkbox" value="Ribbon" onchange='updateFilter(this, "type")' /><span class="checkboxFill"></span> Ribbon</label>
</fieldset>
<fieldset>
<legend>Polar Pattern</legend>
<label><input type="checkbox" value="Cardioid" onchange='updateFilter(this, "polar")'/><span class="checkboxFill"></span> Cardioid</label>
<label><input type="checkbox" value="Figure-8" onchange='updateFilter(this, "polar")' /><span class="checkboxFill"></span> Figure-8</label>
<label><input type="checkbox" value="Omni" onchange='updateFilter(this, "polar")' /><span class="checkboxFill"></span> Omni</label>
<label><input type="checkbox" value="Hemi" onchange='updateFilter(this, "polar")' /><span class="checkboxFill"></span> Hemi</label>
</fieldset>
<fieldset>
<legend>Frequency Response</legend>
<label class="rangeLabel">
<span>Lowest Freq.</span>
<span class="frequency"><i>100</i>hz</span>
<input type="range" min="10" max="100" onchange='updateFilter(this, "lowFreq")' oninput="inputUpdate(this)" value="100" step="1" />
</label>
<label class="rangeLabel">
<span>Highest Freq.</span>
<span class="frequency"><i>10</i>khz</span>
<input type="range" min="10" max="50" onchange='updateFilter(this, "highFreq")' oninput="inputUpdate(this)" value="10" step="1" />
</label>
</fieldset>
<fieldset>
<legend>Maximum SPL</legend>
<label class="rangeLabel">
<span>Maximum SPL</span>
<span class="frequency"><i>90</i>dB</span>
<input type="range" min="90" max="200" onchange='updateFilter(this, "spl")' oninput="inputUpdate(this)" value="90" step="1" />
</label>
</fieldset>
<fieldset>
<legend>Common Uses</legend>
<label><input type="checkbox" value="Acoustic Guitar" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Acoustic Guitar</label>
<label><input type="checkbox" value="Electric Guitar" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Electric Guitar</label>
<label><input type="checkbox" value="Electric Bass" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Electric Bass</label>
<label><input type="checkbox" value="Vocals" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Vocals</label>
<label><input type="checkbox" value="Acoustic Piano" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Acoustic Piano</label>
<label><input type="checkbox" value="Violin/Viola/Cello" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Violin/Viola/Cello</label>
<label><input type="checkbox" value="Trumpet/Sax/Horns" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Trumpet/Sax/Horns</label>
<label><input type="checkbox" value="Drum Overheads" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Drum Overheads</label>
<label><input type="checkbox" value="Snare Drum" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Snare Drum</label>
<label><input type="checkbox" value="Toms" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Toms</label>
<label><input type="checkbox" value="Hats/Cymbal Close Mics" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Hats/Cymbal Close Mics</label>
<label><input type="checkbox" value="Kick" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Kick</label>
<label><input type="checkbox" value="Drum Room" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> Drum Room</label>
<label><input type="checkbox" value="General Purpose" onchange='updateFilter(this, "uses")' /><span class="checkboxFill"></span> General Purpose</label>
</fieldset>
<fieldset>
<legend>Characteristics</legend>
<label><input type="checkbox" value="Bright" onchange='updateFilter(this, "chars")' /><span class="checkboxFill"></span> Bright</label>
<label><input type="checkbox" value="Transparent" onchange='updateFilter(this, "chars")' /><span class="checkboxFill"></span> Transparent</label>
<label><input type="checkbox" value="Dark" onchange='updateFilter(this, "chars")' /><span class="checkboxFill"></span> Dark</label>
<label><input type="checkbox" value="Saturated" onchange='updateFilter(this, "chars")' /><span class="checkboxFill"></span> Saturated</label>
<label><input type="checkbox" value="Neutral" onchange='updateFilter(this, "chars")' /><span class="checkboxFill"></span> Neutral</label>
<label><input type="checkbox" value="Punchy" onchange='updateFilter(this, "chars")' /><span class="checkboxFill"></span> Punchy</label>
<label><input type="checkbox" value="Smooth" onchange='updateFilter(this, "chars")' /><span class="checkboxFill"></span> Smooth</label>
</fieldset>
<fieldset>
<legend>Lending Level Required</legend>
<p>Mics not in the SMC Library will show up unless one or more lending levels are selected.</p>
<label><input type="checkbox" value="1" onchange='updateFilter(this, "level")' /><span class="checkboxFill"></span> 1</label>
<label><input type="checkbox" value="2" onchange='updateFilter(this, "level")' /><span class="checkboxFill"></span> 2</label>
<label><input type="checkbox" value="3" onchange='updateFilter(this, "level")' /><span class="checkboxFill"></span> 3</label>
<label><input type="checkbox" value="4" onchange='updateFilter(this, "level")' /><span class="checkboxFill"></span> 4</label>
<label><input type="checkbox" value="Request" onchange='updateFilter(this, "level")' /><span class="checkboxFill"></span> Request</label>
</fieldset>
<button class="mainBtn" onclick="beginFlashcards()">
Start Flashcards
</button>
</div>
</div>
<div class="gear">
<div class="gearList" id="gearList">
<input type="text" id="searchBar" oninput="updateFilter(this, 'search')" placeholder="Search Gear" class="searchBox blockSearch">
</div>
</div>
<div class="flashBack">
<div class="showOnFlashcard defaultHide flashcardInstructions">
<button onclick="previousFlashcard()"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 30L8 16L20 2"/></svg> <span>PREVIOUS</span></button>
<p><span>Click to show other side.</span> <button class="inlineButton"onclick='closeFlashcards()'>CLOSE FLASHCARDS</button></p>
<button onclick="nextFlashcard()"><span>NEXT</span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12 30l12-14L12 2"/></svg></button>
</div>
</div>
<!-- <div class="maintenanceTag"><h2>We are currently undergoing maintenance, please check back soon!</h2></div> -->
</div>
<script src="../smc-js/mics.js"></script>
<script src="../smc-js/scripts.js"></script>
</body>
</html>