science
This is an old revision of the document!
Science
<!doctype html> <html lang=“en”> <head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>KS4 Science Word of the Day</title>
<style>
body{
margin:0;
padding:24px;
font-family: Arial, sans-serif;
background:#fff;
}
.wrap{
max-width:1100px;
margin:0 auto;
}
.title{
text-align:center;
font-size:28px;
font-weight:700;
margin:8px 0 20px;
color:#1f2937;
letter-spacing:.5px;
}
.grid{
display:grid;
grid-template-columns:repeat(3,minmax(240px,1fr));
gap:16px;
}
@media (max-width: 900px){
.grid{ grid-template-columns:1fr; }
}
.card{
padding:16px 18px;
border-radius:14px;
border:2px solid transparent;
box-shadow:0 6px 16px rgba(0,0,0,0.08);
min-height:220px;
}
.pill{
display:inline-block;
font-size:12px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
padding:6px 10px;
border-radius:999px;
margin-bottom:10px;
}
h2{
margin:4px 0 8px 0;
font-size:28px;
letter-spacing:.5px;
}
p{
margin:0 0 8px 0;
font-size:15.5px;
line-height:1.55;
}
/* Biology theme */
.bio{
background:linear-gradient(135deg,#ecfdf5 0%, #d1fae5 100%);
border-color:#6ee7b7;
}
.bio .pill{ background:#a7f3d0; color:#065f46; }
.bio h2, .bio p{ color:#065f46; }
/* Chemistry theme */
.chem{
background:linear-gradient(135deg,#fff7ed 0%, #ffedd5 100%);
border-color:#fdba74;
}
.chem .pill{ background:#fed7aa; color:#9a3412; }
.chem h2, .chem p{ color:#9a3412; }
/* Physics theme */
.phys{
background:linear-gradient(135deg,#eff6ff 0%, #dbeafe 100%);
border-color:#93c5fd;
}
.phys .pill{ background:#bfdbfe; color:#1e3a8a; }
.phys h2, .phys p{ color:#1e3a8a; }
</style>
</head> <body>
<div class="wrap"> <div class="title">KS4 Science Word of the Day</div>
<div class="grid">
<div class="card bio">
<div class="pill">Biology · Word of the Day</div>
<h2 id="bioWord">Diffusion</h2>
<p id="bioDefinition"><strong>Definition:</strong> The net movement of particles from an area of higher concentration to an area of lower concentration.</p>
</div>
<div class="card chem">
<div class="pill">Chemistry · Word of the Day</div>
<h2 id="chemWord">Atom</h2>
<p id="chemDefinition"><strong>Definition:</strong> The smallest part of an element that can exist and still shows that element’s chemical properties.</p>
</div>
<div class="card phys">
<div class="pill">Physics · Word of the Day</div>
<h2 id="physWord">Velocity</h2>
<p id="physDefinition"><strong>Definition:</strong> Speed in a given direction.</p>
</div>
</div>
</div>
<script>
const biologyWords = [
{ word: "Diffusion", definition: "The net movement of particles from an area of higher concentration to an area of lower concentration." },
{ word: "Osmosis", definition: "The net movement of water molecules across a partially permeable membrane from high water concentration to low water concentration." },
{ word: "Active transport", definition: "The movement of particles from a low concentration to a high concentration, using energy from respiration." },
{ word: "Respiration", definition: "A chemical process in cells that releases energy from glucose." },
{ word: "Photosynthesis", definition: "The process by which green plants use light energy to make glucose from carbon dioxide and water." },
{ word: "Enzyme", definition: "A protein that acts as a biological catalyst, speeding up chemical reactions in living organisms." },
{ word: "Homeostasis", definition: "The regulation of internal conditions to maintain stable, optimum conditions." },
{ word: "Mutation", definition: "A random change in the DNA sequence of a gene." },
{ word: "Chromosome", definition: "A thread-like structure of DNA in the nucleus that carries genetic information." },
{ word: "Allele", definition: "A different version of the same gene." }
];
const chemistryWords = [
{ word: "Atom", definition: "The smallest part of an element that can exist and still shows that element’s chemical properties." },
{ word: "Isotope", definition: "Atoms of the same element with the same number of protons but different numbers of neutrons." },
{ word: "Ion", definition: "An atom or group of atoms with an overall electric charge." },
{ word: "Covalent bond", definition: "A bond formed when atoms share pairs of electrons." },
{ word: "Ionic bond", definition: "The electrostatic attraction between oppositely charged ions." },
{ word: "Acid", definition: "A substance that produces hydrogen ions (H+) in aqueous solution." },
{ word: "Alkali", definition: "A soluble base that produces hydroxide ions (OH−) in water." },
{ word: "Neutralisation", definition: "A reaction between an acid and a base that produces salt and water." },
{ word: "Electrolysis", definition: "The decomposition of an ionic compound by passing an electric current through it." },
{ word: "Catalyst", definition: "A substance that increases the rate of a reaction without being used up." }
];
const physicsWords = [
{ word: "Velocity", definition: "Speed in a given direction." },
{ word: "Acceleration", definition: "The rate of change of velocity." },
{ word: "Resultant force", definition: "The overall force acting on an object after all forces are combined." },
{ word: "Momentum", definition: "A measure of motion calculated as mass multiplied by velocity." },
{ word: "Power", definition: "The rate at which energy is transferred or work is done." },
{ word: "Specific heat capacity", definition: "The energy needed to raise the temperature of 1 kg of a substance by 1°C." },
{ word: "Wavelength", definition: "The distance between one point on a wave and the equivalent point on the next wave." },
{ word: "Frequency", definition: "The number of waves passing a point each second." },
{ word: "Half-life", definition: "The time taken for the activity or number of unstable nuclei in a sample to halve." },
{ word: "Current", definition: "The rate of flow of electric charge." }
];
const now = new Date(); const start = new Date(now.getFullYear(), 0, 1); const dayOfYear = Math.floor((now - start) / 86400000);
function setWord(prefix, list){
const idx = dayOfYear % list.length;
document.getElementById(prefix + 'Word').textContent = list[idx].word;
document.getElementById(prefix + 'Definition').innerHTML = `<strong>Definition:</strong> ${list[idx].definition}`;
}
setWord('bio', biologyWords);
setWord('chem', chemistryWords);
setWord('phys', physicsWords);
</script>
</body> </html>
science.1770894515.txt.gz · Last modified: by hjb