<commit_before><!-- Created by the HTML5Boilerplate team; edited and maintained by the BananiumLabs team. -->

<!doctype html>
<html class="no-js" lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Bananium Labs</title>
    <meta name="description" content="Bananium Labs portfolio site">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="manifest" href="site.webmanifest">
    <link rel="apple-touch-icon" href="img/icon-round-v4.png">
    <link rel="icon" href="img/icon-round-v4.png">

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/custom.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
    <script src="https://authedmine.com/lib/authedmine.min.js"></script>
</head>

<div id="loading" class="fill valign-wrapper">
    <img src="img/icon-round-v4.png" class="responsive-img" id="loading-logo">
</div>

<header id="header"></header>

<body>
    <!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->

    <div id="banner" class="fill">

        <div id="particles-js"></div>

        <div class="row">
            <div class="col s12">
                <img src="img/banner-v4-clear.png" class="responsive-img">
            </div>
        </div>
        <div class="row">
            <div class="col s6 m6">
                <a href="mailto:<EMAIL>" class="fa fa-envelope larger white-text" id="banner-icon" style="margin-right: 10vw"></a>
            </div>

            <div class="col s6 m6">
                <a href="https://github.com/BananiumLabs" class="fa fa-github larger white-text" id="banner-icon" style="margin-left: 10vw"></a>
            </div>
        </div>
        <div class="row">
            <div class="col s12">
                <a href="#about" class="fa fa-angle-double-down larger white-text" id="banner-down" style="margin-top: 5vh; "></a>
            </div>
        </div>

    </div>

    <div id="about" class="blue-grey darken-4 expand">
        <div class="container">
            <div class="row">
                <div class="col s12 amber accent-4" id="section-heading">
                    <h1>About Bananium</h1>
                </div>
            </div>
            <div class="row">
                <div class="col s12">
                    <p style="color:#FFFFFF; font-size: 1rem">
                        Bananium Labs was formed in November 2017 when we decided to create an organization in which we could organize our various
                        software projects, Git repositories, and hackathon submissions into one place. Never again would
                        we have to have the hour-long debate surrounding whose account to associate our code to. What started
                        as a small group of three developers grew quickly, as we began to look for more members to attend
                        hackathons and contribute to our projects. So far, we have attended
                        <strong>7</strong> hackathons (our projects are showcased below). We're also interested in game development-
                        our game projects are organized within
                        <a href="https://bananiumlabs.com/2tbs">Two Terabyte Studios</a>.

                        <br>
                        <br> Bananium Labs is based at Monta Vista High School, in Cupertino, California. If you are a web developer
                        at Monta Vista, and are familiar with HTML, CSS, JavaScript, TypeScript, AngularJS/2, PHP, Ionic/NativeScript,
                        ReactJS, NodeJS, Ruby, Python, Polymer, and/or another similar language or framework, we want to
                        meet with you!
                        <a href="mailto:<EMAIL>">Email us</a> to let us know if you're interested in membership or collaboration.
                    </p>
                </div>
            </div>
        </div>
    </div>


    <!-- ################### -->
    <!-- ## PROJECTS LIST ## -->
    <!-- ################### -->


    <div id="projects" class="expand blue-grey darken-3">
        <div class="container">

            <div class="row">
                <div class="col s12 amber accent-4" id="section-heading">
                    <h1>Projects</h1>
                </div>
            </div>

            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content deep-purple accent-4" id="card-label">
                            <span class="flow-text white-text valign-wrapper">AtomBlast
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/atomblast.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 deep-purple lighten-2 row" id="card-label">
                                <p class="col s5" id="reveal-text">AtomBlast</p>
                                <a href="https://github.com/BananiumLabs/AtomBlastPublicIssues" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://atomblast.io" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <p class="black-text">AtomBlast is an online multiplayer arena game set at the atomic level. You control your own atom and fight with your team
                                against other players to gain the most points. Collect atoms to craft into compounds with the click of a button- each compound
                                has unique qualities that can help you attack, defend, and gain buffs! Strategically minded maps, weaponry, team play, and
                                game modes only add to the fuel!!
                                </p>
                                <p class="black-text">Made with Pixi.js renderer, Node.js backend, Socket.io networking. Written in JavaScript</p>
                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content teal darken-3" id="card-label">
                            <span class="flow-text white-text valign-wrapper">Bananium Plugin Pack
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/vscode.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 teal lighten-2 row" id="card-label">
                                <p class="col s5" id="reveal-text">Bananium Plugin Pack</p>
                                <a href="https://github.com/BananiumLabs/VSCode-BananiumPluginPack" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://github.com/BananiumLabs/VSCode-BananiumPluginPack/releases" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">

                                <p class="black-text">A collection of our favorite plugins for our favorite editor!
                                </p>
                                <p class="black-text">Contributors: <NAME> </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content orange accent-4" id="card-label">
                            <span class="flow-text white-text valign-wrapper">CarrotCane
                                <i class="fa fa-star white-text right tooltipped" data-position="top" data-tooltip="1st Place - TinoHacks II"></i>
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/carrotcane.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 orange row" id="card-label">
                                <p class="col s5" id="reveal-text">CarrotCane</p>
                                <a href="https://github.com/BananiumLabs/CarrotCane" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://carrotcane.tech" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <a href="https://devpost.com/software/carrotcane">TinoHacks II Submission (Team A)</a>

                                <p class="black-text">Winner - 1st Place</p>
                                <p class="black-text">CarrotCane is a DIY cane attachment to assist the blind and visually impaired. Its main features
                                    are derived from an Arduino sensor suite which gives audible alert signals as well as
                                    GPS tracking capabilities to users.
                                </p>
                                <p class="black-text">Hardware with Arduino, Server with Node.js, Mobile App with Ionic, Web Console with Socket.io.</p>
                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content blue darken-3" id="card-label">
                            <span class="flow-text white-text valign-wrapper">Ditto
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/Ditto_logo.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 blue row" id="card-label">
                                <p class="col s5" id="reveal-text">Ditto</p>
                                <a href="https://github.com/BananiumLabs/Ditto" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://devpost.com/software/ditto-lc6uba" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <a href="https://tinohacks2.devpost.com/">TinoHacks II Submission (Team B)</a>

                                <p class="black-text">A beginner's first programming language to aid in the transition between visual programming
                                    and higher level text-based programming. Compiles into JavaScript, which can be used
                                    to create basic web applications.
                                </p>
                                <p class="black-text">Written and compiled using JavaScript.</p>
                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content amber accent-4" id="card-label">
                            <span class="flow-text white-text">ElectroTab</span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/electrotab.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 amber row" id="card-label">
                                <p class="col s5" id="reveal-text">ElectroTab</p>
                                <a href="https://github.com/BananiumLabs/ElectroTab" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://electrotab-project.firebaseapp.com" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <p class="black-text">
                                    The ultimate modular New Tab Page! Create your own widgets and rearrange them however you wish. All configuration settings
                                    are saved by account- login using your email, Google, or Github. Change the themes, color,
                                    and more!
                                </p>
                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content purple darken-1" id="card-label">
                            <span class="flow-text white-text valign-wrapper tooltipped" data-position="top" data-tooltip="4th Place - MenloHacks III">AudiSea
                                <i class="fa fa-star white-text right"></i>
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/AudiSea Logo.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 purple lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">AudiSea</p>
                                <a href="https://github.com/BananiumLabs/AudiSea" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://bananiumlabs.github.io/AudiSea" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <a href="https://devpost.com/software/audisea">2018 Menlo Hacks Submission</a>
                                <p class="black-text">
                                    <p class="black-text">Winner - 4th-6th Place</p>
                                    <p class="black-text">An audio visualizer that allows you to see your music as it plays in an ocean setting...in
                                        VR!
                                    </p>
                                    <p class="black-text">Written using AFrame.</p>
                                    <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>





            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content pink darken-1" id="card-label">
                            <span class="flow-text white-text valign-wrapper">Honeydue
                                <i class="fa fa-star white-text right tooltipped" data-position="top" data-tooltip="Best Website - Firebird Hacks"></i>
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/honeydue.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 red lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">Honeydue</p>
                                <a href="https://github.com/BananiumLabs/Honeydue" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://honeydue.tech" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <a href="http://firebirdhacks.com/">2017 Firebird Hacks Submission</a>
                                <p class="black-text">Winner - Best .tech Website!</p>

                                <p class="black-text">Responsive cross-platform app which intelligently generates schedules to help you stay focused
                                    on your homework!</p>
                                <p class="black-text">Written using Angular2 + Nebular.</p>

                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content deep-orange darken-1" id="card-label">
                            <span class="flow-text white-text valign-wrapper">HotSwap
                                <i class="fa fa-star white-text right tooltipped" data-position="top" data-tooltip="4th Place and Best Website - Pioneer Hacks"></i>
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/hotswap-full.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 deep-orange lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">HotSwap</p>
                                <a href="https://github.com/BananiumLabs/HotSwap" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://hotswap.tech" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <a href="https://devpost.com/software/hotswap-tech-9m3csh">2018 Pioneer Hacks Submission</a>
                                <p class="black-text">Winner - 4th Place</p>
                                <p class="black-text">The perfect platform to encourage collaboration and learning in a safe environment by facilitating
                                    book and supply exchanges at school.</p>

                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>






            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content blue darken-2" id="card-label">
                            <span class="flow-text white-text">Aspicio</span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/aspicio.jpg" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 blue lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">Aspicio</p>
                                <a href="https://github.com/BananiumLabs/Aspicio" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://devpost.com/software/aspicio" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">

                                <a href="https://mv-hacks.com/">2017 Mountain View Hacks submission</a>
                                <br/>
                                <p class="black-text">Instead of walking with a cane or some other aid, visually impaired people walk around with
                                    their phone with Aspicio running. The lightweight app built with angular takes constant
                                    pictures and connects to a python based server to analyze the photos. With the use of
                                    powerful GPU's in the cloud, the image is processed almost instantly and sent back to
                                    the phone which gives vibration and sound feedback if an obstacle is there.
                                </p>

                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content green darken-1" id="card-label">
                            <span class="flow-text white-text">IntelliMaps</span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/intellimaps.jpg" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 green lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">Cupertino Intellimaps</p>
                                <a href="https://github.com/BananiumLabs/Cupertino_IntelliMaps" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://devpost.com/software/cupertino-intellimaps" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">

                                <a href="https://hack-cupertino.devpost.com/">2017 &lt;hack&gt; Cupertino Hackathon submission</a>
                                <br/>
                                <p class="black-text">Mobile app for reporting community issues such as crime and road repair. Submitted reports
                                    are saved to our database and can be read from the admin console where they can be resolved.</p>

                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content brown darken-1" id="card-label">
                            <span class="flow-text white-text">BamBoard</span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/bamboard.jpg" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 brown lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">BamBoard</p>
                                <a href="https://github.com/BananiumLabs/BamBoard" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://devpost.com/software/bamboard" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">

                                <a href="https://menlohacks-iii.devpost.com/">2018 Menlo Hacks III Submission (Team B)</a>
                                <br/>
                                <p class="black-text">An art collaboration platform aimed to create art that involve multiple people and personalities.</p>
                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content blue-grey darken-1" id="card-label">
                            <span class="flow-text white-text">Tipnote</span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/tipnote.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 blue-grey lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">Tipnote</p>
                                <a href="https://github.com/FugaX/Tipnote" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://devpost.com/software/tipnote" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">

                                <a href="https://pioneerhacks.devpost.com/">2018 PioneerHacks Submission (Team B)</a>
                                <br/>
                                <p class="black-text">Tipnote is an app in which a student, teacher, or any user can freely exercise their creative
                                    processes, manage tasks, use version control, and summarize files with portfolios.</p>
                                <p>Examples: projects, documenting learning approaches, git repositories, development cycles,
                                    article summarization, etc.
                                </p>
                                <p class="black-text">Contributors: <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- #################### -->
    <!-- ## DEVELOPER LIST ## -->
    <!-- #################### -->


    <div id="developers" class="blue-grey darken-2 expand">
        <div class="container">
            <div class="row">
                <div class="col s12 amber accent-4" id="section-heading">
                    <h1>Developers</h1>
                </div>
            </div>

            <div class="row">
                <div class="col s12">

                    <div class="card horizontal" id="dev-card">

                        <div class="card-image card-rounded">
                            <img src="https://avatars2.githubusercontent.com/u/15005763" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@dbqeo</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip green white-text">UI/UX Developer</div>
                                <div class="chip purple white-text">Team Admin</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [7]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/dbqeo">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                                <a href="https://www.linkedin.com/in/bencuan/">Linkedin</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars1.githubusercontent.com/u/5799869" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@EnumC</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip red white-text">Full Stack Developer</div>
                                <div class="chip blue-grey darken-2 white-text">Hardware Developer</div>
                                <div class="chip purple white-text">Team Admin</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [7]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/EnumC">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                                <a href="https://enumc.com">Website</a>
                                <a href="https://www.linkedin.com/in/enumc/">Linkedin</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars3.githubusercontent.com/u/8906527" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@DarkFlameX1</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip green white-text">UI/UX Developer</div>
                                <div class="chip purple white-text">Team Admin</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [6]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/DarkFlamex1">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                                <a href="https://www.linkedin.com/in/vpeddinti/">Linkedin</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars1.githubusercontent.com/u/15772933" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@Epicrider</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip black white-text">Backend Developer</div>
                                <div class="chip yellow darken-3 white-text">PR/HR</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [5]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/epicrider">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars2.githubusercontent.com/u/22230771" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@Kuxe</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip yellow darken-3 white-text">PR/HR</div>
                                <div class="chip pink darken-2 white-text">Graphic Design</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [4]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/Kuxxe">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                                <a href="https://www.linkedin.com/in/alexey-kolechkin-85841b158/">Linkedin</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars3.githubusercontent.com/u/29766196" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@vrjmath</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip brown white-text">Mobile Developer</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [4]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/vrjmath">GitHub</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars2.githubusercontent.com/u/33015666" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@FugaX</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip red white-text">Full Stack Developer</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [3]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/FugaX">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars1.githubusercontent.com/u/11846492" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@AdarshI</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip brown white-text">Mobile Developer</div>
                                <div class="chip green white-text">UI/UX Developer</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [2]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/AdarshI">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars3.githubusercontent.com/u/26175850" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@alexwaitz</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip red white-text">Full Stack Developer</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [2]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/AlexWaitz">GitHub</a>
                                <a href="<EMAIL>">Email</a>
                                <a href="https://alexwaitz.github.io/">Website</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars0.githubusercontent.com/u/37753526" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@Tainerd007</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip red white-text">Full Stack Developer</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [1]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/Tainerd007">GitHub</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ############ -->
    <!-- ## FOOTER ## -->
    <!-- ############ -->

    <footer id="footer">

    </footer>
    <!-- Start of StatCounter Code for Default Guide -->
    <script type="text/javascript">
        var sc_project = 11578444;
        var sc_invisible = 0;
        var sc_security = "ead5187d";
        var scJsHost = (("https:" == document.location.protocol) ?
            "https://secure." : "http://www.");
        document.write("<sc" + "ript type='text/javascript' src='" +
            scJsHost +
            "statcounter.com/counter/counter.js'></" + "script>");
    </script>
    <noscript>
        <div class="statcounter">
            <a title="Web Analytics" href="http://statcounter.com/" target="_blank">
                <img class="statcounter" src="//c.statcounter.com/11578444/0/ead5187d/0/" alt="Web
            Analytics">
            </a>
        </div>
    </noscript>
    <!-- End of StatCounter Code for Default Guide -->

    <!-- Scripts -->
    <script src="js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="<KEY>
        crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
    <script src="js/scroll.js"></script>
    <script src="js/vendor/particles.min.js"></script>
</body>

</html><commit_msg>Add 501c3 notice<commit_after><!-- Created by the HTML5Boilerplate team; edited and maintained by the BananiumLabs team. -->

<!doctype html>
<html class="no-js" lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Bananium Labs</title>
    <meta name="description" content="Bananium Labs portfolio site">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="manifest" href="site.webmanifest">
    <link rel="apple-touch-icon" href="img/icon-round-v4.png">
    <link rel="icon" href="img/icon-round-v4.png">

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/custom.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
    <script src="https://authedmine.com/lib/authedmine.min.js"></script>
</head>

<div id="loading" class="fill valign-wrapper">
    <img src="img/icon-round-v4.png" class="responsive-img" id="loading-logo">
</div>

<header id="header"></header>

<body>
    <!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->

    <div id="banner" class="fill">

        <div id="particles-js"></div>

        <div class="row">
            <div class="col s12">
                <img src="img/banner-v4-clear.png" class="responsive-img">
            </div>
        </div>
        <div class="row">
            <div class="col s6 m6">
                <a href="mailto:<EMAIL>" class="fa fa-envelope larger white-text" id="banner-icon" style="margin-right: 10vw"></a>
            </div>

            <div class="col s6 m6">
                <a href="https://github.com/BananiumLabs" class="fa fa-github larger white-text" id="banner-icon" style="margin-left: 10vw"></a>
            </div>
        </div>
        <div class="row">
            <div class="col s12">
                <a href="#about" class="fa fa-angle-double-down larger white-text" id="banner-down" style="margin-top: 5vh; "></a>
            </div>
        </div>

    </div>

    <div id="about" class="blue-grey darken-4 expand">
        <div class="container">
            <div class="row">
                <div class="col s12 amber accent-4" id="section-heading">
                    <h1>About Bananium</h1>
                </div>
            </div>
            <div class="row">
                <div class="col s12">
                    <p style="color:#FFFFFF; font-size: 1rem">
                        Bananium Labs was formed in November 2017 when we decided to create an organization in which we could organize our various
                        software projects, Git repositories, and hackathon submissions into one place. Never again would
                        we have to have the hour-long debate surrounding whose account to associate our code to. What started
                        as a small group of three developers grew quickly, as we began to look for more members to attend
                        hackathons and contribute to our projects. So far, we have attended
                        <strong>7</strong> hackathons (our projects are showcased below). We're also interested in game development-
                        our game projects are organized within
                        <a href="https://bananiumlabs.com/2tbs">Two Terabyte Studios</a>.

                        <br>
                        <br> Bananium Labs is based at Monta Vista High School, in Cupertino, California. If you are a web developer
                        at Monta Vista, and are familiar with HTML, CSS, JavaScript, TypeScript, AngularJS/2, PHP, Ionic/NativeScript,
                        ReactJS, NodeJS, Ruby, Python, Polymer, and/or another similar language or framework, we want to
                        meet with you!
                        <br>
                        <br>
                        Bananium Labs is in the process of aquiring 501c3 status.
                        <a href="mailto:<EMAIL>">Email us</a> to let us know if you're interested in membership or collaboration.
                    </p>
                </div>
            </div>
        </div>
    </div>


    <!-- ################### -->
    <!-- ## PROJECTS LIST ## -->
    <!-- ################### -->


    <div id="projects" class="expand blue-grey darken-3">
        <div class="container">

            <div class="row">
                <div class="col s12 amber accent-4" id="section-heading">
                    <h1>Projects</h1>
                </div>
            </div>

            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content deep-purple accent-4" id="card-label">
                            <span class="flow-text white-text valign-wrapper">AtomBlast
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/atomblast.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 deep-purple lighten-2 row" id="card-label">
                                <p class="col s5" id="reveal-text">AtomBlast</p>
                                <a href="https://github.com/BananiumLabs/AtomBlastPublicIssues" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://atomblast.io" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <p class="black-text">AtomBlast is an online multiplayer arena game set at the atomic level. You control your own atom and fight with your team
                                against other players to gain the most points. Collect atoms to craft into compounds with the click of a button- each compound
                                has unique qualities that can help you attack, defend, and gain buffs! Strategically minded maps, weaponry, team play, and
                                game modes only add to the fuel!!
                                </p>
                                <p class="black-text">Made with Pixi.js renderer, Node.js backend, Socket.io networking. Written in JavaScript</p>
                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content teal darken-3" id="card-label">
                            <span class="flow-text white-text valign-wrapper">Bananium Plugin Pack
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/vscode.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 teal lighten-2 row" id="card-label">
                                <p class="col s5" id="reveal-text">Bananium Plugin Pack</p>
                                <a href="https://github.com/BananiumLabs/VSCode-BananiumPluginPack" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://github.com/BananiumLabs/VSCode-BananiumPluginPack/releases" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">

                                <p class="black-text">A collection of our favorite plugins for our favorite editor!
                                </p>
                                <p class="black-text">Contributors: <NAME> </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content orange accent-4" id="card-label">
                            <span class="flow-text white-text valign-wrapper">CarrotCane
                                <i class="fa fa-star white-text right tooltipped" data-position="top" data-tooltip="1st Place - TinoHacks II"></i>
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/carrotcane.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 orange row" id="card-label">
                                <p class="col s5" id="reveal-text">CarrotCane</p>
                                <a href="https://github.com/BananiumLabs/CarrotCane" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://carrotcane.tech" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <a href="https://devpost.com/software/carrotcane">TinoHacks II Submission (Team A)</a>

                                <p class="black-text">Winner - 1st Place</p>
                                <p class="black-text">CarrotCane is a DIY cane attachment to assist the blind and visually impaired. Its main features
                                    are derived from an Arduino sensor suite which gives audible alert signals as well as
                                    GPS tracking capabilities to users.
                                </p>
                                <p class="black-text">Hardware with Arduino, Server with Node.js, Mobile App with Ionic, Web Console with Socket.io.</p>
                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content blue darken-3" id="card-label">
                            <span class="flow-text white-text valign-wrapper">Ditto
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/Ditto_logo.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 blue row" id="card-label">
                                <p class="col s5" id="reveal-text">Ditto</p>
                                <a href="https://github.com/BananiumLabs/Ditto" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://devpost.com/software/ditto-lc6uba" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <a href="https://tinohacks2.devpost.com/">TinoHacks II Submission (Team B)</a>

                                <p class="black-text">A beginner's first programming language to aid in the transition between visual programming
                                    and higher level text-based programming. Compiles into JavaScript, which can be used
                                    to create basic web applications.
                                </p>
                                <p class="black-text">Written and compiled using JavaScript.</p>
                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content amber accent-4" id="card-label">
                            <span class="flow-text white-text">ElectroTab</span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/electrotab.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 amber row" id="card-label">
                                <p class="col s5" id="reveal-text">ElectroTab</p>
                                <a href="https://github.com/BananiumLabs/ElectroTab" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://electrotab-project.firebaseapp.com" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <p class="black-text">
                                    The ultimate modular New Tab Page! Create your own widgets and rearrange them however you wish. All configuration settings
                                    are saved by account- login using your email, Google, or Github. Change the themes, color,
                                    and more!
                                </p>
                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content purple darken-1" id="card-label">
                            <span class="flow-text white-text valign-wrapper tooltipped" data-position="top" data-tooltip="4th Place - MenloHacks III">AudiSea
                                <i class="fa fa-star white-text right"></i>
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/AudiSea Logo.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 purple lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">AudiSea</p>
                                <a href="https://github.com/BananiumLabs/AudiSea" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://bananiumlabs.github.io/AudiSea" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <a href="https://devpost.com/software/audisea">2018 Menlo Hacks Submission</a>
                                <p class="black-text">
                                    <p class="black-text">Winner - 4th-6th Place</p>
                                    <p class="black-text">An audio visualizer that allows you to see your music as it plays in an ocean setting...in
                                        VR!
                                    </p>
                                    <p class="black-text">Written using AFrame.</p>
                                    <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>





            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content pink darken-1" id="card-label">
                            <span class="flow-text white-text valign-wrapper">Honeydue
                                <i class="fa fa-star white-text right tooltipped" data-position="top" data-tooltip="Best Website - Firebird Hacks"></i>
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/honeydue.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 red lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">Honeydue</p>
                                <a href="https://github.com/BananiumLabs/Honeydue" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://honeydue.tech" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <a href="http://firebirdhacks.com/">2017 Firebird Hacks Submission</a>
                                <p class="black-text">Winner - Best .tech Website!</p>

                                <p class="black-text">Responsive cross-platform app which intelligently generates schedules to help you stay focused
                                    on your homework!</p>
                                <p class="black-text">Written using Angular2 + Nebular.</p>

                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content deep-orange darken-1" id="card-label">
                            <span class="flow-text white-text valign-wrapper">HotSwap
                                <i class="fa fa-star white-text right tooltipped" data-position="top" data-tooltip="4th Place and Best Website - Pioneer Hacks"></i>
                            </span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/hotswap-full.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 deep-orange lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">HotSwap</p>
                                <a href="https://github.com/BananiumLabs/HotSwap" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://hotswap.tech" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">
                                <a href="https://devpost.com/software/hotswap-tech-9m3csh">2018 Pioneer Hacks Submission</a>
                                <p class="black-text">Winner - 4th Place</p>
                                <p class="black-text">The perfect platform to encourage collaboration and learning in a safe environment by facilitating
                                    book and supply exchanges at school.</p>

                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>






            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content blue darken-2" id="card-label">
                            <span class="flow-text white-text">Aspicio</span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/aspicio.jpg" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 blue lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">Aspicio</p>
                                <a href="https://github.com/BananiumLabs/Aspicio" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://devpost.com/software/aspicio" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">

                                <a href="https://mv-hacks.com/">2017 Mountain View Hacks submission</a>
                                <br/>
                                <p class="black-text">Instead of walking with a cane or some other aid, visually impaired people walk around with
                                    their phone with Aspicio running. The lightweight app built with angular takes constant
                                    pictures and connects to a python based server to analyze the photos. With the use of
                                    powerful GPU's in the cloud, the image is processed almost instantly and sent back to
                                    the phone which gives vibration and sound feedback if an obstacle is there.
                                </p>

                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content green darken-1" id="card-label">
                            <span class="flow-text white-text">IntelliMaps</span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/intellimaps.jpg" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 green lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">Cupertino Intellimaps</p>
                                <a href="https://github.com/BananiumLabs/Cupertino_IntelliMaps" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://devpost.com/software/cupertino-intellimaps" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">

                                <a href="https://hack-cupertino.devpost.com/">2017 &lt;hack&gt; Cupertino Hackathon submission</a>
                                <br/>
                                <p class="black-text">Mobile app for reporting community issues such as crime and road repair. Submitted reports
                                    are saved to our database and can be read from the admin console where they can be resolved.</p>

                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content brown darken-1" id="card-label">
                            <span class="flow-text white-text">BamBoard</span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/bamboard.jpg" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 brown lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">BamBoard</p>
                                <a href="https://github.com/BananiumLabs/BamBoard" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://devpost.com/software/bamboard" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">

                                <a href="https://menlohacks-iii.devpost.com/">2018 Menlo Hacks III Submission (Team B)</a>
                                <br/>
                                <p class="black-text">An art collaboration platform aimed to create art that involve multiple people and personalities.</p>
                                <p class="black-text">Contributors: <NAME>, <NAME>, <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col s12 m6">
                    <div class="card parent card-rounded">
                        <div class="card-content blue-grey darken-1" id="card-label">
                            <span class="flow-text white-text">Tipnote</span>
                        </div>
                        <div class="card-image card-rounded">
                            <img class="responsive-img waves-effect waves-block waves-light activator card-rounded" src="img/tipnote.png" />
                        </div>
                        <div class="card-reveal nopad">
                            <span class="card-title grey-text text-darken-4 blue-grey lighten-1 row" id="card-label">
                                <p class="col s5" id="reveal-text">Tipnote</p>
                                <a href="https://github.com/FugaX/Tipnote" class="fa fa-github black-text col s2 valign-wrapper"></a>
                                <a href="https://devpost.com/software/tipnote" class="fa fa-link black-text col s2 valign-wrapper"></a>
                                <i class="material-icons black-text valign-wrapper col s3" id="card-close">close</i>
                            </span>
                            <div class="container">

                                <a href="https://pioneerhacks.devpost.com/">2018 PioneerHacks Submission (Team B)</a>
                                <br/>
                                <p class="black-text">Tipnote is an app in which a student, teacher, or any user can freely exercise their creative
                                    processes, manage tasks, use version control, and summarize files with portfolios.</p>
                                <p>Examples: projects, documenting learning approaches, git repositories, development cycles,
                                    article summarization, etc.
                                </p>
                                <p class="black-text">Contributors: <NAME></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- #################### -->
    <!-- ## DEVELOPER LIST ## -->
    <!-- #################### -->


    <div id="developers" class="blue-grey darken-2 expand">
        <div class="container">
            <div class="row">
                <div class="col s12 amber accent-4" id="section-heading">
                    <h1>Developers</h1>
                </div>
            </div>

            <div class="row">
                <div class="col s12">

                    <div class="card horizontal" id="dev-card">

                        <div class="card-image card-rounded">
                            <img src="https://avatars2.githubusercontent.com/u/15005763" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@dbqeo</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip green white-text">UI/UX Developer</div>
                                <div class="chip purple white-text">Team Admin</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [7]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/dbqeo">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                                <a href="https://www.linkedin.com/in/bencuan/">Linkedin</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars1.githubusercontent.com/u/5799869" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@EnumC</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip red white-text">Full Stack Developer</div>
                                <div class="chip blue-grey darken-2 white-text">Hardware Developer</div>
                                <div class="chip purple white-text">Team Admin</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [7]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/EnumC">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                                <a href="https://enumc.com">Website</a>
                                <a href="https://www.linkedin.com/in/enumc/">Linkedin</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars3.githubusercontent.com/u/8906527" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@DarkFlameX1</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip green white-text">UI/UX Developer</div>
                                <div class="chip purple white-text">Team Admin</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [6]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/DarkFlamex1">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                                <a href="https://www.linkedin.com/in/vpeddinti/">Linkedin</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars1.githubusercontent.com/u/15772933" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@Epicrider</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip black white-text">Backend Developer</div>
                                <div class="chip yellow darken-3 white-text">PR/HR</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [5]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/epicrider">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars2.githubusercontent.com/u/22230771" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@Kuxe</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip yellow darken-3 white-text">PR/HR</div>
                                <div class="chip pink darken-2 white-text">Graphic Design</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [4]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/Kuxxe">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                                <a href="https://www.linkedin.com/in/alexey-kolechkin-85841b158/">Linkedin</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars3.githubusercontent.com/u/29766196" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@vrjmath</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip brown white-text">Mobile Developer</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [4]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/vrjmath">GitHub</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars2.githubusercontent.com/u/33015666" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@FugaX</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip red white-text">Full Stack Developer</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [3]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/FugaX">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars1.githubusercontent.com/u/11846492" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@AdarshI</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip brown white-text">Mobile Developer</div>
                                <div class="chip green white-text">UI/UX Developer</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [2]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/AdarshI">GitHub</a>
                                <a href="mailto:<EMAIL>">Email</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars3.githubusercontent.com/u/26175850" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight"><NAME></div>
                                <div class="tag">@alexwaitz</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip red white-text">Full Stack Developer</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [2]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/AlexWaitz">GitHub</a>
                                <a href="<EMAIL>">Email</a>
                                <a href="https://alexwaitz.github.io/">Website</a>
                            </div>
                        </div>
                    </div>

                    <div class="card horizontal" id="dev-card">
                        <div class="card-image card-rounded">
                            <img src="https://avatars0.githubusercontent.com/u/37753526" id="dev-image">
                        </div>
                        <div class="card-stacked">
                            <div class="card-content" id="dev-name">
                                <div class="flow-text weight">Tai Nguyen</div>
                                <div class="tag">@Tainerd007</div>
                            </div>
                            <div class="card-content nopad">
                                <div class="chip red white-text">Full Stack Developer</div>
                                <div class="chip blue darken-2 white-text">Hackathon Team [1]</div>
                            </div>
                            <div class="card-action">
                                <a href="https://github.com/Tainerd007">GitHub</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ############ -->
    <!-- ## FOOTER ## -->
    <!-- ############ -->

    <footer id="footer">

    </footer>
    <!-- Start of StatCounter Code for Default Guide -->
    <script type="text/javascript">
        var sc_project = 11578444;
        var sc_invisible = 0;
        var sc_security = "ead5187d";
        var scJsHost = (("https:" == document.location.protocol) ?
            "https://secure." : "http://www.");
        document.write("<sc" + "ript type='text/javascript' src='" +
            scJsHost +
            "statcounter.com/counter/counter.js'></" + "script>");
    </script>
    <noscript>
        <div class="statcounter">
            <a title="Web Analytics" href="http://statcounter.com/" target="_blank">
                <img class="statcounter" src="//c.statcounter.com/11578444/0/ead5187d/0/" alt="Web
            Analytics">
            </a>
        </div>
    </noscript>
    <!-- End of StatCounter Code for Default Guide -->

    <!-- Scripts -->
    <script src="js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="<KEY>
        crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
    <script src="js/scroll.js"></script>
    <script src="js/vendor/particles.min.js"></script>
</body>

</html>
{'fraction_non_alphanumeric': 0.12461978986774816, 'fraction_numerical': 0.008512250286898488, 'mean_word_length': 1.1902437834012543, 'pattern_counts': {'":': 0, '<': 1806, '<?xml version=': 0, '>': 1806, 'https://': 136, 'lorem ipsum': 0, 'www.': 10, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 304, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2909356', 'n_tokens_mistral': 23731, 'n_tokens_neox': 21786, 'n_words': 5196}