-
Notifications
You must be signed in to change notification settings - Fork 0
/
Celebration.html
440 lines (417 loc) · 26.5 KB
/
Celebration.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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
<!-- Created by Modi-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Modi's 100k XPs & 10k Followers</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div id="ModisCodeCarousel" class="carousel slide" data-ride="carousel" data-interval="60000">
<ol class="carousel-indicators">
<li data-target="#ModisCodeCarousel" data-slide-to="0" class="active"></li>
<li data-target="#ModisCodeCarousel" data-slide-to="1"></li>
<li data-target="#ModisCodeCarousel" data-slide-to="2"></li>
<li data-target="#ModisCodeCarousel" data-slide-to="3"></li>
<li data-target="#ModisCodeCarousel" data-slide-to="4"></li>
<li data-target="#ModisCodeCarousel" data-slide-to="5"></li>
<li data-target="#ModisCodeCarousel" data-slide-to="6"></li>
</ol>
<div class="carousel-inner">
<!-- Intro -->
<div class="carousel-item active">
<a href="https://www.sololearn.com/Profile/8489802" target='_blank'>
<br>
<img src="https://i.ibb.co/TM97dwF/Modi.jpg" alt="Modi">
<h1>100k XPs<br>10k Followers</h1>
<p>This is a short code to say thank you to all the fellow Sololearners
who made it possible for me to reach level 17.</p>
<p>A little bit concerning me; I like computers and started using them over 30 years ago.
I also like programming, but most of the time I haven't been coding full time.</p>
<h2>Rough Schedule</h2>
<p>To reach level 17 took me 400+ days.
Coding from time to time has been a constant part of the journey and I managed to get
one Code of the Day (Bonus Comparator) and one Wow Code (Tornado).
Some of my codes can be seen in the next pages by sliding to the left or right.</p>
<p>The first 3 months or so I did all the languages courses and got the certificates.</p>
<img src="https://i.ibb.co/GWvzNH0/Solo-Learn-Languages.jpg" class="d-block w-80" alt="SoloLearn Languages"><br>
<p>The next 3 months have been to round up the SoloLearn skills profile and make it well balanced...</p>
<img src="https://i.ibb.co/5GkFS5Q/Solo-Learn-Skills.jpg" class="d-block w-80" alt="SoloLearn Skills"><br>
<p>The last 7 months went passed challenging to increase the Experience Points.</p>
<img src="https://i.ibb.co/0Fx3G6V/Solo-Learn-Challenges.jpg" class="d-block w-60" alt="SoloLearn Challenges"><br>
<h2>Future Plan</h2>
<p>There are still loads of bugs and improvements concerning my codes, so the plan is to clean up my playground and improve my codes.</p>
<p>I'll probably reduce Challenging, but still continue at a lower pace to satisfy
my megalomaniac inclination to have as many XPs as
number two, three and four combined in my country. :-)</p>
</a>
</div>
<!-- Tornado -->
<div class="carousel-item">
<a href="https://code.sololearn.com/Wvx7yK15SAV4" target='_blank'>
<br><br>
<h1>Tornado</h1>
<p class='short'>Draw on an around the vertical axis spinning surface.</p>
<img src="https://i.ibb.co/JtCY2YB/Tornado-Mobile.jpg" alt="Tornado Mobile"><br>
<p>Draw in 3d space and when drawing the space starts getting momentum in the drawing direction.
There are several options which can be selected in the menu.</p>
<img src="https://i.ibb.co/T8mZnMT/Tornado-Other.jpg" alt="Tornado Other"><br>
</a>
<!-- Dimensional Mapping -->
<br>
<a href="https://code.sololearn.com/WTcZ87T9zt97" target='_blank'>
<h1>Dimensional Mapping</h1>
<p class='short'>Draw on a 2-axis rotating surface.</p>
<img src="https://i.ibb.co/xmQh8WL/Dimensional-Mapping.jpg" class="d-block w-100" alt="Dimensional Mapping"><br>
<p>Draw on a rotating surface and when drawing the surface starts rotating more and more in the drawing direction.</p>
<p class='short'><img src="https://i.ibb.co/p3GgTjx/Under-Construction.png" alt="Under-Construction" border="0"></p>
<p>Note: That code is still a work in progress and the mapping does not work, so it gets pretty fast pretty messy. Any fixing suggestions are welcome!
</p>
</a>
</div>
<!-- Gravity Stuff -->
<div class="carousel-item">
<br><br>
<a href="https://code.sololearn.com/W0f2Sa53xPi1" target='_blank'>
<h1>Gravity Stuff</h1>
<p class='short'>Water hose simulation.</p>
<img src="https://i.ibb.co/d6xvqKv/Gravity-Stuff.jpg" class="d-block w-100" alt="Gravity Stuff"><br>
<p>Your finger acts as a water hose. The water existing the hose falls according to gravity.</p>
<p class='short'><img src="https://i.ibb.co/p3GgTjx/Under-Construction.png" alt="Under-Construction" border="0"></p>
<p>Note: This code was supposed to use the mobile phone motion and position detection, but it does not work on SoloLearn for4 some reason. Any suggestions are welcome!
</p>
</a>
<!-- Electromagnetic Wave Modified -->
<br><br>
<a href="https://code.sololearn.com/W401OjGxJ7t6" target='_blank'>
<h1>Electromagnetic Wave</h1>
<p class='short'>Animated electromagnetic 3-d wave. Modified version.</p>
<img src="https://i.ibb.co/rpCHYz7/Electromagnetic-Wave-Modified.jpg" class="d-block w-100" alt="Electromagnetic Wave Modified">
<p>Animates an electromagnetic wave in 3-d space. Different option are available, like phase shift, fill waves, draw balls...</p>
<p>How the wave looks has been changed and might not have a lot anymore to do with reality.</p>
</a>
</div>
<!-- Multiply Me Modified -->
<div class="carousel-item">
<br><br>
<a href="https://code.sololearn.com/WgNq57iHlff5" target='_blank'>
<h1>Multiply Me Modified</h1>
<p class='short'>Self-multiplying Sololearn code.</p>
<img src="https://i.ibb.co/34qPbVj/Multiply-Me-Modified.jpg" class="d-block w-100" alt="Multiply Me Modified"><br>
<p>Multiply Me Modified can copy itself (after you click on a button) into your SoloLearn playground and add a history of the previous "owners".</p>
<p>I know that that code looks a little bit like a virus,
so I checked with SoloLearn if it is Ok for them if I make it public.
Anyway, it was supposed to spread itself around the SoloLearn playgrounds,
but it didn't happen at all for some reason... :-)</p>
</a>
<!-- Austrian Flag -->
<br>
<a href="https://code.sololearn.com/W12gX1HNz8c5" target='_blank'>
<h1>Austrian Flag</h1>
<p class='short'>Simple rotating Austrian flag.</p>
<img src="https://i.ibb.co/kBBmTHn/Austrian-Flag.jpg" class="d-block w-100" alt="Austrian Flag">
<p>Simple rotating Austrian flag. Can be collapsed by clicking on the Close button.
The main purpose of this code is just to have done SVG stuff.</p>
</a>
<!-- Thank You Platinum! -->
<br>
<a href="https://code.sololearn.com/WB9rn7Gz4dU3" target='_blank'>
<h1>Thank You Platinum!</h1>
<p class='short'>For reaching level 16.</p>
<img src="https://i.ibb.co/7XCRNgB/20190425-202915.jpg" alt="Thank You Platinum" border="0"><br>
<p>Short code to say thank you to all involved people for reaching the platinum level.</p>
</a>
</div>
<!--Fullscreen Web Codes -->
<div class="carousel-item">
<br><br>
<a href="https://code.sololearn.com/Woc6xEy8ZLza" target='_blank'>
<h1>Fullscreen Web Codes</h1>
<p class='short'>Downloads a SoloLearn code as HTML file so that it can be run in the browser.</p>
<img src="https://i.ibb.co/DwBCDZc/Full-Screen-Web-Codes.jpg" class="d-block w-100" alt="Fullscreen<br>Web Codes"><br>
<p>The fullscreen capability makes most sense when a code needs a wide window
and the Sololearn Output window is not enough.
That means also that this it makes more sense to use it when codes are supposed to be run on the PC
and not in the mobile app, because the Output window uses already the whole width.</p>
</a>
<p>The basic functions are...</p>
<ul>
<li>Open in default browser when in app.</li>
<li>Download HTML file when in SoloLearn in you PC browser.</li>
<li>Combine HTML, CSS and JavaScript into one file.</li>
</ul>
<P>Below are some examples from Rull Deef. The original code has been written by Rull
without any modification from my side. I just added the full screen capability.</P>
<a href="https://code.sololearn.com/WK4dqUAa5g9X" target='_blank'>
<h3>Animation by Rull Deef</h3>
<p class='short'>Warping a grid to make it look like a cloth.</p>
<img src="https://i.ibb.co/P96Z8Cr/Rull-Deef-Animation.jpg" class="d-block w-100" alt="Animation by Rull Deef"><br>
</a>
<a href="https://code.sololearn.com/WKyvxwe8j2Cl" target='_blank'>
<h3>Infinite Power by Rull Deef</h3>
<p class='short'>Beautiful animation which look like possessing infinite power.</p>
<img src="https://i.ibb.co/GtSrC46/Rull-Deef-Infinite-Power.jpg" class="d-block w-100" alt="Infinite Power by Rull Deef"><br>
</a>
<a href="https://code.sololearn.com/WfOPm4nD92LC" target='_blank'>
<h3>Force Field by Rull Deef</h3>
<p class='short'>Shows how circles are influenced by a fictive force field.</p>
<img src="https://i.ibb.co/1LJ2j28/Force-Field.jpg" class="d-block w-100" alt="Force Field by Rull Deef"><br>
</a>
<a href="https://code.sololearn.com/WB3q3RjC4bf5" target='_blank'>
<h3>Particles by Rull Deef</h3>
<p class='short'>Spreads out particles in different directions which fall down according to gravity.</p>
<img src="https://i.ibb.co/N3whzK6/Particles.jpg" class="d-block w-100" alt="Particles by Rull Deef"><br>
</a>
</div>
<!-- Bonus Comparator -->
<div class="carousel-item">
<br><br>
<a href="https://code.sololearn.com/WfpY4zqBx9yk" target='_blank'>
<h1>Bonus Comparator</h1>
<p class='short'>Compare two codes (Bonus) side by side.</p>
<img src="https://i.ibb.co/LdKpVLx/Bonus-Comparator.jpg" class="d-block w-100" alt="Bonus Comparator">
</a><br>
<p>The Bonus program has been written in different languages, so that they can be compared
to each other.</p>
<p>The functionality of codes in the SameSame section is exactly the same. In the Different
section it is different and codes cannot be compared really. Codes in the External section
cannot be executed on SoloLearn.</p>
<p>Following stuff has been used...</p>
<ul>
<li>Syntax highlighter - Prism. https://prismjs.com</li>
<li>Responsive mobile-first frontend - Bootstrap. https://getbootstrap.com</li>
<li>Feature-rich JavaScript library - JQuery. https://jquery.com</li>
</ul>
<h3>Bonus Code</h3>
<p>Just a simple code calculating the SoloLearn streak bonus after a certain amount of days.
It has been implemented in most languages supported by SoloLean and
so far I think only C is missing because C has been added to SoloLearn
after the Bonus codes have been written.</p>
<pre>
Day | Bonus | Total
======================
1 +- 5 -+ 5
. | . | ..
6 | 5 | 30
7 +- 30 -+ 60
8 +- 5 -+ 65
. | . | ..
29 | 5 | 170
30 +- 100 -+ 270
31 +- 5 -+ 275
.. | . | ...
59 | 5 | 415
60 +- 100 -+ 515
61 +- 5 -+ 520
.. | . | ...
</pre>
<!-- Roman Comparator -->
<br>
<a href="https://code.sololearn.com/WU3X1bCz83cI" target='_blank'>
<h1>Roman Comparator</h1>
<p class='short'>Compare two Roman Numerals Challenge codes side by side.</p>
<img src="https://i.ibb.co/HGZGfYs/Roman-Copmarator.jpg" class="d-block w-100" alt="Roman Comparator">
</a><br>
<p>The SoloLearn codes shown in the Roman Comparator come from the Roman Numerals SoloLearn challenge.</p>
<p>Following stuff has been used...</p>
<ul>
<li>Syntax highlighter - Prism. https://prismjs.com</li>
<li>Responsive mobile-first frontend - Bootstrap. https://getbootstrap.com</li>
<li>Feature-rich JavaScript library - JQuery. https://jquery.com</li>
</ul>
<p>Special thanks to...</p>
<ul>
<li>All the Learners who have been writing Roman Numerals codes.</li>
</ul>
</div>
<!-- Movie Filer Merger Advert -->
<div class="carousel-item">
<br><br>
<a href="https://code.sololearn.com/W4YnScQaXCR4" target='_blank'>
<h1>Movie File<br>Merger</h1>
<p>Movie File Merger supports the selective combination of video collections, movies, series, or documentaries. It can be used also for other types of collections, but it's optimized for videos.</p>
<img src="https://i.ibb.co/mXNMNbZ/Movie-File-Merger-Black.jpg" class="d-block w-100" alt="Movie Filer Merger Advert">
</a><br>
<p>This is an 'advertising' page with the purpose to show the free technologies
used for my open source project in action... Movie File Merger.</p>
<p>Movie File Merger points out bad names of movies, documentaries, or episodes so that they can be renamed with specialized renaming apps. Unrelated files can be moved to the recycle bin. Videos can be sucked out of sub-folders and moved to the according folders.</p>
<p>Movie File Merger remembers all videos you have in different categories, like Movies, Documentaries, Series, Adult, Miscellaneous, or Clips, and which videos you don't want to have anymore. You'll never copy the same videos again and again.</p>
<!-- Training Video: Drag and Drop from Windows Explorer -->
<div class="row" id="WindowsExplorer">
<div class="col-md-6 hvr-grow">
<h3>How do I get files from Windows Explorer into Movie File Merger?</h3>
<p>Just use drag and drop the files or a top level folder.</p>
<ul>
<li>You can drag and drop files from Windows Explorer onto Movie File Merger.</li>
<li>One title is listed only once.</li>
<li>You can also drag a complete folder.</li>
</ul>
</div>
<div class="col-md-6">
<div align="center" class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/7IiDhF619pM" frameborder="0" allowfullscreen></iframe>
</div>
<p>Note: Turn on the subtitles to see written instructions in the captions.</p>
</div>
</div>
<!-- Training Video: Search Torrents -->
<div class="row" style="margin-top:30px" id="SearchTorrentSites">
<div class="col-md-6 hvr-grow">
<h3>How do I search for movies on torrent sites?</h3>
<p>Take a movie you want to download and drop it on the Torrents drop area.</p>
<ul>
<li>Select the torrent from where to download.</li>
<li>Take a movie and drop it on the Torrents drop area.</li>
<li>Select the according torrent download.</li>
<li>The torrent download is added to your torrent program.</li>
</ul>
</div>
<div class="col-md-6">
<div align="center" class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/EYu11GEwwd0" frameborder="0" allowfullscreen></iframe>
</div>
<p>Note: Turn on the subtitles to see written instructions in the captions.</p>
</div>
</div>
<!-- Training Video: Search Web Info -->
<div class="row" style="margin-top:30px" id="SearchWebInfo">
<div class="col-md-6 hvr-grow">
<h3>How do I search for movies information on the web?</h3>
<p>Take any list entry and drop it on the Wen Info drop area.</p>
<ul>
<li>Select the web page from where you want to get the information.</li>
<li>Take some movies and drop them on the Web Info drop area.</li>
<li>Each movie is shown in a separate tab in the browser.</li>
</ul>
</div>
<div class="col-md-6">
<div align="center" class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Rb9aa_spQxY" frameborder="0" allowfullscreen></iframe>
</div>
<p>Note: Turn on the subtitles to see written instructions in the captions.</p>
</div>
</div>
<!-- Training Video: Cleanup Torrent Downloads -->
<div class="row" style="margin-top:30px" id="CleanupDownloads">
<div class="col-md-6 hvr-grow">
<h3>How do I cleanup downloads from torrent sites?</h3>
<p>You clean up the downloaded torrent files by deleting the garbage, sucking them out of the folder and renaming
them.
</p>
<ul>
<li>Scan the completed downloads folder.</li>
<li>Delete garbage files.</li>
<li>Suck files out of the folders.</li>
<li>Rename the files with file renaming apps.</li>
</ul>
</div>
<div class="col-md-6">
<div align="center" class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/kumMncdeJ5o" frameborder="0" allowfullscreen></iframe>
</div>
<p>Note: Turn on the subtitles to see written instructions in the captions.</p>
</div>
</div>
<!-- Training Video: Play Movies -->
<div class="row" style="margin-top:30px" id="PlayMovie">
<div class="col-md-6 hvr-grow">
<h3>How do I start playing a movie from MFM?</h3>
<p>Just drag the movie on the Play drop area.</p>
<ul>
<li>Drop your existing movies in the Import list</li>
<li>Drag a movie on the Play drop area.</li>
</ul>
</div>
<div class="col-md-6">
<div align="center" class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/EgKUvnkZizo" frameborder="0" allowfullscreen></iframe>
</div>
<p>Note: Turn on the subtitles to see written instructions in the captions.</p>
</div>
</div>
<!-- Training Video: Just Rip It -->
<div class="row" style="margin-top:30px" id="RipCollection">
<div class="col-md-6 hvr-grow">
<h3>How do I rip my friend's movie collection?</h3>
<p>Use Just Rip It to copy all your friend's movies, which you do not have at the moment. Garbage movies are
ignored.
</p>
<ul>
<li>Drop your friend's movies in the Import list.</li>
<li>Click on Just Rip It.</li>
<li>Click on Start Process</li>
</ul>
</div>
<div class="col-md-6">
<div align="center" class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/TWAov246OfM" frameborder="0" allowfullscreen></iframe>
</div>
<p>Note: Turn on the subtitles to see written instructions in the captions.</p>
</div>
</div>
<!-- Training Video: Just Scan It -->
<div class="row" style="margin-top:30px" id="UpdateCollection">
<div class="col-md-6 hvr-grow">
<h3>How do I update my existing movie collection?</h3>
<p>Use Just Scan It to add all movies in all top level folders containing Movies in the name.</p>
<ul>
<li>Connect the hard disks with your Movies folders.</li>
<li>Click on Just Scan It.</li>
<li>The movies are updated and the result is shown in the log file.</li>
</ul>
<p>Note: Turn on the subtitles to see written instructions in the captions.</p>
</div>
<div class="col-md-6">
<div align="center" class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/ssTfH9zBx4I" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<br><h3>Used Technologies</h3>
<p>Following free technologies have been used for the program...</p>
<ul>
<li>GitHub</li>
<li>Visual Studio Community</li>
<li>C#</li>
<li>.net Framework</li>
<li>Inno Script Studio</li>
<li>MediaInfo</li>
</ul>
<p>for general support...</p>
<ul>
<li>GitBook</li>
<li>YouTube</li>
<li>LightWorks</li>
<li>Icecream Screen Recorder</li>
<li>Appvisor</li>
<li>Gimp</li>
</ul>
<p>for the website...</p>
<ul>
<li>Visual Studio Code</li>
<li>Google Chrome</li>
<li>Bootstrap</li>
<li>Hover CSS</li>
<li>FileZilla</li>
<li>JQuery</li>
<li>phpBB</li>
</ul>
<p>Clicking on a link in the menu will bring to the real Movie File Merger website...")</p>
</div>
</div>
<a href="#ModisCodeCarousel" class="carousel-control-prev" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a href="#ModisCodeCarousel" class="carousel-control-next" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</body>
</html>