science
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| science [2026/02/12 11:08] – hjb | science [2026/02/14 18:11] (current) – hjb | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | < | + | < |
| - | <div style=" | + | |
| - | </ | + | |
| < | < | ||
| Line 10: | Line 9: | ||
| ---- | ---- | ||
| - | <!doctype | + | < |
| - | <html lang="en"> | + | <div id="ks4-wotd-wrap"> |
| - | < | + | |
| - | <meta charset=" | + | |
| - | <meta name=" | + | |
| - | < | + | |
| < | < | ||
| - | | + | |
| - | margin:0; | + | |
| - | padding: | + | |
| - | font-family: Arial, sans-serif; | + | |
| - | background:# | + | |
| - | } | + | |
| - | .wrap{ | + | |
| max-width: | max-width: | ||
| margin:0 auto; | margin:0 auto; | ||
| + | font-family: | ||
| } | } | ||
| - | .title{ | + | |
| text-align: | text-align: | ||
| font-size: | font-size: | ||
| Line 35: | Line 25: | ||
| letter-spacing: | letter-spacing: | ||
| } | } | ||
| - | .grid{ | + | |
| display: | display: | ||
| grid-template-columns: | grid-template-columns: | ||
| Line 41: | Line 31: | ||
| } | } | ||
| @media (max-width: 900px){ | @media (max-width: 900px){ | ||
| - | .grid{ grid-template-columns: | + | |
| } | } | ||
| - | .card{ | + | |
| padding: | padding: | ||
| border-radius: | border-radius: | ||
| Line 50: | Line 40: | ||
| box-shadow: | box-shadow: | ||
| min-height: | min-height: | ||
| + | box-sizing: | ||
| } | } | ||
| - | .pill{ | + | |
| display: | display: | ||
| font-size: | font-size: | ||
| Line 61: | Line 52: | ||
| margin-bottom: | margin-bottom: | ||
| } | } | ||
| - | h2{ | + | |
| margin:4px 0 8px 0; | margin:4px 0 8px 0; | ||
| font-size: | font-size: | ||
| letter-spacing: | letter-spacing: | ||
| + | line-height: | ||
| } | } | ||
| - | p{ | + | |
| margin:0 0 8px 0; | margin:0 0 8px 0; | ||
| font-size: | font-size: | ||
| Line 73: | Line 65: | ||
| /* Biology theme */ | /* Biology theme */ | ||
| - | .bio{ | + | |
| background: | background: | ||
| border-color:# | border-color:# | ||
| } | } | ||
| - | .bio .pill{ background:# | + | |
| - | .bio h2, .bio p{ color:# | + | |
| /* Chemistry theme */ | /* Chemistry theme */ | ||
| - | .chem{ | + | |
| background: | background: | ||
| border-color:# | border-color:# | ||
| } | } | ||
| - | .chem .pill{ background:# | + | |
| - | .chem h2, .chem p{ color:# | + | |
| /* Physics theme */ | /* Physics theme */ | ||
| - | .phys{ | + | |
| background: | background: | ||
| border-color:# | border-color:# | ||
| } | } | ||
| - | .phys .pill{ background:# | + | |
| - | .phys h2, .phys p{ color:# | + | |
| </ | </ | ||
| - | </ | ||
| - | < | ||
| - | <div class=" | ||
| - | <div class=" | ||
| - | | + | |
| - | <div class=" | + | <div class=" |
| - | <div class=" | + | <div class=" |
| - | <h2 id=" | + | <h2 id=" |
| - | <p id=" | + | <p id=" |
| - | </ | + | </ |
| - | | + | |
| - | <div class=" | + | <div class=" |
| - | <h2 id=" | + | <h2 id=" |
| - | <p id=" | + | <p id=" |
| - | </ | + | </ |
| - | | + | |
| - | <div class=" | + | <div class=" |
| - | <h2 id=" | + | <h2 id=" |
| - | <p id=" | + | <p id=" |
| - | </div> | + | |
| </ | </ | ||
| </ | </ | ||
| + | </ | ||
| - | | + | < |
| - | const biologyWords = [ | + | (function(){ |
| - | { word: " | + | |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | ]; | + | { word: " |
| + | | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: "Cell membrane", | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: "Organ system", | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: "Food chain", | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | | ||
| - | | + | |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: "Ionic bond", definition: "The electrostatic attraction between oppositely charged ions." }, | + | { word: "Ionic bond", definition: "The electrostatic attraction between oppositely charged ions." }, |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | ]; | + | |
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | | ||
| - | | + | |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | { word: " | + | { word: " |
| - | ]; | + | |
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: "Work done", definition: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | { word: " | ||
| + | | ||
| - | | + | |
| - | const start = new Date(now.getFullYear(), | + | const start = new Date(now.getFullYear(), |
| - | const dayOfYear = Math.floor((now - start) / 86400000); | + | const dayOfYear = Math.floor((now - start) / 86400000); |
| - | | + | |
| - | const idx = dayOfYear % list.length; | + | const idx = dayOfYear % list.length; |
| - | document.getElementById(prefix + 'Word').textContent = list[idx].word; | + | const wordEl = document.getElementById(prefix + "Word"); |
| - | | + | const defEl = document.getElementById(prefix + " |
| - | } | + | if(wordEl) wordEl.textContent = list[idx].word; |
| + | if(defEl) defEl.innerHTML = "< | ||
| + | } | ||
| - | | + | |
| - | setWord('chem', chemistryWords); | + | setWord("chem", chemistryWords); |
| - | setWord('phys', physicsWords); | + | setWord("phys", physicsWords); |
| - | </ | + | })(); |
| - | </body> | + | </script> |
| </ | </ | ||
| - | |||
| - | |||
science.1770894515.txt.gz · Last modified: by hjb
