-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.pug
117 lines (103 loc) · 6.71 KB
/
index.pug
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
doctype html
html(lang='en')
head
meta(charset='utf-8')
meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
title Vinyl Record & Sleeve Grader
meta(name='description' content='Accurately grade a vinyl record and a sleeve according to the Goldmine guidelines.')
link(href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css", rel="stylesheet", integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm", crossorigin="anonymous")
link(rel='stylesheet', href='style.css', type='text/css')
link(href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600', rel='stylesheet', type='text/css')
link(rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous")
body(ng-app='recordGrader', ng-controller='MainController')
.container
.row: .col-sm-12.mt-4
.row.d-flex.align-items-center
.col-12.col-sm-auto.sleeve-logo.text-center.text-md-left: img(rg-random-cover discogs-credentials="{ key: 'CXDjOnwBOBrUIPVjpbMh', secret: 'NyFFxQoZSxbmiqWQYwZTKDGQQMJwuUtX' }" fallback="{ url: 'dj_krush_milight.jpg', title: 'MiLight (1996)' }")
.col-auto.text-center.text-md-left.ml-md-4.mt-sm-0.mt-4
h2: strong Vinyl record & sleeve grader
p A tool for helping you to grade vinyl records according to the <a href='http://www.goldminemag.com/collector-resources/record-grading-101'>Goldmine guidelines</a>.
.row.mt-4
.col-md-6.col-sm-12
h4
| Record
span.badge.badge-primary {{ result.record }}
span.badge.why-link(ng-show="result.record && !showExplanations.record && !isMint(limitingCriterions.record)"): a.text-primary.shim-link(ng-click="toggleExplanations('record')") Why?
.row(ng-if="showExplanations.record && !isMint(limitingCriterions.record)"): .col-sm-12
div.alert.alert-secondary.mb-0.mt-2
div: b The record shouldn't be higher than {{ result.record }} because...
div: ul.mb-0
li(ng-repeat="rule in limitingCriterions.record") {{ rule.gradeExplanation }}
hr
rg-questions(criterions="outliers_r_criterions" limiting-criterions="limitingCriterions" answers="answers")
h5.text-muted.mb-3 Visual
rg-questions(criterions="rv_criterions" limiting-criterions="limitingCriterions" answers="answers")
hr
h5.text-muted.mt-3.mb-3 Playback
rg-questions(criterions="rp_criterions" limiting-criterions="limitingCriterions" answers="answers")
.mt-2.hidden-sm-up
.col-md-6.col-sm-12
h4
| Sleeve
span.badge.badge-primary {{ result.sleeve }}
span.badge.why-link(ng-show="result.sleeve && !showExplanations.sleeve && !isMint(limitingCriterions.sleeve)"): a.text-primary.shim-link(ng-click="toggleExplanations('sleeve')") Why?
.row(ng-if="showExplanations.sleeve && !isMint(limitingCriterions.sleeve)"): .col-sm-12
div.alert.alert-secondary.mb-0.mt-2
div: b The sleeve shouldn't be higher than {{ result.sleeve }} because...
div: ul.mb-0
li(ng-repeat="rule in limitingCriterions.sleeve") {{ rule.gradeExplanation }}
hr
rg-questions(criterions="s_criterions" limiting-criterions="limitingCriterions" answers="answers")
p.text-muted.mt-4
b How is the grade computed?
| The initial grade is M, and each answer will lower (or at best keep) it. For example, if the record is perfect but you hear a background noise when playing, according to the guidelines it can't be higher than VG.
p.text-muted.mt-4
| You might get weird grades while messing with the answers. Make sure the combination of answers is plausible in real life to get an accurate grade, e.g. a badly warped record is most of the time (if not all) also audibly warped.
p.text-muted.mt-4
form.form-inline(action='https://raphaelyancey.us12.list-manage.com/subscribe/post?u=21c652efeaa38b801ed6a52ff&id=1b3f91cc38', method='post', name='mc-embedded-subscribe-form', target='_blank', novalidate='')
.input-group.col-sm-12.col-md-4.pl-0
input.form-control(type='email', value='', name='EMAIL' placeholder="Enter your email")
.input-group-append: input.btn.btn-primary(type='submit', value='Get updates', name='subscribe')
small.text-muted No spam. Only for major updates.
div(style='position: absolute; left: -5000px;', aria-hidden='true')
input.form-control(type='text', name='b_21c652efeaa38b801ed6a52ff_1b3f91cc38', tabindex='-1', value='')
p
i.fab.fa-twitter.text-primary
|
a.text-primary(href="https://twitter.com/raphaelyancey" target="_blank") Leave feedback
p
i.fab.fa-github
|
a(href="https://github.com/raphaelyancey/record-grader" target="_blank") Contribute
p
i.fab.fa-hacker-news(style="color: #ff6600;")
|
a(href="https://news.ycombinator.com/item?id=16891184" target="_blank") Discuss
.mt-4.mb-4.text-muted
small
| Made by
a(href='http://raphaelyancey.fr') Raphael Yancey
| — 2017
//- pre {{ answers | json }}
script(src='https://code.jquery.com/jquery-3.1.1.slim.min.js', integrity='sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n', crossorigin='anonymous')
script(src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js", integrity="sha384-feJI7QwhOS+hwpX2zkaeJQjeiwlhOP+SdQDqhgvvo1DsjtiSQByFdThsxO669S2D", crossorigin="anonymous")
script(src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js')
script(src='https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js')
script(type='text/javascript', src='dist.js')
// Matomo
script(type='text/javascript').
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//s.raphaelyancey.fr/";
_paq.push(['setTrackerUrl', u+'js/']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'js/'; s.parentNode.insertBefore(g,s);
})();
noscript
p
img(src='//s.raphaelyancey.fr/js/?idsite=1&rec=1', style='border:0;', alt='')
// End Matomo Code