45 lines
1.9 KiB
HTML
45 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Digital Empowerment at Christchurch South Karamata Intermediate School</title>
|
|
|
|
<meta name="author" content="lightweight">
|
|
<meta name="description" content="karamata - This is code accompanying 'digital empowerment' sessions with Christchurch South Karamata Intermediate School in 2023.">
|
|
<meta name="keywords" content="git,forge,forgejo">
|
|
<meta name="referrer" content="no-referrer">
|
|
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
</head>
|
|
<body class="style-1">
|
|
<h1>Digital Empowerment</h1>
|
|
<p>The purpose of these sessions is to show Chch South Karamata learners that they don't
|
|
have to be mere riders in their digital journey - they can become drivers.</p>
|
|
|
|
<p>Find <a href="https://forge.magnificent.nz/lightweight/karamata" title="Clicking this link will take you to a code 'repository' for this project, where you can get *all* the code.">this code</a> on the web!</p>
|
|
|
|
<div class='app1'>
|
|
<p class='name'>Take charge!</p>
|
|
<div class='colors'>
|
|
<button onclick="changeColor('blue')">Change to <span class="blue">blue</span></button>
|
|
<button onclick="changeColor('red')">Change to <span class="red">red</span></button>
|
|
<button onclick="changeColor('green')">Change to <span class="green">green</span></button>
|
|
<button onclick="changeColor('black')">Change to <span class="black">black</span></button>
|
|
</div>
|
|
<div class='fonts'>
|
|
<button onclick="changeWeight()">Change to <span class="bold">bold</span></button>
|
|
<button onclick="changeStyle()">Change to <span class="italic">italics</span></button>
|
|
<button onclick="changeVariant()">Change to <span class="small-caps">small capital letters</span></button>
|
|
</div>
|
|
<script src="js/script.js"></script>
|
|
</div>
|
|
|
|
<div class="app2">
|
|
|
|
</div>
|
|
|
|
<p>Questions? <a href="https://davelane.nz/contact">Get in touch</a> with Dave.</p>
|
|
</body>
|
|
</html>
|