Initial stats & comparison page (#129)

MichaIng · Jul 18, 2021 · 8c768d8 · 8c768d8
1 parent d06fb7b
commit 8c768d8
Show file tree

Hide file tree

Showing 9 changed files with 406 additions and 8 deletions.
diff --git a/contribute.html b/contribute.html
@@ -33,7 +33,7 @@
 		<meta name="theme-color" content="#000000">
 		<!-- Load CSS styles -->
 		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
-		<link rel="stylesheet" type="text/css" href="css/style.min.css?v=2">
+		<link rel="stylesheet" type="text/css" href="css/style.min.css?v=3">
 		<!-- Include JavaScript -->
 		<script defer src="js/jquery.min.js"></script>
 		<script defer src="js/bootstrap.min.js"></script>

diff --git a/css/style.css b/css/style.css
@@ -162,10 +162,9 @@ a:hover {
 	animation: fadeInDown 1s forwards;
 }
 /*
-2.2 Buttons: For green background
+2.2 Buttons
 **********************************************************************/
-.button,
-.button:visited {
+.button {
 	display: inline-block;
 	margin-top: 2px;
 	margin-bottom: 2px;
@@ -180,6 +179,18 @@ a:hover {
 	background-color: #c5ff00;
 	color: #164046;
 }
+.primary-section .button {
+	border-color: #181a1c;
+	color: #181a1c;
+	background-color: #9ccc00;
+}
+.primary-section .button:hover,
+.primary-section .button:focus,
+.primary-section .button:active {
+	border-color: #c5ff00;
+	color: #c5ff00;
+	background-color: unset;
+}
 /*
 2.3 Thumbnails
 **********************************************************************/

diff --git a/dietpi-software.html b/dietpi-software.html
@@ -33,7 +33,7 @@
 		<meta name="theme-color" content="#000000">
 		<!-- Load CSS styles -->
 		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
-		<link rel="stylesheet" type="text/css" href="css/style.min.css?v=2">
+		<link rel="stylesheet" type="text/css" href="css/style.min.css?v=3">
 		<!-- Include JavaScript -->
 		<script defer src="js/jquery.min.js"></script>
 		<script defer src="js/bootstrap.min.js"></script>

diff --git a/images/stats/armbian.png b/images/stats/armbian.png
diff --git a/images/stats/commands.svg b/images/stats/commands.svg
diff --git a/images/stats/debian.svg b/images/stats/debian.svg
diff --git a/images/stats/raspberrypios.svg b/images/stats/raspberrypios.svg
diff --git a/index.html b/index.html
@@ -34,7 +34,7 @@
 		<!-- Load CSS styles -->
 		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
 		<link rel="stylesheet" type="text/css" href="css/jquery.cslider.min.css?v=2">
-		<link rel="stylesheet" type="text/css" href="css/style.min.css?v=2">
+		<link rel="stylesheet" type="text/css" href="css/style.min.css?v=3">
 		<!-- Include JavaScript -->
 		<script defer src="js/jquery.min.js"></script>
 		<script defer src="js/bootstrap.min.js"></script>
@@ -78,7 +78,7 @@ <h4>Benefit from latest fixes and new software titles</h4>
 					<h2>DietPi | Minimal image at its core</h2>
 					<h4>Highly optimised minimal Debian OS</h4>
 					<p>DietPi is extremely lightweight at its core, with features of low process/memory footprint and DietPi-RAMlog installed by default, to get the maximum performance from your device.</p>
-					<a class="da-link" href="https://docs.google.com/spreadsheets/d/1mDHGZC-H6tU6_O8kuLTG8d4A8Nt7lV1Q7MXTR_6qw30/edit?usp=sharing" target="_blank" rel="noopener">Learn more</a>
+					<a class="da-link" href="stats.html">Learn more</a>
 					<div class="da-img"><img class="img-fluid" src="images/slider_feather.png" alt="Feather" width="360" height="360" loading="lazy"></div>
 				</div>
 				<!-- Slide 3 -->
@@ -112,12 +112,14 @@ <h4>All devices benchmarked (CPU/IO)</h4>
 				<div class="title">
 					<!-- Section title -->
 					<h1>DietPi - features overview</h1>
+					<!-- Section button -->
+					<a href="stats.html" class="button">View comparisons with other distributions</a>
 					<!-- Section description -->
 					<p>DietPi is more than just a minimal image.</p>
 				</div>
 				<div class="row">
 					<div class="col-sm-4 service">
-						<a href="https://docs.google.com/spreadsheets/d/1mDHGZC-H6tU6_O8kuLTG8d4A8Nt7lV1Q7MXTR_6qw30/edit?usp=sharing" target="_blank" rel="noopener">
+						<a href="stats.html">
 							<svg viewBox="0 0 950 950" aria-hidden="true">
 								<path d="M949.869 741.307l-.446-12.489-.098-2.554-.02-1.76-.006-.082-.025-.326-1.221-15.719-.312-3.43-.646-6.836-.669-6.799-.343-3.381-.414-3.119c-1.139-8.242-2.156-16.342-3.608-24.129l-2.031-11.461-2.277-10.914c-1.402-7.098-3.163-13.727-4.647-19.855l-1.115-4.492-1.185-4.264-2.221-7.855-1.99-6.889-1.851-5.803-2.079-6.455c-.815-2.529-3.487-3.951-6.043-3.223l-160.613 45.771c-2.447.697-3.964 3.135-3.498 5.637l.595 3.201.759 3.994c.261 1.457.466 3.053.729 4.74l.821 5.383.439 2.91.35 3.07c.447 4.184 1.115 8.67 1.413 13.48l.609 7.361.368 7.709c.348 5.213.282 10.641.382 16.115l.023 2.039-.072 1.805-.124 3.617-.098 3.619-.038 1.807-.687 16.111c.002.393-.03-3.111-.02-1.598l-.013.129-.048.516-.095 1.031-.371 4.102-.355 4.062-.479 4.004c-.341 2.65-.551 5.275-.973 7.832l-1.09 7.535-1.246 7.166c-.366 2.33-.856 4.574-1.292 6.746l-1.292 6.271-1.93 8.355-.588 2.125-.327 1.221H944.3c2.633 0 4.826-2.066 4.926-4.697.001-.016.001-.031.002-.047l.503-11.254.224-11.742c.112-3.982-.009-8.029-.02-12.121l-.066-6.17zm-51.078-206.178a4.93 4.93 0 0 0 2.622-6.68l-1.886-3.984-2.231-4.697-3.396-6.916-3.893-7.834-2.093-3.963-2.186-4.037-4.671-8.551-5.254-9.002-2.749-4.684-2.947-4.723-6.112-9.706c-4.377-6.45-8.734-13.196-13.597-19.761l-5.408-7.47-1.884-2.453-7.58-9.812-7.85-9.587-3.946-4.727-4.04-4.603-4.011-4.554c-1.323-1.517-2.657-3.008-4.033-4.45l-8.06-8.585c-2.65-2.81-5.394-5.451-8.005-8.091-2.63-2.626-5.186-5.205-7.796-7.6l-7.521-7.04c-2.418-2.279-4.887-4.349-7.187-6.399l-6.656-5.819-6.157-5.073-5.416-4.442c-1.676-1.367-3.279-2.552-4.692-3.657l-5.177-3.973c-2.105-1.616-5.106-1.271-6.798.776l-86.204 104.346c-1.625 1.968-1.486 4.844.327 6.64l2.489 2.463c.897.901 1.925 1.855 2.979 2.969l3.409 3.604 3.88 4.078 4.147 4.67c1.427 1.642 2.987 3.272 4.471 5.09l4.636 5.573c1.621 1.878 3.168 3.917 4.77 5.977 1.585 2.074 3.279 4.119 4.871 6.312l4.851 6.658c.836 1.107 1.629 2.262 2.41 3.434l2.381 3.506 2.404 3.52c.802 1.178 1.537 2.41 2.312 3.615l4.596 7.277 5.459 9.248 1.021 1.877 2.038 3.727c2.795 4.889 5.154 9.93 7.623 14.666l4.943 10.605 1.459 3.43 2.812 6.547 2.427 6.199 1.142 2.912c.352.926.788 1.928 1.022 2.699l1.574 4.6 1.413 4.016 1.574 4.697 1.395 4.184a4.93 4.93 0 0 0 6.515 3.008l149.464-60.05zM459.808 348.748l4.324.59 5.063.882 5.747.987 5.472 1.112 54.404-111.282-7.993-1.248-5.325-.794-5.218-.632-9.989-1.187-9.358-.802-8.6-.663-7.765-.382-6.818-.322-5.792-.093-6.222-.075c-2.655-.032-4.852 2.043-4.979 4.695l-4.961 103.577c-.122 2.552 1.719 4.774 4.25 5.121l3.76.516zm146.219 57.033l4.15 3.02 3.654 2.617 1.955 1.438 5.472 4.084c2.276 1.698 5.506 1.124 7.065-1.25l71.03-108.196c1.56-2.374.803-5.567-1.661-6.98l-5.924-3.398-2.511-1.421-6.542-3.604-7.443-4.056-7.86-3.939-8.565-4.19-9.273-4.25c-3.161-1.492-6.497-2.847-9.883-4.269-3.4-1.392-6.821-2.914-10.394-4.257l-2.736-1.036-30.642 132.998c1.694 1.064 3.29 2.192 4.862 3.21l5.246 3.479zm-241.593-57.575l4.064-.547 3.984-.405 7.619-.791 10.495-.708 3.118-.167 5.479-.143 4.8-.152 5.025-.033 4.408-.024c2.84-.015 5.072-2.42 4.886-5.254l-6.394-97.57c-.187-2.834-2.713-4.927-5.53-4.571l-4.373.552-5.089.648-7.083 1.05-8.034 1.224-4.18.739-4.279.817-9.076 1.754-9.642 2.196-5.019 1.154-5.11 1.325-10.51 2.8-10.757 3.243-5.463 1.689-5.467 1.865-5.5 1.885-5.501 1.972-10.963 4.185c-3.643 1.426-7.226 3.006-10.817 4.501l-5.354 2.282-5.253 2.425-5.201 2.409c-1.725.798-3.443 1.584-5.113 2.451l-9.919 5.008c-3.257 1.633-6.361 3.435-9.444 5.094-3.069 1.69-6.087 3.302-8.934 5.039l-8.342 4.949c-2.702 1.576-5.208 3.278-7.664 4.816l-6.999 4.487-6.178 4.24-5.418 3.731c-1.672 1.153-3.151 2.296-4.514 3.284l-4.7 3.47c-2.131 1.573-2.631 4.544-1.141 6.735l40.515 59.566c1.442 2.12 4.261 2.785 6.494 1.524l3.632-2.049c1.209-.669 2.517-1.459 3.994-2.228l4.777-2.488 5.417-2.832 6.107-2.928c2.138-.996 4.307-2.137 6.646-3.132l7.189-3.155c2.443-1.125 5.031-2.108 7.649-3.158 2.632-1.02 5.268-2.174 8.029-3.149l8.374-3.018c1.403-.533 2.847-.984 4.294-1.446l4.353-1.401 4.378-1.416c1.472-.447 2.965-.847 4.448-1.275l8.938-2.504 8.994-2.225c1.484-.395 2.99-.704 4.489-1.013l4.475-.942 4.429-.94c1.473-.294 2.954-.521 4.415-.784l8.648-1.501 8.399-1.16zM88.175 425.22l-6.415 9.085-3.115 4.669-6.168 9.422-5.887 9.585-1.46 2.386-4.14 7.247c-3.74 6.353-6.989 12.847-10.291 19.015l-6.707 13.754-1.999 4.441-3.817 8.504-3.329 8.045-3.004 7.408-2.527 6.752-2.212 5.93-1.734 5.084-1.741 5.168c-.845 2.506.44 5.225 2.91 6.172l37.71 14.457a4.93 4.93 0 0 0 6.212-2.473l1.962-4.102 2.073-4.311 2.596-5.004 2.942-5.68c1.044-1.994 2.246-4.039 3.439-6.199l3.77-6.705 6.462-10.711 2.383-3.688 4.916-7.59c3.546-5.02 7.014-10.307 10.933-15.406l4.327-5.826 7.578-9.537 6.279-7.439 3.145-3.672 6.423-7.093c1.05-1.178 2.11-2.335 3.211-3.444l6.411-6.64c2.101-2.177 4.294-4.197 6.364-6.239 2.086-2.027 4.104-4.027 6.182-5.86l5.956-5.42c1.908-1.761 3.874-3.333 5.69-4.911l5.246-4.468 4.646-3.679 4.062-3.235c.576-.476 1.356-1.046 2.015-1.547l5.451-4.113c2.267-1.711 2.618-4.973.774-7.133l-42.935-50.299c-1.844-2.16-5.121-2.325-7.166-.355l-4.918 4.737c-.621.603-1.212 1.152-1.982 1.939l-4.764 4.808-5.392 5.47-5.557 6.019c-1.912 2.113-3.974 4.242-5.969 6.576l-6.202 7.19c-2.155 2.438-4.24 5.057-6.385 7.714l-6.514 8.16-6.501 8.603c-1.116 1.441-2.183 2.929-3.237 4.439zm-78.02 176.352l-1.889 9.297-1.108 6.271-1.234 7.18-.649 3.875-.542 4c-.704 5.453-1.631 11.32-2.165 17.588l-.953 9.609-.678 10.053c-.54 6.811-.639 13.875-.864 21.021L0 693.152l.013 2.697.079 13.559.104 2.719.586 14.408.905 12.268.516 5.309.516 5.24.258 2.588.32 2.529 1.255 9.871 1.449 9.412c.44 3.057 1.007 6.014 1.528 8.873l.128.682a4.93 4.93 0 0 0 4.846 4.031h13.291c2.838 0 5.09-2.389 4.923-5.221l-.142-2.291-.43-8.531-.295-9.01-.072-11.804.266-12.062.576-12.371c0-.207.004.191.006.123l.012-.158 1.24-15.481 1.731-15.038.369-2.471c1.012-6.57 1.872-13.033 3.132-19.221l1.727-9.119 1.936-8.666c1.164-5.641 2.673-10.885 3.901-15.746l.924-3.562c.318-1.143.661-2.225.977-3.297l1.81-6.059 1.614-5.354 2.99-9.006c.895-2.693-.668-5.58-3.412-6.311l-33.319-8.885c-2.745-.733-5.537.992-6.103 3.775zM387.317 774.27c10.84 5.299 22.323 7.811 33.628 7.811 28.378 0 55.65-15.811 68.953-43.023 2.562-5.238 4.545-11.021 5.835-16.467l125.424-544.387c2.13-9.245-5.224-15.543-12.602-15.543-4.319 0-8.647 2.159-11.087 7.148l-245.364 501.88c-18.603 38.051-2.837 83.979 35.213 102.581zm36.472-108.434c20.759 0 37.588 16.828 37.588 37.588s-16.829 37.588-37.588 37.588-37.588-16.83-37.588-37.588 16.829-37.588 37.588-37.588z"/>
 							</svg>