arabic-web-development/examples/html-v1.14.html at master · GalaxyRuler/arabic-web-development · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!doctype html>
<html dir="rtl" lang="ar">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="content-security-policy" content="default-src 'self'">
    <title>لوحة أوامر</title>
    <link href="/privacy" rel="privacy-policy terms-of-service" as="document">
    <script type="importmap">{"imports":{"app":"/assets/app.js"}}</script>
    <script type="module" src="/assets/app.js"></script>
  </head>
  <body>
    <main>
      <section hidden="until-found" writingsuggestions="false" headingoffset="1" headingreset is="x-summary">
        <h1>ملخص قابل للاكتشاف</h1>
        <p>يبقى هذا القسم قابلا للعثور عليه من البحث في الصفحة.</p>
      </section>
      <button command="show-popover" commandfor="لوحة-الأوامر" oncommand="const فتح = true;">فتح لوحة الأوامر</button>
      <dialog id="لوحة-الأوامر" closedby="closerequest" popover="hint" onbeforetoggle="let حالة_اللوحة = 1;" ontoggle="let حالة_اللوحة = 2;" oncancel="let حالة_اللوحة = 3;" onclose="let حالة_اللوحة = 4;">
        <h2>لوحة الأوامر</h2>
        <form method="dialog">
          <label for="لون">لون الواجهة</label>
          <input id="لون" name="لون" type="color" alpha colorspace="display-p3" autocorrect="off" autocomplete="given-name email">
          <button command="request-close" commandfor="لوحة-الأوامر">إغلاق</button>
        </form>
      </dialog>
      <template shadowrootmode="open" shadowrootdelegatesfocus shadowrootclonable shadowrootserializable shadowrootslotassignment="named">
        <section slot="body">محتوى ظل قابل لإعادة الاستخدام</section>
      </template>
    </main>
  </body>
</html>