Initial Developer Portal Merge (#3)

* Added basic Hugo site

* Added blowfish theme as submodule

* Added more content as demo

* Github action to deploy on GH pages

* File renamed

* File removed

* Create hugo.yml

* Light mode as default

* Added pages missing index file

* Clean up for merge

* CI workflow removed

.gitignore

@@ -0,0 +1,5 @@
+.DS_Store
+public
+node_modules
+resources
+.hugo_build.lock

.gitmodules

@@ -0,0 +1,4 @@
+[submodule "themes/blowfish"]
+	path = themes/blowfish
+	url = https://github.com/nunocoracao/blowfish.git
+	branch = main

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

assets/css/schemes/espressif.css

@@ -0,0 +1,53 @@
+:root {
+    --color-neutral: 255, 255, 255;
+    /* Gray */
+    --color-neutral-50:  238, 243, 246;
+    --color-neutral-100: 222, 231, 237;
+    --color-neutral-200: 189, 208, 219;
+    --color-neutral-300: 156, 184, 201;
+    --color-neutral-400: 122, 160, 184;
+    --color-neutral-500:  89, 136, 166;
+    --color-neutral-600:  71, 109, 133;
+    --color-neutral-700:  54,  82,  99;
+    --color-neutral-800:  36,  55,  66;
+    --color-neutral-900:  18,  27,  33;
+    /* Red */
+    --color-primary-0:   252, 233, 232;
+    --color-primary-50:  250, 211, 209;   
+    --color-primary-100: 247, 189, 186; 
+    --color-primary-150: 245, 167, 163;
+    --color-primary-200: 242, 145, 140; 
+    --color-primary-250: 240, 123, 117;
+    --color-primary-300: 237, 101,  94; 
+    --color-primary-350: 235,  80,  71;
+    --color-primary-400: 232,  58,  48; 
+    --color-primary-450: 230,  36,  25;
+    --color-primary-500: 207,  32,  23; 
+    --color-primary-550: 184,  29,  20;
+    --color-primary-600: 161,  25,  18; 
+    --color-primary-650: 138,  21,  15;
+    --color-primary-700: 115,  18,  13; 
+    --color-primary-750:  92,  14,  10;
+    --color-primary-800:  69,  11,   8; 
+    --color-primary-850:  46,   7,   5;
+    --color-primary-900:  23,   4,   3;
+    --color-primary-950:   0,   0,   0;
+    /* Cyan */
+    --color-secondary-50:  241, 238, 246;
+    --color-secondary-100: 228, 222, 237;
+    --color-secondary-200: 201, 189, 219;
+    --color-secondary-300: 174, 156, 201;
+    --color-secondary-400: 147, 122, 184;
+    --color-secondary-500: 120,  89, 166;
+    --color-secondary-600:  96,  71, 133;
+    --color-secondary-700:  72,  54,  99;
+    --color-secondary-800:  48,  36,  66;
+    --color-secondary-900:  24,  18,  33;
+  }
+
+  /*   
+  #e7352c RED
+  #674d8e Purple
+  #384f7a Blue
+  #2f4858 Grey
+  */

assets/css/styles.css

@@ -0,0 +1,15 @@
+.banner {
+    width: 100%;
+    height: auto; /* Adjust the height as needed */
+    background-color: #e78c8c; /* Set your desired background color */
+    color: #ffffff; /* Set your desired text color */
+    text-align: center;
+    padding: 20px; /* Adjust the padding as needed */
+    box-sizing: border-box;
+  }
+
+  /* Optional: Add styling for the text inside the banner */
+  .banner h1 {
+    font-size: 24px;
+    margin: 0;
+  }

assets/js/home.js

@@ -0,0 +1,76 @@
+var layouts = [
+  "background",
+  "hero",
+  "profile",
+  "page",
+  "card"
+]
+
+var currentLayout = 0
+
+function switchHomeLayout() {
+
+  var old = currentLayout
+  currentLayout = currentLayout == layouts.length - 1 ? 0 : currentLayout + 1
+
+  var oldDiv = document.getElementById(layouts[old])
+  var currentDiv = document.getElementById(layouts[currentLayout])
+  const layoutCode = document.querySelectorAll("code[id=layout]");
+
+  currentDiv.style.display = "block";
+  oldDiv.style.display = "none";
+  layoutCode.forEach(function (el) {
+    el.innerText = layouts[currentLayout];
+  });
+
+}
+
+window.addEventListener("DOMContentLoaded", (event) => {
+  document.querySelectorAll("#switch-layout-button").forEach((button) =>
+    button.addEventListener("click", function (e) {
+      e.preventDefault();
+      switchHomeLayout();
+    })
+  );
+});
+
+var list_config = [
+  "CardViewProse",
+  "CardViewScreenWidth",
+  "NormalView"
+]
+
+var titles = {
+  "CardViewProse" : "card view with constrained width",
+  "CardViewScreenWidth" : "card view with full width",
+  "NormalView" : "standard list view"
+}
+
+var currentConfig = 0
+
+function switchList() {
+
+  var old = currentConfig
+  currentConfig = currentConfig == list_config.length - 1 ? 0 : currentConfig + 1
+
+  var oldDiv = document.getElementById(list_config[old])
+  var currentDiv = document.getElementById(list_config[currentConfig])
+  const configCode = document.querySelectorAll("code[id=config]");
+
+  currentDiv.style.display = "block";
+  oldDiv.style.display = "none";
+
+  configCode.forEach(function (el) {
+    el.innerText = titles[list_config[currentConfig]];
+  });
+
+}
+
+window.addEventListener("DOMContentLoaded", (event) => {
+  document.querySelectorAll("#switch-config-button").forEach((button) =>
+    button.addEventListener("click", function (e) {
+      e.preventDefault();
+      switchList();
+    })
+  );
+});

config/_default/hugo.toml

@@ -0,0 +1,67 @@
+# -- Site Configuration --
+# Refer to the theme docs for more details about each of these parameters.
+# https://blowfish.page/docs/getting-started/
+
+theme = "blowfish"
+baseURL = "https://developer.espressif.com"
+defaultContentLanguage = "en"
+
+# pluralizeListTitles = "true" # hugo function useful for non-english languages, find out more in  https://gohugo.io/getting-started/configuration/#pluralizelisttitles
+
+enableRobotsTXT = true
+paginate = 100
+summaryLength = 30
+
+buildDrafts = false
+buildFuture = false
+
+googleAnalytics = ""
+
+[imaging]
+  anchor = 'Center'
+
+[taxonomies]
+  tag = "tags"
+  category = "categories"
+  author = "authors"
+  series = "series"
+  platform = "platforms"
+  soc = "socs"
+
+[sitemap]
+  changefreq = 'always'
+  filename = 'sitemap.xml'
+  priority = 0.5
+
+[outputs]
+  home = ["HTML", "RSS", "JSON"]
+
+[related]
+  threshold = 0
+  toLower = false
+
+    [[related.indices]]
+        name = "tags"
+        weight = 100
+
+    [[related.indices]]
+        name = "categories"
+        weight = 100
+
+    [[related.indices]]
+        name = "series"
+        weight = 50
+
+    [[related.indices]]
+        name = "authors"
+        weight = 20
+
+    [[related.indices]]
+        name = "date"
+        weight = 10
+
+    [[related.indices]]
+      applyFilter = false
+      name = 'fragmentrefs'
+      type = 'fragments'
+      weight = 10

config/_default/languages.en.toml

@@ -0,0 +1,30 @@
+languageCode = "en"
+languageName = "English"
+weight = 1
+title = "Developer Portal"
+
+[params]
+  displayName = "EN"
+  isoCode = "en"
+  rtl = false
+  dateFormat = "2 January 2006"
+  logo = "img/espressif_logo_contour.png"
+  # secondaryLogo = "PATH"
+  description = "The developer resources in just one place!"
+  # copyright = "Copy, _right?_ :thinking_face:"
+
+[author]
+  name = "Developer Portal"
+  image = "img/espressif_logo_contour_only.png"
+  headline = "The developer resources in just one place!"
+  bio = "The developer resources in just one place!"
+  links = [
+    { x-twitter = "https://twitter.com/EspressifSystem" },
+    { instagram = "https://www.instagram.com/espressif_systems_official/" },
+    { youtube = "https://www.youtube.com/channel/UCDBWNF7CJ2U5eLGT7o3rKog" },
+    { facebook = "https://www.facebook.com/espressif/" },
+    { linkedin = "https://www.linkedin.com/company/espressif-systems/" },
+    { github = "https://github.com/espressif" },
+  ]
+
+

config/_default/markup.toml

@@ -0,0 +1,13 @@
+# -- Markup --
+# These settings are required for the theme to function.
+
+[goldmark]
+[goldmark.renderer]
+  unsafe = true
+
+[highlight]
+  noClasses = false
+
+[tableOfContents]
+  startLevel = 2
+  endLevel = 4