From 80f5dd3244503924e657711f2a7f95d33ab4ada2 Mon Sep 17 00:00:00 2001 From: unknown Date: Mon, 21 Dec 2020 11:59:05 +0530 Subject: [PATCH 1/2] Added a background color --- index.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/index.html b/index.html index acd02aa..0521296 100644 --- a/index.html +++ b/index.html @@ -18,6 +18,8 @@ table { border-spacing: 1px 4px; } body { font-family: Arial, sans-serif; } +body{ background-image: linear-gradient(90deg, orange 60%, cyan); } /* Added a background colour */ + /*th { font-size: x-large; }*/ dt { font-size: xxx-large; font-weight: bold; } dd { margin-inline-start: 0px; } @@ -50,6 +52,7 @@ .key div::before { content: ""; display: inline-block; height: 1em; width: 1em; background-color: var(--color); } +
By James Lu

Web Periodic Table v0.0.1

Map of Web APIs/Technologies

@@ -517,4 +520,5 @@

What do the colors represent?

The lighter the color, the more support there is.

The red represents how active the specification or proposal is.

+ From 54681b5770b1e9796bdf9f86aa780736c49acdba Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 22 Dec 2020 09:53:03 +0530 Subject: [PATCH 2/2] made centre aligned the heading at the top and at the footer --- index.html | 26 ++++++++++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 0521296..73f704f 100644 --- a/index.html +++ b/index.html @@ -20,6 +20,26 @@ body{ background-image: linear-gradient(90deg, orange 60%, cyan); } /* Added a background colour */ +.intro{ /*for making the top heading in center*/ + text-align: center; + justify-content: left; + align-items: center; +} + + +footer>p{ /*for making the last part interactive*/ + margin: 5px 0 0 35px; + font-size: 25px; + +} + + +footer>h3{ + margin: 10px 0 0 20px; + font-size: 40px; + color: red; +} + /*th { font-size: x-large; }*/ dt { font-size: xxx-large; font-weight: bold; } dd { margin-inline-start: 0px; } @@ -54,8 +74,8 @@
By James Lu
-

Web Periodic Table v0.0.1

-

Map of Web APIs/Technologies

+

Web Periodic Table v0.0.1

+

Map of Web APIs/Technologies

Key

Supported by all browsers including IE11
@@ -505,6 +525,7 @@

Key

+