commit: 973a58e6acac40c45291f2a6ce76aad1cc864cc9 parent 2e111c4eda1bf3f8b751491d1616caf2216b5ab4 Author: Drew DeVault <sir@cmpwn.com> Date: Wed, 6 Jan 2021 08:59:11 -0500 Add "Invented or discovered" surveyDiffstat:
| A | content/blog/Invented-or-discovered.html | 165 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
1 file changed, 165 insertions(+), 0 deletions(-)
diff --git a/content/blog/Invented-or-discovered.html b/content/blog/Invented-or-discovered.html @@ -0,0 +1,165 @@ +--- +title: Was $X invented, or discovered? +date: 2021-01-06 +--- + +<p> +Let's do a little exercise. Check the term which you think best describes the +nature of advances in each domain. + +<style> +.idea { + position: relative; + text-align: center; + border: 1px solid #333; + background: #eee; + margin-bottom: 1.5rem; + display: grid; + grid-template-rows: auto auto auto; + grid-template-columns: 1fr 1fr; +} + +.idea h3 { + grid-column-start: 1; + grid-column-end: 3; + margin: 0.25rem; +} + +.idea small { + grid-row-start: 2; + grid-row-end: 3; + grid-column-start: 1; + grid-column-end: 3; +} + +.idea label { + grid-row-start: 3; + grid-row-end: 3; + padding: 0.25rem 0; + background: white; + border-top: 1px solid #333; +} + +.idea label:last-child { + border-left: 1px solid #333; +} + +button { + padding: 0.25rem; + font-size: 1.2rem; + display: block; + margin: 1rem auto; +} + +form p { + text-align: center; +} +</style> + +<form method="POST" action="/discoveries/submit"> + <div class="idea"> + <h3>Mathematics is...</h3> + <label><input type="radio" name="math" value="0" /> Discovered</label> + <label><input type="radio" name="math" value="1" /> Invented</label> + </div> + + <div class="idea"> + <h3>Algorithms are...</h3> + <label><input type="radio" name="algos" value="0" /> Discovered</label> + <label><input type="radio" name="algos" value="1" /> Invented</label> + </div> + + <div class="idea"> + <h3>Programming paradigms<sup><a href="#ft-1" id="ref-1">1</a></sup> are...</h3> + <label><input type="radio" name="paradigms" value="0" /> Discovered</label> + <label><input type="radio" name="paradigms" value="1" /> Invented</label> + </div> + + <div class="idea"> + <h3>High-level software is...</h3> + <label><input type="radio" name="software" value="0" /> Discovered</label> + <label><input type="radio" name="software" value="1" /> Invented</label> + </div> + + <p> + Back to the fundamentals now: + + <div class="idea"> + <h3>Physics is...</h3> + <label><input type="radio" name="physics" value="0" /> Discovered</label> + <label><input type="radio" name="physics" value="1" /> Invented</label> + <span class="result"></span> + </div> + + <div class="idea"> + <h3>Chemistry is...</h3> + <label><input type="radio" name="chemistry" value="0" /> Discovered</label> + <label><input type="radio" name="chemistry" value="1" /> Invented</label> + </div> + + <div class="idea"> + <h3>Biology is...</h3> + <label><input type="radio" name="biology" value="0" /> Discovered</label> + <label><input type="radio" name="biology" value="1" /> Invented</label> + </div> + + <div class="idea"> + <h3>Pharmaceuticals are...</h3> + <label><input type="radio" name="pharma" value="0" /> Discovered</label> + <label><input type="radio" name="pharma" value="1" /> Invented</label> + </div> + + <div class="idea"> + <h3>Medical treatments are...</h3> + <label><input type="radio" name="medicine" value="0" /> Discovered</label> + <label><input type="radio" name="medicine" value="1" /> Invented</label> + </div> + + <p> + How about this? + + <div class="idea"> + <h3>Psychology is...</h3> + <label><input type="radio" name="psychology" value="0" /> Discovered</label> + <label><input type="radio" name="psychology" value="1" /> Invented</label> + </div> + + <div class="idea"> + <h3>Sociology is...</h3> + <label><input type="radio" name="sociology" value="0" /> Discovered</label> + <label><input type="radio" name="sociology" value="1" /> Invented</label> + </div> + + <div class="idea"> + <h3>Language is...</h3> + <label><input type="radio" name="language" value="0" /> Discovered</label> + <label><input type="radio" name="language" value="1" /> Invented</label> + </div> + + <div class="idea"> + <h3>Culture is...</h3> + <label><input type="radio" name="culture" value="0" /> Discovered</label> + <label><input type="radio" name="culture" value="1" /> Invented</label> + </div> + + <div class="idea"> + <h3>Art is...</h3> + <label><input type="radio" name="art" value="0" /> Discovered</label> + <label><input type="radio" name="art" value="1" /> Invented</label> + </div> + + <button type="submit">Submit answers</button> + <p>or <a href="/discoveries/results">view results</a> +</form> + +<section class="footnotes"> + <hr /> + <ol> + <li id="ft-1"> + Functional, imperative, object-oriented, etc. Remember that these + paradigms arise from fundamental computer science concepts like Turing + machines and Lambda Calculus. + <a href="#ref-1">↩︎</a> + </li> + </ol> +</section>