added Session 2 text and links to JSFiddle

This commit is contained in:
Dave Lane 2023-08-08 22:48:14 +12:00
parent 551d830194
commit 5739b35eb8
2 changed files with 27 additions and 4 deletions

View file

@ -31,7 +31,13 @@ h1 { font-family: "Lobster"; }
p { color: #444; } p { color: #444; }
a { text-decoration: none; } a {
color: green;
}
a:hover {
color: black;
}
button { button {
margin: 4px 4px; margin: 4px 4px;
@ -101,3 +107,11 @@ button:active { box-shadow: none; }
.switches { .switches {
clear: both; clear: both;
} }
.date {
font-size: 90%;
color: #fff;
padding: 6px;
background-color: #ccc;
border-radius: 8px;
}

View file

@ -9,11 +9,20 @@
<meta name="keywords" content="git,forge,forgejo"> <meta name="keywords" content="git,forge,forgejo">
<meta name="referrer" content="no-referrer"> <meta name="referrer" content="no-referrer">
<!-- <link rel="stylesheet" href="css/style.css"> --> <link rel="stylesheet" href="css/style.css">
</head> </head>
<body> <body>
<h1>Digital Empowerment</h1> <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>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> <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>
@ -41,7 +50,7 @@
</div> </div>
<div class="switches"> <div class="switches">
<button onclick="changeCSS()">Styles <span id="status">on</span></button> <button onclick="changeCSS()">Styles <span id="status">off</span></button>
</div> </div>
<p>Questions? <a href="https://davelane.nz/contact">Get in touch</a> with Dave.</p> <p>Questions? <a href="https://davelane.nz/contact">Get in touch</a> with Dave.</p>