You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
3.5 KiB
HTML
65 lines
3.5 KiB
HTML
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<title>List 1</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="list.css" />
|
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap" rel="stylesheet">
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!--<script>
|
|
const randomColor = "#"+((1<<24)*Math.random()|0).toString(16);
|
|
|
|
document.documentElement.style.setProperty('--main-bg-color', randomColor);
|
|
</script>-->
|
|
|
|
|
|
<div class="topnav">
|
|
<a href="https://hub.xpub.nl/sandbot/~clara/Project/">Home</a>
|
|
<a href="../../navigation/project.html">Project</a>
|
|
<a href="../../navigation/about.html">About</a>
|
|
<div class="sun"> <img src="../design/corner.jpg"> </div>
|
|
|
|
</div>
|
|
<h2 class="titles">
|
|
<a href="../../subpages/catlion.html">a <img src="../../crop/cat.jpg"> and a <img src="../../crop/lion.jpg"></a>
|
|
<a href="../../subpages/birdpen.html">a <img src="../../crop/bird.jpg"> and a <img src="../../crop/pen2.jpg"></a>
|
|
<a href="../../subpages/bookpen.html">a <img src="../../crop/book.jpg"> and a <img src="../../crop/pen3.jpg"></a>
|
|
<a href="../../subpages/breadbutton.html">a <img src="../../crop/bread.jpg"> and a <img src="../../crop/button.jpg"></a>
|
|
<a href="../../subpages/broglelamp.html">a <img src="../../crop/brogle.jpg"> and a <img src="../../crop/lamp.jpg"></a>
|
|
<a href="../../subpages/circlecat.html">a <img src="../../crop/circle.jpg"> and a <img src="../../crop/cat3.jpg"></a>
|
|
<a href="../../subpages/dogcat.html">a <img src="../../crop/dog.jpg"> and a <img src="../../crop/cat4.jpg"></a>
|
|
<a href="../../subpages/dogdogtv.html">a <img src="../../crop/dog2.jpg"> and a <img src="../../crop/dogtv.jpg"></a>
|
|
<a href="../../subpages/grannythief.html">a <img src="../../crop/granny.jpg"> and a <img src="../../crop/thief.jpg"></a>
|
|
<a href="../../subpages/penbowl.html">a <img src="../../crop/pen.jpg"> and a <img src="../../crop/bowl.jpg"></a>
|
|
<a href="../../subpages/pencat.html">a <img src="../../crop/pen.jpg"> and a <img src="../../crop/cat2.jpg"></a>
|
|
<a href="../../subpages/potatosweetpotato.html">a <img src="../../crop/potato.jpg"> and a <img src="../../crop/sweetpotato.jpg"></a>
|
|
<a href="../../subpages/punjoke.html">a <img src="../../crop/pun.jpg"> and a <img src="../../crop/joke.jpg"></a>
|
|
<a href="../../subpages/readerwriter.html">a <img src="../../crop/reader.jpg"> and a <img src="../../crop/writer.jpg"></a>
|
|
<a href="../../subpages/sistersister.html">a <img src="../../crop/sister.jpg"> and a <img src="../../crop/sister.jpg"></a>
|
|
<a href="../../subpages/soupjs.html">a <img src="../../crop/soup.jpg"> and a <img src="../../crop/json.jpg"></a>
|
|
<a href="../../subpages/tableairport.html">a <img src="../../crop/table.jpg"> and a <img src="../../crop/airport.jpg"></a>
|
|
<br>
|
|
<br>
|
|
</h2>
|
|
|
|
<script>
|
|
var titles= window.document.getElementsByClassName("titles")[0].children;
|
|
console.log(titles);
|
|
for (var i =0; i<titles.length; i++) {
|
|
console.log(titles.item(i));
|
|
const randomColor = "#"+((1<<24)*Math.random()|0).toString(16);
|
|
titles.item(i).style.color=randomColor;
|
|
}
|
|
</script>
|
|
|
|
<div class="grass"> <img src="../design/grass.png"> </div>
|
|
|
|
</body> |