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" >
2023-07-27 19:57:59 +12:00
<!-- <link rel="stylesheet" href="css/style.css"> -->
2023-07-25 21:54:31 +12:00
< / head >
2023-07-27 19:57:59 +12:00
< body >
2023-07-25 21:54:31 +12:00
< h1 > Digital Empowerment< / h1 >
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 >
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 >
2023-07-27 19:57:59 +12:00
< div class = 'app' >
< div class = 'text' >
< p id = 'sample' > Take charge!< / p >
2023-07-25 22:54:36 +12:00
< / div >
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 >
2023-07-25 22:54:36 +12:00
< script src = "js/script.js" > < / script >
2023-07-27 19:57:59 +12:00
< / div >
2023-07-25 21:54:31 +12:00
2023-07-27 19:57:59 +12:00
< div class = "switches" >
< button onclick = "changeCSS()" > Styles < span id = "status" > on< / span > < / button >
< / div >
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 >