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.

103 lines
3.3 KiB

  1. <html>
  2. <head>
  3. <title>Most Repairable</title>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <link href="static/bootstrap.min.css" rel="stylesheet" media="screen">
  6. <link href="static/styles.css" rel="stylesheet" media="screen">
  7. <link rel="manifest" href="static/site.webmanifest">
  8. <link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png">
  9. <link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png">
  10. <link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
  11. </head>
  12. <body>
  13. <div class="header">
  14. <a href="https://github.com/Rav4s/iFixit-Repairability-Dashboard" class="text">Most Repairable</a>
  15. </div>
  16. <div class="row">
  17. <div class="column" style="background-color:#081c3d; overflow: auto; scrollbar-width: thin;">
  18. <h2>Smartphones</h2>
  19. <h3 style="color: #2ECC40;">10/10</h3>
  20. <div class="list">
  21. <p>
  22. {% for each in smartphone %}
  23. <p>{{ each }}</p>
  24. {% endfor %}
  25. </p>
  26. </div>
  27. <h3 style="color: #74DD2B;">9/10</h3>
  28. <div class="list">
  29. <p>
  30. {% for each in smartphone_2 %}
  31. <p>{{ each }}</p>
  32. {% endfor %}
  33. </p>
  34. </div>
  35. <h3 style="color: #B9EE15;">8/10</h3>
  36. <div class="list">
  37. <p>
  38. {% for each in smartphone_3 %}
  39. <p>{{ each }}</p>
  40. {% endfor %}
  41. </p>
  42. </div>
  43. </div>
  44. <div class="column" style="background-color:#06152e; overflow: auto; scrollbar-width: thin;">
  45. <h2>Tablets</h2>
  46. <h3 style="color: #2ECC40;">10/10</h3>
  47. <div class="list">
  48. <p>
  49. {% for each in tablet %}
  50. <p>{{ each }}</p>
  51. {% endfor %}
  52. </p>
  53. </div>
  54. <h3 style="color: #74DD2B;">9/10</h3>
  55. <div class="list">
  56. <p>
  57. {% for each in tablet_2 %}
  58. <p>{{ each }}</p>
  59. {% endfor %}
  60. </p>
  61. </div>
  62. <h3 style="color: #B9EE15;">8/10</h3>
  63. <div class="list">
  64. <p>
  65. {% for each in tablet_3 %}
  66. <p>{{ each }}</p>
  67. {% endfor %}
  68. </p>
  69. </div>
  70. </div>
  71. <div class="column" style="background-color:#040e1e; overflow: auto; scrollbar-width: thin;">
  72. <h2>Laptops</h2>
  73. <h3 style="color: #2ECC40;">10/10</h3>
  74. <div class="list">
  75. <p>
  76. {% for each in laptop %}
  77. <p>{{ each }}</p>
  78. {% endfor %}
  79. </p>
  80. </div>
  81. <h3 style="color: #74DD2B;">9/10</h3>
  82. <div class="list">
  83. <p>
  84. {% for each in laptop_2 %}
  85. <p>{{ each }}</p>
  86. {% endfor %}
  87. </p>
  88. </div>
  89. <h3 style="color: #B9EE15;">8/10</h3>
  90. <div class="list">
  91. <p>
  92. {% for each in laptop_3 %}
  93. <p>{{ each }}</p>
  94. {% endfor %}
  95. </p>
  96. </div>
  97. </div>
  98. </div>
  99. <div class="header" style="padding: 10px 10px;">
  100. <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>
  101. </div>
  102. </body>
  103. </html>