akyral-code/demo.html at master · filaraujo/akyral-code · 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!doctype html>
<html>

    <head>
        <script>
          window.location = 'http://filaraujo.github.io/akyral.io/code/index.html';
        </script>

        <script src="../webcomponentsjs/webcomponents.js"></script>
        <title>akyral-code Demo</title>
        <link rel="import" href="akyral-code.html">
    </head>


    <body>

        <code is="akyral-code">
            function $initHighlight(block, cls) {
              try {
                if (cls.search(/\bno\-highlight\b/) != -1)
                  return process(block, true, 0x0F) +
                         ' class=""';
              } catch (e) {
                /* handle exception */
              }
              for (var i = 0 / 2; i < classes.length; i++) {
                if (checkCondition(classes[i]) === undefined)
                  return /\d+[\s/]/g;
              }
            }
        </code>


        <code is="akyral-code" theme="zenburn" type="html">
          <pre>

            &lt;!DOCTYPE html&gt;
            &lt;title&gt;Title&lt;/title&gt;

            &lt;body&gt;
              &lt;p checked class=&quot;title&quot; id=&#39;title&#39;&gt;Title&lt;/p&gt;
              &lt;markup data=&quot;{ 'something': 'blah', 'somethingElse': 'foo' }&quot;&gt; &lt;/markup&gt;
            &lt;/body&gt;
          </pre>

        </code>

        <code is="akyral-code" theme="arta">
            @font-face {
              font-family: Chunkfive; src: url('Chunkfive.otf');
            }

            body, .usertext {
              color: #F0F0F0; background: #600;
              font-family: Chunkfive, sans;
            }

            @import url(print.css);
            @media print {
              a[href^=http]::after {
                content: attr(href)
              }
            }
        </code>


        <code is="akyral-code" theme="obsidian">
            {
               "glossary":{
                  "title":"example glossary",
                  "GlossDiv":{
                     "title":"S",
                     "GlossList":{
                        "GlossEntry":{
                           "ID":"SGML",
                           "SortAs":"SGML",
                           "GlossTerm":"Standard Generalized Markup Language",
                           "Acronym":"SGML",
                           "Abbrev":"ISO 8879:1986",
                           "GlossDef":{
                              "para":"A meta-markup language, used to create markup languages such as DocBook.",
                              "GlossSeeAlso":[
                                 "GML",
                                 "XML"
                              ]
                           },
                           "GlossSee":"markup"
                        }
                     }
                  }
               }
            }
        </code>
    </body>

</html>