add TRIfA to website

themes/website/static/css/style.css

@@ -232,6 +232,8 @@ tbody th:first-child, thead th {
 .slider input[type=radio]#atox-images-control1:checked ~ .sliderinner > ul { left: 0 }
 .slider input[type=radio]#atox-images-control2:checked ~ .sliderinner > ul { left: -100% }
 
+.slider input[type=radio]#trifa-images-control1:checked ~ .sliderinner > ul { left: 0 }
+
 /* Specific styling */
 @media (min-width: 768px) {
 	#cover {

themes/website/static/js/osdetect.js

@@ -99,6 +99,24 @@ if (window.navigator.userAgent.indexOf("Android") != -1) {
 		icon: "download",
 		desc: true,
 		dlLink: "https://github.com/evilcorpltd/aTox/releases/download/v0.6.0/atox.apk",
+	}, {
+		title: "TRIfA F-Droid",
+		name: "trifa",
+		icon: "external-link",
+		desc: true,
+		dlLink: "https://f-droid.org/app/com.zoffcc.applications.trifa",
+	}, {
+		title: "TRIfA Google Play",
+		name: "trifa",
+		icon: "external-link",
+		desc: true,
+		dlLink: "https://play.google.com/store/apps/details?id=com.zoffcc.applications.trifa",
+	}, {
+		title: "TRIfA APK",
+		name: "trifa",
+		icon: "download",
+		desc: true,
+		dlLink: "https://github.com/zoff99/ToxAndroidRefImpl/releases/latest/download/play.trifa.apk",
 	}];
 }
 

themes/website/templates/clients.html

@@ -180,6 +180,40 @@ <h2 class="header">aTox</h2>
 				<p class="lead">The reasonable Tox client for Android.</p>
 			</div>
 
+			<hr>
+
+			<div id="trifa" class="row">
+				<a href="#trifa-images" class="img-container"><img src="theme/img/client/trifa.png"></a>
+				<h2 class="header">TRIfA</h2>
+
+				<table class="table table-condensed">
+					<tbody>
+						<tr>
+							<th>Repository:</th>
+							<th><a href="https://github.com/zoff99/ToxAndroidRefImpl">https://github.com/zoff99/ToxAndroidRefImpl</a></th>
+						</tr>
+						<tr>
+							<th>Maintainers:</th>
+							<th><a href="https://github.com/zoff99">Zoff</a></th>
+						</tr>
+						<tr>
+							<th>Language:</th>
+							<th>Java</th>
+						</tr>
+						<tr>
+							<th>Graphical Toolkit:</th>
+							<th>N/A</th>
+						</tr>
+						<tr>
+							<th>Operating Systems:</th>
+							<th>Android</th>
+						</tr>
+					</tbody>
+				</table>
+
+				<p class="lead">Tox Reference implementation for Android.</p>
+			</div>
+
 		</div>
 	</section>
 
@@ -252,6 +286,16 @@ <h1>OS support:</h1>
 						<th class="danger">No</th>
 					</tr>
 
+					<tr>
+						<th>TRIfA</th>
+						<th class="danger">No</th>
+						<th class="danger">No</th>
+						<th class="danger">No</th>
+						<th class="danger">No</th>
+						<th class="success">Yes</th>
+						<th class="danger">No</th>
+					</tr>
+
 				</tbody>
 			</table>
 		</div>
@@ -367,5 +411,23 @@ <h1>OS support:</h1>
 			</div>
 		</div>
 
+		<div id="trifa-images" class="modalDialog button">
+			<div>
+				<a href="#close" class="close-overlay"></a>
+				<a href="#close" title="Close" class="close"><span class="fa fa-close">&nbsp;</span></a>
+
+				<div class="slider">
+					<input type="radio" id="trifa-images-control1" name="trifa-images-controls" checked="checked">
+					<label for="trifa-images-control1"></label>
+
+					<div class="sliderinner">
+						<ul>
+							<li><div><img src="theme/img/client/trifa.png"></div></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+
 	</section>
 {% endblock %}

themes/website/templates/download.html

@@ -71,6 +71,7 @@ <h2>FreeBSD</h2>
 					<img src="theme/img/plat/android_dark.svg">
 					<h2>Android</h2>
 					<p class="lead">aTox: <a href="https://f-droid.org/en/packages/ltd.evilcorp.atox/">F-Droid</a> / <a href="https://play.google.com/store/apps/details?id=ltd.evilcorp.atox">Google Play</a> / <a href="https://github.com/evilcorpltd/aTox/releases/download/v0.6.0/atox.apk">APK</a></p>
+					<p class="lead" style="margin-top:-15px;">TRIfA <a class="button" href="#trifa-warning" title="Warning"><span class="fa fa-exclamation-triangle"></span></a>: <a href="https://f-droid.org/app/com.zoffcc.applications.trifa">F-Droid</a> / <a href="https://play.google.com/store/apps/details?id=com.zoffcc.applications.trifa">Google Play</a> / <a href="https://github.com/zoff99/ToxAndroidRefImpl/releases/latest/download/play.trifa.apk">APK</a></p>
 				</div>
 			</div>
 		</div>
@@ -182,6 +183,18 @@ <h2>TokTok/c-toxcore</h2>
 				<p class="lead">TokTok/c-toxcore is a non-hostile fork of the original irungentoo/toxcore. The fork was made by active Toxcore developers due to irungentoo wanting to review and approve any changes submitted into his repository, but being unable to do so as he is unable to find time to work on Toxcore. This is the Toxcore that is being actively developed and this is also the Toxcore that all clients use.</p>
 			</div>
 		</div>
+
+		<div id="trifa-warning" class="modalDialog button">
+			<div>
+				<a href="#close" class="close-overlay"></a>
+				<a href="#close" title="Close" class="close"><span class="fa fa-close">&nbsp;</span></a>
+
+				<h2>TRIfA Warning</h2>
+
+				<p class="lead">TRIfA uses <a href="https://github.com/zoff99/c-toxcore">an experimental (unreviewed) fork of toxcore</a>.</p>
+				<p class="lead">TRIfA may connect to centralized servers to trigger push notifications (Google Firebase Cloud Messaging, Apple Push Notification).</p>
+			</div>
+		</div>
 	</section>
 
 	<script src="theme/js/osdetect.js"></script>

themes/website/templates/index.html

@@ -48,6 +48,7 @@ <h1 class="header">A New Kind of Instant Messaging</h1>
 					<ul>
 						<li><div><img src="theme/img/client/atox_1.jpg"></div></li>
 						<li><div><img src="theme/img/client/atox_2.png"></div></li>
+						<li><div><img src="theme/img/client/trifa.png"></div></li>
 					</ul>
 				</div>
 			</div>