Merge pull request #2 from CGWebDev2003/main

CGWebDev2003 · web-flow · commit c5b15e36b5b6 · 2023-04-30T05:26:05.000+02:00
[v1.1.0]: Added Example page, Main headline and Secondary headline
diff --git a/README.md b/README.md
@@ -2,11 +2,25 @@
 
 This is the official snippets extension for [Neptune CSS](https://github.com/neptune-css/neptune-css).
 
+## v1.1.0
+
+### Added
+
+- Example page
+- Main headline
+- Secondary headline
+
 ## Table of contents
 
 - [Neptune CSS snippets](#neptune-css-snippets)
+  - [v1.1.0](#v110)
+    - [Added](#added)
   - [Table of contents](#table-of-contents)
-  - [Component example](#component-example)
+  - [Examples](#examples)
+    - [Example page](#example-page)
+    - [Main headline](#main-headline)
+    - [Secondary headline](#secondary-headline)
+    - [Compnent example](#compnent-example)
   - [Badges](#badges)
     - [Badge sizes](#badge-sizes)
       - [Badge S](#badge-s)
@@ -56,8 +70,24 @@ This is the official snippets extension for [Neptune CSS](https://github.com/nep
       - [Toast error](#toast-error)
   - [Author](#author)
 
-## Component example
+## Examples
+
+### Example page
+```
+neptune-example-page
+```
+
+### Main headline
+```
+neptune-main-headline
+```
+
+### Secondary headline
+```
+neptune-secondary-headline
+```
 
+### Compnent example
 ```
 neptune-example
 ```
diff --git a/neptune-snippets-1.0.0.vsix b/neptune-snippets-1.0.0.vsix
diff --git a/neptune-snippets-1.1.0.vsix b/neptune-snippets-1.1.0.vsix
diff --git a/package.json b/package.json
@@ -1,9 +1,10 @@
 {
   "name": "neptune-snippets",
   "displayName": "Neptune snippets",
+  "publisher": "NeptuneCSS",
   "icon": "icon.png",
   "description": "VS Code snippets for Neptune CSS",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "author": "CGWebDev2003",
   "repository": {
diff --git a/snippets/snippets.code-snippets b/snippets/snippets.code-snippets
@@ -1,11 +1,55 @@
 {
+    // HTML Examples
+    // Example page
+    "Neptune example page": {
+        "scope": "html",
+        "prefix": "neptune-example-page",
+        "body": [
+            "<!DOCTYPE html>",
+            "<html lang=\"en\">",
+            "   <head>",
+            "       <meta charset=\"UTF-8\">",
+            "       <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
+            "       <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
+            "       ",
+            "       <!-- Import example style -->",
+            "       <link rel=\"stylesheet\" href=\"/examamples/example_style.min.css\">",
+            "       ",
+            "       <!-- Import neptune ui -->",
+            "       <link rel=\"stylesheet\" href=\"/neptune.css\">",
+            "       ",
+            "       <link rel=\"icon\" type=\"image/x-icon\" href=\"/assets/favicon.ico\">",
+            "       <title>${1:Title} | Neptune examples</title>",
+            "   </head>",
+            "   <body>",
+            "       ${2:Content}",
+            "   </body>",
+            "</html>"
+        ],
+        "description": "Neptune example page template"
+    } ,
+    // Main headline
+    "Neptune main headline": {
+        "scope": "html",
+        "prefix": "neptune-main-headline",
+        "body": "<h1 class=\"main-headmline\">${1:Main headline}</h1>",
+        "description": "Neptune examples main headline"
+    } ,
+    // Secondary headline
+    "Neptune secondary headline": {
+        "scope": "html",
+        "prefix": "neptune-secondary-headline",
+        "body": "<h1 class=\"secondary-headmline\">${1:Secondary headline}</h1>",
+        "description": "Neptune examples secondary headline"
+    } ,
+    // Component example
     "Neptune component example": {
         "scope": "html",
         "prefix": "neptune-example",
         "body": [
             "<div class=\"example-box\">",
-            "    <h3 class=\"example-title\">Example box</h3>",
-            "    ${1:<!-- Exammple content -->}",
+            "    <h3 class=\"example-title\">${1:Example title}</h3>",
+            "    ${2:<!-- Exammple content -->}",
             "</div>"
         ],
         "description": "Neptune component example"
diff --git a/test.html b/test.html
@@ -1,4 +1,20 @@
-<div class="toast">
-    <span class="toast-icon"><i class="bi bi-bell-fill"></i></span>
-    <p class="toast-text text-l">Default toast</p>
-</div>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+       <meta charset="UTF-8">
+       <meta http-equiv="X-UA-Compatible" content="IE=edge">
+       <meta name="viewport" content="width=device-width, initial-scale=1.0">
+       
+       <!-- Import example style -->
+       <link rel="stylesheet" href="/examamples/example_style.min.css">
+       
+       <!-- Import neptune ui -->
+       <link rel="stylesheet" href="/neptune.css">
+       
+       <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
+       <title>Test | Neptune examples</title>
+   </head>
+   <body>
+       Content
+   </body>
+</html>
