karamata/index.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>
    <h2>Session 2 - coding</h2>
    <p><span class='date'>2023-08-09</span></p>
    <p>This week we're going to do some coding. You'll need to go to <a href="https://jsfiddle.net">JSFiddle</a> to do it on your Chromebooks. If you create an account (with your parents' permission!), you can save your work. </p>
    <p>Here's my <a href="https://jsfiddle.net/lightweight/cdboevny/20/">reference code for a <strong>calculator</strong></a> - it's where we're headed, and I'm going to show you how to get there. You can refer to it now or later (after this session) anytime. If you create a 'fork', it means you're creating your own copy, and you can then do what you like with it.</p>
    <p>For now, though, I'm going to show you how to get started. Once everyone who's going to register for JSFiddle has done so, we're going go to <a href="https://jsfiddle.net/lightweight/by1xdgam/2/">this 'fiddle' I've created</a> and copy (fork) it as a starting point.</p>


    <h2>Session 1 - looking behind the web page</h2>
    <p><span class='date'>2023-07-28</span></p>
    <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">off</span></button>
		</div>

    <p>Questions? <a href="https://davelane.nz/contact">Get in touch</a> with Dave.</p>
  </body>
</html>
initial commit of HTML5 files 2023-07-25 21:54:31 +12:00			`<!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">`

added Session 2 text and links to JSFiddle 2023-08-08 22:48:14 +12:00			`<link rel="stylesheet" href="css/style.css">`
initial commit of HTML5 files 2023-07-25 21:54:31 +12:00
			`</head>`
added shadow mode 2023-07-27 19:57:59 +12:00			`<body>`
added Session 2 text and links to JSFiddle 2023-08-08 22:48:14 +12:00			`<h1>Digital Empowerment</h1>`
			`<h2>Session 2 - coding</h2>`
			`<p><span class='date'>2023-08-09</span></p>`
			`<p>This week we're going to do some coding. You'll need to go to <a href="https://jsfiddle.net">JSFiddle</a> to do it on your Chromebooks. If you create an account (with your parents' permission!), you can save your work. </p>`
			`<p>Here's my <a href="https://jsfiddle.net/lightweight/cdboevny/20/">reference code for a <strong>calculator</strong></a> - it's where we're headed, and I'm going to show you how to get there. You can refer to it now or later (after this session) anytime. If you create a 'fork', it means you're creating your own copy, and you can then do what you like with it.</p>`
			`<p>For now, though, I'm going to show you how to get started. Once everyone who's going to register for JSFiddle has done so, we're going go to <a href="https://jsfiddle.net/lightweight/by1xdgam/2/">this 'fiddle' I've created</a> and copy (fork) it as a starting point.</p>`


			`<h2>Session 1 - looking behind the web page</h2>`
			`<p><span class='date'>2023-07-28</span></p>`
added shadow mode 2023-07-27 19:57:59 +12:00			`<p>Chch South Karamata learners don't have to be mere riders in their digital journey - they can drive themselves!</p>`
initial commit of HTML5 files 2023-07-25 21:54:31 +12:00
			`<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>`

added shadow mode 2023-07-27 19:57:59 +12:00			`<div class='app'>`
			`<div class='text'>`
			`<p id='sample'>Take charge!</p>`
added functionality and some DOM manipulation 2023-07-25 22:54:36 +12:00			`</div>`
added shadow mode 2023-07-27 19:57:59 +12:00			`<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>`
added functionality and some DOM manipulation 2023-07-25 22:54:36 +12:00			`<script src="js/script.js"></script>`
added shadow mode 2023-07-27 19:57:59 +12:00			`</div>`
initial commit of HTML5 files 2023-07-25 21:54:31 +12:00
added shadow mode 2023-07-27 19:57:59 +12:00			`<div class="switches">`
added Session 2 text and links to JSFiddle 2023-08-08 22:48:14 +12:00			`<button onclick="changeCSS()">Styles <span id="status">off</span></button>`
added shadow mode 2023-07-27 19:57:59 +12:00			`</div>`
initial commit of HTML5 files 2023-07-25 21:54:31 +12:00
			`<p>Questions? <a href="https://davelane.nz/contact">Get in touch</a> with Dave.</p>`
			`</body>`
			`</html>`