po1son
/
Frames


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
							<!--
  This file is part of centurio.work/out/frame.

  centurio.work/out/frame is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by the Free
  Software Foundation, either version 3 of the License, or (at your option) any
  later version.

  centurio.work/out/frame is distributed in the hope that it will be useful, but
  WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
  FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for
  more details.

  You should have received a copy of the GNU General Public License along with
  centurio.work/out/frame (file LICENSE in the main directory). If not, see
  <http://www.gnu.org/licenses/>.
-->

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>work frame</title>

    <!-- libs, do not modify. When local than load local libs. -->
    <script type="text/javascript" src="/js_libs/jquery.min.js"></script>
    <script type="text/javascript" src="/js_libs/jquery.browser.js"></script>
    <script type="text/javascript" src="/js_libs/jquery.svg.min.js"></script>
    <script type="text/javascript" src="/js_libs/jquery.svgdom.min.js"></script>
    <script type="text/javascript" src="/js_libs/vkbeautify.js"></script>
    <script type="text/javascript" src="/js_libs/util.js"></script>
    <script type="text/javascript" src="/js_libs/printf.js"></script>
    <script type="text/javascript" src="/js_libs/strftime.min.js"></script>
    <script type="text/javascript" src="/js_libs/parsequery.js"></script>
    <script type="text/javascript" src="/js_libs/underscore.min.js"></script>
    <script type="text/javascript" src="/js_libs/jquery.caret.min.js"></script>
    <script type="text/javascript" src="/js_libs/jquery.cookie.js"></script>

    <!-- custom stuff, play arround  -->
    <script type="text/javascript" src="../js/ui.js"></script>
    <script type="text/javascript" src="../js/ui2.js"></script>
    <script type="text/javascript" src="../js/language.js"></script>
    <link rel="stylesheet" href="../css/design.css" type="text/css"/>
    <link class='custom' rel="stylesheet" href="" type="text/css"/>
    <script>
      if (location.href.match(/\/$/) == null) {
        location.href = location.href + '/';
      }
    </script>
  </head>
  <body is="x-ui">
    <div id="container">
    </div>

<script>
  const container = document.getElementById("container");

  function makeRows(rows, cols) {
    container.style.setProperty('--grid-rows', rows);
    container.style.setProperty('--grid-cols', cols);
    for (c = 0; c < (rows * cols); c++) {
      let cell = document.createElement("div");
      //cell.innerText = (c + 1);
      cell.classList.add("item" + (c% cols) + "-" + (Math.floor(c / cols ))); 
      
      cell.classList.add("grid-item");

      container.appendChild(cell);
    };
  };

  makeRows(6, 3);
  //makeRows(200, 300);

</script>
<!--
    <div id="languages" class="hidden"></div>

    <div id="nav" class="hidden">
      <template>
        <span class="item"/>
      </template>
    </div>

    <div id="content">
      <div id="nope">
        <div onclick="document.location.reload()">🚫</div>
        <div id="reason"></div>
      </div>
      <template>
        <div/>
      </template>
    </div>

    <div id="control">
      <template>
        <div><button name="" class="center"/></div>
      </template>
    </div>
-->
  </body>
</html>