From ccda2bb8098180c1ae91e1ab465bd38836f98426 Mon Sep 17 00:00:00 2001 From: briskets Date: Sun, 28 Feb 2021 16:06:23 -0500 Subject: [PATCH] css changes --- assets/ComicMono.ttf | Bin 0 -> 18724 bytes css/dark-mode.css | 70 ++++- css/dark-mode.min.css | 1 + css/light-mode.css | 277 ++++++++++++++++++ css/light-mode.min.css | 1 + index.html | 254 ++-------------- js/dark-mode-switch.min.js | 1 - ...rk-mode-switch.js => light-mode-switch.js} | 30 +- js/light-mode-switch.min.js | 1 + 9 files changed, 375 insertions(+), 260 deletions(-) create mode 100644 assets/ComicMono.ttf create mode 100644 css/dark-mode.min.css create mode 100644 css/light-mode.css create mode 100644 css/light-mode.min.css delete mode 100644 js/dark-mode-switch.min.js rename js/{dark-mode-switch.js => light-mode-switch.js} (56%) create mode 100644 js/light-mode-switch.min.js diff --git a/assets/ComicMono.ttf b/assets/ComicMono.ttf new file mode 100644 index 0000000000000000000000000000000000000000..9bc7354e3ad1702a85a08dea067bb2871bce689a GIT binary patch literal 18724 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 literal 0 HcmV?d00001 diff --git a/css/dark-mode.css b/css/dark-mode.css index 1db5f0d..ed6a930 100644 --- a/css/dark-mode.css +++ b/css/dark-mode.css @@ -1,22 +1,62 @@ -[data-theme="dark"] { - background-color: pink !important; +.prompt-sign { + position: absolute; + top: 25px; + left: 40px; + pointer-events: none; + font-size: 1em; } -[data-theme="dark"] .bg-light { - background-color: #333 !important; +.highlighted-parameter { + color: #c0c0ba; + font-weight: bold; + font-size: 1em; } -[data-theme="dark"] .bg-white { - background-color: #000 !important; +.highlighted-warning { + color: red; + font-weight: bold; } -[data-theme="dark"] .rainbow { - font-family: 'Pacifico', cursive; - text-shadow: 2px 2px 4px #000000; - font-size:40px; - -webkit-animation: rainbow 5s infinite; - -ms-animation: rainbow 5s infinite; - animation: rainbow 5s infinite; - font-family: ComicMono; - src: url(ComicMono.ttf); +.custom-switch label { + cursor: pointer; + user-select: none; +} + +_:-ms-fullscreen, +:root body { + /* IE11 */ + overflow-y: scroll; +} + +#listener-command { + border: none !important; + border-radius: 5px; + box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75); +} + +#reverse-shell-command { + border: none !important; + border-radius: 5px; + box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75); + background-color: rgb(70, 70, 70); +} + +.custom-select { + background-color: #646464; + color: white; +} + +.container { + padding: 10px; + border-radius: 20px; + box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.75); + max-height: 1000px; +} + +h1, +h2, +h3, +h4, +h5 { + color: white; } diff --git a/css/dark-mode.min.css b/css/dark-mode.min.css new file mode 100644 index 0000000..0ad7f70 --- /dev/null +++ b/css/dark-mode.min.css @@ -0,0 +1 @@ +.prompt-sign{position:absolute;top:25px;left:40px;pointer-events:none;font-size:1em}.highlighted-parameter{color:#c0c0ba;font-weight:700;font-size:1em}.highlighted-warning{color:red;font-weight:700}.custom-switch label{cursor:pointer;user-select:none}_:-ms-fullscreen,:root body{overflow-y:scroll}#listener-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,.75)}#reverse-shell-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,.75);background-color:#464646}.custom-select{background-color:#646464;color:#fff}.container{padding:10px;border-radius:20px;box-shadow:10px 0 20px 0 rgba(0,0,0,.75);max-height:1000px}h1,h2,h3,h4,h5{color:#fff} \ No newline at end of file diff --git a/css/light-mode.css b/css/light-mode.css new file mode 100644 index 0000000..7baec58 --- /dev/null +++ b/css/light-mode.css @@ -0,0 +1,277 @@ +/* +Ain't got time for using CSS the right way. !important everything! +*/ + +[data-theme="light"] { + background-color: pink !important; +} + +[data-theme="light"] .card { + background-color: rgb(175, 139, 173) !important; + color:#000; +} + +[data-theme="light"] .bg-white { + background-color: rgb(221, 215, 215) !important; +} + +[data-theme="light"] .bg-dark { + background-color: rgb(231, 212, 224) !important; +} + +[data-theme="light"] .rainbow { + text-shadow: 2px 2px 4px #000; + font-size: 40px; + -webkit-animation: rainbow 5s infinite; + -ms-animation: rainbow 5s infinite; + animation: rainbow 5s infinite; + font-family: 'Comic Mono'; +} + +[data-theme="light"] .prompt-sign { + position: absolute; + top: 25px; + left: 40px; + pointer-events: none; + font-size: 1em; + color: #2e3e86; +} + +[data-theme="light"] .input-group-text { + background-color:#f1c6ce; + color:#000; +} + +[data-theme="light"] .btn { + background-color: #a56096; + color:#000; + border-color:#a56096; +} + +[data-theme="light"] .highlighted-parameter { + color: #7223b5; + font-weight: bold; + font-size: 1em; +} + +[data-theme="light"] .highlighted-warning { + color: red; + font-weight: bold; +} + +[data-theme="light"] .custom-switch label { + cursor: pointer; + user-select: none; +} + +[data-theme="light"] .custom-control-input:checked~.custom-control-label::before{ + background-color:#7223b5; + } + +[data-theme="light"] #listener-command { + border: none !important; + border-radius: 5px; + box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75); + background-color: rgb(45, 139, 135); + color:#000; +} + +[data-theme="light"] #reverse-shell-command { + border: none !important; + border-radius: 5px; + box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75); + background-color: rgb(45, 139, 135); + color:#000; +} + +[data-theme="light"] .custom-select { + background-color: #f1c6ce; + color:#000; + border-color:#a56096; +} + +[data-theme="light"] .custom-control-input:checked { + color:#000; +} + +[data-theme="light"] a { + background-color:#f1c6ce; + color:#000; +} + +[data-theme="light"] .list-group-item{ + color:#000; +} + +[data-theme="light"] .list-group-item.active { +background-color:#a56096; +border-color: #000; +} + +[data-theme="light"] .list-group-item:hover { + background-color: #a56096; +} + +[data-theme="light"] .list-group-item.hover { + background-color:rgba(153, 28, 143, 0.75); +} + +[data-theme="light"] .container { + padding: 10px; + border-radius: 20px; + box-shadow: 10px 0px 20px 0px rgba(153, 28, 143, 0.75); + max-height: 1000px; +} + +[data-theme="light"] .card-title { +color: #000 !important; +} + +[data-theme="light"] .custom-control-label { +color: black; +} + +@font-face { + font-family: "Comic Mono"; + src: url(../assets/ComicMono.ttf); +} + +@-webkit-keyframes rainbow { + 0% { + color: orange; + } + + 10% { + color: purple; + } + + 20% { + color: red; + } + + 30% { + color: CadetBlue; + } + + 40% { + color: yellow; + } + + 50% { + color: coral; + } + + 60% { + color: green; + } + + 70% { + color: cyan; + } + + 80% { + color: DeepPink; + } + + 90% { + color: DodgerBlue; + } + + 100% { + color: orange; + } +} + +/* Internet Explorer */ +@-ms-keyframes rainbow { + 0% { + color: orange; + } + + 10% { + color: purple; + } + + 20% { + color: red; + } + + 30% { + color: CadetBlue; + } + + 40% { + color: yellow; + } + + 50% { + color: coral; + } + + 60% { + color: green; + } + + 70% { + color: cyan; + } + + 80% { + color: DeepPink; + } + + 90% { + color: DodgerBlue; + } + + 100% { + color: orange; + } +} + +/* Standar Syntax */ +@keyframes rainbow { + 0% { + color: orange; + } + + 10% { + color: purple; + } + + 20% { + color: red; + } + + 30% { + color: CadetBlue; + } + + 40% { + color: yellow; + } + + 50% { + color: coral; + } + + 60% { + color: green; + } + + 70% { + color: cyan; + } + + 80% { + color: DeepPink; + } + + 90% { + color: DodgerBlue; + } + + 100% { + color: orange; + } +} diff --git a/css/light-mode.min.css b/css/light-mode.min.css new file mode 100644 index 0000000..bb3c8a6 --- /dev/null +++ b/css/light-mode.min.css @@ -0,0 +1 @@ +[data-theme=light]{background-color:pink!important}[data-theme=light] .card{background-color:#af8bad!important;color:#000}[data-theme=light] .bg-white{background-color:#ddd7d7!important}[data-theme=light] .bg-dark{background-color:#e7d4e0!important}[data-theme=light] .rainbow{text-shadow:2px 2px 4px #000;font-size:40px;-webkit-animation:rainbow 5s infinite;-ms-animation:rainbow 5s infinite;animation:rainbow 5s infinite;font-family:'Comic Mono'}[data-theme=light] .prompt-sign{position:absolute;top:25px;left:40px;pointer-events:none;font-size:1em;color:#2e3e86}[data-theme=light] .input-group-text{background-color:#f1c6ce;color:#000}[data-theme=light] .btn{background-color:#a56096;color:#000;border-color:#a56096}[data-theme=light] .highlighted-parameter{color:#7223b5;font-weight:700;font-size:1em}[data-theme=light] .highlighted-warning{color:red;font-weight:700}[data-theme=light] .custom-switch label{cursor:pointer;user-select:none}[data-theme=light] .custom-control-input:checked~.custom-control-label::before{background-color:#7223b5}[data-theme=light] #listener-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,.75);background-color:#2d8b87;color:#000}[data-theme=light] #reverse-shell-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,.75);background-color:#2d8b87;color:#000}[data-theme=light] .custom-select{background-color:#f1c6ce;color:#000;border-color:#a56096}[data-theme=light] .custom-control-input:checked{color:#000}[data-theme=light] a{background-color:#f1c6ce;color:#000}[data-theme=light] .list-group-item{color:#000}[data-theme=light] .list-group-item.active{background-color:#a56096;border-color:#000}[data-theme=light] .list-group-item:hover{background-color:#a56096}[data-theme=light] .list-group-item.hover{background-color:rgba(153,28,143,.75)}[data-theme=light] .container{padding:10px;border-radius:20px;box-shadow:10px 0 20px 0 rgba(153,28,143,.75);max-height:1000px}[data-theme=light] .card-title{color:#000!important}[data-theme=light] .custom-control-label{color:#000}@font-face{font-family:"Comic Mono";src:url(../assets/ComicMono.ttf)}@-webkit-keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:#5f9ea0}40%{color:#ff0}50%{color:coral}60%{color:green}70%{color:#0ff}80%{color:#ff1493}90%{color:#1e90ff}100%{color:orange}}@-ms-keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:#5f9ea0}40%{color:#ff0}50%{color:coral}60%{color:green}70%{color:#0ff}80%{color:#ff1493}90%{color:#1e90ff}100%{color:orange}}@keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:#5f9ea0}40%{color:#ff0}50%{color:coral}60%{color:green}70%{color:#0ff}80%{color:#ff1493}90%{color:#1e90ff}100%{color:orange}} \ No newline at end of file diff --git a/index.html b/index.html index 6de0a84..bc966b5 100644 --- a/index.html +++ b/index.html @@ -10,226 +10,18 @@ - - - + +
- -
-
@@ -239,7 +31,7 @@
- +
@@ -294,17 +86,17 @@
- + - +
- -
@@ -636,8 +428,10 @@ }, updateSwitchStates: function () { - $('#step2-advanced').collapse($('#step2-advanced-switch').prop('checked') ? 'show' : 'hide') - $('#step3-advanced').collapse($('#step3-advanced-switch').prop('checked') ? 'show' : 'hide') + $('#listener-advanced').collapse($('#listener-advanced-switch').prop('checked') ? 'show' : + 'hide') + $('#revshell-advanced').collapse($('#revshell-advanced-switch').prop('checked') ? 'show' : + 'hide') } } @@ -652,7 +446,7 @@ setLocalStorage(portInput, "port", "value"); }) - $('#step2-advanced-switch, #step3-advanced-switch').on('change', rsg.updateSwitchStates) + $('#listener-advanced-switch, #revshell-advanced-switch').on('change', rsg.updateSwitchStates) setInterval(rsg.updateSwitchStates, 500) // fix switch changes in rapid succession $('#copy-listener').on('click', function () { @@ -762,6 +556,8 @@ }) + + \ No newline at end of file diff --git a/js/dark-mode-switch.min.js b/js/dark-mode-switch.min.js deleted file mode 100644 index 13863ed..0000000 --- a/js/dark-mode-switch.min.js +++ /dev/null @@ -1 +0,0 @@ -function initTheme(){var e=null!==localStorage.getItem("darkSwitch")&&"dark"===localStorage.getItem("darkSwitch");darkSwitch.checked=e,e?document.body.setAttribute("data-theme","dark"):document.body.removeAttribute("data-theme")}function resetTheme(){darkSwitch.checked?(document.body.setAttribute("data-theme","dark"),localStorage.setItem("darkSwitch","dark")):(document.body.removeAttribute("data-theme"),localStorage.removeItem("darkSwitch"))}var darkSwitch=document.getElementById("darkSwitch");window.addEventListener("load",function(){darkSwitch&&(initTheme(),darkSwitch.addEventListener("change",function(){resetTheme()}))}); diff --git a/js/dark-mode-switch.js b/js/light-mode-switch.js similarity index 56% rename from js/dark-mode-switch.js rename to js/light-mode-switch.js index 1d5b514..393c225 100644 --- a/js/dark-mode-switch.js +++ b/js/light-mode-switch.js @@ -1,8 +1,8 @@ -var darkSwitch = document.getElementById("darkSwitch"); +var lightSwitch = document.getElementById("lightSwitch"); window.addEventListener("load", function () { - if (darkSwitch) { + if (lightSwitch) { initTheme(); - darkSwitch.addEventListener("change", function () { + lightSwitch.addEventListener("change", function () { resetTheme(); }); } @@ -14,33 +14,33 @@ window.addEventListener("load", function () { * * Description: initTheme is a function that uses localStorage from JavaScript DOM, * to store the value of the HTML switch. If the switch was already switched to - * 'on' it will set an HTML attribute to the body named: 'data-theme' to a 'dark' + * 'on' it will set an HTML attribute to the body named: 'data-theme' to a 'light' * value. If it is the first time opening the page, or if the switch was off the * 'data-theme' attribute will not be set. * @return {void} */ function initTheme() { - var darkThemeSelected = - localStorage.getItem("darkSwitch") !== null && - localStorage.getItem("darkSwitch") === "dark"; - darkSwitch.checked = darkThemeSelected; - darkThemeSelected - ? document.body.setAttribute("data-theme", "dark") + var lightThemeSelected = + localStorage.getItem("lightSwitch") !== null && + localStorage.getItem("lightSwitch") === "light"; + lightSwitch.checked = lightThemeSelected; + lightThemeSelected + ? document.body.setAttribute("data-theme", "light") : document.body.removeAttribute("data-theme"); } /** * Summary: resetTheme checks if the switch is 'on' or 'off' and if it is toggled - * on it will set the HTML attribute 'data-theme' to dark so the dark-theme CSS is + * on it will set the HTML attribute 'data-theme' to light so the light-theme CSS is * applied. * @return {void} */ function resetTheme() { - if (darkSwitch.checked) { - document.body.setAttribute("data-theme", "dark"); - localStorage.setItem("darkSwitch", "dark"); + if (lightSwitch.checked) { + document.body.setAttribute("data-theme", "light"); + localStorage.setItem("lightSwitch", "light"); } else { document.body.removeAttribute("data-theme"); - localStorage.removeItem("darkSwitch"); + localStorage.removeItem("lightSwitch"); } } \ No newline at end of file diff --git a/js/light-mode-switch.min.js b/js/light-mode-switch.min.js new file mode 100644 index 0000000..55d6ef5 --- /dev/null +++ b/js/light-mode-switch.min.js @@ -0,0 +1 @@ +var lightSwitch=document.getElementById("lightSwitch");function initTheme(){var t=null!==localStorage.getItem("lightSwitch")&&"light"===localStorage.getItem("lightSwitch");lightSwitch.checked=t,t?document.body.setAttribute("data-theme","light"):document.body.removeAttribute("data-theme")}function resetTheme(){lightSwitch.checked?(document.body.setAttribute("data-theme","light"),localStorage.setItem("lightSwitch","light")):(document.body.removeAttribute("data-theme"),localStorage.removeItem("lightSwitch"))}window.addEventListener("load",function(){lightSwitch&&(initTheme(),lightSwitch.addEventListener("change",function(){resetTheme()}))}); \ No newline at end of file