logo

drewdevault.com

[mirror] blog and personal website of Drew DeVault git clone https://hacktivis.me/git/mirror/drewdevault.com.git

Invented-or-discovered.html (4628B)


  1. ---
  2. title: Was $X invented, or discovered?
  3. date: 2021-01-06
  4. ---
  5. <p>
  6. Let's do a little exercise. Check the term which you think best describes the
  7. nature of advances in each domain.
  8. <em>Note: this page is interactive. JavaScript is not required.</em>
  9. <style>
  10. .idea {
  11. position: relative;
  12. text-align: center;
  13. border: 1px solid #333;
  14. background: #eee;
  15. margin-bottom: 1.5rem;
  16. display: grid;
  17. grid-template-rows: auto auto auto;
  18. grid-template-columns: 1fr 1fr;
  19. }
  20. .idea h3 {
  21. grid-column-start: 1;
  22. grid-column-end: 3;
  23. margin: 0.25rem;
  24. }
  25. .idea small {
  26. grid-row-start: 2;
  27. grid-row-end: 3;
  28. grid-column-start: 1;
  29. grid-column-end: 3;
  30. }
  31. .idea label {
  32. grid-row-start: 3;
  33. grid-row-end: 3;
  34. padding: 0.25rem 0;
  35. background: white;
  36. border-top: 1px solid #333;
  37. }
  38. .idea label:last-child {
  39. border-left: 1px solid #333;
  40. }
  41. button {
  42. padding: 0.25rem;
  43. font-size: 1.2rem;
  44. display: block;
  45. margin: 1rem auto;
  46. }
  47. form p {
  48. text-align: center;
  49. }
  50. </style>
  51. <form method="POST" action="/discoveries/submit">
  52. <div class="idea">
  53. <h3>Mathematics is...</h3>
  54. <label><input type="radio" name="math" value="0" /> Discovered</label>
  55. <label><input type="radio" name="math" value="1" /> Invented</label>
  56. </div>
  57. <div class="idea">
  58. <h3>Algorithms are...</h3>
  59. <label><input type="radio" name="algos" value="0" /> Discovered</label>
  60. <label><input type="radio" name="algos" value="1" /> Invented</label>
  61. </div>
  62. <div class="idea">
  63. <h3>Programming paradigms<sup><a href="#ft-1" id="ref-1">1</a></sup> are...</h3>
  64. <label><input type="radio" name="paradigms" value="0" /> Discovered</label>
  65. <label><input type="radio" name="paradigms" value="1" /> Invented</label>
  66. </div>
  67. <div class="idea">
  68. <h3>High-level software is...</h3>
  69. <label><input type="radio" name="software" value="0" /> Discovered</label>
  70. <label><input type="radio" name="software" value="1" /> Invented</label>
  71. </div>
  72. <p>
  73. Back to the fundamentals now:
  74. <div class="idea">
  75. <h3>Physics is...</h3>
  76. <label><input type="radio" name="physics" value="0" /> Discovered</label>
  77. <label><input type="radio" name="physics" value="1" /> Invented</label>
  78. <span class="result"></span>
  79. </div>
  80. <div class="idea">
  81. <h3>Chemistry is...</h3>
  82. <label><input type="radio" name="chemistry" value="0" /> Discovered</label>
  83. <label><input type="radio" name="chemistry" value="1" /> Invented</label>
  84. </div>
  85. <div class="idea">
  86. <h3>Biology is...</h3>
  87. <label><input type="radio" name="biology" value="0" /> Discovered</label>
  88. <label><input type="radio" name="biology" value="1" /> Invented</label>
  89. </div>
  90. <div class="idea">
  91. <h3>Pharmaceuticals are...</h3>
  92. <label><input type="radio" name="pharma" value="0" /> Discovered</label>
  93. <label><input type="radio" name="pharma" value="1" /> Invented</label>
  94. </div>
  95. <div class="idea">
  96. <h3>Medical treatments are...</h3>
  97. <label><input type="radio" name="medicine" value="0" /> Discovered</label>
  98. <label><input type="radio" name="medicine" value="1" /> Invented</label>
  99. </div>
  100. <p>
  101. How about this?
  102. <div class="idea">
  103. <h3>Psychology is...</h3>
  104. <label><input type="radio" name="psychology" value="0" /> Discovered</label>
  105. <label><input type="radio" name="psychology" value="1" /> Invented</label>
  106. </div>
  107. <div class="idea">
  108. <h3>Sociology is...</h3>
  109. <label><input type="radio" name="sociology" value="0" /> Discovered</label>
  110. <label><input type="radio" name="sociology" value="1" /> Invented</label>
  111. </div>
  112. <div class="idea">
  113. <h3>Language is...</h3>
  114. <label><input type="radio" name="language" value="0" /> Discovered</label>
  115. <label><input type="radio" name="language" value="1" /> Invented</label>
  116. </div>
  117. <div class="idea">
  118. <h3>Culture is...</h3>
  119. <label><input type="radio" name="culture" value="0" /> Discovered</label>
  120. <label><input type="radio" name="culture" value="1" /> Invented</label>
  121. </div>
  122. <div class="idea">
  123. <h3>Art is...</h3>
  124. <label><input type="radio" name="art" value="0" /> Discovered</label>
  125. <label><input type="radio" name="art" value="1" /> Invented</label>
  126. </div>
  127. <button type="submit">Submit answers</button>
  128. <p>or <a href="/discoveries/results">view results</a>
  129. </form>
  130. <section class="footnotes">
  131. <hr />
  132. <ol>
  133. <li id="ft-1">
  134. Functional, imperative, object-oriented, etc. Remember that these
  135. paradigms arise from fundamental computer science concepts like Turing
  136. machines and Lambda Calculus.
  137. <a href="#ref-1">↩︎</a>
  138. </li>
  139. </ol>
  140. </section>