Skip to content

Commit 9d9bd55

Browse files
Viktoriia-codeViktoriia-code
committed
ääni kirja
1 parent bea2dca commit 9d9bd55

File tree

4 files changed

+88
-0
lines changed

4 files changed

+88
-0
lines changed

‎My JS projects/Project7-kuvakirja/birds.json‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
{
2+
"birds": [
3+
{
4+
"id": 1,
5+
"name": "Owl",
6+
"name_fin": "Pöllö",
7+
"sound": url(https://www.freesoundslibrary.com/wp-content/uploads/2021/07/owl-sound-effect.mp3),
8+
"picture": url(https://www.freesoundslibrary.com/wp-content/uploads/2021/07/owl-sound-effect.jpg)
9+
},
10+
{
11+
"id": 2,
12+
"name": "Magpie",
13+
"name_fin": "Harakka",
14+
"sound": url(https://www.freesoundslibrary.com/wp-content/uploads/2021/09/magpie-call-sound-effect.mp3),
15+
"picture": url(https://www.lintujen-äänet.net/images/harakka.jpg)
16+
},
17+
{
18+
"id": 3,
19+
"name": "Sparrow",
20+
"name_fin": "Varpunen",
21+
"sound": url(https://www.freesoundslibrary.com/wp-content/uploads/2021/06/sparrow-sound-effect.mp3),
22+
"picture": url(https://celebrateurbanbirds.org/wp-content/uploads/2019/05/HouseSparrow_M_and_F.jpg)
23+
},
24+
{
25+
"id": 4,
26+
"name": "Robin",
27+
"name_fin": "Punarinta",
28+
"sound": url(https://www.freesoundslibrary.com/wp-content/uploads/2021/06/robin-singing.mp3),
29+
"picture": url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Erithacus_rubecula_with_cocked_head.jpg/275px-Erithacus_rubecula_with_cocked_head.jpg)
30+
},
31+
{
32+
"id": 5,
33+
"name": "Pheasant",
34+
"name_fin": "Fasaani",
35+
"sound": url(https://www.freesoundslibrary.com/wp-content/uploads/2021/04/pheasant-sound.mp3),
36+
"picture": url(https://i1.sndcdn.com/artworks-bbN57zzoOOHsTKGn-ZYui1w-t500x500.jpg)
37+
},
38+
{
39+
"id": 6,
40+
"name": "Chickadee",
41+
"name_fin": "Tiainen",
42+
"sound": url(https://www.freesoundslibrary.com/wp-content/uploads/2020/01/chickadee-song.mp3),
43+
"picture": url(https://www.metroparks.com/wp-content/uploads/2020/12/chickadee-300x300.jpg)
44+
},
45+
{
46+
"id": 7,
47+
"name": "Cuckoo",
48+
"name_fin": "Käki",
49+
"sound": url(https://www.freesoundslibrary.com/wp-content/uploads/2022/01/cuckoo-sound.mp3),
50+
"picture": url(https://www.tunturisusi.com/kaki/kaki13i.jpg)
51+
}
52+
]
53+
}

‎My JS projects/Project7-kuvakirja/index.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<meta charset="utf-8">
5+
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title></title>
8+
</head>
9+
<body>
10+
<header>
11+
<h1>Forest bird sounds</h1>
12+
</header>
13+
<audio controls>
14+
<source src="horse.ogg" type="audio/ogg">
15+
<source src="horse.mp3" type="audio/mpeg">
16+
Your browser does not support the audio element.
17+
</audio>
18+
<footer>
19+
<div class="wrapper-name">
20+
© Viktoriia Beloborodova | <a href="https://www.keuda.fi/" class="keuda-link">Keuda</a>, 2022
21+
</div>
22+
</footer>
23+
</body>
24+
</html>

‎My JS projects/Project7-kuvakirja/script.js‎

Whitespace-only changes.

‎My JS projects/Project7-kuvakirja/styles.css‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/* Start reset settings */
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
}
6+
*,
7+
*::before,
8+
*::after {
9+
box-sizing: border-box;
10+
}
11+
/* End reset settings */

0 commit comments

Comments
 (0)