PageSourceSearch

https://www.trickstercards.com/about/

html trickstercards.com collected 2026-09-24 10:34:23 UTC 17,175 bytes, 382 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head prefix="og: http://ogp.me/ns#">
4<meta charset="utf-8">
5<title>About | Trickster Cards</title>
6<link rel="canonical" href="https://www.trickstercards.com/about/">
7<meta name="viewport" content="width=device-width">
8<meta name="msapplication-tap-highlight" content="no">
9<link rel="icon" type="image/png" href="/image/icons/favicon.ashx?game=cards">
10<link rel="apple-touch-icon" href="/image/icons/cards-apple-touch-icon-180x180.png?rev=1">
11<link rel="manifest" href="/manifest.json">
12<link href="/home/index.css?rev=2026-09-21T18:50:56.958Z" rel="stylesheet">
13<style>
14	body .columns .tablet {
15		border-radius: 3% / calc(10/7 * 3%);
16	}
17</style>
18<script>
19	(function () {
20		//  redirect to game if in PWA
21		if (window.matchMedia && window.matchMedia('(display-mode: fullscreen), (display-mode: standalone)').matches) {
22			location.href = "/game/";
23		}
24	})();
25</script>
25
26
27<link href="/home/help/media-print.css" rel="stylesheet" />
28</head>
29<body>
30<header>
31	<div class="wrapper">
32		<a class="logo-link" href="/" title="Go to the Trickster Cards homepage">
33			<img id="logo" alt="Trickster Cards" src="/image/cards-header-428x200.png?rev=1">
34		</a>
35		<nav>
36			<ul>
37				<li>
38					<a id="play-link" class="button play-now" href="/game/">
39						<span class="fa fa-play-circle"></span>
40						<h2>Play Now</h2>
41					</a>
42				</li>
43			</ul>
44		</nav>
45	</div>
46</header>
47
48<section id="main-menu">
49	<ul class="wrapper">
50		<li id="home-menu-link" class="when-stuck" hidden>
51			<a href="/" title="Go to the Trickster Cards homepage">&nbsp;<img src="/image/icons/cards-clear-96x96.png?rev=1"></a>
52		</li>
53		<li>
54			<a href="/games/" onclick="event.preventDefault()" tabindex="0">Games</a>
55			<div class="popup" data-side="bottom">
56				<span class="tail"></span>
57				<div class="content">
58					<ul>
59						<li><a class="button" href="/games/bridge/"><img src="/image/icons/bridge-favicon-96x96.png?rev=1" />&ensp;Bridge</a></li>
60						<li><a class="button" href="/games/euchre/"><img src="/image/icons/euchre-favicon-96x96.png?rev=1" />&ensp;Euchre</a></li>
61						<li><a class="button" href="/games/500/"><img src="/image/icons/fivehundred-favicon-96x96.png?rev=1" />&ensp;500</a></li>
62						<li><a class="button" href="/games/hearts/"><img src="/image/icons/hearts-favicon-96x96.png?rev=1" />&ensp;Hearts</a></li>
63						<li><a class="button" href="/games/ohhell/"><img src="/image/icons/ohhell-favicon-96x96.png?rev=1" />&ensp;Oh Hell</a></li>
64						<li><a class="button" href="/games/pinochle/"><img src="/image/icons/pinochle-favicon-96x96.png?rev=1" />&ensp;Pinochle</a></li>
65						<li><a class="button" href="/games/pitch/"><img src="/image/icons/pitch-favicon-96x96.png?rev=1" />&ensp;Pitch</a></li>
66						<li><a class="button" href="/games/spades/"><img src="/image/icons/spades-favicon-96x96.png?rev=1" />&ensp;Spades</a></li>
67						<li><a class="button" href="/games/whist/"><img src="/image/icons/whist-favicon-96x96.png?rev=1" />&ensp;Whist</a></li>
68					</ul>
69				</div>
70			</div>
71		</li>
72		<li>
73			<a href="/features/" onclick="event.preventDefault()" tabindex="0">Features</a>
74			<div class="popup" data-side="bottom">
75				<span class="tail"></span>
76				<div class="content">
77					<ul>
78						<li><a class="button" href="/features/for-friends/"><i class="fa fa-fw fa-user-plus"></i>&ensp;For Friends &amp; Family</a></li>
79						<li><a class="button" href="/features/for-clubs/"><i class="fa fa-fw fa-group"></i>&ensp;For Clubs &amp; Groups</a></li>
80						<li><a class="button" href="/features/for-experienced-players/"><i class="fa fa-fw fa-id-card"></i>&ensp;For Experienced Players</a></li>
81						<li><a class="button" href="/features/for-beginners/"><i class="fa fa-fw fa-user"></i>&ensp;For Beginners</a></li>
82						<li><a class="button" href="/features/free-vs-vip/"><i class="fa fa-fw fa-tag"></i>&ensp;Free vs Ad-Free</a></li>
83					</ul>
84				</div>
85			</div>
86		</li>
87		<li>
88			<a href="https://trickstercards-shop.fourthwall.com/" target="_blank">Shop</a>
89		</li>
90		<li>
91			<a href="/help/" onclick="event.preventDefault()" tabindex="0">Help</a>
92			<div class="popup" data-side="bottom">
93				<span class="tail"></span>
94				<div class="content">
95					<ul>
96						<li><a class="button" href="/help/how-to-play/"><i class="fa fa-fw fa-play-circle"></i>&ensp;How to Play</a></li>
97						<li><a class="button" href="/help/update-history/"><i class="fa fa-fw fa-certificate"></i>&ensp;What&rsquo;s New</a></li>
98						<li><a class="button" href="/feedback/"><i class="fa fa-fw fa-comments-o"></i>&ensp;Contact Us</a></li>
99						<li><a class="button" href="/about/"><i class="fa fa-fw fa-users"></i>&ensp;About Us</a></li>
100						<li><a class="button" href="/help/"><i class="fa fa-fw fa-ellipsis-v"></i>&ensp;More</a></li>
101					</ul>
102				</div>
103			</div>
104		</li>
105		<li id="play-menu-link" class="when-stuck" hidden>
106			<a href="/game/" title="Play Now"><i class="fa fa-play-circle"></i><span>&ensp;Play</span></a>
107		</li>
108	</ul>
109
110	
110<script>
111		(function () {
112			document.body.tabIndex = 0;
113			var header = document.querySelector("header");
114			var whenStuck = document.querySelectorAll(".when-stuck");
115			function onscroll() {
116				for (var i = 0; i < whenStuck.length; i++) {
117					if (document.documentElement.scrollTop > header.offsetHeight) {
118						whenStuck[i].removeAttribute("hidden");
119					} else {
120						whenStuck[i].setAttribute("hidden", "");
121					}
122				}
123			}
124			window.addEventListener("scroll", onscroll);
125			onscroll();
126		})();
127	</script>
127
128</section>
129
130
131<style>
132    .about-us + #main {
133        display: none
134    }
135
136    #menu .section .scroller .about-us h2 {
137        font-size: 18px;
138        margin-bottom: 16px;
139    }
140
141    #menu .section .scroller #our-partners h3 {
142        margin-bottom: 16px;
143    }
144
145    .about-us .graphic {
146        color: #666;
147        font-size: 40px;
148        text-align: center;
149        height: 300px;
150        position: relative;
151        width: 100%;
152    }
153
154    .about-us .fa-apple {
155        color: #999;
156    }
157
158    .about-us .fa-android {
159        color: #A4C739;
160    }
161
162    .about-us .fa-windows {
163        color: #0078D7;
164    }
165
166    .about-us .fa-heart-o {
167        color: #C53333;
168        font-size: 300px;
169        margin-left: -150px;
170        margin-top: -150px;
171        position: absolute;
172        left: 50%;
173        top: 50%;
174    }
175
176    .about-us .formula {
177        position: absolute;
178        left: 50%;
179        margin-left: -150px;
180        margin-top: -60px;
181        width: 300px;
182        top: 50%;
183    }
184
185    .about-us .about-card {
186        margin-top: 40px;
187    }
188
189        .about-us .about-card .card,
190        .about-us .about-card .wsos {
191            flex: none;
192            margin: 0 auto 30px;
193            position: relative;
194            top: 0;
195            left: 0;
196            transform: rotate(3deg);
197        }
198
199        .about-us .about-card .face {
200            box-shadow: -1px 3px 5px rgba(0, 0, 0, 0.5);
201        }
202
203        .about-us .about-card .wsos {
204            width: 140px;
205            height: 190px;
206            overflow: hidden;
207            background-color: #000;
208            background-image: url("/image/logos/wsos.png");
209            background-position: center 55%;
210            background-repeat: no-repeat;
211            background-size: 80%;
212            border-radius: 9px;
213            box-shadow: -1px 3px 5px rgba(0, 0, 0, 0.5);
214        }
215
216        .about-us .about-card .Diamonds .face-frame,
217        .about-us .about-card .Hearts .face-frame {
218            box-shadow: 0 0 0 1px #900 inset;
219        }
220</style>
221<section class="about-us">
222    <div class="wrapper" style="max-width: 800px; padding-bottom: 0">
223
224        <p style="text-align: center"><img alt="Outline of the US" style="aspect-ratio: 143/151; max-width: 320px; width: 80%" src="/image/globe-locations.svg" /></p>
225
226        <h2 id="about-tagline" style="margin-bottom: 0.83em; text-align: center">We connect people to play cards together!</h2>
227
228        <p>We’re a small, US-based company led by two people who love building software and playing cards. We work remotely and use our own games to connect when playing. If you send feedback or reach out via social media, you’ll often hear from a co-founder.</p>
229    </div>
230</section>
231<section id="our-story" class="about-us">
232    <div class="wrapper" style="max-width: 800px">
233        <h2>Our Story</h2>
234
235        <p>We started Trickster Cards in 2014 after trying to play cards online with family. Nothing quite worked. Sites at the time hadn’t made the jump to mobile and most apps couldn’t connect between Android and iOS, let alone phones and PCs.</p>
236
237        <p>After discussing the problem, we knew we could solve it. We’d met working on web browsers at Microsoft. There we saw how web technologies could bridge the gap between devices. We decided this was an opportunity to combine our technical and social interests in a new project.</p>
238
239        <div class="graphic">
240            <span class="fa fa-heart-o"></span>
241            <div class="formula">
242                <span class="fa fa-fw fa-apple"></span>+<span class="fa fa-fw fa-android"></span>+<span class="fa fa-fw fa-windows"></span>
243            </div>
244        </div>
245
246        <p>In July 2014, Trickster Hearts went live on the web. Apps quickly followed for Android, iOS, and other platforms. Then more card games and the all-in-one Trickster Cards experience. We’ve learned a lot in the years since but our focus remains the same: we connect people to have fun playing cards together—while having fun making it possible.</p>
247    </div>
248</section>
249
250<section id="the-founders" class="about-us card-theme" data-card-pips="pagatDec">
251    <div class="wrapper" style="max-width: 800px">
252        <h2>The Founders</h2>
253
254        <p>Jacks of all trades, we do a little bit of everything for Trickster Cards. Aside from hearing how our games help people connect, what we enjoy most is writing the code that makes it all work.</p>
255
256        <section class="about-card">
257            <div class="card legal face-up">
258                <div class="face Jack Diamonds">
259                    <span class="rank1">J</span>
260                    <span class="rank2">J</span>
261                    <span class="suit1"><span class="suit Diamonds"><i></i></span></span>
262                    <span class="suit2"><span class="suit Diamonds"><i></i></span></span>
263                    <div class="face-frame" style="background-image: url(/image/tony-color.jpg)"></div>
264                </div>
265            </div>
266            <div>
267                <h3>Tony Ross</h3>
268                <p style="margin-top: 0">Favorite Games: Euchre, Pitch and Spades</p>
269                <p>Tony grew up in the Midwest where card games were a staple at gatherings. He learned Pitch from his family, then Euchre and Spades at college before moving to Seattle to start a career in software. These days Tony is back in Iowa raising the next generation of card players while continuing his work on Trickster Cards.</p>
270            </div>
271        </section>
272
273        <section class="about-card">
274            <div class="card legal face-up">
275                <div class="face Jack Clubs">
276                    <span class="rank1">J</span>
277                    <span class="rank2">J</span>
278                    <span class="suit1"><span class="suit Clubs"><i></i></span></span>
279                    <span class="suit2"><span class="suit Clubs"><i></i></span></span>
280                    <div class="face-frame" style="background-image: url(/image/ted-color.jpg)"></div>
281                </div>
282            </div>
283            <div>
284                <h3>Ted Johnson</h3>
285                <p style="margin-top: 0">Favorite Games: Euchre, Pinochle and Spades</p>
286                <p>Also originally from the Midwest, Ted now calls Seattle home. A fan of cutthroat Spades, Ted learned Pinochle from his wife's family and Euchre from Tony. He enjoys testing his skills against new opponents, often playing Compete games or Daily Challenges when he's not working on Trickster Cards.</p>
287            </div>
288        </section>
289    </div>
290</section>
291
292<section id="our-partners" class="about-us card-theme" data-card-pips="pagatDec">
293    <div class="wrapper" style="max-width: 800px">
294        <h2>Our Partners</h2>
295
296        <p>The community around card games is what really makes them special. We’re proud to partner with some great groups and individuals to deliver unique experiences with our games.</p>
297
298        <section class="about-card">
299            <div class="wsos"></div>
300            <div>
301                <h3>The World Series of Spades</h3>
302                <p>Comedian Clint Coley and his team elevate the game of Spades to a 
302spectator sport in the ultimate Spades league. Between their televised in-person tournaments, they run remote competitions on Trickster Cards&mdash;and work with us to make it the best place to play Spades online.</p>
303                <p>Follow <a href="https://www.instagram.com/theworldseriesofspades" target="_blank">@theworldseriesofspades</a> on Instagram.</p>
304            </div>
305        </section>
306
307        <section class="about-card">
308            <div class="card legal face-up">
309                <div class="face Ace Spades">
310                    <span class="rank1">A</span>
311                    <span class="rank2">A</span>
312                    <span class="suit1"><span class="suit Spades"><i></i></span></span>
313                    <span class="suit2"><span class="suit Spades"><i></i></span></span>
314                    <div class="face-frame" style="background-image: url(/image/professor-color-2.jpg)"></div>
315                </div>
316            </div>
317            <div>
318                <h3>Professor T (Spades Lessons)</h3>
319                <p>An expert Spades player and core member of the World Series of Spades, Professor T is also a bona fide college professor. He&rsquo;s partnered with us to produce a top-tier set of Spades lessons. Let him teach you how to play&mdash;and how to play better. </p>
320                <p>Follow <a href="https://www.instagram.com/_professort/" target="_blank">@_professort</a> on Instagram.</p>
321            </div>
322        </section>
323
324        <section class="about-card">
325            <div class="card legal face-up">
326                <div class="face Ace Hearts">
327                    <span class="rank1">A</span>
328                    <span class="rank2">A</span>
329                    <span class="suit1"><span class="suit Hearts"><i></i></span></span>
330                    <span class="suit2"><span class="suit Hearts"><i></i></span></span>
331                    <div class="face-frame" style="background-image: url(/image/ralph-color.jpg)"></div>
332                </div>
333            </div>
334            <div>
335                <h3>Ralph Lipe (Bridgit)</h3>
336                <p>An ACBL Silver Life Master and software engineer, Ralph created and collaborates with us on the Bridgit bot for Bridge bidding which powers our 2/1 preview. Like all of our bots, Bridgit is open source so anyone can see how it works and contribute.</p>
337                <p>Visit the <a href="https://github.com/TricksterCards/Bridgit" target="_blank">Bridgit project page</a> on GitHub.</p>
338            </div>
339        </section>
340
341        <section class="about-card">
342            <div class="card legal face-up">
343                <div class="face King Clubs">
344                    <span class="rank1">K</span>
345                    <span class="rank2">K</span>
346                    <span class="suit1"><span class="suit Clubs"><i></i></span></span>
347                    <span class="suit2"><span class="suit Clubs"><i></i></span></span>
348                    <div class="face-frame" style="background-image: url(/image/klutch-color.jpg)"></div>
349                </div>
350            </div>
351            <div>
352                <h3>Korey &ldquo;KlutcH&rdquo; Hines (Card Clubs)</h3>
353                <p>A Bid Whist advocate and founding member of the Capitol City Cardtel, Korey competes in events for various card games across the US&mdash;and hosts his own in the DMV area. On Trickster Cards, he runs multiple online clubs while working with us to refine our Clubs experience.</p>
354                <p>Visit the <a href="https://dmvcardtel.com/" target="_blank">Capitol City Cardtel</a> online.</p>
355            </div>
356        </section>
357    </div>
358</section>
359
360
361<footer>
362	<div class="wrapper">
363		© 2014-<span id="current-year">25</span> Trickster Cards, Incorporated. <span>All rights reserved.</span>
364		<p>
365			<a href="/terms/">Terms of Use</a>
366			&nbsp;|&nbsp;
367			<a href="/privacy/">Privacy Policy</a>
368		</p>
369		
369<script>
370			(function () {
371				var currentYear = document.getElementById("current-year");
372				currentYear.innerText = new Date().getFullYear() % 100;
373			})();
374		</script>
374
375		
375<script src="/home/phone-home.js" async></script>
375
376	</div>
377</footer>
378
379
380
381</body>
382</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.