Compare commits
No commits in common. "16d319a514edaf0ec4735363ad100dae5e8beb36" and "b46b2dc3e77c5b088d2543f8fcfdd6892f722089" have entirely different histories.
16d319a514
...
b46b2dc3e7
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -1 +0,0 @@
|
||||||
*.zip
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,67 +1 @@
|
||||||
/* Style sheet */
|
/* Style sheet */
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "Lobster";
|
|
||||||
src: url('fonts/Lobster/Lobster-Regular.ttf') format('truetype');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "Roboto";
|
|
||||||
src:
|
|
||||||
url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'),
|
|
||||||
url('fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype'),
|
|
||||||
url('fonts/Roboto/Roboto-Black.ttf') format('truetype'),
|
|
||||||
url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'),
|
|
||||||
url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'),
|
|
||||||
url('fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'),
|
|
||||||
url('fonts/Roboto/Roboto-Light.ttf') format('truetype'),
|
|
||||||
url('fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'),
|
|
||||||
url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'),
|
|
||||||
url('fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'),
|
|
||||||
url('fonts/Roboto/Roboto-Thin.ttf') format('truetype');
|
|
||||||
}
|
|
||||||
|
|
||||||
body.style-1 {
|
|
||||||
font-family: "Roboto";
|
|
||||||
width: 80%;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 { font-family: "Lobster"; }
|
|
||||||
|
|
||||||
p { color: #444; }
|
|
||||||
|
|
||||||
a { text-decoration: none; }
|
|
||||||
|
|
||||||
button {
|
|
||||||
margin: 4px 0px;
|
|
||||||
padding: 8px;
|
|
||||||
background-color: #3BAD5F;
|
|
||||||
color: #fff;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 0;
|
|
||||||
font-family: "Roboto";
|
|
||||||
font-size: 120%;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover { box-shadow: 6px 6px; }
|
|
||||||
|
|
||||||
.name {
|
|
||||||
font-size: 200%;
|
|
||||||
padding: 12px;
|
|
||||||
background-color: #eee;
|
|
||||||
border: thin #ededed;
|
|
||||||
display: block;
|
|
||||||
clear: both;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
font-family: "Lobster";
|
|
||||||
}
|
|
||||||
|
|
||||||
.blue { color: blue; }
|
|
||||||
.red { color: red; }
|
|
||||||
.green { color: green; }
|
|
||||||
.black { color: black; }
|
|
||||||
|
|
||||||
.bold { font-weight: bold; }
|
|
||||||
.italic { font-style: italic; }
|
|
||||||
.small-caps { font-variant: small-caps; }
|
|
||||||
|
|
|
||||||
15
index.html
15
index.html
|
|
@ -12,7 +12,7 @@
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body class="style-1">
|
<body>
|
||||||
<h1>Digital Empowerment</h1>
|
<h1>Digital Empowerment</h1>
|
||||||
<p>The purpose of these sessions is to show Chch South Karamata learners that they don't
|
<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>
|
have to be mere riders in their digital journey - they can become drivers.</p>
|
||||||
|
|
@ -22,15 +22,14 @@
|
||||||
<div class='app1'>
|
<div class='app1'>
|
||||||
<p class='name'>Take charge!</p>
|
<p class='name'>Take charge!</p>
|
||||||
<div class='colors'>
|
<div class='colors'>
|
||||||
<button onclick="changeColor('blue')">Change to <span class="blue">blue</span></button>
|
<button onclick="changeColor('blue')">Change to blue</button>
|
||||||
<button onclick="changeColor('red')">Change to <span class="red">red</span></button>
|
<button onclick="changeColor('red')">Change to red</button>
|
||||||
<button onclick="changeColor('green')">Change to <span class="green">green</span></button>
|
<button onclick="changeColor('green')">Change to green</button>
|
||||||
<button onclick="changeColor('black')">Change to <span class="black">black</span></button>
|
|
||||||
</div>
|
</div>
|
||||||
<div class='fonts'>
|
<div class='fonts'>
|
||||||
<button onclick="changeWeight()">Change to <span class="bold">bold</span></button>
|
<button onclick="changeWeight()">Change to bold</button>
|
||||||
<button onclick="changeStyle()">Change to <span class="italic">italics</span></button>
|
<button onclick="changeStyle()">Change to italics</button>
|
||||||
<button onclick="changeVariant()">Change to <span class="small-caps">small capital letters</span></button>
|
<button onclick="changeVariant()">Change to small capital letters</button>
|
||||||
</div>
|
</div>
|
||||||
<script src="js/script.js"></script>
|
<script src="js/script.js"></script>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue