zkldi_Tachi/homepage/src/index.html

<!doctype html>

<html lang="en" data-theme="dark">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<link
			rel="apple-touch-icon"
			sizes="180x180"
			href="./apple-touch-icon.png"
		/>
		<link
			rel="icon"
			type="image/png"
			sizes="32x32"
			href="./favicon-32x32.png"
		/>
		<link
			rel="icon"
			type="image/png"
			sizes="16x16"
			href="./favicon-16x16.png"
		/>
		<link rel="manifest" href="./site.webmanifest" />
		<title>Tachi</title>
		<meta property="og:title" content="Tachi" />
		<meta
			property="og:description"
			content="Tachi is a powerful, modular and modern rhythm game score tracker."
		/>
		<meta property="og:locale" content="en_GB" />
		<meta property="og:type" content="website" />
		<meta property="og:url" content="https://tachi.ac/" />
		<!-- @TODO This should probably be a screenshot of one of the tachi' sites for nicer embeds -->
		<meta property="og:image" content="https://tachi.ac/logo.png" />
		<link rel="stylesheet" href="./style.css" />
	</head>
	<body>
		<div class="container">
			<div class="content">
				<h1><img src="./logo.png" alt="Tachi Logo" />Tachi</h1>
				<p>
					Tachi is a powerful, modular and modern rhythm game score tracker.
				</p>
				<h2>Track Your Scores.</h2>
				<p>
					Tachi supports a bunch of your favourite games, and integrates with
					many existing services to make sure no score is lost to the void.
					Furthermore, it's backed by an Open-Source API, so your scores are
					always available!
				</p>
				<h2>Analyse Your Scores.</h2>
				<p>
					Tachi analyses your scores for you, breaking them down into all the
					statistics you'll ever need. No more spreadsheets!
				</p>
				<h2>Provide Cool Features.</h2>
				<p>
					Tachi implements the features rhythm gamers already talk about. Break
					your scores down into sessions, set goals, showcase your best metrics
					on your profile, study your progress on folders - it's all there, and
					done for you!
				</p>
				<div class="services">
					<div class="service">
						<h1>
							<img
								src="https://cdn-boku.tachi.ac/logos/logo-mark.png"
								alt="Bokutachi logo"
							/><span>Bokutachi</span>
						</h1>
						<p>
							<a href="https://github.com/zkrising/Tachi" target="_blank"
								>Free & Open Source</a
							>
							at-home score tracking for many games & clients
						</p>
						<h2>Features</h2>
						<ul>
							<li>BMS 7K & 14K support</li>
							<li>
								<a href="https://github.com/wcko87/lr2oraja" target="_blank"
									>LR2oraja</a
								>
								& LR2 clients supported
							</li>
							<li>PMS Keyboard & Controller support</li>
							<li>USC Keyboard & Controller support</li>
							<li>Compare & track historical scores</li>
							<li>Compete with friends for scores</li>
						</ul>
						<div class="buttons">
							<a
								class="boku button primary"
								target="_blank"
								href="https://boku.tachi.ac/register"
								>Sign-up</a
							>
							<a
								class="boku button secondary"
								target="_blank"
								href="https://discord.gg/E4n8ZZF5ES"
								>Join Discord</a
							>
						</div>
					</div>
					<div class="service">
						<h1>
							<img
								src="https://cdn-kamai.tachi.ac/logos/logo-mark.png"
								alt="Kamaitachi logo"
							/><span>Kamaitachi</span>
						</h1>
						<p>
							<a href="https://github.com/zkrising/Tachi" target="_blank"
								>Free & Open Source</a
							>
							arcade based score tracking
						</p>
						<h2>Features</h2>
						<ul>
							<li>Modular score tracking system</li>
							<li>Compare & track historical scores</li>
							<li>Compete with friends for scores</li>
						</ul>
						<div class="buttons">
							<a class="kamai button primary" href="https://kamai.tachi.ac/"
								>Sign-in</a
							>
							<a class="kamai button secondary" href="https://docs.tachi.ac/"
								>Documentation</a
							>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="credit">
					<span
						>created by <a href="https://github.com/zkrising">zk</a>, homepage
						by
						<a href="https://pfy.ch">pfych</a>
					</span>
				</div>
				<div class="links">
					<a href="https://ko-fi.com/zkrising" target="_blank">Donate</a>
					<a href="https://github.com/zkrising/Tachi" target="_blank">GitHub</a>
					<a href="https://docs.tachi.ac/">Documentation</a>
					<a href="https://boku.tachi.ac/credits">Credits</a>
				</div>
			</div>
		</div>
	</body>
</html>