Pulls repairability scores for various devices from iFixit, which are then displayed on a website in a few categories.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

59 lines
3.7 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>iFixit Repairability Dashboard</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="description" content="Find which devices are the most and least repairable, according to iFixit">
  7. <link href="static/bootstrap.min.css" rel="stylesheet" media="screen">
  8. <link href="static/styles.css" rel="stylesheet" media="screen">
  9. <link rel="manifest" href="static/site.webmanifest">
  10. <link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png">
  11. <link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png">
  12. <link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
  13. <!-- Matomo -->
  14. <script type="text/javascript">
  15. var _paq = window._paq = window._paq || [];
  16. /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  17. _paq.push(['trackPageView']);
  18. _paq.push(['enableLinkTracking']);
  19. (function() {
  20. var u="//analytics.yeetpc.com/matomo/";
  21. _paq.push(['setTrackerUrl', u+'matomo.php']);
  22. _paq.push(['setSiteId', '2']);
  23. var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  24. g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  25. })();
  26. </script>
  27. <!-- End Matomo Code -->
  28. </head>
  29. <body>
  30. <div class="header">
  31. <a href="https://github.com/Rav4s/iFixit-Repairability-Dashboard" class="text">iFixit Repairability Dashboard</a>
  32. </div>
  33. <div class="row">
  34. <div class="column2" style="background-color:#040e1e; overflow: auto; scrollbar-width: thin; width: 100%;">
  35. <p style="text-align:center; font-size: 25px;">Welcome to the iFixit Repairability Dashboard! Here you can find the repairability scores of many devices that iFixit has analyzed. Click a score below to get started!</p>
  36. <div class="centered">
  37. <div style="display:block; align-items:center; justify-content:center;"><a href="/one" class="button1 buttonall">1/10</a><a href="/two" class="button2 buttonall">2/10</a><a href="/three" class="button3 buttonall">3/10</a><a href="/four" class="button4 buttonall">4/10</a><a href="/five" class="button5 buttonall">5/10</a><a href="/six" class="button6 buttonall">6/10</a><a href="/seven" class="button7 buttonall">7/10</a><a href="/eight" class="button8 buttonall">8/10</a><a href="/nine" class="button9 buttonall">9/10</a><a href="/ten" class="button10 buttonall">10/10</a></div>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="row">
  42. <div class="column2" style="background-color:#081c3d; overflow: auto; scrollbar-width: thin;">
  43. <h2 style="font-size: 25px;" class="centered">Ever wondered which devices are the hardest to repair? Find the laptops, tablets, and smartphones which have the worst iFixit Repairability Scores.</h2>
  44. <div class="centered">
  45. <a href="/worst-offenders" class="buttonhardest buttonall">Worst Offenders</a>
  46. </div>
  47. </div>
  48. <div class="column2" style="background-color:#06152e; overflow: auto; scrollbar-width: thin;">
  49. <h2 style="font-size: 25px;" class="centered">Want to find a device which is absolute repair bliss? Find the laptops, tablets, and smartphones which have the best iFixit Repairability Scores.</h2>
  50. <div class="centered">
  51. <a href="/most-repairable" class="buttonbest buttonall">Most Repairable Devices</a>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="header" style="padding: 25px 10px;">
  56. <p style="text-align:center;">Made with &#10084;&#65039; by <a class="none" href="https://www.yeetpc.com/about.html" target="_blank" rel="noopener">Ravi Shah</a></p>
  57. </div>
  58. </body>
  59. </html>