diff --git a/README.md b/README.md index f24a5c6..613e6bd 100644 --- a/README.md +++ b/README.md @@ -56,4 +56,5 @@ These modules can be divided into the following stages: - Jonathan Levin (For the jailbreak toolkit) - Lokihardt (For being able to pwn browsers within a wink) - Sem Voigtländer (just a techie) +- J0113 (Redesign html) - (@wwwtyro) https://github.com/wwwtyro/cryptico diff --git a/fuckoff.html b/fuckoff.html deleted file mode 100644 index 209c4ec..0000000 --- a/fuckoff.html +++ /dev/null @@ -1,8 +0,0 @@ - - diff --git a/index.html b/index.html index bbaa5bd..f034678 100644 --- a/index.html +++ b/index.html @@ -1,99 +1,86 @@ - - - - - - - - Jailbreak Me 11 - - - - - - - - -
- Jailbreak Me -
- - 7.1 - 7.1.2 - -
- - 9.1 - 9.3.4 (32b) - -
- - - 11.3.1 (i8, i8+) - -
-
-
-
-
- - Go - - -
- - - + + + + + Jailbreak Me 11 + + + + + + + + + + + + + + +
+
+

JailBreak Me

+

By Sem Voigtländer

+
+

64Bit: 8.4.1 ~ 9.3.3 & 11.3.1
32Bit: 8.4.1 & 9.1 ~ 9.3.4

+
+
+ +
+

Do Magic

+
+ +

Press with caution.

+
+
+
+ +
+
+
+

Design by @J0113

+
+ + + diff --git a/style.css b/style.css deleted file mode 100644 index aa68eea..0000000 --- a/style.css +++ /dev/null @@ -1,73 +0,0 @@ -/*** - * /$$$$$ /$$ /$$ /$$ /$$ /$$ /$$ /$$ /$$ /$$$$$$ - * |__ $$ |__/| $$| $$ | $$ | $$$ /$$$ /$$$$ /$$$$ /$$$_ $$ - * | $$ /$$$$$$ /$$| $$| $$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ | $$ /$$ | $$$$ /$$$$ /$$$$$$ |_ $$ |_ $$ | $$$$\ $$ - * | $$ |____ $$| $$| $$| $$__ $$ /$$__ $$ /$$__ $$ |____ $$| $$ /$$/ | $$ $$/$$ $$ /$$__ $$ | $$ | $$ | $$ $$ $$ - * /$$ | $$ /$$$$$$$| $$| $$| $$ \ $$| $$ \__/| $$$$$$$$ /$$$$$$$| $$$$$$/ | $$ $$$| $$| $$$$$$$$ | $$ | $$ | $$\ $$$$ - * | $$ | $$ /$$__ $$| $$| $$| $$ | $$| $$ | $$_____/ /$$__ $$| $$_ $$ | $$\ $ | $$| $$_____/ | $$ | $$ | $$ \ $$$ - * | $$$$$$/| $$$$$$$| $$| $$| $$$$$$$/| $$ | $$$$$$$| $$$$$$$| $$ \ $$ | $$ \/ | $$| $$$$$$$ /$$$$$$ /$$$$$$ /$$| $$$$$$/ - * \______/ \_______/|__/|__/|_______/ |__/ \_______/ \_______/|__/ \__/ |__/ |__/ \_______/ |______/|______/|__/ \______/ - * - * UI Design by Sem Voigtländer - * - */ - -/* Global */ -* { - font-family: monospace, Arial, sans-serif; - font-size: 36px; -} - - /* View */ - body, html { - background: #000000; - margin: 0; - padding: 0; - font-size: 16px; - width: 100%; - height: 100%; - color: white; - } - - -body { - width: 100%; - height: 100%; -} - -header { - padding-top: 25px; - text-align: center; - font-size: 42px; - font-weight: bold; -} - -main { - width: 100%; - text-align: center; - padding-top: 25%; -} - -.go { - padding-top: 15px; - padding-bottom: 15px; - min-width: 50px; - max-width: 90%; - background: rgba(252, 252, 252, 0.7); -} - -.go, .go * { - text-align: center; - text-decoration: none; - font-weight: bold; - font-size: 15px !important; - border-radius: 7px; - color: purple; - display: inline-block; - box-decoration-break: slice; -} - -footer { - padding-top: 25%; - text-align: center; -} diff --git a/styled.css b/styled.css new file mode 100644 index 0000000..73cde01 --- /dev/null +++ b/styled.css @@ -0,0 +1,102 @@ +body{ + height: 100vh; + background-image: linear-gradient(#000032, #000015); + background-color: #00001a; +} + +#logbox{ + background: transparent; + color: white; + resize: none; + border: 1px solid transparent; + -moz-border-image: -moz-linear-gradient(top, #B700FF 0%, #4000FF 100%); + -webkit-border-image: -webkit-linear-gradient(top, #B700FF 0%, #4000FF 100%); + border-image: linear-gradient(to bottom, #B700FF 0%, #4000FF 100%); + border-image-slice: 1; + width: 100%; +} + + +/* ------ */ +/* Fonts */ +/* ------ */ +.quicksand { + font-family: 'Quicksand', sans-serif; +} +.roboto { + font-family: 'Roboto Mono', monospace; +} +.fredoka { + font-family: 'Fredoka One', cursive; +} + +/* The Magic Button :) */ +.magicbtn{ + font-size: 10vw; + font-family: 'Fredoka One', cursive; + background: -webkit-linear-gradient(#ff00ff, #1000ff); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + border: 1px solid transparent; + -moz-border-image: -moz-linear-gradient(top, #ff00ff 0%, #1000ff 100%); + -webkit-border-image: -webkit-linear-gradient(top, #ff00ff 0%, #1000ff 100%); + border-image: linear-gradient(to bottom, #ff00ff 0%, #1000ff 100%); + border-image-slice: 1; +} + +/* ------------ */ +/* Animation 1! */ +/* ------------ */ +.animation { + -webkit-animation: rainbow 20s infinite; + -ms-animation: rainbow 20s infinite; + animation: rainbow 20s infinite; +} + +@-webkit-keyframes rainbow{ + 0%{color: #ff0000;} + 8%{color: #ff8000;} + 17%{color: #ffff00;} + 25%{color: #80ff00;} + 33%{color: #40ff00;} + 42%{color: #00ff40;} + 50%{color: #00ffbf;} + 58%{color: #00bfff;} + 67%{color: #0040ff;} + 75%{color: #4000ff;} + 83%{color: #bf00ff;} + 92%{color: #ff00bf;} + 100%{color: #ff0040;} +} + +@-ms-keyframes rainbow{ + 0%{color: #ff0000;} + 8%{color: #ff8000;} + 17%{color: #ffff00;} + 25%{color: #80ff00;} + 33%{color: #40ff00;} + 42%{color: #00ff40;} + 50%{color: #00ffbf;} + 58%{color: #00bfff;} + 67%{color: #0040ff;} + 75%{color: #4000ff;} + 83%{color: #bf00ff;} + 92%{color: #ff00bf;} + 100%{color: #ff0040;} +} + +@keyframes rainbow{ + 0%{color: #ff0000;} + 8%{color: #ff8000;} + 17%{color: #ffff00;} + 25%{color: #80ff00;} + 33%{color: #40ff00;} + 42%{color: #00ff40;} + 50%{color: #00ffbf;} + 58%{color: #00bfff;} + 67%{color: #0040ff;} + 75%{color: #4000ff;} + 83%{color: #bf00ff;} + 92%{color: #ff00bf;} + 100%{color: #ff0040;} +}