lightweight/karamata
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

added fonts and new CSS layout

Browse source
This commit is contained in:
Dave Lane 2023-07-27 14:49:55 +12:00
parent 41316ae2df
commit 16d319a514
2 changed files with 74 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

15
index.html
View file

@ -12,7 +12,7 @@
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<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>
@ -22,14 +22,15 @@
<div class='app1'>
<p class='name'>Take charge!</p>
<div class='colors'>
<button onclick="changeColor('blue')">Change to blue</button>
<button onclick="changeColor('red')">Change to red</button>
<button onclick="changeColor('green')">Change to green</button>
<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 bold</button>
<button onclick="changeStyle()">Change to italics</button>
<button onclick="changeVariant()">Change to small capital letters</button>
<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>