|
8 | 8 | <link rel="stylesheet" href="https://guyotjs.github.io/bcss/bc.css"> |
9 | 9 | <link rel="stylesheet" href="https://guyotjs.github.io/bcss/bc-colors.css"> |
10 | 10 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
| 11 | + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/default.min.css"> |
| 12 | + <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/highlight.min.js"></script> |
| 13 | + <script>hljs.highlightAll();</script> |
11 | 14 | <style> |
12 | 15 | @import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap'); |
13 | 16 | body{ |
14 | 17 | margin:0; |
15 | 18 | padding:0; |
16 | 19 | overflow-x: hidden; |
17 | 20 | } |
| 21 | + .ehh{ |
| 22 | + color:darkgreen; |
| 23 | + } |
18 | 24 | .f-xxl{ |
19 | 25 | font-size: 80px; |
20 | 26 | } |
| 27 | + b{ |
| 28 | + font-weight:600; |
| 29 | + } |
21 | 30 | .f-respond{ |
22 | 31 | font-size: 17px; |
23 | 32 | white-space: nowrap; |
|
81 | 90 | <div class="grid-2 left-center border-light r"> |
82 | 91 | <div class="border-right-light"> |
83 | 92 | <div class="plr-l f-respond p-m text-left karla"> |
84 | | - <span class="gray">1|</span> <body data='{count:0}'><br/> |
85 | | - <span class="gray">2|</span>  <p react>{{count}}</p><br/> |
86 | | - <span class="gray">3|</span>  <button onclick='$("count++")'>+</button><br/> |
87 | | - <span class="gray">4|</span>  <script src="./sno.js"></script><br/> |
88 | | - <span class="gray">5|</span> </body><br/> |
| 93 | + <span class="gray">1|</span> <<b>body</b> data=<span class="ehh">'{count:0}'</span>><br/> |
| 94 | + <span class="gray">2|</span>  <<b>p</b> react><span class="pumpkin">{{count}}</span></<b>p</b>><br/> |
| 95 | + <span class="gray">3|</span>  <<b>button</b> onclick=<span class="ehh">'$("count++")'</span>>+</<b>button</b>><br/> |
| 96 | + <span class="gray">4|</span>  <<b>script</b> src=<span class="calm">"./sno.js"</span>></<b>script</b>><br/> |
| 97 | + <span class="gray">5|</span> </<b>body</b>><br/> |
89 | 98 | </div> |
90 | 99 | </div> |
91 | 100 | <div class="plr-l p-m" style="margin-top:15px;"> |
|
98 | 107 | <div class="left-center border-light r"> |
99 | 108 | <div class="border-bottom-light"> |
100 | 109 | <div class="plr-l f-respond p-m text-left karla"> |
101 | | - <span class="gray">1|</span> <body data='{"count":0}'><br/> |
102 | | - <span class="gray">2|</span>  <p react>{{count}}</p><br/> |
103 | | - <span class="gray">3|</span>  <button onclick='$("count++")'>+</button><br/> |
104 | | - <span class="gray">4|</span>  <script src="./sno.js"></script><br/> |
105 | | - <span class="gray">5|</span> </body><br/> |
| 110 | + <span class="gray">1|</span> <<b>body</b> data=<span class="ehh">'{count:0}'</span>><br/> |
| 111 | + <span class="gray">2|</span>  <<b>p</b> react><span class="pumpkin">{{count}}</span></<b>p</b>><br/> |
| 112 | + <span class="gray">3|</span>  <<b>button</b> onclick=<span class="ehh">'$("count++")'</span>>+</<b>button</b>><br/> |
| 113 | + <span class="gray">4|</span>  <<b>script</b> src=<span class="calm">"./sno.js"</span>></<b>script</b>><br/> |
| 114 | + <span class="gray">5|</span> </<b>body</b>><br/> |
106 | 115 | </div> |
107 | 116 | </div> |
108 | 117 | <div class="p"> |
|
0 commit comments