index.html

---
title: dctransistor
description: Live DC Metro Train Positions on a PCB Board
---
<section class="hero">
	<div class="text-container">
		<h1 class="editable">Live LED Map of the DC Metro System</h1>
		<!-- <p style="color: red; background-color: white"><b>Deliveries Paused From 11/25/2024-12/3/2024. Orders will not be shipped until 12/4/2024.</b></p> -->
		<p class="subtext editable">View real-time train positions on a 1' x 1' PCB display</p> 
		<div class="cta button alt" style="align-items:start;">
			<a href="{{ site.baseurl }}/order/">Buy Your Board</a>
		</div>
		<div>
			<img src="{{ site.baseurl }}/images/bidirectional_board.jpg" alt="Picture of a Bidirectional DCTransistor board."/>
		</div>
		<div class="cta button alt" style="align-items:start;">
			<a href="{{ site.baseurl }}/setup/" style="flex-wrap:nowrap">Setup Your Board</a></div>
		</div>
	</div>
</section>


<div class="content">


	<section>
		<div class="container flex">
			<div class="text editable">
				<h2>Live Train data from WMATA on RGB LEDs</h2>
				<p>DCTransistor updates with live train positions every 2 seconds. RGB LEDs change colors to show the line of each train.
					See <a href="{{ site.baseurl }}/board-info/">how it works.</a>
				</p>
			</div>
			<div class="image">
				<figure>
				<img src="{{ site.baseurl }}/images/dctransistor-bidirectional.gif" alt="GIF of Bidirectional DCTransistor Board with LEDs moving to represent changing train positions." />
				<figcaption style="text-align: center">Bidirectional Board showing live train positions (sped up)</figcaption>
			</div>
		</div>
	</section>
	<section>
		<div class="container flex">
			<div class="text editable">
				<h2>Completely Open Source. 20% of Sales Returned to the Community</h2>
				<p>
					The source code, artwork, order processing code, and PCB schematic and design are <a href="https://github.com/LArkema/dctransistor-project" target="_blank">publicly available</a> 
					for anyone to view and customize. Boards can purchased for as low as $50 to keep them accessible for anyone who wants one.
				</p>
				<p> 
					20% of all board sales are returned to Open Source projects that make DCTransistor possible and to local DC Community Organizations. See the <a href="/order/#price-breakdown">pricing breakdown</a> 
					for each board.
				</p>
			</div>
			<div class="image">
				<figure>
				<img src="{{ site.baseurl }}/images/lightup-board.jpg" alt="Standard DCTransistor Board turned on and showing live train positions using a single LED at each station. LEDs are lit up to match the color of the train line."/>
				<figcaption style="text-align: center">Standard Board image showing high(er) fidelity LED colors than what GIFs capture.</figcaption>
				</figure>
			</div>
		</div>
	</section>
	<section>
		<div class="container flex">
			<div class="text editable">
				<h2>Stay Up To Date on Instagram</h2>
				<p>Follow DCTransistor's <a href="https://www.instagram.com/dctransistor/" target="_blank">Instagram account</a> for information on product updates, offers, and other miscellany!</p>
			</div>
			<div class="image">
				<figure>
				<img src="{{ site.baseurl }}/images/dctransistor-gif.gif" alt="Standard DCTransistor Board in an animated gif to show how LEDs change to show live train positions"/>
				<figcaption style="text-align: center">Standard Board gif showing live train positions (sped up).</figcaption>
				</figure>
			</div>
		</div>
	</section>

	<section class="bottom-cta">
		<h2 class="editable"><strong>Order Your Board</h2>
		<div class="button alt"><a href="{{ site.baseurl }}/order/">Order Now</a></div>
	</section>
</div>