-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (111 loc) · 7.74 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous"> -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="stylesheet" href="./style.css">
<title>WhatsAppify</title>
</head>
<body>
<div class="content">
<div class="card">
<header class="card-header">
<p class="card-header-title">
<span class="title is-large">Paste the messages in the field below</span>
</p>
</header>
<div class="card-content">
<h3 id='message' class='is-large is-success is-bordered box'></h3>
<button id="copy" class="button is-rounded">
<span class="icon-text">
<span class="icon">
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" />
</svg>
</span>
<span>Copy Messages</span>
</span>
</button>
<p id='error' class="box"></p>
<form action="/regex english.js" id="form">
<div class="field">
<label class="label is-medium" for="select">Select wether you want to leave the names in</label>
<div class="select is-rounded">
<select name="select" id="select">
<option value="noName">Don't display the name</option>
<option value="name">Leave the names in</option>
</select>
</div>
</div>
<textarea class="" name="input" id="input" rows="10" placeholder="[13:22, 8/5/2021] Viktorashi: This is a demo for my stupid app
[13:22, 8/5/2021] Viktorashi: I hope you like [13:22, 8/5/2021] Viktorashi: How I'm typing all this
[13:22, 8/5/2021] Viktorashi: Stupid stuff
[13:22, 8/5/2021] Viktorashi: In seperate messages
[13:23, 8/5/2021] Viktorashi: Is it annoying? Yes"></textarea>
</form>
</div>
</div>
</div>
</div>
<!-- <iframe width="921" height="518" src="https://www.youtube.com/embed/PiXpXQ7iRgA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
<!-- <iframe width="921" height="518" src="https://www.youtube.com/embed/Nn4VnKcpwuk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
<!-- <iframe width="921" height="518" src="https://www.youtube.com/embed/T_u3GBFOMyQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
<!-- Incepe caruseulu -->
<!-- <video src="https://www.youtube.com/watch?v=PiXpXQ7iRgA"></video> -->
<div id="carousel" data-interval='0' class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#carousel" data-slide-to="0" class="active"></li>
<li data-target="#carousel" data-slide-to="1"></li>
<li data-target="#carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div id="player1"></div>
</div>
<div class="carousel-item">
<div id="player2"></div>
</div>
<div class="carousel-item">
<div id="player3"></div>
</div>
</div>
<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<br>
<!-- altu -->
<!-- <button id='refresh' onclick='window.location.reload(false)'>Click here, or refresh the page to write something again/button> -->
<div class="container is-bordered is-large">
<p>Heyy what's good, or should I say, WhatsApp?? Haha very funny ok now use my app bye. Ok so basically, you know when you copyaste a bunch of whatsapp messages they're all annoyingly formatted with name and date and time in them, well you can just
paste them in the line below, and using a regural expression carefully created, designed, tested and uhh marketing adjectives, by yours truly, all your wanted messages will be displayed in the paragrph below, ready for you to copypaste to
yo relatives, so what are you waiting for? U͓̕sé͓͉͔̫̲̫̳ ̦̯̙̜̱̻̪m̲̱͠y̙̤ ̖̫̬̕a͜p̢̫͇͚̝̰̦̤p͈̀ ͝a̰̺l̘͙͎ͅr̘̟̯͖̻ͅe̮͇̟a̜͇̭͠ͅd̯̺̯̻͜y̹̝͚̜̫̫͞
</p><br>
<hr>
<h1>Turn this:</h1>
<p class="container-fluid">[13:22, 8/5/2021] Viktorashi: This is a demo for my stupid app <br> [13:22, 8/5/2021] Viktorashi: I hope you like <br> [13:22, 8/5/2021] Viktorashi: How I'm typing all this <br> [13:22, 8/5/2021] Viktorashi: Stupid stuff <br> [13:22, 8/5/2021]
Viktorashi: In seperate messages <br> [13:23, 8/5/2021] Viktorashi: Is it annoying? Yes</p>
<br> <br>
<h1>Into this:</h1>
<p class="container-fluid">This is a demo for my stupid app <br> I hope you like <br> How I'm typing all this <br> Stupid stuff <br> In seperate messages <br> Is it annoying? Yes
</p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-eMNCOe7tC1doHpGoWe/6oMVemdAVTMs2xqW4mwXrXsW0L84Iytr2wi5v2QjrP/xp" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous"></script> -->
<script src='./regex english.js'></script>
</body>
</html>