first commit

rohan-mehta-1024 · May 27, 2022 · 939355e · 939355e
commit 939355e
Show file tree

Hide file tree

Showing 30 changed files with 8,309 additions and 0 deletions.
diff --git a/.#index.html b/.#index.html
@@ -0,0 +1 @@
+[email protected]
diff --git a/.DS_Store b/.DS_Store
diff --git a/.index.html.~undo-tree~ b/.index.html.~undo-tree~
diff --git a/.styles.css.~undo-tree~ b/.styles.css.~undo-tree~
diff --git a/aman.png b/aman.png
diff --git a/anthony.jpg b/anthony.jpg
diff --git a/apl.png b/apl.png
diff --git a/b6d177058ae143d48e1eb49f861d28ab.png b/b6d177058ae143d48e1eb49f861d28ab.png
diff --git a/clojure.png b/clojure.png
diff --git a/dyalog.png b/dyalog.png
diff --git a/haskell.png b/haskell.png
diff --git a/index.html b/index.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html>
+<head>
+<link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div id="navbar" style="width:100%;baackground-color:white;">
+        <ul id="nav-cont" style="margin: 0 0 0 0; margin-top: 10px; text-align:center; margin-bottom: 10px; font-family: 'Cabinet Grotesk',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica Neue',Helvetica,sans-serif; margin-left:0px; padding-left:0px;">
+        <!--  <li class="header-items" style="display:inline-block;"><img src="yinyang2.png" style="width:60px;height:60px;"></li>-->
+            <li class="header-items" style="display:inline-block;"><a>Register</a></li>
+        <li class="header-items" style="display:inline-block;"><a href="#mission">About</li>
+            <li class="header-items" style="display:inline-block;"><a href="#team">Our Team</a></li>
+            <li class="header-items" style="display:inline-block;margin-right:0px;color:white;"><a>Contact</a></li>
+        </ul>
+    </div>
+
+    <h1 id="title" class="header"  style="margin-top:50px;padding-bottom:2px;">EsoLang Conference 2022</h1>
+    <div class="container">
+        <img id="logo" src="prog-comp-logo-wolf.svg">
+    </div>
+
+    <h3 class="header" id="mission">Our Mission</h3>
+
+    <p class="text">The high school computer science curriculum is entrenched in old, boring programming languages. Students have no idea of the diversity of programming paradigms out there: from functional, to array-based, to knowledge-based programming. Most have never even heard of pattern matching, macros, or higher-order functions! We want to change this.</p>
+
+    <p class="text">With the help of innovative companies who make use of non-mainstream languages to <a class="orange" target="_blank" href="http://www.paulgraham.com/avg.html">beat the averages</a>, we are hosting a programming language conference to do exactly that, led by and designed for high school students. As programming guru <a class="orange" target="_blank" href="https://en.wikipedia.org/wiki/Alan_Perlis">Alan Perlis</a> once said, <span>&ldquo;A language that doesn't affect the way you think about programming, is not [one] worth knowing.&rdquo; We can promise that if you attend the inaugural EsoLang Conference, your programming worldview will be flipped upside down!</span>
+
+        <h3 class="header">Details</h3>
+        <p class="text">This is not your typical high school hackathon. From <strong class="orange">September 23-25</strong> teams of up to five students from around the world will gather to solve hard programming problems, engineer creative solutions, and listen to interactive, world-class lectures. While we will have lots of cool swag and prizes to give away, it is the journey of learning to think in a new and unorthodox language that makes the EsoLang Conference so unique.</p>
+
+        <p class="text">As such, teams will use the summer before the conference to acclimate themselves with their language of choice. Stay tuned for the various learning materials that we will release to help you along the way, including week-by-week curricula, livestreams with software engineers, group forums, daily challenges, and much, much more! Teams will have their choice of the following five languages:</p>
+
+        <h3 class="header">Tracks</h3>
+        <p class="text"><a class="orange" target="_blank" href="https://clojure.org/">Clojure</a>: A modern-day Lisp, Clojure is all about making functional programming cool again.</p>
+        <p class="text"><a  class="orange" target="_blank" href="https://www.haskell.org/">Haskell</a>: The true mother of functional programming, Haskell is as pure as you can get! If you in math, provable safety, type theory, and elegant one-liners, then Haksell is the way to go!</p>
+        <p class="text"><a  class="orange" target="_blank" href="https://tryapl.org/">APL</a>: Have you ever wondered what it would be like to program with Egyptian hieroglyphics? APL, so terse that it can much! Much recommended for the laconic among you. /p>
+            <p class="text"><a  class="orange" target="_blank" href="https://ocaml.org/">OCaml</a>: Haskell's more rebellious twin, OCaml is a mix of that, like Clojure, leans, although with more of a focus on type safety.  </p>
+            <p class="text"><a  class="orange" target="_blank" href="https://ocaml.org/">Wolfram Language</a>: Haskell's more rebellious twin, OCaml is a mix of that, like Clojure, leans, although with more of a focus on type safety.  </p>
+
+        <h3 class="header" style="margin-bottom:50px;" id="team">Our Team</h3>
+
+
+        <div id="mega-container" style="text-align:center;">
+        <div class="outer" style="text-align:center;display:inline-block;">
+            <div class ="flip-box">
+                <div class="flip-box-inner">
+                    <div class="flip-box-front" style="border-radius:50%"><img class="people" style="border-radius:50%" src="me7.jpg"><p class="name text">Rohan Mehta, Founder</p></div>
+                    <div class="flip-box-back"  style="border-radius:50%">
+                        <p class ="name text">I'm a ML researcher, synbio enthusiast, and functional programming evangelist! Check out my personal website <a class="orange" target="_blank" href="https://mehta-rohan.com">here</a>.</p>
+                    </div>
+
+
+
+                </div>
+            </div>
+        </div>
+
+        <div class="outer" style="text-align:center;display:inline-block;">
+            <div class="flip-box">
+                <div class="flip-box-inner">
+                    <div class="flip-box-front" style="border-radius:50%"><img class="people" style="border-radius:50%" src="maria.png"><p class="name text">Maria Delgado, APL Lead</p></div>
+                    <div class="flip-box-back"  style="border-radius:50%">
+                        <p class="name text">I'm passionate about mathematics, science and programming. I love learning, teaching, and doing research in these fields!</p>
+                    </div>
+
+
+
+                </div>
+            </div>
+        </div>
+
+
+        <div class="outer" style="text-align:center;display:inline-block;">
+            <div class ="flip-box">
+                <div class="flip-box-inner">
+                    <div class="flip-box-front" style="border-radius:50%"><img class="people" style="border-radius:50%" src="anthony.jpg"><p class="name text">Anthony Lee, OCaml Lead</p></div>
+                    <div class="flip-box-back"  style="border-radius:50%">
+                        <p class="name text">I'm a sophomore at Milton Academy in MA who loves math and physics, especially number theory and topology.</p>
+                    </div>
+
+
+
+                </div>
+            </div>
+        </div>
+
+        <div class="outer" style="text-align:center;display:inline-block;">
+            <div class="flip-box">
+                <div class="flip-box-inner">
+                    <div class="flip-box-front" style="border-radius:50%"><img class="people" style="border-radius:50%" src="aman.png"><p class="name text">Aman Burman, Haskell Lead</p></div>
+                    <div class="flip-box-back"  style="border-radius:50%">
+                        <p class="name text"> I'm a junior from Dubai, with passions in astrophysics, cosmology and CS. Check out my cool projects <a class="orange" target="_blank" href="https://aman8533.github.io/Portfolio/">here</a>.
+                        </p>
+                    </div>
+
+
+
+                </div>
+            </div>
+        </div>
+
+        <div class="outer" style="text-align:center;display:inline-block;">
+            <div class="flip-box">
+                <div class="flip-box-inner">
+                    <div class="flip-box-front" style="border-radius:50%"><img class="people" style="border-radius:50%" src="pepe.jpg"><p class="name text">Pepe, Clojure Lead</p></div>
+                    <div class="flip-box-back"  style="border-radius:50%">
+                        <p  class="name text">I'm a high school student from Spain who is passionate about mathematics and guitar.</p>
+                    </div>
+
+
+
+                </div>
+            </div>
+        </div>
+
+        <div class="outer" style="text-align:center;display:inline-block;">
+            <div class ="flip-box">
+                <div class="flip-box-inner">
+                    <div class="flip-box-front" style="border-radius:50%"><img class="people" style="border-radius:50%" src="pritvik.jpg"><p class="name text">Prtivik Sinhadc, Wolfram Language Lead</p></div>
+                    <div class="flip-box-back"  style="border-radius:50%">
+                        <p class ="name text">I'm an incoming freshman at Caltech, a published researcher,  and a Rise Global Winner. Check out my personal website  <a class="orange" target="_blank" href="https://pritviksinhadc.com/ ">here</a>.</p>
+                    </div>
+
+
+
+                </div>
+            </div>
+        </div>
+
+        </div>
+        <h3 class="header" style="margin-bottom:50px;" id="team">Sponsors</h3>
+
+        <div id="sponsor-container">
+            <img src="dyalog.png" style="width:200px;height:200px;">
+            <img src="js2.png" style="width:200px;height:200px;">
+            <img src="roam-removebg-preview.png" style="width:300px;height:200px;">
+        </div>
+
+        <!-- <img class="people" src="anthony.jpg">
+        <img class="people" src="aman.png"> -->
+
+</body>
+</html>
diff --git a/js.jpg b/js.jpg
diff --git a/js.png b/js.png
diff --git a/js2.png b/js2.png
diff --git a/maria.png b/maria.png
diff --git a/me7.jpg b/me7.jpg
diff --git a/ocaml.png b/ocaml.png
diff --git a/ocaml.svg b/ocaml.svg
diff --git a/pepe.jpg b/pepe.jpg
diff --git a/pritvik.jpg b/pritvik.jpg