karamata/index.html
2023-07-27 19:57:59 +12:00

49 lines
2 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 &#39;digital empowerment&#39; 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>
<h1>Digital Empowerment</h1>
<p>Chch South Karamata learners don't have to be mere riders in their digital journey - they can drive themselves!</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='app'>
<div class='text'>
<p id='sample'>Take charge!</p>
</div>
<div class='controls'>
<div class='colors'>
<button onclick="changeColor('blue')"><span class="blue">Blue</span></button>
<button onclick="changeColor('red')"><span class="red">Red</span></button>
<button onclick="changeColor('green')"><span class="green">Green</span></button>
<button onclick="changeColor('black')"><span class="black">Black</span></button>
<button onclick="changeToShadow()"><span class="shadow">Shadow</span></button>
</div>
<div class='fonts'>
<button onclick="changeWeight()"><span class="bold">Bold</span></button>
<button onclick="changeStyle()"><span class="italic">Italics</span></button>
<button onclick="changeVariant()"><span class="small-caps">Small Caps</span></button>
</div>
</div>
<div style="clear: both;"></div>
<script src="js/script.js"></script>
</div>
<div class="switches">
<button onclick="changeCSS()">Styles <span id="status">on</span></button>
</div>
<p>Questions? <a href="https://davelane.nz/contact">Get in touch</a> with Dave.</p>
</body>
</html>