{"id":1502,"date":"2023-02-17T04:14:24","date_gmt":"2023-02-17T04:14:24","guid":{"rendered":"https:\/\/www.tools.keywordfinder.us\/?page_id=1502"},"modified":"2023-02-17T04:14:24","modified_gmt":"2023-02-17T04:14:24","slug":"list-sorter","status":"publish","type":"page","link":"https:\/\/hsuper.tools\/list-sorter\/","title":{"rendered":"List Sorter"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-base-3-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n\n\n  <section>\n    <title>List Sorter<\/title>\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n    <script src=\"sorter.js\"><\/script>\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"styles.css\">\n  \n  \n    <h1>List Sorter<\/h1><br>\n    <form>\n      <textarea id=\"list\" rows=\"10\" cols=\"30\"><\/textarea>\n      <br><br>\n      <input type=\"button\" value=\"Sort\" onclick=\"sortList()\"><br><br>\n    <\/form>\n    <div id=\"output\"><\/div><br><br><\/section>\n  \n\n\n<script>\nfunction sortList() {\n  var list = $('#list').val().split('\\n');\n  list.sort();\n  $('#output').html(list.join('<br>'));\n}\n\n<\/script>\n\n\n<style>\n\nbody{text-align:center}\n\n\/* Button Styles *\/\nbutton, .button, #button, btn, .btn, #btn, downloadlink,  #download-button, #button-copy, button-copy, copy-button, #copy-button, #copy, copy, #download-html-button{\n  display: inline-block;\n  padding: 12px 24px;\n  font-size: 16px;\n  font-weight: 500;\n  color: #ffffff;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-align: center;\n  border-radius: 30px;\n  background-image: linear-gradient(to right, #0088FF, #0088FF);\n  border: 3px solid #fff;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\n  transition: all 0.3s ease;\n  margin:0 auto;\n  margin-top:11px;\n  margin-bottom:11px;\n  text-shadow: 2px 2px 4px #333;\n}\n\n\/* Button Hover State *\/\nbutton:hover {\n  background-image: linear-gradient(to right, #FF1493, #FF1493);\n  border: 3px solid #ffffff;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n}\n\n -input{\n  width: 25%;\n  height: 100%;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ninput[type=file]::file-selector-button {\n  display: inline-block;\n  padding: 1.0rem 1rem;\n  font-size: 1.125rem;\n  font-weight: bold;\n  color: #fff;\n  text-align: center;\n  text-transform: uppercase;\n  background-color: #0088FF;\n  border-radius: 0rem;\n  cursor: pointer;\n  transition: background-color 0.2s ease-in-out;\n  border: 0px solid #fff;\n  width:100%;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\n}\n\ninput[type=file]::file-selector-button:hover {\n  background-color: #5b52d6;\n}\n\ninput[type=file]::file-selector-button:active {\n  background-color: #4a41ad;\n}\n\ninput[type=file]::file-selector-button:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #6c63ff;\n}\n\ninput[type=file]::file-selector-button::before {\n  content: \"Select File\";\n}\n\ninput[type=file]::file-selector-button::before,\ninput[type=file]::file-selector-button::before {\n  content: \"\\2193 Browse Files\";\n}\n\n\ninput[type=\"file\"] {\n  display: yes;\n}\ninput[type=\"text\"], input[type=\"url\"] {\n  width: 80%;\n  height: 50px;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\ninput[type=\"number\"], select {\n  width: 30%;\n  height: 50px;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ntextarea {\n  width: 100%;\n  height: 170px;\n  padding: 10px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;  \n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ntextarea:hover {\n  border-color: #06c;\n  box-shadow: 2px 2px 10px #06c;\n}\n\ntextarea:focus {\n  outline: none;\n  border-color: #06c;\n  box-shadow: 2px 2px 10px #06c;\n}\n\ncanvas, #image-container, .img, #img, image, .image, #image, #convertedImage, #preview-image {\n  border: 5px solid;\n  border-image: linear-gradient(to bottom, #007bff, #00f260);\n  border-image-slice: 1;\n  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);\n  margin-top:10px;margin-bottom:10px;\n  width:90%;\n  margin:0 auto;padding:15px;\n\n}\n\n#image-container img {\n  max-width: 100%;\n  }\n\ncode, pre, .result, output, #output, .output {\n  font-family: Monaco, Consolas, \"Andale Mono\", \"DejaVu Sans Mono\", monospace;\n  font-size: 0.9em;\n  color: #333;\n  background-color: #f9f9f9;\n  padding: 0.2em 0.4em;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;  \n  transition: all 0.2s ease-in-out;\n  white-space: pre-wrap;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n  width:100%;\n  padding:15px;\n\n}\n\n\ninput[type=\"range\"] {\n  -webkit-appearance: none;\n  width: 80%;\n  background: transparent;\n  height: 10px;\n  border-radius: 5px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  box-shadow: inset 0 0 5px #333;\n  transition: box-shadow 0.2s;\n  margin-top:10px;\n\n}\n\ninput[type=\"range\"]:focus {\n  box-shadow: inset 0 0 5px #888;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: #4CAF50;\n  cursor: pointer;\n  transition: background 0.2s;\n  margin-top:-5px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n  background: #3e8e41;\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  height: 10px;\n  background: #ddd;\n  border-radius: 5px;\n  border: none;\n}\ninput[type=\"checkbox\"] {\n  appearance: none;\n  width: 45px;\n  height: 25px;\n  background: transparent;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;  border-radius: 5px;\n  margin: 10px;\n  outline: none;\n  cursor: pointer;\n  position: relative;\n}\n\ninput[type=\"checkbox\"]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  background: #D209A4;\n  border-radius: 100px;\n  position: absolute;\n  left: 2px;\n  \n  top: 3px;\n  transition: all 0.2s;\n}\n\ninput[type=\"checkbox\"]:checked:before {\n  transform: translateX(20px);\n}\n\ninput[type=\"checkbox\"]:focus {\n  border: 2px solid #888;\n}\ninput[type=\"radio\"] {\n  appearance: none;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid #333;\n  margin-right: 10px;\n  outline: none;\n  position: relative;\n  cursor: pointer;\n}\n\ninput[type=\"radio\"]:after {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #333;\n  position: absolute;\n  top: 5px;\n  left: 5px;\n  opacity: 0;\n  transition: all 0.2s;\n}\n\ninput[type=\"radio\"]:checked:after {\n  opacity: 1;\n}\n\ninput[type=\"radio\"]:focus {\n  border-color: #888;\n}\n\n\ninput[type=\"radio\"] {\n  display: inline-block;\n  margin-right: 10px;\n  vertical-align: middle;\n}\n\nlabel {\n  display: block; \/* makes each label appear on a new line *\/\n  font-size: 16px;\n  font-weight: bold;\n  margin-bottom: 5px; \/* adds a small gap below each label *\/\n  color:#55555e;\n  margin-top:11px;margin-bottom:11px;\n}\n\ninput[type=\"color\"]{width:17.2%;}\n.form-control {\n    display: block;\n    margin:0 auto;\n    width: 70%;\n    padding: 0.375rem 0.75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #212529;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #ced4da;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    border-radius: 0.25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\nsection{\n         margin-top:60px;\n        width: 100%;\n        max-width: 970px;\n        background-color: #fff;\n        border: 1px solid #ddd;\n        padding: 25px;\n      }\n<\/style>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>List Sorter List Sorter<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>List Sorter - H-SUPERTOOLS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hsuper.tools\/list-sorter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"List Sorter - H-SUPERTOOLS\" \/>\n<meta property=\"og:description\" content=\"List Sorter List Sorter\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hsuper.tools\/list-sorter\/\" \/>\n<meta property=\"og:site_name\" content=\"H-SUPERTOOLS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hsuper.tools\/list-sorter\/\",\"url\":\"https:\/\/hsuper.tools\/list-sorter\/\",\"name\":\"List Sorter - H-SUPERTOOLS\",\"isPartOf\":{\"@id\":\"https:\/\/hsuper.tools\/#website\"},\"datePublished\":\"2023-02-17T04:14:24+00:00\",\"dateModified\":\"2023-02-17T04:14:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hsuper.tools\/list-sorter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hsuper.tools\/list-sorter\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hsuper.tools\/list-sorter\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hsuper.tools\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"List Sorter\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hsuper.tools\/#website\",\"url\":\"https:\/\/hsuper.tools\/\",\"name\":\"H-SUPERTOOLS\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/hsuper.tools\/#\/schema\/person\/2377e1ca07cc9b38c12ad1dea544fd0f\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hsuper.tools\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/hsuper.tools\/#\/schema\/person\/2377e1ca07cc9b38c12ad1dea544fd0f\",\"name\":\"fly seo tool\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hsuper.tools\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/hsuper.tools\/wp-content\/uploads\/2023\/04\/hsupertool_logo.png\",\"contentUrl\":\"https:\/\/hsuper.tools\/wp-content\/uploads\/2023\/04\/hsupertool_logo.png\",\"width\":915,\"height\":149,\"caption\":\"fly seo tool\"},\"logo\":{\"@id\":\"https:\/\/hsuper.tools\/#\/schema\/person\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"List Sorter - H-SUPERTOOLS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hsuper.tools\/list-sorter\/","og_locale":"en_US","og_type":"article","og_title":"List Sorter - H-SUPERTOOLS","og_description":"List Sorter List Sorter","og_url":"https:\/\/hsuper.tools\/list-sorter\/","og_site_name":"H-SUPERTOOLS","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hsuper.tools\/list-sorter\/","url":"https:\/\/hsuper.tools\/list-sorter\/","name":"List Sorter - H-SUPERTOOLS","isPartOf":{"@id":"https:\/\/hsuper.tools\/#website"},"datePublished":"2023-02-17T04:14:24+00:00","dateModified":"2023-02-17T04:14:24+00:00","breadcrumb":{"@id":"https:\/\/hsuper.tools\/list-sorter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hsuper.tools\/list-sorter\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hsuper.tools\/list-sorter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hsuper.tools\/"},{"@type":"ListItem","position":2,"name":"List Sorter"}]},{"@type":"WebSite","@id":"https:\/\/hsuper.tools\/#website","url":"https:\/\/hsuper.tools\/","name":"H-SUPERTOOLS","description":"","publisher":{"@id":"https:\/\/hsuper.tools\/#\/schema\/person\/2377e1ca07cc9b38c12ad1dea544fd0f"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hsuper.tools\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/hsuper.tools\/#\/schema\/person\/2377e1ca07cc9b38c12ad1dea544fd0f","name":"fly seo tool","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hsuper.tools\/#\/schema\/person\/image\/","url":"https:\/\/hsuper.tools\/wp-content\/uploads\/2023\/04\/hsupertool_logo.png","contentUrl":"https:\/\/hsuper.tools\/wp-content\/uploads\/2023\/04\/hsupertool_logo.png","width":915,"height":149,"caption":"fly seo tool"},"logo":{"@id":"https:\/\/hsuper.tools\/#\/schema\/person\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hsuper.tools\/wp-json\/wp\/v2\/pages\/1502"}],"collection":[{"href":"https:\/\/hsuper.tools\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hsuper.tools\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hsuper.tools\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hsuper.tools\/wp-json\/wp\/v2\/comments?post=1502"}],"version-history":[{"count":0,"href":"https:\/\/hsuper.tools\/wp-json\/wp\/v2\/pages\/1502\/revisions"}],"wp:attachment":[{"href":"https:\/\/hsuper.tools\/wp-json\/wp\/v2\/media?parent=1502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}