added official hacktheboo2024 writeups
This commit is contained in:
parent
1f7a9b0566
commit
e3c46450f7
327 changed files with 14303 additions and 0 deletions
12
htb/hacktheboo2024/web/web_void_whispers/challenge/static/css/bootstrap.min.css
vendored
Normal file
12
htb/hacktheboo2024/web/web_void_whispers/challenge/static/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
532
htb/hacktheboo2024/web/web_void_whispers/challenge/static/css/main.css
Executable file
532
htb/hacktheboo2024/web/web_void_whispers/challenge/static/css/main.css
Executable file
|
|
@ -0,0 +1,532 @@
|
|||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
scroll: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #2F5363;
|
||||
*zoom: 1;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF2F5363', endColorstr='#FF1B2628');
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iODAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmY1MzYzIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMxYjI2MjgiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
|
||||
background-size: 100%;
|
||||
background-image: -moz-radial-gradient(center, ellipse cover, #2f5363 0%, #1b2628 80%);
|
||||
background-image: -webkit-radial-gradient(center, ellipse cover, #2f5363 0%, #1b2628 80%);
|
||||
background-image: radial-gradient(ellipse cover at center, #2f5363 0%, #1b2628 80%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
[class*="spider"] {
|
||||
position: absolute;
|
||||
height: 40px;
|
||||
width: 50px;
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
margin: 40px 0 0 0;
|
||||
background: #110D04;
|
||||
}
|
||||
[class*="spider"] *, [class*="spider"]:before, [class*="spider"]:after, [class*="spider"] :after, [class*="spider"] :before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
}
|
||||
[class*="spider"]:before {
|
||||
width: 1px;
|
||||
background: #AAAAAA;
|
||||
left: 50%;
|
||||
top: -320px;
|
||||
height: 320px;
|
||||
}
|
||||
[class*="spider"] .eye {
|
||||
top: 16px;
|
||||
height: 14px;
|
||||
width: 12px;
|
||||
background: #FFFFFF;
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
[class*="spider"] .eye:after {
|
||||
top: 6px;
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
background: black;
|
||||
}
|
||||
[class*="spider"] .eye.left {
|
||||
left: 14px;
|
||||
}
|
||||
[class*="spider"] .eye.left:after {
|
||||
right: 3px;
|
||||
}
|
||||
[class*="spider"] .eye.right {
|
||||
right: 14px;
|
||||
}
|
||||
[class*="spider"] .eye.right:after {
|
||||
left: 3px;
|
||||
}
|
||||
[class*="spider"] .leg {
|
||||
top: 6px;
|
||||
height: 12px;
|
||||
width: 14px;
|
||||
border-top: 2px solid #110D04;
|
||||
border-left: 1px solid transparent;
|
||||
border-right: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
z-index: -1;
|
||||
}
|
||||
[class*="spider"] .leg.left {
|
||||
left: -8px;
|
||||
-moz-transform-origin: top right;
|
||||
-ms-transform-origin: top right;
|
||||
-webkit-transform-origin: top right;
|
||||
transform-origin: top right;
|
||||
-moz-transform: rotate(36deg) skewX(-20deg);
|
||||
-ms-transform: rotate(36deg) skewX(-20deg);
|
||||
-webkit-transform: rotate(36deg) skewX(-20deg);
|
||||
transform: rotate(36deg) skewX(-20deg);
|
||||
border-left: 2px solid #110D04;
|
||||
-moz-border-radius: 60% 0 0 0;
|
||||
-webkit-border-radius: 60%;
|
||||
border-radius: 60% 0 0 0;
|
||||
-moz-animation: legs-wriggle-left 1s 0s infinite;
|
||||
-webkit-animation: legs-wriggle-left 1s 0s infinite;
|
||||
animation: legs-wriggle-left 1s 0s infinite;
|
||||
}
|
||||
[class*="spider"] .leg.right {
|
||||
right: -8px;
|
||||
-moz-transform-origin: top left;
|
||||
-ms-transform-origin: top left;
|
||||
-webkit-transform-origin: top left;
|
||||
transform-origin: top left;
|
||||
-moz-transform: rotate(-36deg) skewX(20deg);
|
||||
-ms-transform: rotate(-36deg) skewX(20deg);
|
||||
-webkit-transform: rotate(-36deg) skewX(20deg);
|
||||
transform: rotate(-36deg) skewX(20deg);
|
||||
border-right: 2px solid #110D04;
|
||||
-moz-border-radius: 0 60% 0 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0 60% 0 0;
|
||||
-moz-animation: legs-wriggle-right 1s 0.2s infinite;
|
||||
-webkit-animation: legs-wriggle-right 1s 0.2s infinite;
|
||||
animation: legs-wriggle-right 1s 0.2s infinite;
|
||||
}
|
||||
[class*="spider"] .leg:nth-of-type(2) {
|
||||
top: 14px;
|
||||
left: -11px;
|
||||
-moz-animation: legs-wriggle-left 1s 0.8s infinite;
|
||||
-webkit-animation: legs-wriggle-left 1s 0.8s infinite;
|
||||
animation: legs-wriggle-left 1s 0.8s infinite;
|
||||
}
|
||||
[class*="spider"] .leg:nth-of-type(3) {
|
||||
top: 22px;
|
||||
left: -12px;
|
||||
-moz-animation: legs-wriggle-left 1s 0.2s infinite;
|
||||
-webkit-animation: legs-wriggle-left 1s 0.2s infinite;
|
||||
animation: legs-wriggle-left 1s 0.2s infinite;
|
||||
}
|
||||
[class*="spider"] .leg:nth-of-type(4) {
|
||||
top: 31px;
|
||||
left: -10px;
|
||||
-moz-animation: legs-wriggle-left 1s 0.4s infinite;
|
||||
-webkit-animation: legs-wriggle-left 1s 0.4s infinite;
|
||||
animation: legs-wriggle-left 1s 0.4s infinite;
|
||||
}
|
||||
[class*="spider"] .leg:nth-of-type(6) {
|
||||
top: 14px;
|
||||
right: -11px;
|
||||
-moz-animation: legs-wriggle-right 1s 0.4s infinite;
|
||||
-webkit-animation: legs-wriggle-right 1s 0.4s infinite;
|
||||
animation: legs-wriggle-right 1s 0.4s infinite;
|
||||
}
|
||||
[class*="spider"] .leg:nth-of-type(7) {
|
||||
top: 22px;
|
||||
right: -12px;
|
||||
-moz-animation: legs-wriggle-right 1s 0.7s infinite;
|
||||
-webkit-animation: legs-wriggle-right 1s 0.7s infinite;
|
||||
animation: legs-wriggle-right 1s 0.7s infinite;
|
||||
}
|
||||
[class*="spider"] .leg:nth-of-type(8) {
|
||||
top: 31px;
|
||||
right: -10px;
|
||||
-moz-animation: legs-wriggle-right 1s 0.3s infinite;
|
||||
-webkit-animation: legs-wriggle-right 1s 0.3s infinite;
|
||||
animation: legs-wriggle-right 1s 0.3s infinite;
|
||||
}
|
||||
|
||||
.spider_0 {
|
||||
left: 5%;
|
||||
-moz-animation: spider-move-0 5s infinite;
|
||||
-webkit-animation: spider-move-0 5s infinite;
|
||||
animation: spider-move-0 5s infinite;
|
||||
}
|
||||
|
||||
.spider_1 {
|
||||
left: 20%;
|
||||
-moz-animation: spider-move-1 5s infinite;
|
||||
-webkit-animation: spider-move-1 5s infinite;
|
||||
animation: spider-move-1 5s infinite;
|
||||
}
|
||||
|
||||
.spider_2 {
|
||||
left: 35%;
|
||||
-moz-animation: spider-move-2 5s infinite;
|
||||
-webkit-animation: spider-move-2 5s infinite;
|
||||
animation: spider-move-2 5s infinite;
|
||||
}
|
||||
|
||||
.spider_3 {
|
||||
right: 35%;
|
||||
margin-top: 160px;
|
||||
-moz-animation: spider-move-3 5s infinite;
|
||||
-webkit-animation: spider-move-3 5s infinite;
|
||||
animation: spider-move-3 5s infinite;
|
||||
}
|
||||
|
||||
.spider_4 {
|
||||
right: 20%;
|
||||
margin-top: 50px;
|
||||
-moz-animation: spider-move-4 5s infinite;
|
||||
-webkit-animation: spider-move-4 5s infinite;
|
||||
animation: spider-move-4 5s infinite;
|
||||
}
|
||||
|
||||
.spider_5 {
|
||||
right: 5%;
|
||||
margin-top: 210px;
|
||||
-moz-animation: spider-move-5 5s infinite;
|
||||
-webkit-animation: spider-move-5 5s infinite;
|
||||
animation: spider-move-5 5s infinite;
|
||||
}
|
||||
|
||||
h1 {
|
||||
position: absolute;
|
||||
left: 6%;
|
||||
bottom: 12%;
|
||||
font-family: 'Eater', cursive;
|
||||
font-size: 8.5vw;
|
||||
color: #111111;
|
||||
-moz-animation: flicker 4s 0s infinite;
|
||||
-webkit-animation: flicker 4s 0s infinite;
|
||||
animation: flicker 4s 0s infinite;
|
||||
}
|
||||
|
||||
.web-right {
|
||||
position: absolute;
|
||||
height: 200px;
|
||||
width: auto;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
z-index: -1;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.web-left {
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
top: -10px;
|
||||
-moz-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-webkit-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
z-index: -1;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
@-moz-keyframes flicker {
|
||||
0%, 6%, 12% {
|
||||
text-shadow: none;
|
||||
color: #111111;
|
||||
}
|
||||
3%, 9% {
|
||||
text-shadow: 0 0 8px rgba(250, 103, 1, 0.6);
|
||||
color: #fa6701;
|
||||
}
|
||||
60% {
|
||||
text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
|
||||
color: #fa6701;
|
||||
}
|
||||
100% {
|
||||
text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
|
||||
color: #fa6701;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes flicker {
|
||||
0%, 6%, 12% {
|
||||
text-shadow: none;
|
||||
color: #111111;
|
||||
}
|
||||
3%, 9% {
|
||||
text-shadow: 0 0 8px rgba(250, 103, 1, 0.6);
|
||||
color: #fa6701;
|
||||
}
|
||||
60% {
|
||||
text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
|
||||
color: #fa6701;
|
||||
}
|
||||
100% {
|
||||
text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
|
||||
color: #fa6701;
|
||||
}
|
||||
}
|
||||
@keyframes flicker {
|
||||
0%, 6%, 12% {
|
||||
text-shadow: none;
|
||||
color: #111111;
|
||||
}
|
||||
3%, 9% {
|
||||
text-shadow: 0 0 8px rgba(250, 103, 1, 0.6);
|
||||
color: #fa6701;
|
||||
}
|
||||
60% {
|
||||
text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
|
||||
color: #fa6701;
|
||||
}
|
||||
100% {
|
||||
text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
|
||||
color: #fa6701;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes legs-wriggle-left {
|
||||
0%, 100% {
|
||||
-moz-transform: rotate(36deg) skewX(-20deg);
|
||||
transform: rotate(36deg) skewX(-20deg);
|
||||
}
|
||||
25%, 75% {
|
||||
-moz-transform: rotate(15deg) skewX(-20deg);
|
||||
transform: rotate(15deg) skewX(-20deg);
|
||||
}
|
||||
50% {
|
||||
-moz-transform: rotate(45deg) skewX(-20deg);
|
||||
transform: rotate(45deg) skewX(-20deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes legs-wriggle-left {
|
||||
0%, 100% {
|
||||
-webkit-transform: rotate(36deg) skewX(-20deg);
|
||||
transform: rotate(36deg) skewX(-20deg);
|
||||
}
|
||||
25%, 75% {
|
||||
-webkit-transform: rotate(15deg) skewX(-20deg);
|
||||
transform: rotate(15deg) skewX(-20deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(45deg) skewX(-20deg);
|
||||
transform: rotate(45deg) skewX(-20deg);
|
||||
}
|
||||
}
|
||||
@keyframes legs-wriggle-left {
|
||||
0%, 100% {
|
||||
-moz-transform: rotate(36deg) skewX(-20deg);
|
||||
-ms-transform: rotate(36deg) skewX(-20deg);
|
||||
-webkit-transform: rotate(36deg) skewX(-20deg);
|
||||
transform: rotate(36deg) skewX(-20deg);
|
||||
}
|
||||
25%, 75% {
|
||||
-moz-transform: rotate(15deg) skewX(-20deg);
|
||||
-ms-transform: rotate(15deg) skewX(-20deg);
|
||||
-webkit-transform: rotate(15deg) skewX(-20deg);
|
||||
transform: rotate(15deg) skewX(-20deg);
|
||||
}
|
||||
50% {
|
||||
-moz-transform: rotate(45deg) skewX(-20deg);
|
||||
-ms-transform: rotate(45deg) skewX(-20deg);
|
||||
-webkit-transform: rotate(45deg) skewX(-20deg);
|
||||
transform: rotate(45deg) skewX(-20deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes legs-wriggle-right {
|
||||
0%, 100% {
|
||||
-moz-transform: rotate(-36deg) skewX(20deg);
|
||||
transform: rotate(-36deg) skewX(20deg);
|
||||
}
|
||||
25%, 75% {
|
||||
-moz-transform: rotate(-15deg) skewX(20deg);
|
||||
transform: rotate(-15deg) skewX(20deg);
|
||||
}
|
||||
50% {
|
||||
-moz-transform: rotate(-45deg) skewX(20deg);
|
||||
transform: rotate(-45deg) skewX(20deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes legs-wriggle-right {
|
||||
0%, 100% {
|
||||
-webkit-transform: rotate(-36deg) skewX(20deg);
|
||||
transform: rotate(-36deg) skewX(20deg);
|
||||
}
|
||||
25%, 75% {
|
||||
-webkit-transform: rotate(-15deg) skewX(20deg);
|
||||
transform: rotate(-15deg) skewX(20deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-45deg) skewX(20deg);
|
||||
transform: rotate(-45deg) skewX(20deg);
|
||||
}
|
||||
}
|
||||
@keyframes legs-wriggle-right {
|
||||
0%, 100% {
|
||||
-moz-transform: rotate(-36deg) skewX(20deg);
|
||||
-ms-transform: rotate(-36deg) skewX(20deg);
|
||||
-webkit-transform: rotate(-36deg) skewX(20deg);
|
||||
transform: rotate(-36deg) skewX(20deg);
|
||||
}
|
||||
25%, 75% {
|
||||
-moz-transform: rotate(-15deg) skewX(20deg);
|
||||
-ms-transform: rotate(-15deg) skewX(20deg);
|
||||
-webkit-transform: rotate(-15deg) skewX(20deg);
|
||||
transform: rotate(-15deg) skewX(20deg);
|
||||
}
|
||||
50% {
|
||||
-moz-transform: rotate(-45deg) skewX(20deg);
|
||||
-ms-transform: rotate(-45deg) skewX(20deg);
|
||||
-webkit-transform: rotate(-45deg) skewX(20deg);
|
||||
transform: rotate(-45deg) skewX(20deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes spider-move-0 {
|
||||
0%, 100% {
|
||||
margin-top: 80px;
|
||||
}
|
||||
66% {
|
||||
margin-top: calc(80px + 76px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes spider-move-0 {
|
||||
0%, 100% {
|
||||
margin-top: 80px;
|
||||
}
|
||||
66% {
|
||||
margin-top: calc(80px + 76px);
|
||||
}
|
||||
}
|
||||
@keyframes spider-move-0 {
|
||||
0%, 100% {
|
||||
margin-top: 80px;
|
||||
}
|
||||
66% {
|
||||
margin-top: calc(80px + 76px);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes spider-move-1 {
|
||||
0%, 100% {
|
||||
margin-top: 178px;
|
||||
}
|
||||
57% {
|
||||
margin-top: calc(178px + 28px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes spider-move-1 {
|
||||
0%, 100% {
|
||||
margin-top: 178px;
|
||||
}
|
||||
57% {
|
||||
margin-top: calc(178px + 28px);
|
||||
}
|
||||
}
|
||||
@keyframes spider-move-1 {
|
||||
0%, 100% {
|
||||
margin-top: 178px;
|
||||
}
|
||||
57% {
|
||||
margin-top: calc(178px + 28px);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes spider-move-2 {
|
||||
0%, 100% {
|
||||
margin-top: 190px;
|
||||
}
|
||||
39% {
|
||||
margin-top: calc(190px + 113px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes spider-move-2 {
|
||||
0%, 100% {
|
||||
margin-top: 190px;
|
||||
}
|
||||
39% {
|
||||
margin-top: calc(190px + 113px);
|
||||
}
|
||||
}
|
||||
@keyframes spider-move-2 {
|
||||
0%, 100% {
|
||||
margin-top: 190px;
|
||||
}
|
||||
39% {
|
||||
margin-top: calc(190px + 113px);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes spider-move-3 {
|
||||
0%, 100% {
|
||||
margin-top: 191px;
|
||||
}
|
||||
55% {
|
||||
margin-top: calc(191px + 47px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes spider-move-3 {
|
||||
0%, 100% {
|
||||
margin-top: 191px;
|
||||
}
|
||||
55% {
|
||||
margin-top: calc(191px + 47px);
|
||||
}
|
||||
}
|
||||
@keyframes spider-move-3 {
|
||||
0%, 100% {
|
||||
margin-top: 191px;
|
||||
}
|
||||
55% {
|
||||
margin-top: calc(191px + 47px);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes spider-move-4 {
|
||||
0%, 100% {
|
||||
margin-top: 55px;
|
||||
}
|
||||
38% {
|
||||
margin-top: calc(55px + 112px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes spider-move-4 {
|
||||
0%, 100% {
|
||||
margin-top: 55px;
|
||||
}
|
||||
38% {
|
||||
margin-top: calc(55px + 112px);
|
||||
}
|
||||
}
|
||||
@keyframes spider-move-4 {
|
||||
0%, 100% {
|
||||
margin-top: 55px;
|
||||
}
|
||||
38% {
|
||||
margin-top: calc(55px + 112px);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes spider-move-5 {
|
||||
0%, 100% {
|
||||
margin-top: 116px;
|
||||
}
|
||||
40% {
|
||||
margin-top: calc(116px + 112px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes spider-move-5 {
|
||||
0%, 100% {
|
||||
margin-top: 116px;
|
||||
}
|
||||
40% {
|
||||
margin-top: calc(116px + 112px);
|
||||
}
|
||||
}
|
||||
@keyframes spider-move-5 {
|
||||
0%, 100% {
|
||||
margin-top: 116px;
|
||||
}
|
||||
40% {
|
||||
margin-top: calc(116px + 112px);
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue