-
Notifications
You must be signed in to change notification settings - Fork 31
/
Copy pathtipjars.html
158 lines (134 loc) · 6.85 KB
/
tipjars.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
<!DOCTYPE html>
<html>
<head>
<title>ABC Transcription Tools Tip Jars</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 Tip Jars" />
<meta property="og:description" content="A Tip-Supported Open-Source tool for generating standard notation from ABC and MusicXML files." />
<meta property="og:url" content="https://michaeleskin.com/abctools/tipjars.html" />
<meta property="og:site_name" content="Michael Eskin's ABC Transcription Tools Tip Jars" />
<meta property="og:image" content="https://michaeleskin.com/abctools/img/abc-icon.png" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://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 Tip Jars">
<meta name="application-name" content="ABC Tools Tip Jars">
<meta name="viewport" content="width=860">
<link rel="apple-touch-icon" sizes="57x57" href="https://michaeleskin.com/abctools/img/abc-apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://michaeleskin.com/abctools/img/abc-apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://michaeleskin.com/abctools/img/abc-apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://michaeleskin.com/abctools/img/abc-apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://michaeleskin.com/abctools/img/abc-apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://michaeleskin.com/abctools/img/abc-apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://michaeleskin.com/abctools/img/abc-apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://michaeleskin.com/abctools/img/abc-apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://michaeleskin.com/abctools/img/abc-apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://michaeleskin.com/abctools/img/abc-android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://michaeleskin.com/abctools/img/abc-favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://michaeleskin.com/abctools/img/abc-favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://michaeleskin.com/abctools/img/abc-favicon-16x16.png">
<link rel="manifest" href="https://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>
<div id="maindiv">
<div style="text-align: center;">
<font face="Comic Sans MS" size="5" id="pagetitle">ABC Transcription Tools Tip Jars</font><br>
<div style="text-align: center;margin-top:24px;">
<a href="https://michaeleskin.com" target="_blank">
<img src="img/michael.jpg" class=" size-full wp-image-22" style="margin-top:0px;" alt="Michael Eskin, headshot photo" style="margin-top: 20px" width="240" height="240" title="Click to visit Michael's Home Page">
</a>
</div>
<p>This ABC to notation converter was developed by <a href="https://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="https://michaeleskin.com/abc" target="_blank">ABC Transcription Tools</a>.</p>
</div>
<hr>
<div style="text-align:center;padding:30px 10px 5px 10px;background-color:honeydew">
<p>My <a href="https://michaeleskin.com/abc" target="_blank">ABC Transcription Tools</a> are completely free to use.</p>
<p>If you find my ABC Transcription Tools useful, please support my ongoing<br/>development efforts by tossing a few bucks into one of my virtual tip jars:</p>
<p class="notranslate"><strong>PayPal</strong></br><a href="https://paypal.me/MichaelEskin" target="_blank">https://paypal.me/MichaelEskin</a></p>
<p class="notranslate"><strong>Venmo</strong></br>@MichaelEskin</p>
</div>
<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>