forked from seisiuneer/abctools
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcredits.html
161 lines (138 loc) · 6.82 KB
/
credits.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
156
157
158
159
160
161
<!DOCTYPE html>
<html>
<head>
<title>ABC Transcription Tools Credits and Thanks</title>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html">
<meta content="ABC transposer ABCtransposer transpose jig reel folk" name="keywords">
<meta content="A simple-to-use ABC to standard music notation converter featuring transposition, tab generation, and PDF export." name="description">
<meta content="A simple-to-use ABC to standard music notation converter featuring transposition, tab generation, and PDF export." name="abstract">
<meta property="og:locale" content="en_US" />
<meta name="description" content="A simple-to-use ABC to standard music notation converter" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Michael Eskin's ABC Transcription Tools" />
<meta property="og:description" content="A simple-to-use ABC to standard music notation converter featuring transposition, tab generation, and PDF export." />
<meta property="og:url" content="http://michaeleskin.com/abctools/abctools.html" />
<meta property="og:site_name" content="Michael Eskin's ABC Transcription Tools" />
<meta property="og:image" content="http://michaeleskin.com/abctools/img/abc-icon.png" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="http://michaeleskin.com/abctools/img/abc-ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<meta name="apple-mobile-web-app-title" content="ABC Tools">
<meta name="application-name" content="ABC Tools">
<meta name="viewport" content="width=860">
<link rel="apple-touch-icon" sizes="57x57" href="http://michaeleskin.com/abctools/img/abc-apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="http://michaeleskin.com/abctools/img/abc-apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://michaeleskin.com/abctools/img/abc-apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="http://michaeleskin.com/abctools/img/abc-apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://michaeleskin.com/abctools/img/abc-apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="http://michaeleskin.com/abctools/img/abc-apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="http://michaeleskin.com/abctools/img/abc-apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="http://michaeleskin.com/abctools/img/abc-apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="http://michaeleskin.com/abctools/img/abc-apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="http://michaeleskin.com/abctools/img/abc-android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://michaeleskin.com/abctools/img/abc-favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="http://michaeleskin.com/abctools/img/abc-favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="http://michaeleskin.com/abctools/img/abc-favicon-16x16.png">
<link rel="manifest" href="http://michaeleskin.com/abctools/img/abc-manifest.json">
<style>
p {
font-size:14pt;
font-family:"Helvetica";
line-height: 28px;
}
h1 {
font-size:16pt;
font-family:"Helvetica";
margin-bottom:32px;
}
hr {
margin-top:24px;
margin-bottom:24px;
}
body {
padding:10px;
text-align: center;
}
#maindiv{
position: absolute;
left: 50%;
margin-right: -50%;
transform: translate(-50%, 0%);
text-align: left;
width: 800px;
background-color: white;
}
.image_holder{
text-align: center;
}
</style>
</head>
<body style="padding">
<div id="maindiv">
<div style="text-align: center;">
<font face="Comic Sans MS" size="5" id="pagetitle">ABC Transcription Tools Credits and Thanks</font><br>
<p>This ABC to notation converter was developed by <a href="http://michaeleskin.com" target="_blank">Michael Eskin</a>.</p>
<p>Full project source may be found on: <a href="https://github.com/seisiuneer/abctools" target="_blank">GitHub</a>.</p>
<p>Try it out here: <a href="http://michaeleskin.com/abc" target="_blank">ABC Transcription Tools</a>.</p>
</div>
<hr>
<p><strong>Open Source Info:</strong></p>
<p>The converter uses open source Javascript libraries and forks of other projects:</p>
<p><a href="http://www.franziskaludwig.de/abctransposer/" target="_blank">Jens Wollschlager's abc transposer</a> My code is a fork of Jens Wollschlager's original version.</p>
<p><a href="https://www.abcjs.net/" target="_blank">abcjs</a> by Paul Rosen and Gregory Dyke to convert abc to sheet music.</p>
<p><a href="https://www.npmjs.com/package/html-to-image" target="_blank">html-to-image</a> is used to prepare the html sheet music for PDF conversion.</p>
<p><a href="https://github.com/parallax/jsPDF" target="_blank">jsPDF</a> is used to actually create the PDF.</p>
<p><a href="https://github.com/OMerkel/tin_whistle/tree/master/res/font" target="_blank">Tin Whistle Fingering Font</a> by Paul Merke is used to generate the whistle tabs.</p>
<p><a href="https://davidshimjs.github.io/qrcodejs" target="_blank">qrcode.js</a> is used to generate the QR codes.</p>
<p><a href="https://github.com/pieroxy/lz-string" target="_blank">lz-string.js</a> is used to for LZW compression of the tunes for share links.</p>
<p>Ui icons created by <a href="https://www.flaticon.com/free-icons/ui" title="ui icons" target="_blank"> Karacis - Flaticon</a>.</p>
<p>Without these free resources this project would not have been possible.</p>
<p></p>
<hr>
<p><strong>Project Contributors:</strong></p>
<p>Thank you to Philip McGarvey for the share link export feature addition!</p>
<hr>
</div>
</body>
<script>
//
// Are we on iOS?
//
function isIOS() {
if (/iPad|iPhone|iPod/.test(navigator.platform)) {
return true;
} else {
return navigator.maxTouchPoints &&
navigator.maxTouchPoints > 2 &&
/MacIntel/.test(navigator.platform);
}
}
function DoStartup() {
//
// iOS Styling adaptation
//
var gIsIOS = isIOS();
if (gIsIOS) {
// Fix the title font
var elem = document.getElementById("pagetitle");
elem.size = 5;
elem.style.fontFamily = "Helvetica";
}
}
//
// Wait for the document to be ready, then fire a function
//
function WaitForReady(fn) {
if (document.readyState !== 'loading') {
fn();
return;
}
document.addEventListener('DOMContentLoaded', fn);
}
//
// Wait for the document to be ready, then startup
//
WaitForReady(DoStartup);
</script>
</html>