Differences

This shows you the differences between two versions of the page.

--- geography [2026/02/10 19:30] – created hjb
+++ geography [2026/02/10 22:41] (current) – hjb
@@ Line 1: / Line 1: @@
+Geography
 <html>
-<div class="subject-grid">
+<div style="height:16px;"></div>
+</html>
-  <a class="subject-card" href="/doku.php?id=english">
+<html>
-    <img src="/lib/exe/fetch.php?media=subjects:english.jpg" alt="English">
+<span style="font-size:24px; font-weight:700;">
-    <div class="subject-title">English</div>
+  <a href="/doku.php?id=ks4_geography" style="color:#16a34a; text-decoration:none;">KS4 Geography</a>
-  </a>
+</span>
-  <a class="subject-card" href="/doku.php?id=maths">
-    <img src="/lib/exe/fetch.php?media=subjects:maths.jpg" alt="Maths">
-    <div class="subject-title">Maths</div>
-  </a>
-  <a class="subject-card" href="/doku.php?id=science">
-    <img src="/lib/exe/fetch.php?media=subjects:science.jpg" alt="Science">
-    <div class="subject-title">Science</div>
-  </a>
-  <a class="subject-card" href="/doku.php?id=history">
-    <img src="/lib/exe/fetch.php?media=subjects:history.jpg" alt="History">
-    <div class="subject-title">History</div>
-  </a>
-  <a class="subject-card" href="/doku.php?id=geography">
-    <img src="/lib/exe/fetch.php?media=subjects:geography.jpg" alt="Geography">
-    <div class="subject-title">Geography</div>
-  </a>
-  <a class="subject-card" href="/doku.php?id=french">
-    <img src="/lib/exe/fetch.php?media=subjects:french.jpg" alt="French">
-    <div class="subject-title">French</div>
-  </a>
-</div>
-<style>
-.subject-grid{
-  display:grid;
-  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
-  gap:16px;
-  margin:10px 0 18px;
-}
-.subject-card{
-  display:block;
-  text-decoration:none !important;
-  border:1px solid #e5e7eb;
-  border-radius:14px;
-  overflow:hidden;
-  background:#ffffff;
-  box-shadow:0 3px 12px rgba(0,0,0,.08);
-  transition:transform .15s ease, box-shadow .15s ease;
-}
-.subject-card:hover{
-  transform:translateY(-3px);
-  box-shadow:0 8px 20px rgba(0,0,0,.12);
-}
-.subject-card img{
-  width:100%;
-  height:140px;
-  object-fit:cover;
-  display:block;
-}
-.subject-title{
-  padding:12px 14px;
-  font-weight:700;
-  font-size:16px;
-  color:#1f2937;
-}
-</style>
 </html>