<!doctype html>
<html lang="en">
  <head>
    <link rel="icon" type="image/ico" href="https://4myth.com/favicon.ico">
    <meta charset="UTF-8" />
    <script src="https://cjrtnc.leaningtech.com/3.1/cj3loader.js"></script>
    <style>
        .loader {
            transform: rotateZ(45deg);
            perspective: 1000px;
            border-radius: 50%;
            width: 48px;
            height: 48px;
            color: #c69d79;
        }

        .loader:before,
        .loader:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: inherit;
            height: inherit;
            border-radius: 50%;
            transform: rotateX(70deg);
            animation: 1s spin linear infinite;
        }

        .loader:after {
            color: #004e7b;
            transform: rotateY(70deg);
            animation-delay: .4s;
        }

        .loader:before {
            color: #c69d79;
        }

        @keyframes rotate {
            0% {
                transform: translate(-50%, -50%) rotateZ(0deg);
            }
            100% {
                transform: translate(-50%, -50%) rotateZ(360deg);
            }
        }

        @keyframes rotateccw {
            0% {
                transform: translate(-50%, -50%) rotate(0deg);
            }
            100% {
                transform: translate(-50%, -50%) rotate(-360deg);
            }
        }

        @keyframes spin {
            0%,
            100% {
                box-shadow: .2em 0px 0 0px currentcolor;
            }
            12% {
                box-shadow: .2em .2em 0 0 currentcolor;
            }
            25% {
                box-shadow: 0 .2em 0 0px currentcolor;
            }
            37% {
                box-shadow: -.2em .2em 0 0 currentcolor;
            }
            50% {
                box-shadow: -.2em 0 0 0 currentcolor;
            }
            62% {
                box-shadow: -.2em -.2em 0 0 currentcolor;
            }
            75% {
                box-shadow: 0px -.2em 0 0 currentcolor;
            }
            87% {
                box-shadow: .2em -.2em 0 0 currentcolor;
            }
        }
    </style>

    <title>الحد النوني</title>
  </head>
  <body>
    <div id="loader" style="position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-color: rgb(82 77 77 / 59%);align-content: center;">
      <div class="loader" style="background-color: #eeeeed;margin: auto;"></div>
      <p style="text-align: center;color: #fff;direction: rtl;">جار التحميل ...</p>
    </div>

    <center>
      <p align="center"><font size="6" color="#008000">الحد النوني</font></p>
      <cheerpj-applet code="Alomda1.class" name="Linseq1NL" alt="linear sequences" width="900" height="506">
        <param name="language" value="ar" />
        <param name="heading" value="الحد النوني " />
        <param name="fg" value="0xffffff" />
        <param name="bg" value="0x000000" />
        <param name="answer" value="الاجابة" />
        <param name="correct" value="أحسنت " />
        <param name="problem" value="ما هو الحد النوني لهذا النمط " />
        <param name="working" value="العمل" />
        <param name="newProblem" value="مسألة جديدة " />
        <param name="increasing" value="أنماط متزايدة فقط " />
        <param name="axesColor" value="0xffff99" />
        <param name="pointsColor" value="0xff0000" />
        <param name="labelsColor" value="0xffffff" />
        <param name="problemColor" value="0xffffff" />
        <param name="workingColor" value="0xffff99" />
        <param name="answerColor" value="0x99ffff" />
        <param name="differenceColor" value="0x99ffff" />
        <param name="rightColor" value="0x99ff99" />
        <param name="slideColor" value="0xffffff" />
        <param name="runnerColor" value="0xffffff" />
        <param name="majorTickColorColor" value="0xffffff" />
        <param name="minorTickColorColor" value="0xffffff" />
      </cheerpj-applet>
      <p>د/ عباس غندورة</p>
    </center>

    <div style="direction: ltr; text-align: center;">
      <h5>
        <img style="width: 25px; height: 25px; object-fit: contain;background-color: #f1f1f1;border-radius: 50%;" src="https://4myth.com/logo.png" alt="Ahmed Al Safadi - 4MyTh" />
        <span style="color: #000;"><b>Made With Love By ©</b></span>
        <br>
        <a href="mailto:mythpe@gmail.com" style="text-decoration: none;color: #004e7b;" target="_blank">Ahmed Al-Safadi</a>
        <span style="color: #000;">&nbsp;-&nbsp;</span>
        <a href="tel:+966590470092" style="text-decoration: none;color: #004e7b;" target="_blank">+966 590 4700 92</a>
        <span style="color: #000;">&nbsp;-&nbsp;</span>
        <a href="https://4myth.com" style="text-decoration: none;color: #004e7b;" target="_blank">4MyTh.com</a>
      </h5>
    </div>
    <script type="module">
      (async () => {
        if (window.location.hash === '#a') {
          document.getElementById('loader')?.remove()
          return
        }
        await cheerpjInit()
          .finally(() => {
            document.getElementById('loader')?.remove()
          })
      })()
    </script>
  </body>
</html>