-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (106 loc) · 11.6 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
<!Doctype HTML>
<html>
<head>
<link rel="stylesheet" href="index.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"/>
<meta name="author" content="Nathan Solomon">
<title>Nathan's Website</title>
</head>
<!-- The following HTML is taken from https://morotsman.github.io/blog,/google/analytics,/jekyll,/github/pages/2020/07/07/add-google-analytics.html -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-206139197-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-206139197-1');
</script>
<body>
<div id="header">
<h1>Nathan's Website</h1>
</div>
<div id="menu-container">
<div class="menu">
<a href="https://github.com/nathansolomon1678"><div class="menu-button"><p>GitHub</p></div></a>
<a href="https://www.youtube.com/@funkyfractals"><div class="menu-button"><p>YouTube</p></div></a>
<a href="https://www.linkedin.com/in/nathan-solomon-748757273"><div class="menu-button"><p>LinkedIn</p></div></a>
<a href="mailto:[email protected]"><div class="menu-button"><p>Email</p></div></a>
<br style="clear: both">
</div>
</div>
<div id="main">
<h1>Programming Projects</h1>
<p>These projects are listed in order from coolest (the ones I spent the most time creating) to simplest (the ones I made in about one day).
<h2><i>(1) Online fractal exploration tool</i></h2>
<p>Click <a href="fractals">here</a> to start making art!<br><br>If this won't work with your device/browser, or if you find any other bugs in the program, please <a href="https://github.com/nathansolomon1678/nathansolomon1678.github.io/issues/new">open a GitHub issue</a>.</p>
<h2><i>(2) Cookbook</i></h2>
<p>Click <a href="food">here</a> to visit my personal cookbook.</p>
<h2><i>(3) Strange attractors & stereograms</i></h2>
<p>(This video may take a long time to load)</p>
<video id="clip1" onclick="var v = document.getElementById('clip1'); if (v.paused) { v.play(); } else { v.pause(); }" autoplay muted loop>
<source src="gallery/clip1.mp4" type="video/mp4">
</video>
<p><a href="https://www.magiceye.com/faq-items/help-how-do-i-see-in-3d/">Stereograms</a> are 2D pictures which will appear to pop out of the page when you allow your left and right eyes to focus on different parts of the image. Click on the video above to pause it until your eyes have resolved the image, since it will be much harder for your eyes to lock in while it's moving.<br><br>Each frame of that video was made by plotting 25 million points using C++ to form a 3D strange attractor which resembles a <a href="https://observablehq.com/@rreusser/clifford-and-de-jong-attractors">2D Clifford attractor</a>, then taking snapshots of it from slightly different angles to form a stereogram. The colorscheme is designed to loosely imitate a <a href="https://www.itp.uni-hannover.de/fileadmin/itp/emeritus/zawischa/pdf/soapfilmcalc.pdf">thin film interference pattern</a>.</p>
<h2><i>(4) Perfect pitch training game</i></h2>
<p>There are tons of apps that are designed to train your ears to recognize piano notes by name. <a href="ear_training">This one</a> doesn't have the best user inteface, but at least it's free.</p>
<h2><i>(5) Error correction with Golay codes</i></h2>
<p><a href="golay">This webpage</a> demonstrates how Golay coding uses Steiner systems and other cool math to remove noise from a transmitted message. It is a work in progress -- I still need to add a written explanation of how it works.</p>
<h2><i>(6) Online steganography tool</i></h2>
<p><a href="steganography">This tool</a> allows you to hide messages within pictures without visibly changing the pictures. It is intended as a proof of concept; it is not legit tool for evading steganalysis.</p>
<h2><i>(7) Unit conversion with matrices</i></h2>
<p>I made <a href="https://github.com/nathansolomon1678/notes/blob/master/PHYSICS126/units.pdf">this short document</a> while taking an undergraduate particle physics course. It's not a programming project, just a writeup of a nifty (but not super useful) idea I wanted to share. It describes how the logarithm of a quantity with units, which usually wouldn't be allowed in math, can be interpreted as an element of the real vector space spanned by {1, log(kg), log(m), log(s)}. Applying a change-of-basis and then exponentiating will give the original quantity, but expressed in natural units instead of SI units.</p>
<h1>Fractal Gallery</h1>
<a href="fractals/?fractal_type=2&coloring_method=2&max_iterations=206&colorscheme=0&colorfulness=35&color_offset=18&julification=100&scale_factor=3089.5553957110124¢er_x=0.3616077426065434¢er_y=-0.08211445591168383&crosshair_x=0.36059549012395886&crosshair_y=-0.08270353026887217">
<img src="gallery/imageAWEM4MZ4R9.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=2&colorfulness=42.0&color_offset=42&colorscheme=2&divergence_threshold=1000000.0&heartiness=0&rotation_degrees=6.25&max_iterations=692&crosshair_x=-0.008399375&crosshair_y=0.789525625¢er_x=0.03606¢er_y=0.07726&julification=100&filepath=clip1006/frame50.png&scale_factor=36.51741272548377">
<img src="gallery/image49M7AOD5G5.png">
</a>
<a href="fractals?fractal_type=2&coloring_method=5&colorfulness=150.0&color_offset=0&colorscheme=3&divergence_threshold=2.0&heartiness=0&rotation_degrees=0.0&max_iterations=200&crosshair_x=0.15183080000000002&crosshair_y=0.92871115¢er_x=0.18554¢er_y=0.56648&julification=100&filepath=clip1003/frame1.png&scale_factor=10.057730630017382">
<img src="gallery/clip1003frame1.png">
</a>
<a href="fractals/?fractal_type=0&coloring_method=4&colorfulness=17.1125&color_offset=70&colorscheme=2&divergence_threshold=1000000000.0&heartiness=0&rotation_degrees=0.0&max_iterations=5000&crosshair_x=-0.73068&crosshair_y=-0.1792¢er_x=-0.70946¢er_y=-0.19503&julification=99&filepath=clip1014/frame385.png&scale_factor=2.7621674300475214">
<img src="gallery/image0JZWJRX394.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=2&max_iterations=150&colorscheme=0&colorfulness=50&color_offset=0&divergence_threshold=1.0&julification=100&scale_factor=1000¢er_x=-0.40993024519619414¢er_y=-0.35860518210987374&crosshair_x=-0.44937616060088875&crosshair_y=0.6526120774669645">
<img src="gallery/imageLG6K6PBNMZ.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=2&max_iterations=1004&colorscheme=3&colorfulness=-200.0&color_offset=42&julification=100&heartiness=33&scale_factor=1000¢er_x=0.203¢er_y=0.551&crosshair_x=0.20357685370741485&crosshair_y=0.5522839879759519">
<img src="gallery/imageQ726XRLJUW.png">
</a>
<a href="fractals?fractal_type=0&coloring_method=3&colorfulness=12.0&color_offset=0&colorscheme=0&divergence_threshold=0.687&heartiness=74&rotation_degrees=15.0&max_iterations=1000&crosshair_x=-0.07006&crosshair_y=-0.68633¢er_x=-0.08256¢er_y=-0.63206&julification=91&filepath=clip1005/frame150.png&scale_factor=22.38721138568339">
<img src="gallery/clip1005frame150.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=2&max_iterations=1000&colorscheme=2&colorfulness=100&color_offset=0&julification=100&scale_factor=340.35867907174884¢er_x=-0.18642456600950244¢er_y=0.5669661846399773&crosshair_x=-0.23854322461551397&crosshair_y=0.6512478445502735">
<img src="gallery/imageU1UKTKKDZK.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=5&max_iterations=200&colorscheme=2&colorfulness=150.0&color_offset=38&julification=100&scale_factor=5¢er_x=-1.1601657383966246¢er_y=0.23606172995780592&crosshair_x=-1.2108949999999998&crosshair_y=0.180825">
<img src="gallery/image0EATH0WGCP.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=5&max_iterations=255&colorscheme=1&colorfulness=110&color_offset=0&julification=100&scale_factor=20¢er_x=-0.42364195810052624¢er_y=0.34127824520377&crosshair_x=-0.48664358752191383&crosshair_y=0.6304378563522293">
<img src="gallery/image1L7JK3USQJ.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=2&max_iterations=1200&colorscheme=0&colorfulness=-200&color_offset=27&julification=100&scale_factor=714.7980105104526¢er_x=0.3800283377651342¢er_y=-0.2574422696866626&crosshair_x=0.37998244708668477&crosshair_y=-0.25594840786320705">
<img src="gallery/imageFGAAXDD9NP.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=5&max_iterations=1200&colorscheme=1&colorfulness=5000.0&color_offset=33&divergence_threshold=1000000.0&julification=100&heartiness=27&scale_factor=5100.085055664573¢er_x=0.3703047871185074¢er_y=-0.2527695995355215&crosshair_x=0.3697085643707231&crosshair_y=-0.25244069706181027">
<img src="gallery/imageNDZSFEYTGX.png">
</a>
<a href="fractals/?fractal_type=0&coloring_method=4&max_iterations=1000&colorscheme=0&colorfulness=40&color_offset=60&divergence_threshold=1000000000&julification=100&heartiness=72&scale_factor=62.427132713778384¢er_x=0.09788038326810339¢er_y=-0.6266266324836945&crosshair_x=0.4014761791242199&crosshair_y=0.7482338563038192">
<img src="gallery/image518VUT9DIA.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=5&max_iterations=800&colorscheme=2&colorfulness=-5000&color_offset=0&divergence_threshold=1000000.0&julification=100&scale_factor=1336.4728322037924¢er_x=0.00796872225542376¢er_y=0.7977272743807023&crosshair_x=0.007884653673762685&crosshair_y=0.7979283623281569">
<img src="gallery/image5AWUPMCAYE.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=5&max_iterations=1000&colorscheme=1&colorfulness=-2500&color_offset=96&julification=100&scale_factor=44.701184493300815¢er_x=-0.024399743368690257¢er_y=-0.16474784617324342&crosshair_x=0.37733870965397925&crosshair_y=-0.18343715133231536">
<img src="gallery/imageE8IJZHDPQE.png">
</a>
<a href="fractals/?fractal_type=2&coloring_method=5&max_iterations=898&colorscheme=2&colorfulness=-5090&color_offset=47&divergence_threshold=1000000.0&julification=100&scale_factor=363.40232649504134¢er_x=-0.023938525137814113¢er_y=0.7542133157662091&crosshair_x=-0.021997770152300485&crosshair_y=0.7547267136903952">
<img src="gallery/image5F8DXTIDGT.png">
</a>
<h1>About me</h1>
<img src="selfie.png">
<p>Hi, my name is Nathan Solomon. I am currently a college student at UCLA, and I will graduate in June of 2025 with a BS in math, a BS in physics, and a specialization in computing. My hobbies include cooking, playing piano, and spending time with my friends.<br><br>If you have any questions or feedback about my site, please <a href="mailto:[email protected]">email me</a>.</p>
</div>
</body>
</html>