new theme with sidebar changed

Author: steven-ja

assets/images/404.png

@@ -37,11 +37,9 @@ function addCopyButtonToCodeBlocks() {
 
 
     // For each code block, add a copy button inside a header
-  
     codeBlocks.forEach((codeBlock) => {
 
       // Get the background color of the code block
-  
       const computedStyle = window.getComputedStyle(codeBlock);
       const backgroundColor = computedStyle.backgroundColor;
 
@@ -169,35 +167,36 @@ function addCopyButtonToCodeBlocks() {
   // Call the function to add copy buttons to code blocks
   document.addEventListener("DOMContentLoaded", addCopyButtonToCodeBlocks);
 
-  function addCopyButtons(clipboard) {
-    document.querySelectorAll('pre > code').forEach(function (codeBlock) {
-        var button = document.createElement('button');
-        button.className = 'copy-code-button';
-        button.type = 'button';
-        button.innerText = 'Copy';
+//   function addCopyButtons(clipboard) {
+//     document.querySelectorAll('pre > code').forEach(function (codeBlock) {
+//         var button = document.createElement('button');
+//         button.className = 'copy-code-button';
+//         button.type = 'button';
+//         button.innerText = 'Copy';
 
-        button.addEventListener('click', function () {
-            clipboard.writeText(codeBlock.innerText).then(function () {
-                /* Chrome doesn't seem to blur automatically,
-                   leaving the button in a focused state. */
-                button.blur();
+//         button.addEventListener('click', function () {
+//             clipboard.writeText(codeBlock.innerText).then(function () {
+//                 /* Chrome doesn't seem to blur automatically,
+//                    leaving the button in a focused state. */
+//                 button.blur();
 
-                button.innerText = 'Copied!';
+//                 button.innerText = 'Copied!';
 
-                setTimeout(function () {
-                    button.innerText = 'Copy';
-                }, 2000);
-            }, function (error) {
-                button.innerText = 'Error';
-            });
-        });
+//                 setTimeout(function () {
+//                     button.innerText = 'Copy';
+//                 }, 2000);
+//             }, function (error) {
+//                 button.innerText = 'Error';
+//             });
+//         });
+
+//         var pre = codeBlock.parentNode;
+//         if (pre.parentNode.classList.contains('highlight')) {
+//             var highlight = pre.parentNode;
+//             highlight.parentNode.insertBefore(button, highlight);
+//         } else {
+//             pre.parentNode.insertBefore(button, pre);
+//         }
+//     });
+// }
 
-        var pre = codeBlock.parentNode;
-        if (pre.parentNode.classList.contains('highlight')) {
-            var highlight = pre.parentNode;
-            highlight.parentNode.insertBefore(button, highlight);
-        } else {
-            pre.parentNode.insertBefore(button, pre);
-        }
-    });
-}

assets/images/404.svg

@@ -3,7 +3,7 @@
   "baseUrl": ".",
   "paths": {
    "*": [
-    "..\\..\\..\\AppData\\Local\\hugo_cache\\modules\\filecache\\modules\\pkg\\mod\\github.com\\hugo-toha\\toha\\v4@v4.5.1-0.20240601184722-8599c634e39f\\assets\\*"
+    "*"
    ]
   }
  }

assets/images/default-avatar.png

@@ -0,0 +1,11 @@
+import 'popper.js'
+import 'bootstrap'
+import '@fortawesome/fontawesome-free/js/all'
+import feather from 'feather-icons'
+
+import './core'
+import './features'
+import './sections'
+import './pages'
+
+feather.replace();

assets/images/default-hero.jpg

@@ -0,0 +1,36 @@
+let deviceState = {
+  isMobile: false,
+  isTablet: false,
+  isLaptop: false
+}
+
+function detectDeviceState () {
+  if (window.innerWidth <= 425) {
+    deviceState = {
+      isMobile: true,
+      isTablet: false,
+      isLaptop: false
+    }
+  } else if (window.innerWidth <= 768) {
+    deviceState = {
+      isMobile: false,
+      isTablet: true,
+      isLaptop: false
+    }
+  } else {
+    deviceState = {
+      isMobile: false,
+      isTablet: false,
+      isLaptop: true
+    }
+  }
+}
+
+detectDeviceState()
+window.addEventListener('resize', detectDeviceState)
+
+// returns a copy of the device state
+// so other parts of code can't override this.
+export function getDeviceState () {
+  return { ...deviceState }
+}

assets/images/favicon.png

@@ -0,0 +1,2 @@
+export * from './device'
+export * from './insertScript'

assets/images/hugo-logo.svg

@@ -0,0 +1,14 @@
+export const insertScript = (id, src, onload) => {
+  // script is already inserted, do nothing
+  if (document.getElementById(id)) return
+
+  // insert script
+  const firstScriptTag = document.getElementsByTagName('script')[0]
+  const scriptTag = document.createElement('script')
+  scriptTag.id = id
+  scriptTag.onload = onload
+  scriptTag.src = src
+  scriptTag.defer = true
+  scriptTag.async = true
+  firstScriptTag.parentNode.insertBefore(scriptTag, firstScriptTag)
+}

assets/images/inverted-logo.png

@@ -0,0 +1,70 @@
+const PERSISTENCE_KEY = 'darkmode:color-scheme'
+
+window.addEventListener('load', async () => {
+  const menu = document.getElementById('themeMenu')
+  const $icon = document.getElementById('navbar-theme-icon-svg')
+  if (menu == null || $icon == null) return
+
+  const btns = menu.getElementsByTagName('a')
+  const iconMap = Array.from(btns).reduce((map, btn) => {
+    const $img = btn.getElementsByTagName('img')[0]
+    map[btn.dataset.scheme] = $img.src
+    return map
+  }, {})
+
+
+  function loadScheme() {
+    return localStorage.getItem(PERSISTENCE_KEY) || "system"
+  }
+
+  function saveScheme(scheme) {
+    localStorage.setItem(PERSISTENCE_KEY, scheme)
+  }
+
+  function getPreferredColorScheme() {
+    const isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    return isDarkMode ? "dark" : "light";
+  }
+
+  function setScheme(newScheme) {
+    let theme = newScheme
+    if (newScheme === 'system') {
+      theme = getPreferredColorScheme()
+    }
+    // set data-theme attribute on html tag
+    document.querySelector("html").dataset.theme = theme;
+
+    // update icon
+    $icon.src = iconMap[newScheme]
+
+    // save preference to local storage
+    saveScheme(newScheme)
+
+    setImages(theme)
+  }
+
+  setScheme(loadScheme())
+
+  Array.from(menu.getElementsByTagName('a')).forEach((btn) => {
+    btn.addEventListener('click', () => {
+      const { scheme } = btn.dataset
+      setScheme(scheme)
+    })
+  })
+})
+
+function setImages(newScheme) {
+  const els = Array.from(document.getElementsByClassName('logo-holder'));
+  for (const el of els) {
+    const light = el.querySelector('.light-logo');
+    const dark = el.querySelector('.dark-logo');
+    if (newScheme === "dark" && dark !== null) {
+      if (light !== null) light.style.display = 'none'
+      dark.style.display = 'inline'
+    }
+    else {
+      if (light !== null) light.style.display = 'inline'
+      if (dark !== null) dark.style.display = 'none'
+    }
+  }
+}

assets/images/main-logo.png

@@ -0,0 +1,165 @@
+import { insertScript } from '../../core'
+
+const PDFJS_BUNDLE = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@3.0.279/build/pdf.min.js'
+const WORKER_BUNDLE = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@3.0.279/build/pdf.worker.min.js'
+
+class PDFViewer {
+  constructor (el) {
+    const {
+      url,
+      hidePaginator,
+      hideLoader,
+      scale,
+      pageNum
+    } = el.dataset
+
+    if (url == null) {
+      throw new Error('Cannot load PDF! Attribute `data-url` is not set.')
+    }
+
+    // props
+    this.url = url
+    this.hidePaginator = hidePaginator !== 'false'
+    this.hideLoader = hideLoader !== 'false'
+    this.scale = scale || 3
+
+    // initial state
+    this.pageNum = parseInt(pageNum, 10) || 1
+    this.loaded = false
+    this.pageRendering = false
+    this.pageNumPending = null
+
+    // DOM elements
+    this.canvas = el.getElementsByClassName('pdf-canvas')[0]
+    if (this.canvas == null) {
+      throw new Error('canvas element not found!')
+    };
+    this.paginator = el.getElementsByClassName('paginator')[0]
+    this.loadingWrapper = el.getElementsByClassName('loading-wrapper')[0]
+    this.next = el.getElementsByClassName('next')[0]
+    this.prev = el.getElementsByClassName('prev')[0]
+    this.curPage = el.getElementsByClassName('page-num')[0]
+    this.pageCount = el.getElementsByClassName('page-count')[0]
+
+    // context
+    this.ctx = this.canvas.getContext('2d')
+
+    // events
+    this.next.addEventListener('click', this.handleNextPage.bind(this))
+    this.prev.addEventListener('click', this.handlePrevPage.bind(this))
+
+    this.showPaginator()
+    this.showLoader()
+    this.loadPDF()
+  }
+
+  /**
+   * If we haven't disabled the loader, show loader and hide canvas
+   */
+  showLoader () {
+    if (this.hideLoader) return
+    this.loadingWrapper.style.display = 'flex'
+    this.canvas.style.display = 'none'
+  }
+
+  /**
+   * If we haven't disabled the paginator, show paginator
+   */
+  showPaginator () {
+    if (this.hidePaginator) return
+    this.paginator.style.display = 'block'
+  }
+
+  /**
+   * Hides loader and shows canvas
+   */
+  showContent () {
+    this.loadingWrapper.style.display = 'none'
+    this.canvas.style.display = 'block'
+  }
+
+  /**
+   * Asynchronously downloads PDF.
+   */
+  async loadPDF () {
+    this.pdfDoc = await window.pdfjsLib.getDocument(this.url).promise
+
+    this.pageCount.textContent = this.pdfDoc.numPages
+
+    // If the user passed in a number that is out of range, render the last page.
+    if (this.pageNum > this.pdfDoc.numPages) {
+      this.pageNum = this.pdfDoc.numPages
+    }
+
+    this.renderPage(this.pageNum)
+  }
+
+  /**
+   * Get page info from document, resize canvas accordingly, and render page.
+   * @param num Page number.
+   */
+  async renderPage (num) {
+    this.pageRendering = true
+
+    const page = await this.pdfDoc.getPage(num)
+    const viewport = page.getViewport({ scale: this.scale })
+    this.canvas.height = viewport.height
+    this.canvas.width = viewport.width
+
+    // Wait for rendering to finish
+    await page.render({
+      canvasContext: this.ctx,
+      viewport
+    }).promise
+
+    this.pageRendering = false
+    this.showContent()
+
+    if (this.pageNumPending !== null) {
+      // New page rendering is pending
+      this.renderPage(this.pageNumPending)
+      this.pageNumPending = null
+    }
+    // Update page counters
+    this.curPage.textContent = num
+  }
+
+  /**
+   * If another page rendering in progress, waits until the rendering is
+   * finished. Otherwise, executes rendering immediately.
+   */
+  queueRenderPage (num) {
+    if (this.pageRendering) {
+      this.pageNumPending = num
+    } else {
+      this.renderPage(num)
+    }
+  }
+
+  /**
+   * Displays previous page.
+   */
+  handlePrevPage () {
+    if (this.pageNum <= 1) {
+      return
+    }
+    this.pageNum--
+    this.queueRenderPage(this.pageNum)
+  }
+
+  /**
+   * Displays next page.
+   */
+  handleNextPage () {
+    if (this.pageNum >= this.pdfDoc.numPages) {
+      return
+    }
+    this.pageNum++
+    this.queueRenderPage(this.pageNum)
+  }
+}
+
+insertScript('pdfjs', PDFJS_BUNDLE, () => {
+  window.pdfjsLib.GlobalWorkerOptions.workerSrc = WORKER_BUNDLE
+  Array.from(document.getElementsByClassName('pdf-viewer')).forEach(el => new PDFViewer(el))
+})

assets/images/theme-logo.png

@@ -0,0 +1,3 @@
+if (process.env.FEATURE_FLOWCHART_MERMAID === '1') {
+  import('./mermaid')
+}