-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (153 loc) · 9.01 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>FaceSpace Cleaner</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./node_modules/bootstrap-select/dist/css/bootstrap-select.min.css" type="text/css"/>
<style>
.myButton {
box-shadow: 0px 10px 14px -7px #276873;
background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
background-color:#599bb3;
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:20px;
font-weight:bold;
padding:13px 32px;
text-decoration:none;
text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
background-color:#408c99;
}
.myButton:active {
position:relative;
top:1px;
}
</style>
</head>
<body>
<div class="container">
<div class="card">
<h4 class="card-title">FaceSpace Cleaner</h4>
<h6 class="card-subtitle mb-2 text-muted"><button type="button" id="modal_show" class="btn btn-info">About</button> <button type="button" id="modal2_show" class="btn btn-info">Support❤️</button></h6>
<form>
<div class="form-group"> <!-- username and password -->
<div class="form-row">
<div class="col">
<label for="username" class="control-label">Username</label>
<input type="text" class="form-control" id="username" name="username" placeholder="">
</div>
<div class="col">
<label for="password" class="control-label">Password</label>
<input type="password" class="form-control" id="password" name="password">
</div>
</div>
</div>
<div class="form-group"> <!-- two factor auth -->
<label for="twofactor" class="control-label">If you are using two-factor auth, like the authenticator app, punch in the code here.<br/>(Note: It may be easier to just disable two-factor before using this application)</label>
<input type="text" class="form-control" id="twofactor" name="twofactor">
</div>
<div class="form-group"> <!-- categories years -->
<div class="form-row">
<div class="col">
<label for="categories" class="control-label">Categories</label>
<select class="form-control" id="categories" multiple>
</select>
</div>
<div class="col">
<label for="years" class="control-label">Years</label>
<select class="form-control" id="years" multiple>
</select>
</div>
</div>
</div>
<div class="form-group"> <!-- months -->
<label for="months" class="control-label">Months</label>
<select class="form-control" id="months" multiple>
</select>
</div>
<!--status -->
<div class="form-group">
<label for="status" class="control-label">Script Status:</label>
<textarea type="textarea" class="form-control" id="status" placeholder="Not running" disabled></textarea>
</div>
<div class="form-group"> <!-- Submit Button -->
<button type="submit" class="btn btn-primary" id="do_it_button">DO IT!</button>
</div>
</form>
<small>
We are using Node.js <script>document.write(process.versions.node)</script>,
Chromium <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>.
</small>
</div>
</div>
<script>
// You can also require other files to run in this process
require('./renderer.js')
require('./delete_fb_stuff.js')
</script>
<script>
</script>
<script type="text/javascript" src="./node_modules/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="./frontend.js"></script>
<div id="modal1" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">About</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div> <!-- end modal header -->
<div class="modal-body">
<h6 class="modal-subtitle"> Fork off of fb-delete from <a target="_blank" href="https://github.com/spieglt/fb-delete">https://github.com/spieglt/fb-delete</a></h6>
<br/>
This will pernamently delete the selected data. (Well, as best as you can "delete" anything from Facebook really. It probably exists still somewhere. 😊)<br/><br/>
<strong>Absolutely none</strong> of <strong>your data</strong> is sent to me or anywhere other than Facebook's servers. (The program is open source, look at the code if you don't believe me.)<br/><br/>
<strong>Be sure to get a backup of your FB data from here: <a target="_blank" href="https://www.facebook.com/help/1701730696756992">https://www.facebook.com/help/1701730696756992</a>, just in case you accidently delete your treasured photos.</strong><br/><br/>
<strong> Use this app at your own risk. There is no promise that this isn't bug free. By using this, you accept that I am not responsible for deletion of anything you didn't want deleted. 😇</strong><br/></p>
</div> <!--end modal body -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div> <!-- end modal footer -->
</div> <!-- end modal content -->
</div> <!-- end modal dialog -->
</div> <! -- end modal -->
<div class="modal" tabindex="-1" id="modal2" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Support</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div> <!-- end modal header -->
<div class="modal-body">
<label class="control-label">If you like this, buy me a coffee so I can do more cool things like this app!</label>
<style>.bmc-button img{width: 27px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{line-height: 36px !important;height:37px !important;text-decoration: none !important;display:inline-flex !important;color:#FFFFFF !important;background-color:#FF813F !important;border-radius: 3px !important;border: 1px solid transparent !important;padding: 1px 9px !important;font-size: 22px !important;letter-spacing: 0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Cookie', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#FFFFFF !important;}</style><link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/1YHBCu3Fq"><img src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" alt="Buy me a Coffee"><span style="margin-left:5px">Buy me a Coffee</span></a><br/>
<label class="control-label">I also accept Paypal!</label>
<div>
<a href="https://paypal.me/alexjyong" target="_blank" class="myButton">PayPal Me!</a>
</div>
<label class="control-label">I will also accept Bitcoin!</label>
<div>
<a href="bitcoin:3A8PkhirxChX37itUVTZwxc3kwjitXKNuv">
<img src="assets/img/bitcoinAddress.png" style="height:50%; width:50%"></a>
<p>3A8PkhirxChX37itUVTZwxc3kwjitXKNuv</p>
</div>
</div> <!--end modal body -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div> <!-- end modal footer -->
</div> <!-- end modal content -->
</div> <!-- end modal dialog -->
</div> <! -- end modal -->
</body>
</html>