visus
/
teensy-audio
Suivre 1
Ajouter aux favoris 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
163 Révisions
2 Branches
Aborescence: dbc69f83a4
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'dbc69f83a4'
${ noResults }
teensy-audio/gui/list.html

722 lines
20KB
Brut Annotations Historique 

  1. 

  2. <!-- TODO: generate some or all of this automatically from the C++ source -->

  3. 

  4. 

  5. <script type="text/javascript">

  6.     RED.nodes.registerType('input_i2s',{

  7.         category: 'input-function',

  8.         color:"#E6E0F8",

  9.         defaults: {

  10.             name: {value:""},

  11.         },

  12.         inputs:0,

  13.         outputs:2,

  14.         icon: "arrow-in.png",

  15.         label: function() {

  16.             return this.name||"I2S";

  17.         },

  18.         labelStyle: function() {

  19.             return this.name?"node_label_italic":"";

  20.         }

  21.     });

  22. </script>

  23. <script type="text/x-red" data-help-name="input_i2s">

  24.     <p>Stereo audio input from the audio shield or other I2S device</p>

  25.     <p><b>TODO</b> Add object documetation here</b>.</p>

  26. </script>

  27. <script type="text/x-red" data-template-name="input_i2s">

  28.     <div class="form-row">

  29.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  30.         <input type="text" id="node-input-name" placeholder="Name">

  31.     </div>

  32. </script>

  33. 

  34. 

  35. 

  36. <script type="text/javascript">

  37.     RED.nodes.registerType('input_adc',{

  38.         category: 'input-function',

  39.         color:"#E6E0F8",

  40.         defaults: {

  41.             name: {value:""},

  42.         },

  43.         inputs:0,

  44.         outputs:1,

  45.         icon: "arrow-in.png",

  46.         label: function() {

  47.             return this.name||"ADC";

  48.         },

  49.         labelStyle: function() {

  50.             return this.name?"node_label_italic":"";

  51.         }

  52.     });

  53. </script>

  54. <script type="text/x-red" data-help-name="input_adc">

  55.     <p><b>TODO</b> Add object documetation here</b>.</p>

  56. </script>

  57. <script type="text/x-red" data-template-name="input_adc">

  58.     <div class="form-row">

  59.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  60.         <input type="text" id="node-input-name" placeholder="Name">

  61.     </div>

  62. </script>

  63. 

  64. 

  65. 

  66. <script type="text/javascript">

  67.     RED.nodes.registerType('output_i2s',{

  68.         category: 'output-function',

  69.         color:"#E6E0F8",

  70.         defaults: {

  71.             name: {value:""},

  72.         },

  73.         inputs:2,

  74.         outputs:0,

  75.         icon: "arrow-in.png",

  76.         label: function() {

  77.             return this.name||"I2S";

  78.         },

  79.         labelStyle: function() {

  80.             return this.name?"node_label_italic":"";

  81.         }

  82.     });

  83. </script>

  84. <script type="text/x-red" data-help-name="output_i2s">

  85.     <p><b>TODO</b> Add object documetation here</b>.</p>

  86. </script>

  87. <script type="text/x-red" data-template-name="output_i2s">

  88.     <div class="form-row">

  89.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  90.         <input type="text" id="node-input-name" placeholder="Name">

  91.     </div>

  92. </script>

  93. 

  94. 

  95. 

  96. <script type="text/javascript">

  97.     RED.nodes.registerType('output_dac',{

  98.         category: 'output-function',

  99.         color:"#E6E0F8",

  100.         defaults: {

  101.             name: {value:""},

  102.         },

  103.         inputs:1,

  104.         outputs:0,

  105.         icon: "arrow-in.png",

  106.         label: function() {

  107.             return this.name||"DAC";

  108.         },

  109.         labelStyle: function() {

  110.             return this.name?"node_label_italic":"";

  111.         }

  112.     });

  113. </script>

  114. <script type="text/x-red" data-help-name="output_dac">

  115.     <p><b>TODO</b> Add object documetation here</b>.</p>

  116. </script>

  117. <script type="text/x-red" data-template-name="output_dac">

  118.     <div class="form-row">

  119.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  120.         <input type="text" id="node-input-name" placeholder="Name">

  121.     </div>

  122. </script>

  123. 

  124. 

  125. <script type="text/javascript">

  126.     RED.nodes.registerType('output_pwm',{

  127.         category: 'output-function',

  128.         color:"#E6E0F8",

  129.         defaults: {

  130.             name: {value:""},

  131.         },

  132.         inputs:1,

  133.         outputs:0,

  134.         icon: "arrow-in.png",

  135.         label: function() {

  136.             return this.name||"PWM";

  137.         },

  138.         labelStyle: function() {

  139.             return this.name?"node_label_italic":"";

  140.         }

  141.     });

  142. </script>

  143. <script type="text/x-red" data-help-name="output_pwm">

  144.     <p><b>TODO</b> Add object documetation here</b>.</p>

  145. </script>

  146. <script type="text/x-red" data-template-name="output_pwm">

  147.     <div class="form-row">

  148.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  149.         <input type="text" id="node-input-name" placeholder="Name">

  150.     </div>

  151. </script>

  152. 

  153. 

  154. <script type="text/javascript">

  155.     RED.nodes.registerType('mixer4',{

  156.         category: 'mixer-function',

  157.         color:"#E6E0F8",

  158.         defaults: {

  159.             name: {value:""},

  160.         },

  161.         inputs:4,

  162.         outputs:1,

  163.         icon: "arrow-in.png",

  164.         label: function() {

  165.             return this.name||"Mixer";

  166.         },

  167.         labelStyle: function() {

  168.             return this.name?"node_label_italic":"";

  169.         }

  170.     });

  171. </script>

  172. <script type="text/x-red" data-help-name="mixer4">

  173.     <p><b>TODO</b> Add object documetation here</b>.</p>

  174. </script>

  175. <script type="text/x-red" data-template-name="mixer4">

  176.     <div class="form-row">

  177.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  178.         <input type="text" id="node-input-name" placeholder="Name">

  179.     </div>

  180. </script>

  181. 

  182. 

  183. 

  184. <script type="text/javascript">

  185.     RED.nodes.registerType('play_memory',{

  186.         category: 'play-function',

  187.         color:"#E6E0F8",

  188.         defaults: {

  189.             name: {value:""},

  190.         },

  191.         inputs:0,

  192.         outputs:1,

  193.         icon: "arrow-in.png",

  194.         label: function() {

  195.             return this.name||"Memory";

  196.         },

  197.         labelStyle: function() {

  198.             return this.name?"node_label_italic":"";

  199.         }

  200.     });

  201. </script>

  202. <script type="text/x-red" data-help-name="play_memory">

  203.     <p><b>TODO</b> Add object documetation here</b>.</p>

  204. </script>

  205. <script type="text/x-red" data-template-name="play_memory">

  206.     <div class="form-row">

  207.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  208.         <input type="text" id="node-input-name" placeholder="Name">

  209.     </div>

  210. </script>

  211. 

  212. 

  213. 

  214. <script type="text/javascript">

  215.     RED.nodes.registerType('play_sd_wav',{

  216.         category: 'play-function',

  217.         color:"#E6E0F8",

  218.         defaults: {

  219.             name: {value:""},

  220.         },

  221.         inputs:0,

  222.         outputs:2,

  223.         icon: "arrow-in.png",

  224.         label: function() {

  225.             return this.name||"SD .WAV File";

  226.         },

  227.         labelStyle: function() {

  228.             return this.name?"node_label_italic":"";

  229.         }

  230.     });

  231. </script>

  232. <script type="text/x-red" data-help-name="play_sd_wav">

  233.     <p><b>TODO</b> Add object documetation here</b>.</p>

  234. </script>

  235. <script type="text/x-red" data-template-name="play_sd_wav">

  236.     <div class="form-row">

  237.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  238.         <input type="text" id="node-input-name" placeholder="Name">

  239.     </div>

  240. </script>

  241. 

  242. 

  243. 

  244. <script type="text/javascript">

  245.     RED.nodes.registerType('play_sd_raw',{

  246.         category: 'play-function',

  247.         color:"#E6E0F8",

  248.         defaults: {

  249.             name: {value:""},

  250.         },

  251.         inputs:0,

  252.         outputs:1,

  253.         icon: "arrow-in.png",

  254.         label: function() {

  255.             return this.name||"SD .RAW File";

  256.         },

  257.         labelStyle: function() {

  258.             return this.name?"node_label_italic":"";

  259.         }

  260.     });

  261. </script>

  262. <script type="text/x-red" data-help-name="play_sd_raw">

  263.     <p><b>TODO</b> Add object documetation here</b>.</p>

  264. </script>

  265. <script type="text/x-red" data-template-name="play_sd_raw">

  266.     <div class="form-row">

  267.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  268.         <input type="text" id="node-input-name" placeholder="Name">

  269.     </div>

  270. </script>

  271. 

  272. 

  273. 

  274. <script type="text/javascript">

  275.     RED.nodes.registerType('play_queue',{

  276.         category: 'play-function',

  277.         color:"#E6E0F8",

  278.         defaults: {

  279.             name: {value:""},

  280.         },

  281.         inputs:0,

  282.         outputs:1,

  283.         icon: "arrow-in.png",

  284.         label: function() {

  285.             return this.name||"Queue";

  286.         },

  287.         labelStyle: function() {

  288.             return this.name?"node_label_italic":"";

  289.         }

  290.     });

  291. </script>

  292. <script type="text/x-red" data-help-name="play_queue">

  293.     <p><b>TODO</b> Add object documetation here</b>.</p>

  294. </script>

  295. <script type="text/x-red" data-template-name="play_queue">

  296.     <div class="form-row">

  297.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  298.         <input type="text" id="node-input-name" placeholder="Name">

  299.     </div>

  300. </script>

  301. 

  302. 

  303. 

  304. <script type="text/javascript">

  305.     RED.nodes.registerType('synth_sine',{

  306.         category: 'synth-function',

  307.         color:"#E6E0F8",

  308.         defaults: {

  309.             name: {value:""},

  310.         },

  311.         inputs:0,

  312.         outputs:1,

  313.         icon: "arrow-in.png",

  314.         label: function() {

  315.             return this.name||"Sine Wave";

  316.         },

  317.         labelStyle: function() {

  318.             return this.name?"node_label_italic":"";

  319.         }

  320.     });

  321. </script>

  322. <script type="text/x-red" data-help-name="synth_sine">

  323.     <p><b>TODO</b> Add object documetation here</b>.</p>

  324. </script>

  325. <script type="text/x-red" data-template-name="synth_sine">

  326.     <div class="form-row">

  327.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  328.         <input type="text" id="node-input-name" placeholder="Name">

  329.     </div>

  330. </script>

  331. 

  332. 

  333. 

  334. <script type="text/javascript">

  335.     RED.nodes.registerType('synth_waveform',{

  336.         category: 'synth-function',

  337.         color:"#E6E0F8",

  338.         defaults: {

  339.             name: {value:""},

  340.         },

  341.         inputs:0,

  342.         outputs:1,

  343.         icon: "arrow-in.png",

  344.         label: function() {

  345.             return this.name||"Waveform";

  346.         },

  347.         labelStyle: function() {

  348.             return this.name?"node_label_italic":"";

  349.         }

  350.     });

  351. </script>

  352. <script type="text/x-red" data-help-name="synth_waveform">

  353.     <p><b>TODO</b> Add object documetation here</b>.</p>

  354. </script>

  355. <script type="text/x-red" data-template-name="synth_waveform">

  356.     <div class="form-row">

  357.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  358.         <input type="text" id="node-input-name" placeholder="Name">

  359.     </div>

  360. </script>

  361. 

  362. 

  363. 

  364. <script type="text/javascript">

  365.     RED.nodes.registerType('synth_tonesweep',{

  366.         category: 'synth-function',

  367.         color:"#E6E0F8",

  368.         defaults: {

  369.             name: {value:""},

  370.         },

  371.         inputs:0,

  372.         outputs:1,

  373.         icon: "arrow-in.png",

  374.         label: function() {

  375.             return this.name||"Tonesweep";

  376.         },

  377.         labelStyle: function() {

  378.             return this.name?"node_label_italic":"";

  379.         }

  380.     });

  381. </script>

  382. <script type="text/x-red" data-help-name="synth_tonesweep">

  383.     <p><b>TODO</b> Add object documetation here</b>.</p>

  384. </script>

  385. <script type="text/x-red" data-template-name="synth_tonesweep">

  386.     <div class="form-row">

  387.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  388.         <input type="text" id="node-input-name" placeholder="Name">

  389.     </div>

  390. </script>

  391. 

  392. 

  393. 

  394. <script type="text/javascript">

  395.     RED.nodes.registerType('effect_fade',{

  396.         category: 'effect-function',

  397.         color:"#E6E0F8",

  398.         defaults: {

  399.             name: {value:""},

  400.         },

  401.         inputs:1,

  402.         outputs:1,

  403.         icon: "arrow-in.png",

  404.         label: function() {

  405.             return this.name||"Fade";

  406.         },

  407.         labelStyle: function() {

  408.             return this.name?"node_label_italic":"";

  409.         }

  410.     });

  411. </script>

  412. <script type="text/x-red" data-help-name="effect_fade">

  413.     <p><b>TODO</b> Add object documetation here</b>.</p>

  414. </script>

  415. <script type="text/x-red" data-template-name="effect_fade">

  416.     <div class="form-row">

  417.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  418.         <input type="text" id="node-input-name" placeholder="Name">

  419.     </div>

  420. </script>

  421. 

  422. 

  423. <script type="text/javascript">

  424.     RED.nodes.registerType('effect_chorus',{

  425.         category: 'effect-function',

  426.         color:"#E6E0F8",

  427.         defaults: {

  428.             name: {value:""},

  429.         },

  430.         inputs:2,

  431.         outputs:2,

  432.         icon: "arrow-in.png",

  433.         label: function() {

  434.             return this.name||"Chorus";

  435.         },

  436.         labelStyle: function() {

  437.             return this.name?"node_label_italic":"";

  438.         }

  439.     });

  440. </script>

  441. <script type="text/x-red" data-help-name="effect_chorus">

  442.     <p><b>TODO</b> Add object documetation here</b>.</p>

  443. </script>

  444. <script type="text/x-red" data-template-name="effect_chorus">

  445.     <div class="form-row">

  446.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  447.         <input type="text" id="node-input-name" placeholder="Name">

  448.     </div>

  449. </script>

  450. 

  451. 

  452. <script type="text/javascript">

  453.     RED.nodes.registerType('effect_flange',{

  454.         category: 'effect-function',

  455.         color:"#E6E0F8",

  456.         defaults: {

  457.             name: {value:""},

  458.         },

  459.         inputs:2,

  460.         outputs:2,

  461.         icon: "arrow-in.png",

  462.         label: function() {

  463.             return this.name||"Flange";

  464.         },

  465.         labelStyle: function() {

  466.             return this.name?"node_label_italic":"";

  467.         }

  468.     });

  469. </script>

  470. <script type="text/x-red" data-help-name="effect_flange">

  471.     <p><b>TODO</b> Add object documetation here</b>.</p>

  472. </script>

  473. <script type="text/x-red" data-template-name="effect_flange">

  474.     <div class="form-row">

  475.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  476.         <input type="text" id="node-input-name" placeholder="Name">

  477.     </div>

  478. </script>

  479. 

  480. 

  481. <script type="text/javascript">

  482.     RED.nodes.registerType('filter_biquad',{

  483.         category: 'filter-function',

  484.         color:"#E6E0F8",

  485.         defaults: {

  486.             name: {value:""},

  487.         },

  488.         inputs:1,

  489.         outputs:1,

  490.         icon: "arrow-in.png",

  491.         label: function() {

  492.             return this.name||"BiQuad";

  493.         },

  494.         labelStyle: function() {

  495.             return this.name?"node_label_italic":"";

  496.         }

  497.     });

  498. </script>

  499. <script type="text/x-red" data-help-name="filter_biquad">

  500.     <p><b>TODO</b> Add object documetation here</b>.</p>

  501. </script>

  502. <script type="text/x-red" data-template-name="filter_biquad">

  503.     <div class="form-row">

  504.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  505.         <input type="text" id="node-input-name" placeholder="Name">

  506.     </div>

  507. </script>

  508. 

  509. 

  510. 

  511. <script type="text/javascript">

  512.     RED.nodes.registerType('filter_fir',{

  513.         category: 'filter-function',

  514.         color:"#E6E0F8",

  515.         defaults: {

  516.             name: {value:""},

  517.         },

  518.         inputs:1,

  519.         outputs:1,

  520.         icon: "arrow-in.png",

  521.         label: function() {

  522.             return this.name||"FIR";

  523.         },

  524.         labelStyle: function() {

  525.             return this.name?"node_label_italic":"";

  526.         }

  527.     });

  528. </script>

  529. <script type="text/x-red" data-help-name="filter_fir">

  530.     <p><b>TODO</b> Add object documetation here</b>.</p>

  531. </script>

  532. <script type="text/x-red" data-template-name="filter_fir">

  533.     <div class="form-row">

  534.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  535.         <input type="text" id="node-input-name" placeholder="Name">

  536.     </div>

  537. </script>

  538. 

  539. 

  540. 

  541. <script type="text/javascript">

  542.     RED.nodes.registerType('analyze_peak',{

  543.         category: 'analyze-function',

  544.         color:"#E6E0F8",

  545.         defaults: {

  546.             name: {value:""},

  547.         },

  548.         inputs:1,

  549.         outputs:0,

  550.         icon: "arrow-in.png",

  551.         label: function() {

  552.             return this.name||"Peak";

  553.         },

  554.         labelStyle: function() {

  555.             return this.name?"node_label_italic":"";

  556.         }

  557.     });

  558. </script>

  559. <script type="text/x-red" data-help-name="analyze_peak">

  560.     <p><b>TODO</b> Add object documetation here</b>.</p>

  561. </script>

  562. <script type="text/x-red" data-template-name="analyze_peak">

  563.     <div class="form-row">

  564.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  565.         <input type="text" id="node-input-name" placeholder="Name">

  566.     </div>

  567. </script>

  568. 

  569. 

  570. 

  571. <script type="text/javascript">

  572.     RED.nodes.registerType('analyze_fft256',{

  573.         category: 'analyze-function',

  574.         color:"#E6E0F8",

  575.         defaults: {

  576.             name: {value:""},

  577.         },

  578.         inputs:1,

  579.         outputs:0,

  580.         icon: "arrow-in.png",

  581.         label: function() {

  582.             return this.name||"FFT256";

  583.         },

  584.         labelStyle: function() {

  585.             return this.name?"node_label_italic":"";

  586.         }

  587.     });

  588. </script>

  589. <script type="text/x-red" data-help-name="analyze_fft256">

  590.     <p><b>TODO</b> Add object documetation here</b>.</p>

  591. </script>

  592. <script type="text/x-red" data-template-name="analyze_fft256">

  593.     <div class="form-row">

  594.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  595.         <input type="text" id="node-input-name" placeholder="Name">

  596.     </div>

  597. </script>

  598. 

  599. 

  600. 

  601. <script type="text/javascript">

  602.     RED.nodes.registerType('analyze_fft1024',{

  603.         category: 'analyze-function',

  604.         color:"#E6E0F8",

  605.         defaults: {

  606.             name: {value:""},

  607.         },

  608.         inputs:1,

  609.         outputs:0,

  610.         icon: "arrow-in.png",

  611.         label: function() {

  612.             return this.name||"FFT1024";

  613.         },

  614.         labelStyle: function() {

  615.             return this.name?"node_label_italic":"";

  616.         }

  617.     });

  618. </script>

  619. <script type="text/x-red" data-help-name="analyze_fft1024">

  620.     <p><b>TODO</b> Add object documetation here</b>.</p>

  621. </script>

  622. <script type="text/x-red" data-template-name="analyze_fft1024">

  623.     <div class="form-row">

  624.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  625.         <input type="text" id="node-input-name" placeholder="Name">

  626.     </div>

  627. </script>

  628. 

  629. 

  630. 

  631. <script type="text/javascript">

  632.     RED.nodes.registerType('analyze_print',{

  633.         category: 'analyze-function',

  634.         color:"#E6E0F8",

  635.         defaults: {

  636.             name: {value:""},

  637.         },

  638.         inputs:1,

  639.         outputs:0,

  640.         icon: "arrow-in.png",

  641.         label: function() {

  642.             return this.name||"Print";

  643.         },

  644.         labelStyle: function() {

  645.             return this.name?"node_label_italic":"";

  646.         }

  647.     });

  648. </script>

  649. <script type="text/x-red" data-help-name="analyze_print">

  650.     <p><b>TODO</b> Add object documetation here</b>.</p>

  651. </script>

  652. <script type="text/x-red" data-template-name="analyze_print">

  653.     <div class="form-row">

  654.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  655.         <input type="text" id="node-input-name" placeholder="Name">

  656.     </div>

  657. </script>

  658. 

  659. 

  660. 

  661. <script type="text/javascript">

  662.     RED.nodes.registerType('control_sgtl5000',{

  663.         category: 'control-function',

  664.         color:"#E6E0F8",

  665.         defaults: {

  666.             name: {value:""},

  667.         },

  668.         inputs:0,

  669.         outputs:0,

  670.         icon: "arrow-in.png",

  671.         label: function() {

  672.             return this.name||"SGTL5000";

  673.         },

  674.         labelStyle: function() {

  675.             return this.name?"node_label_italic":"";

  676.         }

  677.     });

  678. </script>

  679. <script type="text/x-red" data-help-name="control_sgtl5000">

  680.     <p><b>TODO</b> Add object documetation here</b>.</p>

  681. </script>

  682. <script type="text/x-red" data-template-name="control_sgtl5000">

  683.     <div class="form-row">

  684.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  685.         <input type="text" id="node-input-name" placeholder="Name">

  686.     </div>

  687. </script>

  688. 

  689. 

  690. 

  691. <script type="text/javascript">

  692.     RED.nodes.registerType('control_wm8731',{

  693.         category: 'control-function',

  694.         color:"#E6E0F8",

  695.         defaults: {

  696.             name: {value:""},

  697.         },

  698.         inputs:0,

  699.         outputs:0,

  700.         icon: "arrow-in.png",

  701.         label: function() {

  702.             return this.name||"WM8731";

  703.         },

  704.         labelStyle: function() {

  705.             return this.name?"node_label_italic":"";

  706.         }

  707.     });

  708. </script>

  709. <script type="text/x-red" data-help-name="control_wm8731">

  710.     <p><b>TODO</b> Add object documetation here</b>.</p>

  711. </script>

  712. <script type="text/x-red" data-template-name="control_wm8731">

  713.     <div class="form-row">

  714.         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>

  715.         <input type="text" id="node-input-name" placeholder="Name">

  716.     </div>

  717. </script>

  718. 

  719. 

  720.