Supported devices page

Signed-off-by: Paul Kocialkowski <contact@paulk.fr>

16 files changed, 84 insertions, 19 deletions

diff --git a/css/replicant.css b/css/replicant.css
index 014caf1..835b350 100644
--- a/css/replicant.css
+++ b/css/replicant.css
@@ -33,3 +33,11 @@ body {
 .list-group-item ul {
 	padding-left: 25px;
 }
+
+.supported-device {
+	text-align: center;
+}
+
+.supported-device:hover {
+	text-decoration: none;
+}
diff --git a/images/supported-devices/crespo.png b/images/supported-devices/crespo.png
new file mode 100644
index 0000000..e4a8d7e
--- /dev/null
+++ b/images/supported-devices/crespo.png
diff --git a/images/supported-devices/dream_sapphire.png b/images/supported-devices/dream_sapphire.png
new file mode 100644
index 0000000..f67b7ad
--- /dev/null
+++ b/images/supported-devices/dream_sapphire.png
diff --git a/images/supported-devices/galaxysmtd.png b/images/supported-devices/galaxysmtd.png
new file mode 100644
index 0000000..c762399
--- /dev/null
+++ b/images/supported-devices/galaxysmtd.png
diff --git a/images/supported-devices/gta04.png b/images/supported-devices/gta04.png
new file mode 100644
index 0000000..decd0b0
--- /dev/null
+++ b/images/supported-devices/gta04.png
diff --git a/images/supported-devices/i9100.png b/images/supported-devices/i9100.png
new file mode 100644
index 0000000..51be962
--- /dev/null
+++ b/images/supported-devices/i9100.png
diff --git a/images/supported-devices/i9300.png b/images/supported-devices/i9300.png
new file mode 100644
index 0000000..65ea195
--- /dev/null
+++ b/images/supported-devices/i9300.png
diff --git a/images/supported-devices/maguro.png b/images/supported-devices/maguro.png
new file mode 100644
index 0000000..ebe46f5
--- /dev/null
+++ b/images/supported-devices/maguro.png
diff --git a/images/supported-devices/n7000.png b/images/supported-devices/n7000.png
new file mode 100644
index 0000000..63c030f
--- /dev/null
+++ b/images/supported-devices/n7000.png
diff --git a/images/supported-devices/n7100.png b/images/supported-devices/n7100.png
new file mode 100644
index 0000000..61bcdc9
--- /dev/null
+++ b/images/supported-devices/n7100.png
diff --git a/images/supported-devices/p3100.png b/images/supported-devices/p3100.png
new file mode 100644
index 0000000..389dc6f
--- /dev/null
+++ b/images/supported-devices/p3100.png
diff --git a/images/supported-devices/p5100.png b/images/supported-devices/p5100.png
new file mode 100644
index 0000000..0fa5542
--- /dev/null
+++ b/images/supported-devices/p5100.png
diff --git a/images/supported-devices/passion.png b/images/supported-devices/passion.png
new file mode 100644
index 0000000..486a9c5
--- /dev/null
+++ b/images/supported-devices/passion.png
diff --git a/include/header.php b/include/header.php
index d37f577..cdbd411 100644
--- a/include/header.php
+++ b/include/header.php
@@ -50,6 +50,7 @@
 				<div class="btn-group" style="margin-top: 20px;">
 					<a href="about.php" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-book"></span> Learn more</a>
 					<a href="about.php#faq" class="btn btn-default" role="button">FAQ</a>
+					<a href="supported-devices.php" class="btn btn-default" role="button">Supported devices</a>
 					<a href="freedom-privacy-security-issues.php" class="btn btn-default" role="button">Freedom and privacy/security issues</a>
 					<a href="freedom-privacy-security-issues.php#recommendations" class="btn btn-default" role="button">Recommendations</a>
 					<a href="screenshots.php" class="btn btn-default" role="button"><span class="glyphicon glyphicon-picture"></span> Screenshots</a>
diff --git a/screenshots.php b/screenshots.php
index 6b07d3f..ebd00be 100644
--- a/screenshots.php
+++ b/screenshots.php
@@ -6,21 +6,21 @@
 	<h4 class="text-center">System</h4>
 	<div class="row">
 		<div class="col-md-6">
-			<a href="images/screenshots/replicant-4.2-p51x0-homescreen.jpg" class="thumbnail" data-lightbox="system" data-title="Galaxy Tab 2 10.1 (P51x0) Homescreen"><img src="images/screenshots/replicant-4.2-p51x0-homescreen.jpg" alt="Galaxy Tab 2 10.1 (P51x0) Homescreen"></a>
+			<a href="images/screenshots/replicant-4.2-p51x0-homescreen.jpg" class="thumbnail" data-lightbox="system" data-title="Galaxy Tab 2 10.1 (P51x0) Homescreen"><img src="images/screenshots/replicant-4.2-p51x0-homescreen.jpg" alt="Galaxy Tab 2 10.1 (P51x0) Homescreen" /></a>
 		</div>
 		<div class="col-md-6">
-			<a href="images/screenshots/replicant-4.2-p51x0-lockscreen.jpg" class="thumbnail" data-lightbox="system" data-title="Galaxy Tab 2 10.1 (P51x0) Lockscreen"><img src="images/screenshots/replicant-4.2-p51x0-lockscreen.jpg" alt="Galaxy Tab 2 10.1 (P51x0) Lockscreen"></a>
+			<a href="images/screenshots/replicant-4.2-p51x0-lockscreen.jpg" class="thumbnail" data-lightbox="system" data-title="Galaxy Tab 2 10.1 (P51x0) Lockscreen"><img src="images/screenshots/replicant-4.2-p51x0-lockscreen.jpg" alt="Galaxy Tab 2 10.1 (P51x0) Lockscreen" /></a>
 		</div>
 	</div>
 	<div class="row">
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-homescreen.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Homescreen"><img src="images/screenshots/replicant-4.2-crespo-homescreen.jpg" alt="Nexus S (I902x) Homescreen"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-homescreen.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Homescreen"><img src="images/screenshots/replicant-4.2-crespo-homescreen.jpg" alt="Nexus S (I902x) Homescreen" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-lockscreen.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Lockscreen"><img src="images/screenshots/replicant-4.2-crespo-lockscreen.jpg" alt="Nexus S (I902x) Lockscreen"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-lockscreen.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Lockscreen"><img src="images/screenshots/replicant-4.2-crespo-lockscreen.jpg" alt="Nexus S (I902x) Lockscreen" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-panel-menu.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Panel menu"><img src="images/screenshots/replicant-4.2-crespo-panel-menu.jpg" alt="Nexus S (I902x) Panel menu"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-panel-menu.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Panel menu"><img src="images/screenshots/replicant-4.2-crespo-panel-menu.jpg" alt="Nexus S (I902x) Panel menu" /></a>
 		</div>
 		<div class="col-md-3">
 			<a href="images/screenshots/replicant-4.2-crespo-pin.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) PIN"><img src="images/screenshots/replicant-4.2-crespo-pin.jpg" alt="Nexus S (I902x) PIN"></a>
@@ -28,53 +28,53 @@
 	</div>
 	<div class="row">
 		<div class="col-md-6">
-			<a href="images/screenshots/replicant-4.2-p31x0-homescreen.jpg" class="thumbnail" data-lightbox="system" data-title="Galaxy Tab 2 7.0 (P31x0) Homescreen"><img src="images/screenshots/replicant-4.2-p31x0-homescreen.jpg" alt="Galaxy Tab 2 7.0 (P31x0) Homescreen"></a>
+			<a href="images/screenshots/replicant-4.2-p31x0-homescreen.jpg" class="thumbnail" data-lightbox="system" data-title="Galaxy Tab 2 7.0 (P31x0) Homescreen"><img src="images/screenshots/replicant-4.2-p31x0-homescreen.jpg" alt="Galaxy Tab 2 7.0 (P31x0) Homescreen" /></a>
 		</div>
 		<div class="col-md-6">
-			<a href="images/screenshots/replicant-4.2-p31x0-panel-menu.jpg" class="thumbnail" data-lightbox="system" data-title="Galaxy Tab 2 7.0 (P31x0) Panel menu"><img src="images/screenshots/replicant-4.2-p31x0-panel-menu.jpg" alt="Galaxy Tab 2 7.0 (P31x0) Panel menu"></a>
+			<a href="images/screenshots/replicant-4.2-p31x0-panel-menu.jpg" class="thumbnail" data-lightbox="system" data-title="Galaxy Tab 2 7.0 (P31x0) Panel menu"><img src="images/screenshots/replicant-4.2-p31x0-panel-menu.jpg" alt="Galaxy Tab 2 7.0 (P31x0) Panel menu" /></a>
 		</div>
 	</div>
 	<div class="row">
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-applications.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Applications"><img src="images/screenshots/replicant-4.2-crespo-applications.jpg" alt="Nexus S (I902x) Applications"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-applications.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Applications"><img src="images/screenshots/replicant-4.2-crespo-applications.jpg" alt="Nexus S (I902x) Applications" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-widgets.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Widgets"><img src="images/screenshots/replicant-4.2-crespo-widgets.jpg" alt="Nexus S (I902x) Widgets"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-widgets.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Widgets"><img src="images/screenshots/replicant-4.2-crespo-widgets.jpg" alt="Nexus S (I902x) Widgets" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-settings.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Settings"><img src="images/screenshots/replicant-4.2-crespo-settings.jpg" alt="Nexus S (I902x) Settings"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-settings.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) Settings"><img src="images/screenshots/replicant-4.2-crespo-settings.jpg" alt="Nexus S (I902x) Settings" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-ums.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) USB mass storage"><img src="images/screenshots/replicant-4.2-crespo-ums.jpg" alt="Nexus S (I902x) USB mass storage"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-ums.jpg" class="thumbnail" data-lightbox="system" data-title="Nexus S (I902x) USB mass storage"><img src="images/screenshots/replicant-4.2-crespo-ums.jpg" alt="Nexus S (I902x) USB mass storage" /></a>
 		</div>
 	</div>
 	<h4 class="text-center">Applications</h4>
 	<div class="row">
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-f-droid.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) F-Droid"><img src="images/screenshots/replicant-4.2-crespo-f-droid.jpg" alt="Nexus S (I902x) F-Droid"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-f-droid.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) F-Droid"><img src="images/screenshots/replicant-4.2-crespo-f-droid.jpg" alt="Nexus S (I902x) F-Droid" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-camera.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) Camera"><img src="images/screenshots/replicant-4.2-crespo-camera.jpg" alt="Nexus S (I902x) Camera"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-camera.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) Camera"><img src="images/screenshots/replicant-4.2-crespo-camera.jpg" alt="Nexus S (I902x) Camera" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-browser-bookmarks.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) Browser bookmarks"><img src="images/screenshots/replicant-4.2-crespo-browser-bookmarks.jpg" alt="Nexus S (I902x) Browser bookmarks"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-browser-bookmarks.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) Browser bookmarks"><img src="images/screenshots/replicant-4.2-crespo-browser-bookmarks.jpg" alt="Nexus S (I902x) Browser bookmarks" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-apollo.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) Apollo"><img src="images/screenshots/replicant-4.2-crespo-apollo.jpg" alt="Nexus S (I902x) Apollo"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-apollo.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) Apollo"><img src="images/screenshots/replicant-4.2-crespo-apollo.jpg" alt="Nexus S (I902x) Apollo" /></a>
 		</div>
 	</div>
 	<div class="row">
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-dialer.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) Dialer"><img src="images/screenshots/replicant-4.2-crespo-dialer.jpg" alt="Nexus S (I902x) Dialer"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-dialer.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) Dialer"><img src="images/screenshots/replicant-4.2-crespo-dialer.jpg" alt="Nexus S (I902x) Dialer" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-ringing.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) Ringing"><img src="images/screenshots/replicant-4.2-crespo-ringing.jpg" alt="Nexus S (I902x) Ringing"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-ringing.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) Ringing"><img src="images/screenshots/replicant-4.2-crespo-ringing.jpg" alt="Nexus S (I902x) Ringing" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-in-call.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) In-call"><img src="images/screenshots/replicant-4.2-crespo-in-call.jpg" alt="Nexus S (I902x) In-call"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-in-call.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) In-call"><img src="images/screenshots/replicant-4.2-crespo-in-call.jpg" alt="Nexus S (I902x) In-call" /></a>
 		</div>
 		<div class="col-md-3">
-			<a href="images/screenshots/replicant-4.2-crespo-sms.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) SMS"><img src="images/screenshots/replicant-4.2-crespo-sms.jpg" alt="Nexus S (I902x) SMS"></a>
+			<a href="images/screenshots/replicant-4.2-crespo-sms.jpg" class="thumbnail" data-lightbox="applications" data-title="Nexus S (I902x) SMS"><img src="images/screenshots/replicant-4.2-crespo-sms.jpg" alt="Nexus S (I902x) SMS" /></a>
 		</div>
 	</div>
 </div>
diff --git a/supported-devices.php b/supported-devices.php
new file mode 100644
index 0000000..798df21
--- /dev/null
+++ b/supported-devices.php
@@ -0,0 +1,56 @@
+<?php include("include/header.php"); ?>
+
+<div class="container" role="main">
+	<div class="page-header"><h2>Supported devices</h2></div>
+	<h3>Maintained devices</h3>
+	<div class="row">
+		<div class="col-md-3">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/NexusSI902x" class="thumbnail supported-device"><img src="images/supported-devices/crespo.png" alt="Nexus S (I902x)" /><br />Nexus S (I902x)</a>
+		</div>
+		<div class="col-md-3">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/GalaxySI9000" class="thumbnail supported-device"><img src="images/supported-devices/galaxysmtd.png" alt="Galaxy S (I9000)" /><br />Galaxy S (I9000)</a>
+		</div>
+		<div class="col-md-3">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/GalaxyS2I9100" class="thumbnail supported-device"><img src="images/supported-devices/i9100.png" alt="Galaxy S 2 (I9100)" /><br />Galaxy S 2 (I9100)</a>
+		</div>
+		<div class="col-md-3">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/GalaxyNoteN7000" class="thumbnail supported-device"><img src="images/supported-devices/n7000.png" alt="Galaxy Note (N7000)" /><br />Galaxy Note (N7000)</a>
+		</div>
+	</div>
+	<div class="row">
+		<div class="col-md-3">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/GalaxyNexusI9250" class="thumbnail supported-device"><img src="images/supported-devices/maguro.png" alt="Galaxy Nexus (I9250)" /><br />Galaxy Nexus (I9250)</a>
+		</div>
+		<div class="col-md-3">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/GalaxyS3I9300" class="thumbnail supported-device"><img src="images/supported-devices/i9300.png" alt="Galaxy S 3 (I9300)" /><br />Galaxy S 3 (I9300)</a>
+		</div>
+		<div class="col-md-3">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/GalaxyNote2N7100" class="thumbnail supported-device"><img src="images/supported-devices/n7100.png" alt="Galaxy Note (N7000)" /><br />Galaxy Note 2 (N7100)</a>
+		</div>
+	</div>
+	<div class="row">
+		<div class="col-md-6">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/GalaxyTab270P31xx" class="thumbnail supported-device"><img src="images/supported-devices/p3100.png" alt="Galaxy Tab 2 7.0 (P31xx)" /><br />Galaxy Tab 2 7.0 (P31xx)</a>
+		</div>
+		<div class="col-md-6">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/GalaxyTab2101P51xx" class="thumbnail supported-device"><img src="images/supported-devices/p5100.png" alt="Galaxy Tab 2 10.1 (P51xx)" /><br />Galaxy Tab 2 10.1 (P51xx)</a>
+		</div>
+	</div>
+	<h3>Uncompleted devices</h3>
+	<div class="row">
+		<div class="col-md-3">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/GTA04" class="thumbnail supported-device"><img src="images/supported-devices/gta04.png" alt="GTA04" /><br />GTA04</a>
+		</div>
+	</div>
+	<h3>Unmaintained devices</h3>
+	<div class="row">
+		<div class="col-md-3">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/DreamMagic" class="thumbnail supported-device"><img src="images/supported-devices/dream_sapphire.png" alt="Dream/Magic" /><br />Dream/Magic</a>
+		</div>
+		<div class="col-md-3">
+			<a href="//redmine.replicant.us/projects/replicant/wiki/NexusOne" class="thumbnail supported-device"><img src="images/supported-devices/passion.png" alt="Nexus One" /><br />Nexus One</a>
+		</div>
+	</div>
+</div>
+
+<?php include("include/footer.php"); ?>