{"id":113,"date":"2018-08-07T14:35:25","date_gmt":"2018-08-07T14:35:25","guid":{"rendered":"http:\/\/apps.devmaverick.com\/code-snippet\/?page_id=113"},"modified":"2022-07-06T10:21:54","modified_gmt":"2022-07-06T10:21:54","slug":"testing-final-product","status":"publish","type":"page","link":"https:\/\/apps.devmaverick.com\/code-snippet\/","title":{"rendered":"Demo"},"content":{"rendered":"<h3>Default<\/h3>\n<div class=\"dm-code-snippet dark default  dm-normal-version\" style=\"background-color:#abb8c3;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Get the Code!<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">You have it!<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"no-line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-js\"><\/p>\n<pre>\/\/Change the text on success copy\r\n\tcopyCode.on('success', function(e) {\r\n\t\t $(e.trigger).text(\"Copied!\");\r\n\t\t e.clearSelection();\r\n\t\t setTimeout(function() {\r\n\t\t\t $(e.trigger).text(\"Copy Code\");\r\n\t\t }, 2500);\r\n\t });\r\n\r\n\/\/Change the text on error\r\n\t copyCode.on('error', function(e) {\r\n\t\t $(e.trigger).text(\"Use a different Browser\");\r\n\t\t setTimeout(function() {\r\n\t\t\t $(e.trigger).text(\"Copy Code\");\r\n\t\t }, 2500);\r\n\t });<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n<div class=\"dm-code-snippet dark default  dm-normal-version\" style=\"background-color:#abb8c3;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Copy Code<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">Copied<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"no-line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-php\"><\/p>\n<pre class=\"dm-pre-admin-side\">if ( 'yes' == $atts['slim'] ) {<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n<h3>Slim Version<\/h3>\n<div class=\"dm-code-snippet dark no-background no-background-mobile dm-slim-version\" style=\"background-color:#abb8c3;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Copy Code<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">Copied<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"no-line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-php\"><\/p>\n<pre class=\"dm-pre-admin-side\">if ( 'yes' == $atts['slim'] ) {<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n<div class=\"dm-code-snippet dark default  dm-slim-version\" style=\"background-color:#abb8c3;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Copy Code<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">Copied<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"no-line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-python\"><\/p>\n<pre class=\"dm-pre-admin-side\"># Python program to display all the prime numbers within an interval\r\n\r\nlower = 900\r\nupper = 1000\r\n\r\nprint(\"Prime numbers between\", lower, \"and\", upper, \"are:\")\r\n\r\nfor num in range(lower, upper + 1):\r\n   # all prime numbers are greater than 1\r\n   if num &gt; 1:\r\n       for i in range(2, num):\r\n           if (num % i) == 0:\r\n               break\r\n       else:\r\n           print(num)<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n<h3>Line Numbers<\/h3>\n<div class=\"dm-code-snippet dark no-background no-background-mobile dm-normal-version\" style=\"background-color:#abb8c3;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Copy Code<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">Copied<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-python\"><\/p>\n<pre class=\"dm-pre-admin-side\"># Python program to display all the prime numbers within an interval\r\n\r\nlower = 900\r\nupper = 1000\r\n\r\nprint(\"Prime numbers between\", lower, \"and\", upper, \"are:\")\r\n\r\nfor num in range(lower, upper + 1):\r\n   # all prime numbers are greater than 1\r\n   if num &gt; 1:\r\n       for i in range(2, num):\r\n           if (num % i) == 0:\r\n               break\r\n       else:\r\n           print(num)<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n<div class=\"dm-code-snippet dark default  dm-slim-version\" style=\"background-color:#abb8c3;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Copy Code<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">Copied<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-python\"><\/p>\n<pre class=\"dm-pre-admin-side\"># Python program to display all the prime numbers within an interval\r\n\r\nlower = 900\r\nupper = 1000\r\n\r\nprint(\"Prime numbers between\", lower, \"and\", upper, \"are:\")\r\n\r\nfor num in range(lower, upper + 1):\r\n   # all prime numbers are greater than 1\r\n   if num &gt; 1:\r\n       for i in range(2, num):\r\n           if (num % i) == 0:\r\n               break\r\n       else:\r\n           print(num)<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n<h3>Max Height Version<\/h3>\n<div class=\"dm-code-snippet dark default  dm-normal-version\" style=\"background-color:#abb8c3;\" snippet-height=\"500px\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Copy Code<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">Copied<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"no-line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-css\"><\/p>\n<pre class=\"dm-pre-admin-side\">button,\r\ninput,\r\nselect,\r\ntextarea {\r\n\tmax-width: 100%;\r\n}\r\n\r\nbutton,\r\nhtml input[type=\"button\"],\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"] {\r\n\t-webkit-appearance: button;\r\n\tcursor: pointer;\r\n}\r\n\r\nbutton[disabled],\r\nhtml input[disabled] {\r\n\tcursor: default;\r\n\topacity: .5;\r\n}\r\n\r\nbutton::-moz-focus-inner,\r\ninput::-moz-focus-inner {\r\n\tborder: 0;\r\n\tpadding: 0;\r\n}\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"] {\r\n\t-webkit-box-sizing: border-box;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\tmargin-right: 0.4375em;\r\n\tpadding: 0;\r\n}\r\n\r\ninput[type=\"date\"]::-webkit-inner-spin-button,\r\ninput[type=\"date\"]::-webkit-outer-spin-button,\r\ninput[type=\"time\"]::-webkit-inner-spin-button,\r\ninput[type=\"time\"]::-webkit-outer-spin-button,\r\ninput[type=\"datetime-local\"]::-webkit-inner-spin-button,\r\ninput[type=\"datetime-local\"]::-webkit-outer-spin-button,\r\ninput[type=\"week\"]::-webkit-inner-spin-button,\r\ninput[type=\"week\"]::-webkit-outer-spin-button,\r\ninput[type=\"month\"]::-webkit-inner-spin-button,\r\ninput[type=\"month\"]::-webkit-outer-spin-button,\r\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n\theight: auto;\r\n}\r\n\r\ninput[type=\"search\"] {\r\n\t-webkit-appearance: textfield;\r\n}\r\n\r\ninput[type=\"search\"]::-webkit-search-cancel-button,\r\ninput[type=\"search\"]::-webkit-search-decoration {\r\n\t-webkit-appearance: none;\r\n}\r\n\r\nfieldset {\r\n\tborder: 1px solid #d1d1d1;\r\n\tmargin: 0 0 1.75em;\r\n\tmin-width: inherit;\r\n\tpadding: 0.875em;\r\n}\r\n\r\nfieldset &gt; :last-child {\r\n\tmargin-bottom: 0;\r\n}\r\n\r\nlegend {\r\n\tborder: 0;\r\n\tpadding: 0;\r\n}\r\n\r\ntextarea {\r\n\toverflow: auto;\r\n\tvertical-align: top;\r\n}\r\n\r\noptgroup {\r\n\tfont-weight: bold;\r\n}<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n<h3>Light version with different background color<\/h3>\n<div class=\"dm-code-snippet light default  dm-normal-version\" style=\"background-color:#5E69FF;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Copy Code<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">Copied!<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"no-line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-php\"><\/p>\n<pre>\/**\r\n * The code that runs during plugin deactivation.\r\n * This action is documented in includes\/class-code-snippet-dm-deactivator.php\r\n *\/\r\nfunction deactivate_code_snippet_dm() {\r\n\trequire_once plugin_dir_path( __FILE__ ) . 'includes\/class-code-snippet-dm-deactivator.php';\r\n\tCode_Snippet_Dm_Deactivator::deactivate();\r\n}\r\n\r\nregister_activation_hook( __FILE__, 'activate_code_snippet_dm' );\r\nregister_deactivation_hook( __FILE__, 'deactivate_code_snippet_dm' );<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n<h3>Dark Version with different background color<\/h3>\n<div class=\"dm-code-snippet dark default  dm-normal-version\" style=\"background-color:#FB8CFF;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Copy Code<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">Copied!<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"no-line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-js\"><\/p>\n<pre>\/\/Change the text on success copy\r\n\tcopyCode.on('success', function(e) {\r\n\t\t $(e.trigger).text(\"Copied!\");\r\n\t\t e.clearSelection();\r\n\t\t setTimeout(function() {\r\n\t\t\t $(e.trigger).text(\"Copy Code\");\r\n\t\t }, 2500);\r\n\t });\r\n\r\n\/\/Change the text on error\r\n\t copyCode.on('error', function(e) {\r\n\t\t $(e.trigger).text(\"Use a different Browser\");\r\n\t\t setTimeout(function() {\r\n\t\t\t $(e.trigger).text(\"Copy Code\");\r\n\t\t }, 2500);\r\n\t });<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n<h3>No Background<\/h3>\n<div class=\"dm-code-snippet dark no-background  dm-normal-version\" style=\"background-color:#abb8c3;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Get the Code!<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">You have it!<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"no-line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-css\"><\/p>\n<pre>.display-posts-listing .listing-item .dm-wrap-content-category-display {\r\n  width: 65%;\r\n}\r\n\r\n.display-posts-listing .listing-item a.title {\r\n  display: block;\r\n  width: auto;\r\n  overflow: hidden;\r\n  color: #373a41;\r\n  font-size: 22px;\r\n  font-family: 'Open Sans';\r\n}<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n<h3>Light with no background<\/h3>\n<div class=\"dm-code-snippet light no-background  dm-normal-version\" style=\"background-color:#abb8c3;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Copy Code<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">Copied!<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"no-line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-css\"><\/p>\n<pre>.display-posts-listing .listing-item .dm-wrap-content-category-display {\r\n  width: 65%;\r\n}\r\n\r\n.display-posts-listing .listing-item a.title {\r\n  display: block;\r\n  width: auto;\r\n  overflow: hidden;\r\n  color: #373a41;\r\n  font-size: 22px;\r\n  font-family: 'Open Sans';\r\n}<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Default Slim Version Line Numbers Max Height Version Light version with different background color Dark Version with different background color No Background Light with no background<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/apps.devmaverick.com\/code-snippet\/wp-json\/wp\/v2\/pages\/113"}],"collection":[{"href":"https:\/\/apps.devmaverick.com\/code-snippet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apps.devmaverick.com\/code-snippet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apps.devmaverick.com\/code-snippet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apps.devmaverick.com\/code-snippet\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":15,"href":"https:\/\/apps.devmaverick.com\/code-snippet\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":171,"href":"https:\/\/apps.devmaverick.com\/code-snippet\/wp-json\/wp\/v2\/pages\/113\/revisions\/171"}],"wp:attachment":[{"href":"https:\/\/apps.devmaverick.com\/code-snippet\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}