<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>SML Universe</title>

<link rel="apple-touch-icon" sizes="57x57" href="/static/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/static/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/static/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/static/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/static/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/static/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/static/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/static/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/static/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/static/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
<link rel="manifest" href="/static/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/static/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

<meta charset="UTF-8" />
<meta name="google" content="notranslate" />

<meta name="title" content="SML Universe">
<meta name="description" content="User Experience Design + Photography">
<meta name="keywords" content="User Experience, UX, Photography">
<meta property="og:title" content="SML Universe">
<meta property="og:type" content="website">
<meta property="og:site_name" content="SML Universe">
<meta name="twitter:site" content="@smluniverse">
<meta name="twitter:creator" content="@smluniverse">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<link rel="stylesheet" type="text/css" href="https://smluniverse.com/static/scss/app.css?t=a9f14865c477dac0283cce8ec500f0a44493ee56" />
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
        (adsbygoogle = window.adsbygoogle || []).push({
            google_ad_client: "ca-pub-7508750482993527",
            enable_page_level_ads: true
        });
    </script>
<meta property="og:image" content="https://smluniverse.com/static/favicon/apple-icon.png?t=01239f4a154d56de9385240aa5eee6238751b151">
<meta property="og:description" content="User Experience Design + Photography">

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-27182617-1"></script>
<script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'UA-27182617-1');
    </script>


<script>
        if (window.self !== window.top) {
            window.top.location.href = window.location.href;
        }
    </script>
<script data-cfasync="false" src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
</head>
<body id="vectora">
<div class="footer">
<h5 class="ui header photo_title">
 User Experience (UX) Design + Photography
</h5>
<div class="copyright">
&copy; 2000-2020 SML Universe. All rights reserved.
</div>
</div>
<div class="photo-container">
<div class="carousel">
<div class="carousel-cell" data-index="0" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4535/38577969896_a15e3b7cac_b.jpg" data-title="Perito Moreno Glacier,  Los Glaciares National Park, Santa Cruz Province, Argentina ">
</div>
<div class="carousel-cell" data-index="1" data-flickity-bg-lazyload="https://farm2.staticflickr.com/1955/44738400824_82a6366fa7_b.jpg" data-title="Penguins, Antarctica ">
</div>
<div class="carousel-cell" data-index="2" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4540/38623538446_8cfa21efaa_b.jpg" data-title="Danco Island Panorama, Antarctica ">
</div>
<div class="carousel-cell" data-index="3" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4578/38603323812_d38c968557_b.jpg" data-title="Perito Moreno Glacier,  Los Glaciares National Park, Santa Cruz Provnce, Argentina ">
</div>
<div class="carousel-cell" data-index="4" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4540/38557523822_21df7aa5fc_b.jpg" data-title="Iceberg + Mountains ">
</div>
<div class="carousel-cell" data-index="5" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4539/38376149636_2cc5cfb880_b.jpg" data-title="Argentino Lake (Lago Argentino), El Calafate, Patagonia, Argentina ">
</div>
<div class="carousel-cell" data-index="6" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4450/37637898680_0b0d804005_b.jpg" data-title="Zurich Panorama from Felsenegg, Switzerland ">
</div>
<div class="carousel-cell" data-index="7" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4463/37844863142_803986d440_b.jpg" data-title="Matterhorn Panorama from Gornergrat, Zermatt, Switzerland ">
</div>
<div class="carousel-cell" data-index="8" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4492/37139161604_aeb0fa3af4_b.jpg" data-title="Gornegrat, Zermatt, Switzerland ">
</div>
<div class="carousel-cell" data-index="9" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4482/37796696752_40029c0916_b.jpg" data-title="Matterhorn, Gornegrat, Zermatt, Switzerland ">
</div>
<div class="carousel-cell" data-index="10" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4463/37352423024_b9dd9d280c_b.jpg" data-title="Marina Bay, Singapore ">
</div>
<div class="carousel-cell" data-index="11" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3837/14849364346_03b9b4a7c5_b.jpg" data-title="Old Man + Phone (Asian Squat) ">
</div>
<div class="carousel-cell" data-index="12" data-flickity-bg-lazyload="https://farm6.staticflickr.com/5592/14849219076_21049e8226_b.jpg" data-title="Bridge ">
</div>
<div class="carousel-cell" data-index="13" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3908/14606928997_ae19402d61_b.jpg" data-title="長白山西坡 Western Slope, Chang Bai Mountain (Changbaishan) ">
</div>
<div class="carousel-cell" data-index="14" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3856/14535199048_b7b41e5a55_b.jpg" data-title="牛魂陣 Bovine Soul Array ">
</div>
<div class="carousel-cell" data-index="15" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3882/14691623775_4b5eda13d0_b.jpg" data-title="苗族紡織藝術 Miao (Hmong) Textile Art ">
</div>
<div class="carousel-cell" data-index="16" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2933/14475799920_dd1f64471a_b.jpg" data-title="艱苦的生活 Hard life ">
</div>
<div class="carousel-cell" data-index="17" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2926/14469367558_00843b0579_b.jpg" data-title="胡同三輪車 Hutong rickshaw ride ">
</div>
<div class="carousel-cell" data-index="18" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3842/14465238870_e6405169ac_b.jpg" data-title="水立方北京國家游泳中心 The Water Cube, Beijing National Aquatics Center ">
</div>
<div class="carousel-cell" data-index="19" data-flickity-bg-lazyload="https://farm6.staticflickr.com/5471/14646025462_e87ce8805a_b.jpg" data-title="鸟巢 Bird’s Nest (National Stadium) ">
</div>
<div class="carousel-cell" data-index="20" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2920/14631682261_bf0f578e16_b.jpg" data-title="居庸關長城 Juyong Guan, Great Wall (Panorama) ">
</div>
<div class="carousel-cell" data-index="21" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3915/14636666283_a7d5e0d05c_b.jpg" data-title="黃瓦屋頂 Yellow glazed roof ">
</div>
<div class="carousel-cell" data-index="22" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2926/14624294343_92046202ee_b.jpg" data-title="Seagulls fly ">
</div>
<div class="carousel-cell" data-index="23" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2904/14595780044_4d93b735fd_b.jpg" data-title="Sydney Opera House ">
</div>
<div class="carousel-cell" data-index="24" data-flickity-bg-lazyload="https://farm6.staticflickr.com/5570/14573872726_2c0469a868_b.jpg" data-title="Living statue street performer ">
</div>
<div class="carousel-cell" data-index="25" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2899/14386591488_49cd94314e_b.jpg" data-title="中正紀念堂 Chiang Kai-shek Memorial Hall ">
</div>
<div class="carousel-cell" data-index="26" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3839/14563055222_c8c7ae2883_b.jpg" data-title="圓山大飯店 The Grand Hotel ">
</div>
<div class="carousel-cell" data-index="27" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3924/14360789369_d90148c41b_b.jpg" data-title="空軍儀隊 Air Force Honor Guards ">
</div>
<div class="carousel-cell" data-index="28" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2910/14355809438_8e0ff5c32c_b.jpg" data-title="士林夜市美食區全景 Shilin Night Market Food Court Panorama  ">
</div>
<div class="carousel-cell" data-index="29" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3891/14392167947_ca901ef4bb_b.jpg" data-title="魚乾 Dried Fish ">
</div>
<div class="carousel-cell" data-index="30" data-flickity-bg-lazyload="https://farm8.staticflickr.com/7382/9688106256_0824977c8b_b.jpg" data-title="風暴雲光 God rays during the storm ">
</div>
<div class="carousel-cell" data-index="31" data-flickity-bg-lazyload="https://farm8.staticflickr.com/7305/9588743805_efbe8f1b05_b.jpg" data-title="綠茵林 Green Forest ">
</div>
<div class="carousel-cell" data-index="32" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2878/9477691330_5ccfd593ba_b.jpg" data-title="烏溪沙 Wu Kai Sha ">
</div>
<div class="carousel-cell" data-index="33" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2865/9483885209_2a77820727_b.jpg" data-title="城門河 Shing Mun River ">
</div>
<div class="carousel-cell" data-index="34" data-flickity-bg-lazyload="https://farm6.staticflickr.com/5348/9568412925_18ebdd4702_b.jpg" data-title="尖沙咀天星碼頭巴士總站 Bus Terminal, Star Ferry Pier, Tsim Sha Tsui ">
</div>
<div class="carousel-cell" data-index="35" data-flickity-bg-lazyload="https://farm6.staticflickr.com/5341/9404825673_163417f8a9_b.jpg" data-title="港鐵紅磡站 Hung Hom MTR Station ">
</div>
<div class="carousel-cell" data-index="36" data-flickity-bg-lazyload="https://farm8.staticflickr.com/7439/9370400032_c772317cb2_b.jpg" data-title="風暴 Storm ">
</div>
<div class="carousel-cell" data-index="37" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2869/9366030820_2bceeaa14b_b.jpg" data-title="SML in Motion ">
</div>
<div class="carousel-cell" data-index="38" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3878/14497659888_e77873e21b_b.jpg" data-title="日落雲影 Sunset Cloudscape (6-minute long exposure via time-lapse median stack of 36)  ">
</div>
<div class="carousel-cell" data-index="39" data-flickity-bg-lazyload="https://farm8.staticflickr.com/7418/9284487950_f6734baaf6_b.jpg" data-title="黃昏雲影 Evening Cloudscape ">
</div>
<div class="carousel-cell" data-index="40" data-flickity-bg-lazyload="https://farm6.staticflickr.com/5505/9067539765_c3b50f53c0_b.jpg" data-title="千層雲匯 ">
</div>
<div class="carousel-cell" data-index="41" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3758/8933326823_d9e2f124e5_b.jpg" data-title="白雲如棉挺山青 水映黃昏藍天明 ">
</div>
<div class="carousel-cell" data-index="42" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3692/8850477259_fb678c3db3_b.jpg" data-title="Ichwan Noor (b. 1963): Beetle Sphere, 2013 (Aluminium, polyester, real parts from VW beetle '53, paint) ">
</div>
<div class="carousel-cell" data-index="43" data-flickity-bg-lazyload="https://farm6.staticflickr.com/5344/8755964579_077b5270f7_b.jpg" data-title="仲夏夜深流金夢 ">
</div>
<div class="carousel-cell" data-index="44" data-flickity-bg-lazyload="https://farm8.staticflickr.com/7287/8737183033_9aa671e25b_b.jpg" data-title="春夜霧朦朧 紫空燦金輝 ">
</div>
<div class="carousel-cell" data-index="45" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8414/8707625862_6170b84a64_b.jpg" data-title="鐵絲網鵲鴝 Oriental Magpie Robin (Copsychus saularis) on Barbed Wire ">
</div>
<div class="carousel-cell" data-index="46" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8412/8713347685_2924a9b287_b.jpg" data-title="麻雀飛行前之形 Sparrow Pre-Flight Forms ">
</div>
<div class="carousel-cell" data-index="47" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8419/8698922896_7be932cec0_b.jpg" data-title="鐵絲網麻雀 Sparrow on barbed wire ">
</div>
<div class="carousel-cell" data-index="48" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8544/8668704956_47bf1accfe_b.jpg" data-title="美國海軍等待連接 US Navy sailor waiting to be connected ">
</div>
<div class="carousel-cell" data-index="49" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8266/8664481541_895a1d311f_b.jpg" data-title="AV-8B Harrier + CH-53 Sea Stallion against the Hong Kong skyline ">
</div>
<div class="carousel-cell" data-index="50" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8535/8666786043_0340bd545d_b.jpg" data-title="紅與紅形之別 Contrast of Forms: Red vs Red ">
</div>
<div class="carousel-cell" data-index="51" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8256/8664252713_ff59a708fb_b.jpg" data-title="Aqua Luna Junk + USMC AV-8B Harrier ">
</div>
<div class="carousel-cell" data-index="52" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8120/8661103902_0f757ea1b7_b.jpg" data-title="US Marines hanging out ">
</div>
<div class="carousel-cell" data-index="53" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8245/8661829399_fe99342c6e_b.jpg" data-title="半升美國國旗 Half-raised American Flag + AV-8B Harrier Attack Plane ">
</div>
<div class="carousel-cell" data-index="54" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8264/8664813045_2661fd68dc_b.jpg" data-title="AV-8B Harrier on the USS Peleliu (LHA-5) ">
</div>
<div class="carousel-cell" data-index="55" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8530/8647798600_1bedf6e736_b.jpg" data-title="江寧山明 ">
</div>
<div class="carousel-cell" data-index="56" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8530/8613908994_572e604dfb_b.jpg" data-title="日落雲錦 水靜山寧 ">
</div>
<div class="carousel-cell" data-index="57" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8391/8527124953_b651ed667b_b.jpg" data-title="紅色跑道 Red tracks ">
</div>
<div class="carousel-cell" data-index="58" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8531/8494719968_f2da32ee43_b.jpg" data-title="藍色體育場座椅 Blue Stadium Seats ">
</div>
<div class="carousel-cell" data-index="59" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8239/8451868303_2121c4eae3_b.jpg" data-title="高技單車自行人 ">
</div>
<div class="carousel-cell" data-index="60" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8331/8450168510_15317e9ce5_b.jpg" data-title="紅夢尋 ">
</div>
<div class="carousel-cell" data-index="61" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8330/8352824915_2209ba7d96_b.jpg" data-title="雲屯霧集 ">
</div>
<div class="carousel-cell" data-index="62" data-flickity-bg-lazyload="https://farm9.staticflickr.com/8176/8042004783_f3d64bf56f_b.jpg" data-title="人流 Human Logistics ">
</div>
<div class="carousel-cell" data-index="63" data-flickity-bg-lazyload="https://farm5.staticflickr.com/4022/4320076681_9225992afa_b.jpg" data-title="Kiss: Matthew Ossenfort + Jeffrey Denke ">
</div>
<div class="carousel-cell" data-index="64" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2503/4214282874_77abc02638_b.jpg" data-title="Holiday Kisses ">
</div>
<div class="carousel-cell" data-index="65" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2645/3841630687_ec713e16f3_b.jpg" data-title="20090820.10D.51691.P1.SQ">
</div>
<div class="carousel-cell" data-index="66" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2457/3791607622_d28e3da1e0_b.jpg" data-title="Stata Center, MIT ">
</div>

<div class="carousel-cell" data-index="67" data-flickity-bg-lazyload="https://farm4.staticflickr.com/3581/3791938845_f92fc65f76_b.jpg" data-title="Stata Center, MIT ">
</div>
<div class="carousel-cell" data-index="68" data-flickity-bg-lazyload="https://farm3.staticflickr.com/2168/2351328101_ab408dca81_b.jpg" data-title="Hong Kong International Airport ">
</div>
<div class="carousel-cell" data-index="69" data-flickity-bg-lazyload="https://farm1.staticflickr.com/44/178040524_715c9d039b_b.jpg" data-title="Manhattan Bridge HDR (B+W) ">
</div>
<div class="carousel-cell" data-index="70" data-flickity-bg-lazyload="https://farm1.staticflickr.com/69/176746201_e3bdf5b437_b.jpg" data-title="Manhattan Bridge HDR ">
</div>
</div>
<div class="photo">
</div>
</div>

<script src="//cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.4.1/mobile-detect.min.js"></script>
<script data-cfasync="false" src="https://smluniverse.com/static/semantic/dist/semantic.min.js?t=55e39b9529dbd1994f6af77c3e5c841c5adb7d25"></script>
<script>
    $(document).ready(function () {


    })
</script>
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script src="https://unpkg.com/flickity-bg-lazyload@1/bg-lazyload.js"></script>
<script>
        let selectedIndex = 0;

        function showTitle(fadeInTime = '3s', keep = false) {
            let index = selectedIndex;
            let title = $(`.carousel-cell[data-index="${index}"]`).data('title');

            if (keep) {
                // use for mouse over
                $('.photo_title')
                    .transition('stop all')
                    .text(title)
                    .transition('fade in', fadeInTime)
                ;

            } else {
                $('.photo_title')
                    .transition('stop all')
                    .text(title)
                    .transition('fade in', fadeInTime)
                    .transition({
                        animation: 'fade out',
                        duration: 3000,
                        reverse: true,
                        interval: 5000,
                    })
                ;
            }

        }

        function hideTitle(index) {
            $(`.photo_title[data-index="${index}"]`)
                .transition('stop')
                .transition('fade out', '5s')
            ;
        }

        $('.carousel').flickity({
            // options
            contain: false,
            imagesLoaded: false,
            lazyLoad: 1,
            bgLazyLoad: 1,
            wrapAround: true,
            autoPlay: 8000,
            pageDots: false,
            on: {
                ready: function () {
                    showTitle();
                },
                change: function (index) {
                    selectedIndex = index;
                    showTitle();
                }
            },
        });

        $('.carousel-cell')
            .mouseenter(function () {
                showTitle('200ms', true);
            })
            .mouseleave(function () {
                hideTitle();
            })
        ;

    </script>
</body>
</html>
