JoanaChicau/susty-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Upload files to ''

Browse Source
This commit is contained in:
JoanaChicau 2022-03-30 13:42:40 +02:00
parent effb4361d0
commit b542dc6704
2 changed files with 52 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dither_it_ComputerCat.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 MiB

52
susty-web.html Normal file
View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- character encoding set -->
<meta charset="utf-8">
<title>Welcome my HTML!</title>
<!-- Metadata -->
<meta name="name" content="authors name">
<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>