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.

119 lines
3.9 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Most Repairable</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link href="static/bootstrap.min.css" rel="stylesheet" media="screen">
  7. <link href="static/styles.css" rel="stylesheet" media="screen">
  8. <link rel="manifest" href="static/site.webmanifest">
  9. <link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png">
  10. <link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png">
  11. <link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
  12. <!-- Matomo -->
  13. <script type="text/javascript">
  14. var _paq = window._paq = window._paq || [];
  15. /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  16. _paq.push(['trackPageView']);
  17. _paq.push(['enableLinkTracking']);
  18. (function() {
  19. var u="//analytics.yeetpc.com/matomo/";
  20. _paq.push(['setTrackerUrl', u+'matomo.php']);
  21. _paq.push(['setSiteId', '2']);
  22. var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  23. g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  24. })();
  25. </script>
  26. <!-- End Matomo Code -->
  27. </head>
  28. <body>
  29. <div class="header">
  30. <a href="/" class="text">Most Repairable</a>
  31. </div>
  32. <div class="row">
  33. <div class="column" style="background-color:#081c3d; overflow: auto; scrollbar-width: thin;">
  34. <h2>Smartphones</h2>
  35. <h3 style="color: #2ECC40;">10/10</h3>
  36. <div class="list">
  37. <p>
  38. {% for each in smartphone %}
  39. <p>{{ each }}</p>
  40. {% endfor %}
  41. </p>
  42. </div>
  43. <h3 style="color: #74DD2B;">9/10</h3>
  44. <div class="list">
  45. <p>
  46. {% for each in smartphone_2 %}
  47. <p>{{ each }}</p>
  48. {% endfor %}
  49. </p>
  50. </div>
  51. <h3 style="color: #B9EE15;">8/10</h3>
  52. <div class="list">
  53. <p>
  54. {% for each in smartphone_3 %}
  55. <p>{{ each }}</p>
  56. {% endfor %}
  57. </p>
  58. </div>
  59. </div>
  60. <div class="column" style="background-color:#06152e; overflow: auto; scrollbar-width: thin;">
  61. <h2>Tablets</h2>
  62. <h3 style="color: #2ECC40;">10/10</h3>
  63. <div class="list">
  64. <p>
  65. {% for each in tablet %}
  66. <p>{{ each }}</p>
  67. {% endfor %}
  68. </p>
  69. </div>
  70. <h3 style="color: #74DD2B;">9/10</h3>
  71. <div class="list">
  72. <p>
  73. {% for each in tablet_2 %}
  74. <p>{{ each }}</p>
  75. {% endfor %}
  76. </p>
  77. </div>
  78. <h3 style="color: #B9EE15;">8/10</h3>
  79. <div class="list">
  80. <p>
  81. {% for each in tablet_3 %}
  82. <p>{{ each }}</p>
  83. {% endfor %}
  84. </p>
  85. </div>
  86. </div>
  87. <div class="column" style="background-color:#040e1e; overflow: auto; scrollbar-width: thin;">
  88. <h2>Laptops</h2>
  89. <h3 style="color: #2ECC40;">10/10</h3>
  90. <div class="list">
  91. <p>
  92. {% for each in laptop %}
  93. <p>{{ each }}</p>
  94. {% endfor %}
  95. </p>
  96. </div>
  97. <h3 style="color: #74DD2B;">9/10</h3>
  98. <div class="list">
  99. <p>
  100. {% for each in laptop_2 %}
  101. <p>{{ each }}</p>
  102. {% endfor %}
  103. </p>
  104. </div>
  105. <h3 style="color: #B9EE15;">8/10</h3>
  106. <div class="list">
  107. <p>
  108. {% for each in laptop_3 %}
  109. <p>{{ each }}</p>
  110. {% endfor %}
  111. </p>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="header" style="padding: 25px 10px;">
  116. <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>
  117. </div>
  118. </body>
  119. </html>