-
Notifications
You must be signed in to change notification settings - Fork 0
/
game-used.html
205 lines (200 loc) · 10.5 KB
/
game-used.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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<title>Roy Oswalt Game Used</title>
<meta charset="utf-8" />
<meta name="author" content="Christopher Schuck">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name='description' content='The largest collection of Roy Oswalt game used and patches.' />
<meta property="og:type" content="website" />
<meta property='og:site_name' content='the Definitive Roy Oswalt Collection' />
<meta property='og:title' content='Roy Oswalt Game Used' />
<meta property='og:description' content='The largest collection of Roy Oswalt game used and patches.' />
<meta property='og:url' content='https://royoswalt44.com/game-used' />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="stylesheet" type="text/css" href="stylesMini.css">
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow|Oswald:400|Karla" rel="stylesheet">
<link href='https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css' rel='stylesheet'>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-firestore.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<script src="vue_app_details_component.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-26640626-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="wrapper" data-category="gu">
<header>
<button :class="menuIsOpen ? 'menu-button menu-is-open' : 'menu-button'"
:aria-label="menuIsOpen ? 'close menu navigation' : 'open menu navigation'"
:aria-expanded="menuIsOpen ? 'true' : 'false'" aria-controls="primary-nav"
@click="toggleMenuButton"><span></span></button>
<nav id="primary-nav" :class="menuIsOpen ? 'primary-nav primary-nav--is-visible' : 'primary-nav'">
<ul class="primary-nav__list">
<li class="primary-nav__list-item"><a class="primary-nav__anchor" href="/#updates">Updates</a></li>
<li class="primary-nav__list-item"><a class="primary-nav__anchor" href="/autographs">Autographs</a></li>
<li class="primary-nav__list-item"><a class="primary-nav__anchor" href="/game-used">Game Used &
Patches</a></li>
<li class="primary-nav__list-item"><a class="primary-nav__anchor" href="/rookie-cards">Rookie Cards</a>
</li>
<li class="primary-nav__list-item"><a class="primary-nav__anchor" href="/base-inserts-parallels">Base,
Inserts, Parallels</a></li>
<li class="primary-nav__list-item"><a class="primary-nav__anchor" href="/1of1">1 / 1</a></li>
</ul>
</nav>
<div class="site-title-header">
<a class="site-title-header__anchor" href="/">The Definitive Roy Oswalt Collection</a>
</div>
</header>
<main>
<div id="pageSection">
<article class="card-list-intro">
<h1 class="card-list-intro__header">Roy Oswalt Game Used & Patches • {{yearsRange}}</h1>
<p class="card-list-intro__paragraph">
This section features stand alone uniform and relic cards. Jersey, glove, hat, pants, and bat pieces are all
respresented.
They feature a rich assortment of colors, with many multi-color patches.
Check out 2003 Fleer Pathworks for a
great variety.
All autographed or 1/1 GU cards are listed on the other pages.
</p>
<h2 class="card-list-intro__header">
<svg class="card-list-intro__icon--graph" role="presentation" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 32 32">
<g>
<path
d="M29 9.5L16 17V2C7.7 2 1 8.7 1 17s6.7 15 15 15 15-6.7 15-15c0-2.7-.7-5.3-2-7.5zM16 31C8.3 31 2 24.7 2 17 2 9.6 7.7 3.6 15 3.1V17c0 .4.2.7.5.9.2.1.3.1.5.1s.3 0 .5-.1l12.1-7c.9 1.8 1.4 3.9 1.4 6.1 0 7.7-6.3 14-14 14z">
</path>
<path d="M18 .1v13.4l11.6-6.7C26.9 3.2 22.7.7 18 .1z" fill="rgb(189, 183, 107)"></path>
</g>
</svg>
<span class="card-list-intro__text">
<span class="card-list-intro__completion">Completion Stats</span><span
class="overallTotalGroup card-list-intro__numbers">{{overallTotal}}</span>
</span>
</h2>
<h3 class="card-list-intro__header card-list-intro__header--sub">Updated: <time :datetime="ISODate" :title="ISODate">{{lastUpdated}}</time></h3>
</article>
<div id="pageContainer">
<div>
<div role="group" aria-labelledby="toggle-all-legend" class="toggle-all">
<div id="toggle-all-legend" class="screen-reader-text">control the ability to show or hide all year lists
by default</div>
<div class="toggle-all__section toggle-all__section--close">
<p id="close-all-description" class="toggle-all__label-text">Easily scroll to an exact year</p>
<button aria-describedby="close-all-description" class="revealButtons"
@click="toggleAllYears(open = false)">Close All Years</button>
</div>
<div class="toggle-all__section">
<p id="open-all-description" class="toggle-all__label-text">Resume furious scrolling!</p>
<button aria-describedby="open-all-description" class="revealButtons" @click="toggleAllYears(open = true)">Open All
Years</button>
</div>
</div>
<details-component v-for="card in allCards" :card="card" />
</div>
</div>
</div>
</main>
<footer>
<article>
<h2 class="footer__header">About Me</h2>
<p>
Since 2003, my personal collection has revolved around Roy Oswalt. I'm always
looking to acquire
new cards from 2000 to 2021. Please use the contact form, or send a message via
<a href="https://www.ebay.com/usr/mofny7" target="_blank" rel="noopener"
class="footerLink">eBay</a> or <a href="https://www.instagram.com/mofny/"
target="_blank" rel="noopener" class="footerLink">Instagram</a> or <a href="https://www.tcdb.com/Profile.cfm/mofny"
target="_blank" rel="noopener" class="footerLink">TCDB</a>.
</p>
<p>
For my scans I use a CanoScan 9000F Mark 2. If you prefer an alternative viewing experience, high quality
and high resolution images are <a href="https://www.flickr.com/photos/24691365@N08/" target="_blank"
rel="noopener" class="footerLink">available on Flikr</a>.
</p>
<p>Most of what you see is original CSS/HTML/JS by yours truly. It can all be viewed on my <a
href="https://github.com/MOFNY/mofny.github.io" target="_blank" rel="noopener" class="footerLink">Github
repository</a>. Outside of collecting,
my passion is web development and design. Check out my <a href="https://codepen.io/mofny/" target="_blank"
rel="noopener" class="footerLink">Codepen</a> for more details.
</p>
</article>
<article>
<h2 class="footer__header">About the collection</h2>
<p><a href="/rookie-cards" class="footerLink">Rookie Cards</a><br />
<em>Favorite card(s)</em> BGS 9.5 Retro Refractor.
<br />
<em>Most copies of a single card</em> 27 of the SPX.
<br />
<a href="/base-inserts-parallels" class="footerLink">Base, Inserts, Parallels</a><br />
<em>Favorite card(s)</em> 2001 Donruss Elite, 2003 Leaf Certified Materials, 2005 Bowman Chrome Refractors, &
2006 Special
F/X.
<br />
<em>Most copies of a single card</em> 5 of the 2001 Elite.
<br />
<a href="/autographs" class="footerLink">Autographs</a>
<br />
<em>Favorite card(s)</em> 2001 Bowman, 2001 Donruss Elite, 2002 Topps Ten, 2005 Absolute Tools, 2005
Reflections Fabric,
& 2006 Turkey Red Black.
<br />
<em>Most copies of a single card</em> 8 of the 2001 Donruss Elite.
<br />
<a href="/game-used" class="footerLink">Game Used</a>
<br />
<em>Favorite card(s)</em> 2003 Upper Deck Classic Portraits.
<br />
<em>Most copies of a single card</em> 2 of the 2002 Sweet Spot USA.
<br />
<a href="/1of1" class="footerLink">1/1</a>
<br />
<em>Favorite card(s)</em> 2003 Mirror Black, 2005 Bowman Chrome Superfractor, & 2005 Turkey Red Suede.
<br />
<em>Fun fact</em> the 2005 Turkey Red was my first 1/1.
<br />
</p>
</article>
<article>
<h2 id="contact-me" class="footer__header">Contact Me</h2>
<form class="footer-form" method="POST" action="https://formspree.io/chrisschuck@yahoo.com">
<label class="footer-form__label">Name<input class="footer-form__input" type="text" name="name" required=""
pattern="[\s\S]*\S[\s\S]*"></label>
<label class="footer-form__label">Email<input class="footer-form__input" type="email" name="_replyto"
required=""></label>
<label class="footer-form__label">Have a card I need, or other inquiry?<textarea class="footer-form__textarea"
name="message" required="" pattern="[\s\S]*\S[\s\S]*"></textarea></label>
<button class="footer-form__button" type="submit">Send</button>
</form>
</article>
<svg display="none" role="presentation" class="image-unavailable__svg" viewBox="0 0 32 32">
<defs>
<g id="image-unavailable__svg">
<path class="image-unavailable__svg-border"
d="M31 3H1c-.552 0-1 .448-1 1v24c0 .553.448 1 1 1h30c.553 0 1-.447 1-1V4c0-.552-.447-1-1-1zm0 25H1V4h30v24z" />
<path class="image-unavailable__svg-landscape"
d="M29 6H3v20h26V6zM4 7h24v8.817l-3.743-2.246c-.175-.104-.4-.09-.563.035l-6.416 4.99c-.02-.014-.032-.032-.054-.043l-4-2c-.164-.08-.36-.067-.51.038L4 22.69V7zm0 18v-1.09l9.043-6.33 3.372 1.687-1.722 1.34c-.218.168-.257.482-.087.7.098.127.246.193.394.193.107 0 .215-.034.307-.105l8.73-6.79L28 16.982V25H4z" />
<path class="image-unavailable__svg-sun"
d="M8 8.5c-1.378 0-2.5 1.12-2.5 2.5s1.122 2.5 2.5 2.5 2.5-1.12 2.5-2.5S9.378 8.5 8 8.5zm0 4c-.828 0-1.5-.672-1.5-1.5S7.172 9.5 8 9.5s1.5.67 1.5 1.5-.672 1.5-1.5 1.5z" />
</g>
</defs>
</svg>
</footer>
</div>
</body>
</html>