66 <!--suppress HtmlUnknownTarget -->
77 < script src ="WebCorrupter.js "> </ script >
88 < title > WebCorrupter.js demo</ title >
9+ < style >
10+ body {
11+ font-family : Arial, sans-serif;
12+ line-height : 1.6 ;
13+ margin : 0 ;
14+ padding : 20px ;
15+ background-color : # f0f0f0 ;
16+ }
17+ .container {
18+ max-width : 800px ;
19+ margin : 0 auto;
20+ background-color : white;
21+ padding : 20px ;
22+ border-radius : 5px ;
23+ box-shadow : 0 0 10px rgba (0 , 0 , 0 , 0.1 );
24+ }
25+ .grid {
26+ display : grid;
27+ grid-template-columns : repeat (2 , 1fr );
28+ gap : 20px ;
29+ }
30+ </ style >
931 </ head >
1032 < body >
11- Hello! I'm a simple website.
12- < h1 > Test</ h1 >
13- This website is infected by < a href ="https://github.com/denis0001-dev/WebCorrupter.js "> WebCorrupter.js</ a > .
14- That means this website will get corrupted really soon.
15- < h2 > What will happen</ h2 >
16- The website will start glitching, text starts randomly switching colors, and more.
33+ < div class ="container ">
34+ < header style ="background-color: #4CAF50; color: white; padding: 10px; text-align: center; ">
35+ < h1 style ="margin: 0; "> WebCorrupter.js Demo</ h1 >
36+ </ header >
37+
38+ < nav style ="background-color: #333; padding: 10px; ">
39+ < a href ="# " style ="color: white; text-decoration: none; margin-right: 10px; "> Home</ a >
40+ < a href ="# " style ="color: white; text-decoration: none; margin-right: 10px; "> About</ a >
41+ < a href ="# " style ="color: white; text-decoration: none; margin-right: 10px; "> Services</ a >
42+ < a href ="# " style ="color: white; text-decoration: none; "> Contact</ a >
43+ </ nav >
44+
45+ < main >
46+ < p > Hello! I'm a simple website.</ p >
47+ < h2 style ="color: #4CAF50; "> Welcome to the Chaos</ h2 >
48+ < p > This website is infected by < a href ="https://github.com/denis0001-dev/WebCorrupter.js " style ="color: #4CAF50; font-weight: bold; "> WebCorrupter.js</ a > .
49+ That means this website will get corrupted really soon.</ p >
50+
51+ < h2 > What will happen</ h2 >
52+ < p > The website will start glitching, text starts randomly switching colors, and more.</ p >
53+
54+ < div class ="grid ">
55+ < img src ="https://picsum.photos/400/200 " alt ="Random Image 1 " style ="max-width: 100%; height: auto; ">
56+ < img src ="https://picsum.photos/400/200 " alt ="Random Image 2 " style ="max-width: 100%; height: auto; ">
57+ </ div >
58+
59+ < h3 style ="color: #FF5722; "> Features of WebCorrupter.js</ h3 >
60+ < ul style ="list-style-type: square; ">
61+ < li > Random text color changes</ li >
62+ < li > Element shuffling</ li >
63+ < li > Unexpected animations</ li >
64+ < li > And many more surprises!</ li >
65+ </ ul >
66+
67+ < div style ="background-color: #FFF3E0; border-left: 5px solid #FF9800; padding: 10px; margin: 20px 0; ">
68+ < p style ="margin: 0; "> < strong > Warning:</ strong > This demo is for educational purposes only. The effects can be disorienting.</ p >
69+ </ div >
70+
71+ < h3 > Interactive Elements (that may not work for long)</ h3 >
72+ < button style ="background-color: #2196F3; color: white; border: none; padding: 10px 20px; cursor: pointer; "> Click me!</ button >
73+ < input type ="text " placeholder ="Type something... " style ="margin-left: 10px; padding: 5px; ">
74+
75+ < h3 style ="color: #9C27B0; "> Lorem Ipsum</ h3 >
76+ < p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, vitae aliquam nunc nunc vitae nunc. Sed euismod, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, vitae aliquam nunc nunc vitae nunc.</ p >
77+
78+ < h3 style ="color: #E91E63; "> More Interactive Elements</ h3 >
79+ < select style ="padding: 5px; margin-right: 10px; ">
80+ < option > Option 1</ option >
81+ < option > Option 2</ option >
82+ < option > Option 3</ option >
83+ </ select >
84+ < input type ="checkbox " id ="checkbox1 " style ="margin-right: 5px; ">
85+ < label for ="checkbox1 "> Check me</ label >
86+
87+ < h3 style ="color: #009688; "> Table Example</ h3 >
88+ < table style ="width: 100%; border-collapse: collapse; ">
89+ < tr style ="background-color: #4CAF50; color: white; ">
90+ < th style ="padding: 10px; text-align: left; "> Header 1</ th >
91+ < th style ="padding: 10px; text-align: left; "> Header 2</ th >
92+ < th style ="padding: 10px; text-align: left; "> Header 3</ th >
93+ </ tr >
94+ < tr >
95+ < td style ="padding: 10px; border: 1px solid #ddd; "> Row 1, Cell 1</ td >
96+ < td style ="padding: 10px; border: 1px solid #ddd; "> Row 1, Cell 2</ td >
97+ < td style ="padding: 10px; border: 1px solid #ddd; "> Row 1, Cell 3</ td >
98+ </ tr >
99+ < tr style ="background-color: #f2f2f2; ">
100+ < td style ="padding: 10px; border: 1px solid #ddd; "> Row 2, Cell 1</ td >
101+ < td style ="padding: 10px; border: 1px solid #ddd; "> Row 2, Cell 2</ td >
102+ < td style ="padding: 10px; border: 1px solid #ddd; "> Row 2, Cell 3</ td >
103+ </ tr >
104+ </ table >
105+
106+ < h3 style ="color: #3F51B5; "> Contact Form</ h3 >
107+ < form style ="background-color: #f2f2f2; padding: 20px; border-radius: 5px; ">
108+ < label for ="name "> Name:</ label > < br >
109+ < input type ="text " id ="name " name ="name " style ="width: 100%; padding: 5px; margin-bottom: 10px; "> < br >
110+ < label for ="email "> Email:</ label > < br >
111+ < input type ="email " id ="email " name ="email " style ="width: 100%; padding: 5px; margin-bottom: 10px; "> < br >
112+ < label for ="message "> Message:</ label > < br >
113+ < textarea id ="message " name ="message " style ="width: 100%; padding: 5px; margin-bottom: 10px; "> </ textarea > < br >
114+ < input type ="submit " value ="Submit " style ="background-color: #4CAF50; color: white; border: none; padding: 10px 20px; cursor: pointer; ">
115+ </ form >
116+ </ main >
117+
118+ < footer style ="background-color: #333; color: white; text-align: center; padding: 10px; margin-top: 20px; ">
119+ < p style ="margin: 0; "> © 2023 WebCorrupter.js Demo. All rights (and wrongs) reserved.</ p >
120+ </ footer >
121+ </ div >
17122 </ body >
18- </ html >
123+ </ html >
0 commit comments