├── README.md
├── favicon.ico
├── .editorconfig
├── LICENSE
├── .gitignore
├── .gitattributes
└── index.html


/README.md:
--------------------------------------------------------------------------------
1 | # ROS Data Waster
2 | 
3 | The easiest way to waste your data.
4 | 


--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Richienb/ros-data-waster/HEAD/favicon.ico


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # editorconfig.org
 2 | 
 3 | root = true
 4 | 
 5 | [*]
 6 | end_of_line = lf
 7 | charset = utf-8
 8 | trim_trailing_whitespace = true
 9 | insert_final_newline = true
10 | indent_style = space
11 | indent_size = 4
12 | 
13 | [*.md]
14 | trim_trailing_whitespace = false
15 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Richie Bendall
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | 
 2 | # Created by https://www.gitignore.io/api/linux,macos,windows
 3 | # Edit at https://www.gitignore.io/?templates=linux,macos,windows
 4 | 
 5 | ### Linux ###
 6 | *~
 7 | 
 8 | # temporary files which can be created if a process still has a handle open of a deleted file
 9 | .fuse_hidden*
10 | 
11 | # KDE directory preferences
12 | .directory
13 | 
14 | # Linux trash folder which might appear on any partition or disk
15 | .Trash-*
16 | 
17 | # .nfs files are created when an open file is removed but is still being accessed
18 | .nfs*
19 | 
20 | ### macOS ###
21 | # General
22 | .DS_Store
23 | .AppleDouble
24 | .LSOverride
25 | 
26 | # Icon must end with two \r
27 | Icon
28 | 
29 | # Thumbnails
30 | ._*
31 | 
32 | # Files that might appear in the root of a volume
33 | .DocumentRevisions-V100
34 | .fseventsd
35 | .Spotlight-V100
36 | .TemporaryItems
37 | .Trashes
38 | .VolumeIcon.icns
39 | .com.apple.timemachine.donotpresent
40 | 
41 | # Directories potentially created on remote AFP share
42 | .AppleDB
43 | .AppleDesktop
44 | Network Trash Folder
45 | Temporary Items
46 | .apdisk
47 | 
48 | ### Windows ###
49 | # Windows thumbnail cache files
50 | Thumbs.db
51 | ehthumbs.db
52 | ehthumbs_vista.db
53 | 
54 | # Dump file
55 | *.stackdump
56 | 
57 | # Folder config file
58 | [Dd]esktop.ini
59 | 
60 | # Recycle Bin used on file shares
61 | $RECYCLE.BIN/
62 | 
63 | # Windows Installer files
64 | *.cab
65 | *.msi
66 | *.msix
67 | *.msm
68 | *.msp
69 | 
70 | # Windows shortcuts
71 | *.lnk
72 | 
73 | # End of https://www.gitignore.io/api/linux,macos,windows
74 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
  1 | #common settings that generally should always be used with your language specific settings
  2 | 
  3 | # Auto detect text files and perform LF normalization
  4 | # http://davidlaing.com/2012/09/19/customise-your-gitattributes-to-become-a-git-ninja/
  5 | * text=auto
  6 | 
  7 | #
  8 | # The above will handle all files NOT found below
  9 | #
 10 | 
 11 | # Documents
 12 | *.doc	 diff=astextplain
 13 | *.DOC	 diff=astextplain
 14 | *.docx diff=astextplain
 15 | *.DOCX diff=astextplain
 16 | *.dot  diff=astextplain
 17 | *.DOT  diff=astextplain
 18 | *.pdf  diff=astextplain
 19 | *.PDF	 diff=astextplain
 20 | *.rtf	 diff=astextplain
 21 | *.RTF	 diff=astextplain
 22 | *.md text
 23 | *.adoc text
 24 | *.textile text
 25 | *.mustache text
 26 | *.csv text
 27 | *.tab text
 28 | *.tsv text
 29 | *.sql text
 30 | 
 31 | # Graphics
 32 | *.png binary
 33 | *.jpg binary
 34 | *.jpeg binary
 35 | *.gif binary
 36 | *.tif binary
 37 | *.tiff binary
 38 | *.ico binary
 39 | # SVG treated as an asset (binary) by default. If you want to treat it as text,
 40 | # comment-out the following line and uncomment the line after.
 41 | *.svg binary
 42 | #*.svg text
 43 | *.eps binary
 44 | ## GITATTRIBUTES FOR WEB PROJECTS
 45 | #
 46 | # These settings are for any web project.
 47 | #
 48 | # Details per file setting:
 49 | #   text    These files should be normalized (i.e. convert CRLF to LF).
 50 | #   binary  These files are binary and should be left untouched.
 51 | #
 52 | # Note that binary is a macro for -text -diff.
 53 | ######################################################################
 54 | 
 55 | ## AUTO-DETECT
 56 | ##   Handle line endings automatically for files detected as
 57 | ##   text and leave all files detected as binary untouched.
 58 | ##   This will handle all files NOT defined below.
 59 | * text=auto
 60 | 
 61 | ## SOURCE CODE
 62 | *.bat      text eol=crlf
 63 | *.coffee   text
 64 | *.css      text
 65 | *.htm      text
 66 | *.html     text
 67 | *.inc      text
 68 | *.ini      text
 69 | *.js       text
 70 | *.json     text
 71 | *.jsx      text
 72 | *.less     text
 73 | *.od       text
 74 | *.onlydata text
 75 | *.php      text
 76 | *.pl       text
 77 | *.py       text
 78 | *.rb       text
 79 | *.sass     text
 80 | *.scm      text
 81 | *.scss     text
 82 | *.sh       text eol=lf
 83 | *.sql      text
 84 | *.styl     text
 85 | *.tag      text
 86 | *.ts       text
 87 | *.tsx      text
 88 | *.xml      text
 89 | *.xhtml    text
 90 | 
 91 | ## DOCKER
 92 | *.dockerignore    text
 93 | Dockerfile    text
 94 | 
 95 | ## DOCUMENTATION
 96 | *.markdown   text
 97 | *.md         text
 98 | *.mdwn       text
 99 | *.mdown      text
100 | *.mkd        text
101 | *.mkdn       text
102 | *.mdtxt      text
103 | *.mdtext     text
104 | *.txt        text
105 | AUTHORS      text
106 | CHANGELOG    text
107 | CHANGES      text
108 | CONTRIBUTING text
109 | COPYING      text
110 | copyright    text
111 | *COPYRIGHT*  text
112 | INSTALL      text
113 | license      text
114 | LICENSE      text
115 | NEWS         text
116 | readme       text
117 | *README*     text
118 | TODO         text
119 | 
120 | ## TEMPLATES
121 | *.dot        text
122 | *.ejs        text
123 | *.haml       text
124 | *.handlebars text
125 | *.hbs        text
126 | *.hbt        text
127 | *.jade       text
128 | *.latte      text
129 | *.mustache   text
130 | *.njk        text
131 | *.phtml      text
132 | *.tmpl       text
133 | *.tpl        text
134 | *.twig       text
135 | 
136 | ## LINTERS
137 | .csslintrc    text
138 | .eslintrc     text
139 | .htmlhintrc   text
140 | .jscsrc       text
141 | .jshintrc     text
142 | .jshintignore text
143 | .stylelintrc  text
144 | 
145 | ## CONFIGS
146 | *.bowerrc      text
147 | *.cnf          text
148 | *.conf         text
149 | *.config       text
150 | .browserslistrc    text
151 | .editorconfig  text
152 | .gitattributes text
153 | .gitconfig     text
154 | .htaccess      text
155 | *.npmignore    text
156 | *.yaml         text
157 | *.yml          text
158 | browserslist   text
159 | Makefile       text
160 | makefile       text
161 | 
162 | ## HEROKU
163 | Procfile    text
164 | .slugignore text
165 | 
166 | ## GRAPHICS
167 | *.ai   binary
168 | *.bmp  binary
169 | *.eps  binary
170 | *.gif  binary
171 | *.ico  binary
172 | *.jng  binary
173 | *.jp2  binary
174 | *.jpg  binary
175 | *.jpeg binary
176 | *.jpx  binary
177 | *.jxr  binary
178 | *.pdf  binary
179 | *.png  binary
180 | *.psb  binary
181 | *.psd  binary
182 | *.svg  text
183 | *.svgz binary
184 | *.tif  binary
185 | *.tiff binary
186 | *.wbmp binary
187 | *.webp binary
188 | 
189 | ## AUDIO
190 | *.kar  binary
191 | *.m4a  binary
192 | *.mid  binary
193 | *.midi binary
194 | *.mp3  binary
195 | *.ogg  binary
196 | *.ra   binary
197 | 
198 | ## VIDEO
199 | *.3gpp binary
200 | *.3gp  binary
201 | *.as   binary
202 | *.asf  binary
203 | *.asx  binary
204 | *.fla  binary
205 | *.flv  binary
206 | *.m4v  binary
207 | *.mng  binary
208 | *.mov  binary
209 | *.mp4  binary
210 | *.mpeg binary
211 | *.mpg  binary
212 | *.ogv  binary
213 | *.swc  binary
214 | *.swf  binary
215 | *.webm binary
216 | 
217 | ## ARCHIVES
218 | *.7z  binary
219 | *.gz  binary
220 | *.jar binary
221 | *.rar binary
222 | *.tar binary
223 | *.zip binary
224 | 
225 | ## FONTS
226 | *.ttf   binary
227 | *.eot   binary
228 | *.otf   binary
229 | *.woff  binary
230 | *.woff2 binary
231 | 
232 | ## EXECUTABLES
233 | *.exe binary
234 | *.pyc binary
235 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 | 
  9 |     <meta name="theme-color" content="#3F51B5">
 10 | 
 11 |     <title>ROS Data Waster</title>
 12 |     <meta name="description" content="The most straightforward way to waste all of your data.">
 13 | 
 14 |     <link rel="shortcut icon" href="favicon.ico">
 15 | 
 16 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-components-web/3.0.0/material-components-web.min.css" integrity="sha256-sljrYCrrEK55ECAXF6gHxng8RLXHZYpsblwhH4P7bsM=" crossorigin="anonymous" />
 17 | 
 18 |     <style>
 19 |         body {
 20 |             --mdc-theme-primary: #3f51b5;
 21 |             --mdc-theme-secondary: #f44336;
 22 |             background-color: #fafafa;
 23 |         }
 24 |         
 25 |         body .ribbon {
 26 |             top: 0;
 27 |             z-index: -1;
 28 |             background-color: var(--mdc-theme-primary, #6200ee);
 29 |             width: 100%;
 30 |             height: 10rem;
 31 |             position: absolute;
 32 |         }
 33 |         
 34 |         body .main-content {
 35 |             background-color: white;
 36 |             border-radius: 4px;
 37 |             margin: 1.5rem;
 38 |             padding: 2rem;
 39 |             min-height: calc(100vh - 7rem);
 40 |         }
 41 |         
 42 |         body .main-content .option__mbs {
 43 |             width: 100%;
 44 |             margin-top: 32px;
 45 |         }
 46 |         
 47 |         body .main-content .mdc-switch__label {
 48 |             margin-left: 10px;
 49 |         }
 50 |         
 51 |         body .main-content .option__threads-title {
 52 |             margin-bottom: 0;
 53 |         }
 54 |         
 55 |         body .main-content img {
 56 |             max-width: 100%;
 57 |         }
 58 |         
 59 |         body .main-content .mdc-button.mdc-button--raised {
 60 |             background-color: var(--mdc-theme-secondary, #018786);
 61 |         }
 62 |         
 63 |         body .main-content .theme-toggle {
 64 |             position: absolute;
 65 |             top: 0.5rem;
 66 |             right: 3rem;
 67 |         }
 68 |         
 69 |         body .main-content a {
 70 |             color: var(--mdc-theme-primary, #6200ee);
 71 |         }
 72 |         
 73 |         body .main-content::-moz-selection {
 74 |             background-color: var(--mdc-theme-primary, #6200ee);
 75 |             color: white;
 76 |         }
 77 |         
 78 |         body .main-content::selection {
 79 |             background-color: var(--mdc-theme-primary, #6200ee);
 80 |             color: white;
 81 |         }
 82 |         
 83 |         body .main-content #carbonads {
 84 |             margin-bottom: 1rem;
 85 |             float: right;
 86 |             border-radius: 6px;
 87 |             box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 88 |             font-family: Roboto, sans-serif;
 89 |             line-height: 28px;
 90 |             padding: 8px;
 91 |             box-sizing: border-box;
 92 |             transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 93 |         }
 94 |         
 95 |         @media only screen and (max-width: 425px) {
 96 |             body .main-content #carbonads {
 97 |                 width: 100%;
 98 |             }
 99 |         }
100 |         
101 |         body .main-content #carbonads:hover {
102 |             box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
103 |         }
104 |         
105 |         body .main-content #carbonads .carbon-wrap .carbon-img > img {
106 |             margin-right: 9px;
107 |             float: left;
108 |         }
109 |         
110 |         @media only screen and (max-width: 400px) {
111 |             body .main-content #carbonads .carbon-wrap .carbon-img > img {
112 |                 width: auto;
113 |                 max-width: 130px;
114 |                 height: 50px;
115 |             }
116 |         }
117 |         
118 |         body .main-content #carbonads .carbon-wrap .carbon-text {
119 |             color: #637381;
120 |             font-weight: 300;
121 |             display: block;
122 |             font-size: 12px;
123 |             line-height: 15.96px;
124 |             margin-bottom: 0;
125 |             margin-top: 8px;
126 |             text-decoration: none;
127 |         }
128 |         
129 |         body .main-content #carbonads .carbon-poweredby {
130 |             color: #c5cdd0;
131 |             font-size: 8px;
132 |             font-weight: 500;
133 |             line-height: 10px;
134 |             text-transform: uppercase;
135 |             text-decoration: none;
136 |         }
137 |         
138 |         body .output__progress {
139 |             bottom: 0px;
140 |             height: 8px;
141 |             position: fixed;
142 |         }
143 |         
144 |         body .full-width {
145 |             width: 100%;
146 |         }
147 |         
148 |         body.setting--dark {
149 |             background-color: #121212 !important;
150 |             --mdc-theme-text-primary-on-background: white;
151 |             --mdc-theme-text-secondary-on-background: white;
152 |             --mdc-theme-text-icon-on-background: white;
153 |         }
154 |         
155 |         body.setting--dark::-webkit-scrollbar {
156 |             background-color: #424242;
157 |         }
158 |         
159 |         body.setting--dark .main-content {
160 |             color: white;
161 |             background-color: #212121;
162 |         }
163 |         
164 |         body.setting--dark .mdc-linear-progress__buffer {
165 |             background-color: #404040;
166 |         }
167 |         
168 |         body.setting--dark .mdc-select__selected-text,
169 |         body.setting--dark .mdc-text-field__input,
170 |         body.setting--dark .mdc-floating-label,
171 |         body.setting--dark #carbonads .carbon-text {
172 |             color: white !important;
173 |         }
174 |         
175 |         body.setting--dark .mdc-notched-outline__leading,
176 |         body.setting--dark .mdc-notched-outline__notch,
177 |         body.setting--dark .mdc-notched-outline__trailing {
178 |             border-color: white !important;
179 |         }
180 |         
181 |         body.setting--dark a {
182 |             color: #5c6bc0;
183 |         }
184 |         
185 |         body.setting--dark::-moz-selection {
186 |             background-color: #c5cae9;
187 |             color: black;
188 |         }
189 |         
190 |         body.setting--dark::selection {
191 |             background-color: #c5cae9;
192 |             color: black;
193 |         }
194 |         
195 |         body.setting--animate-colours {
196 |             transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
197 |         }
198 |         
199 |         body.setting--animate-colours .main-content,
200 |         body.setting--animate-colours a,
201 |         body.setting--animate-colours::-moz-selection {
202 |             transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
203 |             transition-property: background-color, color;
204 |         }
205 |         
206 |         body.setting--animate-colours .main-content,
207 |         body.setting--animate-colours a,
208 |         body.setting--animate-colours::selection {
209 |             transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
210 |             transition-property: background-color, color;
211 |         }
212 |         
213 |         body::-webkit-scrollbar {
214 |             border-radius: 100px;
215 |             background-color: transparent;
216 |             width: 8px;
217 |             height: 8px;
218 |         }
219 |         
220 |         body::-webkit-scrollbar-button {
221 |             height: 0;
222 |             width: 0;
223 |         }
224 |         
225 |         body::-webkit-scrollbar-corner {
226 |             background-color: transparent;
227 |         }
228 |         
229 |         body::-webkit-scrollbar-thumb {
230 |             border-radius: 100px;
231 |             background-color: rgba(0, 0, 0, 0.2);
232 |             min-height: 28px;
233 |         }
234 |         
235 |         body::-webkit-scrollbar-thumb:hover {
236 |             background-color: rgba(0, 0, 0, 0.4);
237 |         }
238 |         
239 |         body::-webkit-scrollbar-thumb:active {
240 |             background-color: rgba(0, 0, 0, 0.5);
241 |         }
242 |         
243 |         body::-webkit-scrollbar-track {
244 |             background-clip: padding-box;
245 |             border-width: 0 0 0 4px;
246 |         }
247 |     </style>
248 | 
249 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
250 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha256-l85OmPOjvil/SOvVt3HnSSjzF1TUMyT9eV0c2BzEGzU=" crossorigin="anonymous" />
251 | 
252 | </head>
253 | 
254 | <body>
255 |     <div class="ribbon mdc-elevation--z4"></div>
256 |     <main class="main-content mdc-typography mdc-elevation--z8">
257 |         <script async src="https://cdn.carbonads.com/carbon.js?serve=CK7I6K3E&amp;placement=wwwrichie-bendallml" id="_carbonads_js"></script>
258 |         <button class="theme-toggle mdc-fab mdc-fab--mini" aria-label="Toggle Theme Settings" data-mdc-auto-init="MDCRipple">
259 |             <svg class="theme-toggle__svg mdc-fab__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
260 |                 <path fill="none" d="M0 0h24v24H0V0z" />
261 |                 <path d="M11 7l-3.2 9h1.9l.7-2h3.2l.7 2h1.9L13 7h-2zm-.15 5.65L12 9l1.15 3.65h-2.3zM20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zm-2 5.79V18h-3.52L12 20.48 9.52 18H6v-3.52L3.52 12 6 9.52V6h3.52L12 3.52 14.48 6H18v3.52L20.48 12 18 14.48z" />
262 |             </svg>
263 |         </button>
264 |         <h1 class="mdc-typography--headline2">ROS Data Waster</h1>
265 |         <p class="mdc-typography--body1">The most straightforward way to waste all of your data.</p>
266 |         <br>
267 |         <div class="option__unlimited mdc-switch mdc-switch--checked" data-mdc-auto-init="MDCSwitch">
268 |             <div class="mdc-switch__track"></div>
269 |             <div class="mdc-switch__thumb-underlay">
270 |                 <div class="mdc-switch__thumb">
271 |                     <input type="checkbox" class="mdc-switch__native-control" role="switch" checked>
272 |                 </div>
273 |             </div>
274 |         </div>
275 |         <label class="mdc-switch__label" for="option--unlimited-input">Waste Unlimited Data</label>
276 |         <div class="option__mbs mdc-text-field mdc-text-field--outlined mdc-text-field--disabled" data-mdc-auto-init="MDCTextField">
277 |             <input type="number" min="1" id="goal" value="1" class="mdc-text-field__input" disabled>
278 |             <div class="mdc-notched-outline">
279 |                 <div class="mdc-notched-outline__leading"></div>
280 |                 <div class="mdc-notched-outline__notch">
281 |                     <label for="goal" class="mdc-floating-label">MBs of data to waste</label>
282 |                 </div>
283 |                 <div class="mdc-notched-outline__trailing"></div>
284 |             </div>
285 |         </div>
286 |         <br>
287 |         <br>
288 |         <p class="option__threads-title mdc-typography--body2">Download threads (higher is for faster wasting, lower is for more precision)</p>
289 |         <div class="option__threads mdc-slider mdc-slider--discrete mdc-slider--display-markers" tabindex="0" role="slider" aria-valuemin="1" aria-valuemax="20" aria-valuenow="8" aria-label="Select Value" data-mdc-auto-init="MDCSlider">
290 |             <div class="mdc-slider__track-container">
291 |                 <div class="mdc-slider__track"></div>
292 |                 <div class="mdc-slider__track-marker-container"></div>
293 |             </div>
294 |             <div class="mdc-slider__thumb-container">
295 |                 <div class="mdc-slider__pin">
296 |                     <span class="mdc-slider__pin-value-marker"></span>
297 |                 </div>
298 |                 <svg class="mdc-slider__thumb" width="21" height="21">
299 |                     <circle cx="10.5" cy="10.5" r="7.875"></circle>
300 |                 </svg>
301 |                 <div class="mdc-slider__focus-ring"></div>
302 |             </div>
303 |         </div>
304 |         <br>
305 |         <button class="option__waste mdc-fab mdc-fab--extended" data-mdc-auto-init="MDCRipple">
306 |             <svg class="mdc-fab__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
307 |                 <path fill="none" d="M0 0h24v24H0V0z" />
308 |                 <path d="M10 8.64L15.27 12 10 15.36V8.64M8 5v14l11-7L8 5z" />
309 |             </svg>
310 |             <span class="mdc-fab__label">Start Wasting</span>
311 |         </button>
312 |         <br>
313 |         <br>
314 |         <ul class="mdc-list mdc-list--two-line">
315 |             <li class="mdc-list-item" tabindex="0" data-mdc-auto-init="MDCRipple">
316 |                 <svg class="mdc-list-item__graphic" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
317 |                     <path fill="none" d="M0 0h24v24H0V0z" />
318 |                     <path d="M13 2.05v3.03c3.39.49 6 3.39 6 6.92 0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07 0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7 0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95 0 5.52 4.47 10 9.99 10 3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53C16.17 17.98 14.21 19 12 19z" />
319 |                 </svg>
320 |                 <span class="mdc-list-item__text">
321 |       <span class="mdc-list-item__primary-text">Data wasted</span>
322 |                 <span class="mdc-list-item__secondary-text output__wasted">0.00 MB</span>
323 |                 </span>
324 |             </li>
325 |             <li class="mdc-list-item" data-mdc-auto-init="MDCRipple">
326 |                 <svg class="mdc-list-item__graphic" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
327 |                     <path fill="none" d="M0 0h24v24H0V0z" />
328 |                     <path d="M11 17c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1zm0-14v4h2V5.08c3.39.49 6 3.39 6 6.92 0 3.87-3.13 7-7 7s-7-3.13-7-7c0-1.68.59-3.22 1.58-4.42L12 13l1.41-1.41-6.8-6.8v.02C4.42 6.45 3 9.05 3 12c0 4.97 4.02 9 9 9 4.97 0 9-4.03 9-9s-4.03-9-9-9h-1zm7 9c0-.55-.45-1-1-1s-1 .45-1 1 .45 1 1 1 1-.45 1-1zM6 12c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1z" />
329 |                 </svg>
330 |                 <span class="mdc-list-item__text">
331 |       <span class="mdc-list-item__primary-text">Data wasted per second</span>
332 |                 <span class="mdc-list-item__secondary-text"><span class="output__speed">0.00 MB</span>/s</span>
333 |                 </span>
334 |             </li>
335 |             <li class="mdc-list-item" data-mdc-auto-init="MDCRipple">
336 |                 <svg class="mdc-list-item__graphic" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
337 |                     <path fill="none" d="M0 0h24v24H0V0z" />
338 |                     <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z" />
339 |                 </svg>
340 |                 <span class="mdc-list-item__text">
341 |       <span class="mdc-list-item__primary-text">Time running</span>
342 |                 <span class="output__time mdc-list-item__secondary-text">0 seconds</span>
343 |                 </span>
344 |             </li>
345 |         </ul>
346 |         <div class="snackbar__done mdc-snackbar mdc-snackbar--leading" data-mdc-auto-init="MDCSnackbar">
347 |             <div class="mdc-snackbar__surface">
348 |                 <div class="mdc-snackbar__label" role="status" aria-live="polite">
349 |                     The specified amount of data was wasted.
350 |                 </div>
351 |             </div>
352 |         </div>
353 |     </main>
354 |     <div role="progressbar" class="output__progress mdc-linear-progress mdc-linear-progress--indeterminate mdc-linear-progress--closed" data-mdc-auto-init="MDCLinearProgress">
355 |         <div class="mdc-linear-progress__buffering-dots"></div>
356 |         <div class="mdc-linear-progress__buffer"></div>
357 |         <div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar">
358 |             <span class="mdc-linear-progress__bar-inner"></span>
359 |         </div>
360 |         <div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
361 |             <span class="mdc-linear-progress__bar-inner"></span>
362 |         </div>
363 |     </div>
364 |     <!--[if lt IE 9]> <script async src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js" integrity="sha256-1eSvllkLdrfxD6G8RGF9h+mQuD93Af5+GdPBMNc7uMQ=" crossorigin="anonymous"></script> <![endif]-->
365 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/material-components-web/3.0.0/material-components-web.min.js" integrity="sha256-EsosgypLTQhhyhYTy8y+WbACaQsmG2Tpvoq1186sISE=" crossorigin="anonymous"></script>
366 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
367 |     <script src="https://unpkg.com/stopwatchjs@0.1.1/stopwatch.min.js" integrity="sha384-YVHQrJc4DzNQAtLqXkQ+16NBc9BuQSEWt5At/0hgASbDJ+659CMhYJeuh2EHtqJ8" crossorigin="anonymous"></script>
368 |     <script async src="https://cdnjs.cloudflare.com/ajax/libs/humanize-duration/3.20.0/humanize-duration.min.js" integrity="sha256-/Z/Xzo8lduQxHd+muddFmswME6zBTWH+UGYdNEE0upo=" crossorigin="anonymous"></script>
369 |     <script async src="https://cdnjs.cloudflare.com/ajax/libs/filesize/4.1.2/filesize.min.js" integrity="sha256-znN6cqu0LRpYU05qFKU85KS24giwC5kI6KTtLypmans=" crossorigin="anonymous"></script>
370 | 
371 |     <script>
372 |         mdc.autoInit();
373 | 
374 |         $(".option__mbs").hide();
375 | 
376 |         Array.prototype.cycle = function(str) {
377 |             var i = this.indexOf(str);
378 |             if (i === -1)
379 |                 return undefined;
380 |             return this[(i + 1) % this.length];
381 |         };
382 | 
383 |         var handleTheme = function() {
384 |             switch (localStorage.getItem("theme")) {
385 |                 case "light":
386 |                     $(".theme-toggle__svg").html("<path fill=\"none\" d=\"M0 0h24v24H0V0z\"/><path d=\"M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zm-2 5.79V18h-3.52L12 20.48 9.52 18H6v-3.52L3.52 12 6 9.52V6h3.52L12 3.52 14.48 6H18v3.52L20.48 12 18 14.48zM12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"/><circle cx=\"12\" cy=\"12\" r=\"2.5\"/>");
387 |                     $("body").removeClass("setting--dark");
388 |                     break;
389 |                 case "dark":
390 |                     $(".theme-toggle__svg").html("<path fill=\"none\" d=\"M0 0h24v24H0V0z\"/><path d=\"M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zm-2 5.79V18h-3.52L12 20.48 9.52 18H6v-3.52L3.52 12 6 9.52V6h3.52L12 3.52 14.48 6H18v3.52L20.48 12 18 14.48zM12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"/>");
391 |                     $("body").addClass("setting--dark");
392 |                     break;
393 |                 default:
394 |                     $(".theme-toggle__svg").html("<path fill=\"none\" d=\"M0 0h24v24H0V0z\"/><path d=\"M11 7l-3.2 9h1.9l.7-2h3.2l.7 2h1.9L13 7h-2zm-.15 5.65L12 9l1.15 3.65h-2.3zM20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zm-2 5.79V18h-3.52L12 20.48 9.52 18H6v-3.52L3.52 12 6 9.52V6h3.52L12 3.52 14.48 6H18v3.52L20.48 12 18 14.48z\"/>");
395 |                     var hours = new Date().getHours();
396 |                     $("body").toggleClass("setting--dark", hours <= 6 ||
397 |                         hours >= 20 ||
398 |                         window.matchMedia("(prefers-color-scheme: dark)").matches ||
399 |                         window.matchMedia("(-ms-high-contrast: white-on-black)").matches);
400 |             }
401 | 
402 |         };
403 | 
404 |         if (["auto", "light", "dark"].indexOf(localStorage.getItem("theme")) === -1)
405 |             localStorage.setItem("theme", "auto");
406 |         handleTheme();
407 |         $("body").addClass("setting--animate-colours");
408 |         $(".theme-toggle").click(function() {
409 |             localStorage.setItem("theme", ["auto", "light", "dark"].cycle(localStorage.getItem("theme")));
410 |             handleTheme();
411 |         });
412 | 
413 |         var stopwatch = new Stopwatch();
414 |         var running = false;
415 |         var wasted = 0;
416 |         var xhr = [];
417 |         var threads = 8;
418 |         var time = 0;
419 |         var goal = 0;
420 |         var chunk = 1500000;
421 |         var stopped = false;
422 |         var formatSize = function(size) {
423 |             var o = filesize(size, {
424 |                 locale: true,
425 |                 output: "object"
426 |             });
427 | 
428 |             return (+o.value).toFixed(2) + " " + o.symbol;
429 |         };
430 | 
431 |         var getmbs = function() {
432 |             return $(".option__unlimited").get(0).MDCSwitch.checked ?
433 |                 0 :
434 |                 parseInt($(".option__mbs").get(0).MDCTextField.value);
435 |         };
436 | 
437 |         var download = function(id) {
438 |             if (xhr[id] && xhr[id].status == 200) {
439 |                 wasted += chunk;
440 |                 $(".output__wasted").html(formatSize(wasted));
441 |                 $(".output__speed").html(formatSize(wasted / ((new Date().getTime() / 1000) - (time / 1000))));
442 |                 if (getmbs() !== 0 &&
443 |                     parseInt($(".output__wasted").html()) /
444 |                     parseInt($(".option__mbs").get(0).MDCTextField.value) <
445 |                     1.0) {
446 |                     $(".output__progress").get(0).MDCLinearProgress.progress =
447 |                         parseInt($(".output__wasted").html()) /
448 |                         parseInt($(".option__mbs").get(0).MDCTextField.value);
449 |                 } else {
450 |                     $(".output__progress").get(0).MDCLinearProgress.progress = 1.0;
451 |                 }
452 |                 if (goal !== 0 && wasted >= goal * 1048576) {
453 |                     $(".snackbar__done").
454 |                     get(0).
455 |                     MDCSnackbar.open();
456 |                     stop();
457 |                 }
458 |             }
459 |             if (running == true)
460 |                 xhr[id] = $.get("https://sao.snu.ac.kr/datawaster/dummy15?" + Math.random(), function() {
461 |                     return download(id);
462 |                 });
463 |         };
464 | 
465 |         var ticker;
466 | 
467 |         var start = function() {
468 |             stopwatch.reset();
469 |             $(".output__time").html("0 seconds");
470 |             stopwatch.start();
471 |             ticker = setInterval(function() {
472 |                 return $(".output__time").html(humanizeDuration(stopwatch.value * 1000));
473 |             }, 1000);
474 |             threads = $(".option__threads").get(0).MDCSlider.value;
475 |             $(".option__mbs").get(0).MDCTextField.disabled = true;
476 |             $(".option__unlimited").get(0).MDCSwitch.disabled = true;
477 |             $(".option__threads").get(0).MDCSlider.disabled = true;
478 |             $(".option__unlimited").get(0).MDCSwitch.disabled = true;
479 |             $(".output__progress").get(0).MDCLinearProgress.determinate =
480 |                 getmbs() !== 0;
481 |             $(".output__progress").
482 |             get(0).
483 |             MDCLinearProgress.open();
484 |             $(".option__waste > .mdc-fab__label").html("Stop Wasting");
485 |             $(".option__waste > .mdc-fab__icon").html('<path fill="none" d="M0 0h24v24H0V0z"/><path d="M16 8v8H8V8h8m2-2H6v12h12V6z"/>');
486 |             running = true;
487 |             wasted = 0;
488 |             xhr = [];
489 |             time = new Date().getTime();
490 |             goal = getmbs();
491 |             for (var i = 0; i < threads; i++) download(i);
492 |         };
493 | 
494 |         var stop = function() {
495 |             stopwatch.stop();
496 |             clearInterval(ticker);
497 |             running = false;
498 |             $(".option__mbs").get(0).MDCTextField.disabled = $(".option__unlimited").get(0).MDCSwitch.checked;
499 |             $(".option__unlimited").get(0).MDCSwitch.disabled = false;
500 |             $(".option__threads").get(0).MDCSlider.disabled = false;
501 |             $(".output__progress").
502 |             get(0).
503 |             MDCLinearProgress.close();
504 |             $(".option__waste > .mdc-fab__label").html("Start Wasting");
505 |             $(".option__waste > .mdc-fab__icon").html('<path fill="none" d="M0 0h24v24H0V0z"/><path d="M10 8.64L15.27 12 10 15.36V8.64M8 5v14l11-7L8 5z"/>');
506 |         };
507 | 
508 |         var unlimitedChanged = function() {
509 |             var on = $(".option__unlimited").get(0).MDCSwitch.checked;
510 |             $(".option__mbs").toggle(!on);
511 |             $(".option__mbs").get(0).MDCTextField.disabled = on;
512 |             $(".output__progress").get(0).MDCLinearProgress.determinate = !on;
513 |         };
514 | 
515 |         $(".option__unlimited").
516 |         get(0).
517 |         MDCSwitch.listen("change", function() {
518 |             return unlimitedChanged();
519 |         });
520 | 
521 |         $(".option__waste").click(function() {
522 |             if ($(".option__mbs").get(0).MDCTextField.value === "") {
523 |                 $(".option__unlimited").get(0).MDCSwitch.checked = true;
524 |                 unlimitedChanged();
525 |             }
526 |             if (running === false && stopped === false) start();
527 |             else if (stopped === false) stop();
528 |         });
529 |     </script>
530 | 
531 | </body>
532 | 
533 | </html>
534 | 


--------------------------------------------------------------------------------