OOKNET                             [ /  search the index  ]  
──────────────────────────────────────────────────────────────────────────────────────
[ KB ]    [ GIT ]    [ PROJECTS ]    [ ABOUT ]                                      EN
══════════════════════════════════════════════════════════════════════════════════════
OOKNET   [ /  search  ]  
────────────────────────────────────────────────
[ KB ] [ GIT ] [ PROJECTS ] [ ABOUT ]
════════════════════════════════════════════════
 
 
main @ 54 LINES
 
[ HISTORY ]  [ UP ]
 

function processCallouts() {
  console.log("Processing callouts");
  const content = document.querySelector(".content");
  if (content) {
    const blockquotes = content.querySelectorAll("blockquote");
    blockquotes.forEach((blockquote) => {
      const firstParagraph = blockquote.querySelector("p");
      if (firstParagraph && firstParagraph.textContent.startsWith("[!")) {
        const match = firstParagraph.textContent.match(/\[!(\w+)\]/);
        if (match) {
          const type = match[1].toLowerCase();
          console.log(`Matched callout: ${type}`);

          // remove the [!type] from the first paragraph
          firstParagraph.textContent = firstParagraph.textContent.replace(
            /\[!\w+\]\s*/,
            "",
          );

          // create the callout structure
          const callout = document.createElement("div");
          callout.className = `callout callout--${type}`;

          const title = document.createElement("div");
          title.className = "callout__title";

          const icon = document.createElement("span");
          icon.className = `icon icon--medium icon__${type}`;

          const titleText = document.createElement("span");
          titleText.textContent = type.charAt(0).toUpperCase() + type.slice(1);

          title.appendChild(icon);
          title.appendChild(titleText);

          callout.appendChild(title);

          // move blockquote contents to the callout
          callout.appendChild(title);
          while (blockquote.firstChild) {
            callout.appendChild(blockquote.firstChild);
          }

          // replace the blockquote with the callout
          blockquote.parentNode.replaceChild(callout, blockquote);
        }
      }
    });
  }
}

document.addEventListener("DOMContentLoaded", processCallouts);
window.addEventListener("load", processCallouts);


function processCallouts() {
  console.log("Processing callouts");
  const content = document.querySelector(".c
ontent");
  if (content) {
    const blockquotes = content.querySelecto
rAll("blockquote");
    blockquotes.forEach((blockquote) => {
      const firstParagraph = blockquote.quer
ySelector("p");
      if (firstParagraph && firstParagraph.t
extContent.startsWith("[!")) {
        const match = firstParagraph.textCon
tent.match(/\[!(\w+)\]/);
        if (match) {
          const type = match[1].toLowerCase(
);
          console.log(`Matched callout: ${ty
pe}`);

          // remove the [!type] from the fir
st paragraph
          firstParagraph.textContent = first
Paragraph.textContent.replace(
            /\[!\w+\]\s*/,
            "",
          );

          // create the callout structure
          const callout = document.createEle
ment("div");
          callout.className = `callout callo
ut--${type}`;

          const title = document.createEleme
nt("div");
          title.className = "callout__title"
;

          const icon = document.createElemen
t("span");
          icon.className = `icon icon--mediu
m icon__${type}`;

          const titleText = document.createE
lement("span");
          titleText.textContent = type.charA
t(0).toUpperCase() + type.slice(1);

          title.appendChild(icon);
          title.appendChild(titleText);

          callout.appendChild(title);

          // move blockquote contents to the
 callout
          callout.appendChild(title);
          while (blockquote.firstChild) {
            callout.appendChild(blockquote.f
irstChild);
          }

          // replace the blockquote with the
 callout
          blockquote.parentNode.replaceChild
(callout, blockquote);
        }
      }
    });
  }
}

document.addEventListener("DOMContentLoaded"
, processCallouts);
window.addEventListener("load", processCallo
uts);

 
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET