intro-oppgave
This commit is contained in:
parent
859f8334d9
commit
18d8b5b40c
|
@ -22,7 +22,7 @@
|
|||
<div id="heading">Linker skolearbeid:</div>
|
||||
<ol>
|
||||
<li><a href="https://geokkjer.github.io/startit/intro_html">Intro HTML CSS Javascript</a></li>
|
||||
<div id="heading">UKe 1</div>
|
||||
<div id="heading">Uke 1</div>
|
||||
<li><a href="https://geokkjer.github.io/startit/team/oppgave1/index2.html">Team-oppgave uke 1.5</a></li>
|
||||
<li><a href="https://geokkjer.github.io/startit/oppgaver/uke1/visuell-teller.html">Visuell teller</a></li>
|
||||
</ol>
|
||||
|
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Hvem er jeg ?</title>
|
||||
</head>
|
||||
<style>
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.bilde {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
padding: 5px;
|
||||
max-width: 20%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<div class="header">
|
||||
Geir Okkenhaug Jerstad
|
||||
</div>
|
||||
<div class="bilde"><img src="meg.jpg"></div>
|
||||
<div class="intro">
|
||||
Jeg er rett over 50, bor i Kristiansand og holder på å lære web utvikling.
|
||||
Har god erfaring fra sikkerhet og Linux fra før.
|
||||
Liker Unix/Linux, Emacs, GNU GUIX og fri software.</div><br>
|
||||
<div>På fritiden liker jeg:
|
||||
<ol>
|
||||
<li>å høre på musikk</li>
|
||||
<li>lese bøker </li>
|
||||
<li>sosialt sammvær</li>
|
||||
<li> turer i skog og mark</li>
|
||||
</ol>
|
||||
|
||||
</div>
|
||||
<button onclick="changeBG()">skift bakgrunnsfarge</button>
|
||||
</div>
|
||||
<script>
|
||||
function changeBG() {
|
||||
document.getElementById('page').style.backgroundColor = color();
|
||||
}
|
||||
function color() {
|
||||
let x = Math.floor(Math.random() * 256)
|
||||
let y = Math.floor(Math.random() * 256)
|
||||
let z = Math.floor(Math.random() * 256)
|
||||
return "rgb(" + x + ", " + y + ", " + z + ")";
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
BIN
oppgaver/uke1/meg.jpg
Normal file
BIN
oppgaver/uke1/meg.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
Loading…
Reference in a new issue