Upload files to ''
This commit is contained in:
parent
effb4361d0
commit
b542dc6704
BIN
dither_it_ComputerCat.jpg
Normal file
BIN
dither_it_ComputerCat.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.6 MiB |
52
susty-web.html
Normal file
52
susty-web.html
Normal 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>
|
Loading…
Reference in New Issue
Block a user