<!DOCTYPE html>
<html>

<head>
    <title>Michael B. Berneis</title>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-WWDWP7NW');</script>
    <!-- End Google Tag Manager -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Security-Policy"
        content="default-src https: 'unsafe-eval' 'unsafe-inline' 'self'; object-src 'none'; font-src data: https: 'unsafe-inline' 'self'">
    <base target="_blank" />
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
    <link rel="stylesheet" type="text/css" href="https://fonts.bunny.net/css?family=Yanone+Kaffeesatz" />
    <link rel="stylesheet" href="/icofont.min.css" />

    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    screens: {
                        xs: "475px",
                        "3xl": "1680px",
                    },
                    padding: {
                        "1/2": "50%",
                        full: "100%",
                    },
                    height: {
                        "30v": "30vh",
                    },
                },
            },
        };
    </script>
    <style type="text/tailwindcss">
        @layer utilities {
        .content-auto {
          content-visibility: auto;
        }
        @layer base {
          h1,
          h2 {
            font-family: "Yanone Kaffeesatz", sans-serif;
          }
          a {
            @apply text-sky-700 font-semibold opacity-70;
          }
          a:hover {
            @apply text-sky-900 opacity-100;
          }
          p {
            @apply text-sm xs:text-base xl:text-base 2xl:text-lg 3xl:text-xl;
          }
          #private
          {
            display: none;
          }
          #about {
            height:0;
            overflow:hidden;
            transition:height 1.5s ease;
          }
          #title {
            transition:all 1.5s ease;
          }
        }
      }
    </style>
</head>

<body class="bg-slate-100 grid h-screen place-items-top lg:place-items-center">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWDWP7NW"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <div class="mt-0 w-full xl:w-3/4">
        <div class="border lg:grid grid-cols-2 shadow-lg h-full bg-white lg:rounded-lg">
            <div class="pb-full md:pb-1/2 lg:pb-full bg-cover bg-center lg:rounded-r-lg" style="background-image: url(mb-cropped.png)">
            </div>
            <div class="lg:rounded p-8 text-center rounded-l-lg lg:order-last lg:order-first -mb-20 lg:mb-0">
                <div class="h-full">
                    <div id="title" class="grid h-full place-items-center">
                        <div>
                            <h1 id="name" class="text-6xl sm:text-7xl lg:text-8xl text-sky-700">
                                Michael B Berneis
                            </h1>
                            <h2 class="text-xl sm:text-2xl text-sky-800">
                                Technologist, Physicist, Magician
                                <span class="block sm:inline text-lg text-slate-500">(in order of competence)</span>
                            </h2>
                            <button id="button" onClick="showAbout()"
                                class="text-3xl mx-auto bg-white text-sky-800 opacity-50 hover:opacity-100 mt-12 font-light py-2 px-4 border border-sky-700 rounded shadow">
                                ABOUT
                            </button>
                        </div>
                    </div>
                    <div id="about" class="text-left text-slate-500 pt-8 sm:leading-loose space-y-4">
                        <p>
                            Born in LA, grew up in Munich, Germany, spent half my life in
                            New York City, living in Portland, OR now.
                        </p>
                        <p>
                            Started my career by building technology for
                            <a href="https://www.gi-de.com/en/payment/card/smart-cards">Electronic Payments and ATM machines</a>
                            while in high school before achieving my master in physics at
                            <a href="https://www.tum.de/en/">TUM</a>.
                        </p>
                        <p>
                            Moved on to genetic image processing and pattern recognition
                            projects before joining the financial industry in New York a few
                            weeks before
                            <a href="https://en.wikipedia.org/wiki/Black_Monday_(1987)">Black Monday</a>.
                        </p>
                        <p>
                            Back to Germany I headed the software division of
                            <a href="http://www.fast-lta.de/en/">FAST Electronic</a> during
                            their entry into the video editing business before returning to
                            New York to join
                            <a href="http://thomsonreuters.com/">Reuters</a> to write a
                            variety of FX Trading Simulations.
                        </p>
                        <p>
                            Moved on to the Market Surveillance division of the
                            <a href="http://www.nyse.com">New York Stock Exchange</a> to
                            build a system for detecting insider trading information on
                            financial message boards.
                        </p>
                        <p>
                            Founded
                            <a href="https://en.wikipedia.org/wiki/BookmarkSync">BookmarkSync</a>
                            during the Web 1.0 era and joined several startups before
                            returning to the <a href="http://www.nyse.com">NYSE</a> as a
                            Solutions Architect for Web Technology and Market Data
                            distribution.
                        </p>
                        <p>
                            Managed development of web and mobile products to disrupt the
                            investment banking business as Head of Capital Markets
                            Technology at
                            <a href="http://www.liquidnet.com/">Liquidnet</a>.
                        </p>
                        <p>
                            Co-Founder of
                            <a href="https://www.nanochipid.com">NanoChipID</a> and
                            <a href="https://www.fetch-id.com">Fetch-ID</a>, a profitable
                            startup making sure lost pets find their way home.
                        </p>
                        <p>
                            Proud father of a daughter (<a href="https://www.facebook.com/bellajuliana">Isabella</a>) and two sons (Hugo and
                            Anton).
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="mx-4 xl:mx-1 lg:flex text-center lg:justify-between my-4 lg:mt-16 text-gray-400">
            <div class="space-x-3 sm:space-x-5 text-lg sm:text-xl lg:text-2xl xl:text-3xl">
                <a href="//www.linkedin.com/in/mberneis"><i title="LinkedIn"
                        class="text-slate-500 icofont sm:icofont-md icofont-linkedin"></i></a>
                <a href="//github.com/mberneis"><i title="Github" class="text-slate-500 icofont sm:icofont-md icofont-github"></i></a>
                <a href="//www.threads.net/@mberneis">
                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" class="inline w-4 h-4 -mt-1 sm:w-7 sm:h-7 sm:-mt-2"
                        viewBox="0 0 1200.000000 1200.000000" preserveAspectRatio="xMidYMid meet"  fill="rgb(100, 116, 139)">
                        <g transform="translate(0.000000,1200.000000) scale(0.100000,-0.100000)">
                            <path d="M5705 11989 c-1387 -78 -2479 -525 -3304 -1350 -714 -715 -1192 -1682 -1425 -2884 -158 -821 -201 -1758 -120 -2645 196 -2151 1065 -3688 2542 -4494 873 -476 2041 -689 3244 -591 1161 94 2019 434 2778 1100 208 183 451 448 597 650 335 467 536 990 599 1555 17 157 19 507 4 660 -112 1103 -714 1932 -1776 2447 l-153 74 -5 52 c-3 29 -10 106 -16 172 -47 506 -199 996 -427 1369 -123 202 -319 428 -493 569 -434 350 -994 527 -1672 527 -216 0 -365 -13 -543 -45 -439 -81 -816 -250 -1140 -512 -170 -137 -401 -390 -498 -543 l-15 -25 423 -290 c233 -159 428 -290 433 -290 6 0 31 29 57 65 75 103 229 249 340 323 163 107 336 178 549 223 99 21 159 27 332 31 357 9 598 -33 841 -147 303 -143 513 -383 647 -742 36 -97 88 -293 101 -383 7 -45 7 -46 -16 -41 -34 8 -218 33 -329 45 -205 23 -388 31 -695 31 -330 0 -516 -9 -715 -36 -1182 -156 -1974 -834 -2085 -1784 -120 -1021 515 -1883 1585 -2149 248 -62 432 -84 705 -83 1015 1 1787 447 2224 1282 103 199 210 486 270 725 18 73 68 330 88 449 l8 49 99 -67 c385 -261 635 -584 760 -983 179 -571 95 -1219 -225 -1750 -175 -289 -493 -619 -819 -850 -451 -319 -993 -517 -1640 -597 -447 -55 -960 -59 -1385 -11 -1467 169 -2484 871 -3050 2105 -470 1025 -641 2452 -464 3885 159 1292 632 2312 1366 2946 717 619 1719 933 2893 906 954 -22 1741 -244 2385 -672 198 -132 337 -246 511 -420 301 -301 514 -601 714 -1010 127 -259 225 -515 330 -865 5 -17 13 -24 26 -22 16 3 929 244 975 258 15 4 13 18 -18 122 -332 1131 -916 2025 -1738 2662 -409 316 -939 586 -1470 748 -658 202 -1455 293 -2190 251z m1265 -6160 c80 -6 197 -17 260 -25 112 -14 402 -63 408 -69 2 -2 -4 -68 -13 -147 -118 -1034 -525 -1563 -1280 -1663 -394 -52 -734 -7 -1030 135 -244 117 -408 293 -487 520 -31 91 -32 102 -33 245 0 127 4 162 23 228 121 418 546 691 1197 768 227 26 637 30 955 8z" />
                        </g>
                    </svg></a>
                <a href="//keyserver2.pgp.com/vkd/DownloadKey.event?keyid=0x88EEADB8F07DB6C9"><i title="PGP Key"
                        class="text-slate-500 icofont sm:icofont-md icofont-key"></i></a>
                <a href="//www.goodreads.com/user/show/40267979-michael-berneis"><i title="Goodreads"
                        class="text-slate-500 icofont sm:icofont-md icofont-read-book-alt"></i></a>
                <a href="//www.paypal.me/mberneis"><i title="Paypal (owe me money?)"
                        class="text-slate-500 icofont sm:icofont-md icofont-paypal-alt"></i></a>
                <a href="//benno.berneis.com/"><i title="Tumblr (about my grand-father)"
                        class="text-slate-500 icofont sm:icofont-md icofont-tumblr"></i></a>
                <span id="private" class="space-x-2 sm:space-x-5">
                    <a href="tel:19174060243"><i title="Mobile" class="text-slate-500 icofont sm:icofont-md icofont-iphone"></i></a>
                    <a href="/cdn-cgi/l/email-protection#c1aca8a2a9a0a4ad81a3a4b3afa4a8b2efa2aeac"><i title="Email"
                            class="text-slate-500 icofont sm:icofont-md icofont-email"></i></a>
                    <a href="https://goo.gl/maps/tzmSs8dxVivVJfmF8"><i title="Location"
                            class="text-slate-500 icofont sm:icofont-md icofont-location-pin"></i></a>
                </span>
            </div>
            <div class="my-2 lg:my-0">
                &copy; Michael Berneis. All rights reserved
            </div>
        </div>
    </div>

    <!-- <div class="fixed bottom-0 right-0 p-2 font-bold text-white bg-black">
      <span class="sm:hidden">xs</span>
      <span class="hidden sm:inline md:hidden">sm</span>
      <span class="hidden md:inline lg:hidden">md</span>
      <span class="hidden lg:inline xl:hidden">lg</span>
      <span class="hidden xl:inline 2xl:hidden">xl</span>
      <span class="hidden 2xl:inline">2xl</span>:
    </div> -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        if (location.hash == "#v") {
            document.getElementById("private").style.display = "inline";
        }
        function showAbout() {
            document.getElementById("about").className = "!h-full text-left text-slate-500 pt-8 sm:leading-loose space-y-4";
            document.getElementById("button").className = "hidden";
            document.getElementById("title").className = "grid";
            document.getElementById("name").className =
                "text-5xl sm:text-7xl lg:text-7xl text-sky-700";
        }
    </script>
</body>

</html>
