Completed initial Vulntology UI integration

website/content/about/_index.md

@@ -38,10 +38,8 @@ A high level illustration that depicts the core differences between what is gene
 
 The color coding associated to each box is intended to display how each of the previous concepts intertwine with the enhanced representation the Vulntology model represents.
 
-- Green represents new data points typically not captured.
-- Blue represents data points captured in both models that have little difference.
-- Yellow, Orange, Red and Purple all represent information relative to their respective boxes within the current model.
+* Green represents new data points typically not captured.
+* Blue represents data points captured in both models that have little difference.
+* Yellow, Orange, Red and Purple all represent information relative to their respective boxes within the current model.
 
 ![high-level-view](/figures/high-level-view.png "High Level View")
-
-

website/content/ui.md

@@ -0,0 +1,26 @@
+---
+title: "Live Editor"
+menu:
+  primary:
+    name: Editor
+    weight: 60
+sidenav:
+  display: false
+---
+
+# Vulntology Live Editor
+
+The following tool supports editing Vulntology-based vulnerability information. This tool is currently experimental and we would appreciate your [feedback](/contribute/#contact-us) on its usability and function.
+
+<base href=".">
+
+<link id="app-theme" rel="stylesheet" type="text/css" href="/editor/saga-blue.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/editor/saga-blue.css"></noscript>
+<style>.surface-ground{background-color:var(--surface-ground)!important}</style>
+<link rel="stylesheet" href="/editor/styles.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/editor/styles.css"></noscript>
+
+<div class="surface-ground">
+<app-root></app-root>
+<script src="/editor/runtime.js" type="module"></script>
+<script src="/editor/polyfills.js" type="module"></script>
+<script src="/editor/main.js" type="module"></script>
+</div>

website/go.mod

@@ -1,7 +1,10 @@
 module github.com/usnistgov/vulntology
 
-// replace github.com/usnistgov/hugo-uswds => ../../hugo-uswds
+//replace (
+//	github.com/usnistgov/hugo-uswds => ../../hugo-uswds
+//	github.com/usnistgov/hugo-uswds-nist => ../../hugo-uswds-nist
+//)
 
 go 1.21
 
-require github.com/usnistgov/hugo-uswds v1.0.1-0.20230911165631-874ffd724f52 // indirect
+require github.com/usnistgov/hugo-uswds-nist v0.0.0-20230921191202-abb701944c8d // indirect

website/go.sum

@@ -4,3 +4,5 @@ github.com/usnistgov/hugo-uswds v1.0.1-0.20230907132321-3e1389f75de0 h1:+Pvpssgg
 github.com/usnistgov/hugo-uswds v1.0.1-0.20230907132321-3e1389f75de0/go.mod h1:MkgH5fvt5GIZo70VkBav+wP6br+MzrD/+OMZ9EqDkHM=
 github.com/usnistgov/hugo-uswds v1.0.1-0.20230911165631-874ffd724f52 h1:7obFQhMxDzuwLYEOTTxK3f7j0IOTBlkfKQj7AmKQSSo=
 github.com/usnistgov/hugo-uswds v1.0.1-0.20230911165631-874ffd724f52/go.mod h1:MkgH5fvt5GIZo70VkBav+wP6br+MzrD/+OMZ9EqDkHM=
+github.com/usnistgov/hugo-uswds-nist v0.0.0-20230921153341-18c1c10c7937 h1:7x3CC1J//DemVljmwR9SQaUx04TNlqtoZ4PZOtuMIcY=
+github.com/usnistgov/hugo-uswds-nist v0.0.0-20230921153341-18c1c10c7937/go.mod h1:fwcNpVQB77XeIgA+zPi2Mpf8zbVVn+extW5nYJen7mY=

website/hugo.yaml

@@ -1,10 +1,8 @@
 baseURL: https://pages.nist.gov/vulntology/
-relativeURLs: true
 canonifyURLs: true
 languageCode: en-us
 title: Vulntology
 googleAnalytics: UA-66610693-1
-enableGitInfo: true
 enableRobotsTXT: true
 params:
   header:
@@ -21,12 +19,25 @@ menu:
       url: /contribute/#contact-us
     - name: Github
       url: https://github.com/usnistgov/vulntology
+#
+# Configuration for hugo-uswds
+#
+module:
+  imports:
+  - path: github.com/usnistgov/hugo-uswds-nist
+relativeURLs: true # rewrites URLs to a relative form supporting link offline checking
+enableGitInfo: true # enable to get page modification dates for a site stored in Git
+params:
+  header:
+    project_name: NIST Vulnerability Data Ontology
+    project_shortname: Vulntology
+  contentRepoPath: https://github.com/usnistgov/vulntology/tree/master/website/content
+  searchAffiliate: metaschema
+  usabanner: true
 markup:
-  goldmark:
+  goldmark: # Markdown Rendering
     renderer:
-      unsafe: true
-  highlight:
+      unsafe: true # required for the Hugo USWDS theme
+  highlight: # Code Highlighting
     guessSyntax: true
-module:
-  imports:
-  - path: github.com/usnistgov/hugo-uswds
+    noClasses: false # enables USWDS styled syntax highlighting