<title>Arjun Kumar</title> <style> #header h1 { color: black; padding-left: 0.5em; text-shadow: 2px 2px 1px #888; } #html-input, #html-output { display: block; } #html-input { left: 0; right: auto; width: 500px; } #html-output { width: auto; right: 0; left: 501px; } #html-editor { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } </style>

Arjun Kumar's Coding Website.

</b

Toggle Dark Mode

Add html/css and preview it at right.

Source:

Your Code:

Thank you for joining my app. Your code will be saved!

• 1 user
• ~Arjun Kumar

<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js"></script> <script> window.global = window; </script> <script src="https://play.pokemonshowdown.com/js/lib/jquery-2.1.4.min.js"></script> <script src="https://play.pokemonshowdown.com/js/lib/html-css-sanitizer-minified.js"></script> <script src="https://play.pokemonshowdown.com/js/battledata.js"></script> <script> function parseCSS(code) { var parsed = document.createElement("template"); parsed.innerHTML = code;

var implDocument = document.implementation.createHTMLDocument(
  "Temporary CSS storage"
);

var stylesheets = parsed.getElementsByTagName("style");
for (var i = 0; i < stylesheets.length; i++) {
  var element = stylesheets[i];
  // CSS element needs to be in document to be actually parsed
  implDocument.body.appendChild(element);
  var rules = element.sheet.cssRules;
  for (var j = 0; j < rules.length; j++) {
    var rule = rules[j];
    var elements = parsed.querySelectorAll(rule.selectorText);
    for (var k = 0; k < elements.length; k++) {
      var element = elements[k];
      var newValue =
        (element.getAttribute("style") || "") + rule.style.cssText;
      element.setAttribute("style", newValue);
    }
  }
}

return parsed.innerHTML;

} var removableListeners = []; function modifyRoomIntro(action, editor) { for (var i = 0; i < removableListeners.length; i++) { removableListenersi; } removableListeners = []; var rawValue = editor.getSession().getValue(); localStorage.setItem("code", rawValue);

var value = parseCSS(rawValue);
var output = document.getElementById("html-caja-output");
output.innerHTML = BattleLog.sanitizeHTML(value);
var images = output.getElementsByTagName("img");
for (var i = 0; i < images.length; i++) {
  var image = images[i];
  var listener = function listener() {
    this.setAttribute("width", this.width);
    this.setAttribute("height", this.height);
    updateCode(output);
  };
  removableListeners.push(
    (function removeListenerIife(image, listener) {
      return function removeListener() {
        image.removeEventListener("load", listener);
      };
    })(image, listener)
  );
  image.addEventListener("load", listener);
}
updateCode(output);

} function updateCode(output) { document.getElementById("html-intro-code").textContent = output.innerHTML; } var editor = ace.edit("html-editor"); var session = editor.getSession(); var Range = ace.require("ace/range").Range; session.setOption("useWorker", false); session.setMode("ace/mode/html"); session.setUseWrapMode(true); editor.on("change", modifyRoomIntro); editor.selection.setRange(new Range(0, 0, true)); var code = localStorage.getItem("code"); if (code) { editor.getSession().setValue(code); } editor.focus(); modifyRoomIntro(null, editor); $("#dark").on("click", function() { var $html = $("html"); if ($html.hasClass("dark")) { editor.setTheme("ace/theme/textmate"); $html.removeClass("dark"); } else { editor.setTheme("ace/theme/twilight"); $html.addClass("dark"); } }); </script>