You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en-US">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
|
|
<!-- character encoding set -->
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
|
|
<title>Welcome my HTML!</title>
|
|
|
|
|
|
|
|
<!-- Metadata -->
|
|
|
|
<meta name="name" content="Joana Chicau">
|
|
|
|
<meta name="description" content="website testing ground for measuring the ecological impact in the web">
|
|
|
|
|
|
|
|
<style>
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap');
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
font-family: 'Playfair Display', serif;
|
|
|
|
}
|
|
|
|
figure {
|
|
|
|
max-width: 300px;
|
|
|
|
line-height: 0px;
|
|
|
|
margin: 50px 0px;
|
|
|
|
background-color: blue;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
width: 300px;
|
|
|
|
/* mix-blend-mode: hard-light; */
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<!-- Content goes here -->
|
|
|
|
|
|
|
|
<h1>Designing for a Sustainable Web 🕸️ 🍃</h1>
|
|
|
|
|
|
|
|
<p>Playground for measuring the ecological impact of this website. </p>
|
|
|
|
|
|
|
|
<figure>
|
|
|
|
<img src="ComputerCat.jpg" width="20%" alt="Animated image of Planet Earth, source Wikimedia">
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
<iframe src="https://en.wikipedia.org/wiki/Climate_change" height="300" width="900" title="Wikipedia Article on Climate Change"></iframe>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|