From ce5e990616696772b71a661e0a71b37f1848845a Mon Sep 17 00:00:00 2001 From: GreenMan36 Date: Mon, 30 Dec 2024 20:32:46 +0100 Subject: [PATCH 1/2] Add HTML --- public/data/_index.json | 4 ++ public/data/html.json | 118 ++++++++++++++++++++++++++++++++++++++++ public/icons/html5.svg | 8 +++ 3 files changed, 130 insertions(+) create mode 100644 public/data/html.json create mode 100644 public/icons/html5.svg diff --git a/public/data/_index.json b/public/data/_index.json index 0521f16f..fc56fcd9 100644 --- a/public/data/_index.json +++ b/public/data/_index.json @@ -7,6 +7,10 @@ "lang": "CSS", "icon": "/icons/css.svg" }, + { + "lang": "HTML", + "icon": "/icons/html5.svg" + }, { "lang": "Python", "icon": "/icons/python.svg" diff --git a/public/data/html.json b/public/data/html.json new file mode 100644 index 00000000..fd9b4b0f --- /dev/null +++ b/public/data/html.json @@ -0,0 +1,118 @@ +[ + { + "language": "html", + "categoryName": "Basic Layouts", + "snippets": [ + { + "title": "Sticky Header-Footer Layout", + "description": "Full-height layout with sticky header and footer, using modern viewport units and flexbox.", + "code": [ + "", + "", + " ", + " ", + "
header
", + "
body/content
", + "
footer
", + " ", + " ", + "" + ], + "tags": ["html", "css", "layout", "sticky", "flexbox", "viewport"], + "author": "GreenMan36" + }, + { + "title": "Grid Layout with Navigation", + "description": "Full-height grid layout with header navigation using nesting syntax.", + "code": [ + "", + "", + " ", + " ", + " ", + " ", + "
", + " Header", + " ", + "
", + "
Main Content
", + "
Footer
", + " ", + "" + ], + "tags": ["html", "css", "layout", "sticky", "grid", "full-height"], + "author": "GreenMan36" + } + ] + } +] diff --git a/public/icons/html5.svg b/public/icons/html5.svg new file mode 100644 index 00000000..59345ce4 --- /dev/null +++ b/public/icons/html5.svg @@ -0,0 +1,8 @@ + +HTML5 Logo +A two tone orange shield with a white number 5 in it + + + + + \ No newline at end of file From 7332066d79d961cf61690448fb799c7cec4d5682 Mon Sep 17 00:00:00 2001 From: GreenMan36 Date: Mon, 30 Dec 2024 21:10:18 +0100 Subject: [PATCH 2/2] Move style tag to header --- public/data/html.json | 69 ++++++++++++++++++++++--------------------- 1 file changed, 35 insertions(+), 34 deletions(-) diff --git a/public/data/html.json b/public/data/html.json index fd9b4b0f..298d0ec4 100644 --- a/public/data/html.json +++ b/public/data/html.json @@ -9,45 +9,46 @@ "code": [ "", "", - " ", + " ", + " ", + " ", " ", "
header
", "
body/content
", "
footer
", " ", - " ", "" ], "tags": ["html", "css", "layout", "sticky", "flexbox", "viewport"], pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy