- ID de exploración:
- 4bb48ea2-e491-45aa-91ca-821de20f1f33Finalizado
- URL enviada:
- https://nien.com/Redireccionado
- Informe finalizado:
Enlaces: 0 encontrados
Los enlaces salientes identificados en la página
Variables JavaScript: 39 encontradas
Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
| Nombre | Tipo |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| EvEmitter | function |
| imagesLoaded | function |
Mensajes de registro de la consola: 6 encontrados
Mensajes registrados en la consola web
| Tipo | Categoría | Registro |
|---|---|---|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| error | security |
|
| error | network |
|
| error | network |
|
HTML
El cuerpo HTML sin procesar de la página
<!DOCTYPE html><html lang="zh"><head>
<meta charset="utf-8">
<title>陳年 Nien 진년 | Startup Founder & App Developer, Hearty Journal</title>
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="description" content="Diligent, value-driven product manager with well-rounded experience leading cross-functional teams to plan, develop, launch, manage and monetize multi-platform consumer apps. Eager to join a software team to offer customized solutions, identify user demand and build products that people love.">
<meta property="og:title" content="陳年 Nien 진년 | Startup Founder & App Developer, Hearty Journal">
<meta property="og:image" content="https://i0.wp.com/nien.com/img/ogimage.jpg">
<meta property="og:description" content="Diligent, value-driven product manager with well-rounded experience leading cross-functional teams to plan, develop, launch, manage and monetize multi-platform consumer apps. Eager to join a software team to offer customized solutions, identify user demand and build products that people love.">
<meta name="og:url" content="https://nien.com/en">
<meta name="og:site_name" content="Nien Studio">
<meta name="og:locale" content="en_US">
<meta name="og:type" content="website">
<link rel="canonical" href="https://nien.com/en">
<link rel="alternate" hreflang="zh-TW" href="https://nien.com/zh">
<link rel="shortcut icon" href="//i0.wp.com/nien.com/img/favicon.png" type="image/png">
<link rel="apple-touch-icon" href="//i0.wp.com/nien.com/img/favicon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#de3926">
<meta name="apple-mobile-web-app-status-bar-style" content="#de3926">
<meta name="color-scheme" content="only light">
<link rel="manifest" href="/manifest.json">
<meta name="google" content="notranslate">
<link rel="stylesheet" href="//cdn.jsdelivr.net/combine/gh/necolas/[email protected]/normalize.min.css,npm/[email protected]/animate.min.css,npm/[email protected]/css/tooltipster.min.css,gh/malihu/[email protected]/jquery.mCustomScrollbar.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/src/css/lightgallery.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="/css/style.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="/css/media.min.css" crossorigin="anonymous">
<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="https://www.clarity.ms/s/0.7.49/clarity.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-1027812032&l=dataLayer&cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=UA-26998803-1&l=dataLayer&cx=c"></script><script src="https://connect.facebook.net/signals/config/692539595451739?v=2.9.173&r=stable&domain=nien.com&hme=ead923021ccd3483ef3b9b04703d0a78b943fbdc01e8d7cec21c5059f1f4a5e9&ex_m=70%2C121%2C107%2C111%2C61%2C4%2C100%2C69%2C16%2C97%2C89%2C51%2C54%2C172%2C175%2C187%2C183%2C184%2C186%2C29%2C101%2C53%2C77%2C185%2C167%2C170%2C180%2C181%2C188%2C131%2C41%2C34%2C143%2C15%2C50%2C194%2C193%2C133%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C93%2C17%2C14%2C96%2C92%2C91%2C108%2C52%2C110%2C39%2C109%2C30%2C94%2C26%2C168%2C171%2C140%2C86%2C56%2C84%2C33%2C73%2C0%2C95%2C32%2C28%2C82%2C83%2C88%2C47%2C46%2C87%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C102%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C104%2C103%2C105%2C98%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C90%2C81%2C44%2C35%2C85%2C2%2C36%2C63%2C42%2C106%2C45%2C79%2C68%2C112%2C60%2C59%2C31%2C99%2C58%2C55%2C49%2C78%2C72%2C24%2C113" async=""></script><script async="" src="//connect.facebook.net/zh_TW/fbevents.js"></script><script type="text/javascript" async="" src="https://www.clarity.ms/tag/cpecekrfmt?ref=gtm"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-3CEG6LCJ2M&l=dataLayer&cx=c"></script><script async="" src="//www.googletagmanager.com/gtm.js?id=GTM-K5H9HVZ"></script><script src="//cdn.jsdelivr.net/combine/npm/[email protected]/dist/jquery.min.js,npm/[email protected]/jquery-ui.min.js,npm/[email protected]/jquery.backstretch.min.js,gh/kirkas/[email protected]/dist/jquery.ascensor.min.js,npm/[email protected]/js/jquery.tooltipster.min.js,npm/[email protected]/imagesloaded.pkgd.min.js,npm/[email protected]/wookmark.min.js,gh/malihu/[email protected]/jquery.mCustomScrollbar.min.js,npm/[email protected]/src/js/lightgallery.min.js" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
<script src="/js/nerveslider.min.js" crossorigin="anonymous"></script>
<script src="/js/portfolio-trigger.min.js" defer="" crossorigin="anonymous"></script>
<script src="/js/galleries.min.js" defer="" crossorigin="anonymous"></script>
<script src="/js/home-custom.min.js" defer="" crossorigin="anonymous"></script>
<script src="/js/gform.min.js" crossorigin="anonymous"></script><script src="//challenges.cloudflare.com/turnstile/v0/api.js?onload=recaptcha&render=explicit" async="async" defer="defer"></script>
<script src="//platform.linkedin.com/badges/js/profile.js" defer=""></script>
<script src="/js/analytics.min.js" async="" crossorigin="anonymous"></script>
<script src="//static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{"token": "3d49fc24a06d4f8f9088df8d424e97e2"}" defer=""></script>
</head>
<body>
<!-- LOADING ANIMATION
<div id="site-loading">
<div class="loading">
<div></div>
<div></div>
</div>
</div>
-->
<!-- MAIN MENU -->
<div id="cv-menu">
<nav id="cv-main-menu">
<ul>
<li class="links-to-floor-li cv-active" data-id="1" data-slug="home">
<a href="#home" class="fa fa-home tooltip-menu tooltipstered">Home</a>
</li>
<li class="links-to-floor-li" data-id="2" data-slug="about">
<a href="#about" class="fa fa-user tooltip-menu tooltipstered">About</a>
</li>
<li class="links-to-floor-li" data-id="3" data-slug="resume">
<a href="#resume" class="fa fa-graduation-cap tooltip-menu tooltipstered">Resume</a>
</li>
<li class="links-to-floor-li" data-id="4" data-slug="portfolio">
<a href="#portfolio" class="fa fa-briefcase tooltip-menu tooltipstered">Portfolio</a>
</li>
<li class="links-to-floor-li" data-id="5" data-slug="contact">
<a href="#contact" class="fa fa-send tooltip-menu tooltipstered">Contact</a>
</li>
</ul>
</nav>
</div>
<!-- LEFT SLIDER -->
<div class="cv-left-slider">
<!-- Nerve Slider, nerveslider.builtbyevolve.com --><div id="cv-left-slider" class="ns_nerveSlider ns_vertical light" style="height: 100%; width: 100%;"><div class="ns_slides"><div class="ns_slidesTrack"><div class="ns_slideContainer ns_selected ns_firstSlide" style="bottom: 0%;">
<img src="//i0.wp.com/nien.com/img/photos/home1.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년" class="ns_slideImage" style="opacity: 1; height: auto; width: 100px; left: 0px; top: 0px;">
<div id="home-slide-title">
<span class="animated slideInUp">陳年</span>
</div>
</div><div class="ns_slideContainer" style="bottom: 200%;"><img src="//i0.wp.com/nien.com/img/photos/about.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년" class="ns_slideImage" style="opacity: 1; height: auto; width: 100px; left: 0px; top: 0px;"></div><div class="ns_slideContainer" style="bottom: 400%;"><img src="//i0.wp.com/nien.com/img/photos/resume.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년" class="ns_slideImage" style="opacity: 1; height: auto; width: 100px; left: 0px; top: 0px;"></div><div class="ns_slideContainer" style="bottom: 600%;"><img src="//i0.wp.com/nien.com/img/photos/portfolio.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년" class="ns_slideImage" style="opacity: 1; height: auto; width: 100px; left: 0px; top: 0px;"></div><div class="ns_slideContainer ns_lastSlide" style="bottom: 800%;"><img src="//i0.wp.com/nien.com/img/photos/contact.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년" class="ns_slideImage" style="opacity: 1; height: auto; width: 100px; left: 0px; top: 0px;"></div><div class="ns_slideContainer ns_decoy ns_fs" style="bottom: 1000%;">
<img src="//i0.wp.com/nien.com/img/photos/home1.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년" class="ns_slideImage" style="opacity: 1; height: auto; width: 100px; left: 0px; top: 0px;">
<div id="home-slide-title">
<span class="animated slideInUp">陳年</span>
</div>
</div><div class="ns_slideContainer ns_decoy ns_ls down"><img src="//i0.wp.com/nien.com/img/photos/contact.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년" class="ns_slideImage" style="opacity: 1; height: auto; width: 100px; left: 0px; top: 0px;"></div></div></div>
<!-- 1. SLIDE -->
<!-- 2. SLIDE -->
<!-- 3. SLIDE -->
<!-- 4. SLIDE -->
<!-- 5. SLIDE -->
<div class="ns_timer" style="bottom: -12px; width: 0%; display: block;"></div><div class="ns_prevButton" style="display: none;"><div></div></div><div class="ns_nextButton" style="display: none;"><div></div></div><div class="ns_pauseButton" style="display: none;"><div style="background-position: 50% 100%;"></div></div><div class="ns_dots" style="display: none;"><div class="ns_dot ns_selected" id="ns_dot_0"></div><div class="ns_dot" id="ns_dot_1"></div><div class="ns_dot" id="ns_dot_2"></div><div class="ns_dot" id="ns_dot_3"></div><div class="ns_dot" id="ns_dot_4"></div></div><div class="ns_extras" style="display:none"><div class="ns_imgButton"></div></div></div>
</div>
<!-- PAGES -->
<div id="ascensorBuilding" style="position: absolute; overflow: hidden; top: 0px; left: 0px; width: 100%; height: 100%;">
<!-- PAGE 1 -->
<section class="floor floor-1" style="position: absolute; overflow: auto; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(0%);">
<div id="home-image" style="position: relative; z-index: 0; background-image: none;">
<div id="home-title">
<h1 class="animated slideInDown"><span class="mobile-title">陳年</span><span>Nien</span></h1>
<p class="animated slideInLeft">App Developer</p>
</div>
<!-- SOCIAL ICONS -->
<div id="cv-home-social-bar-container" class="animated slideInUp">
<nav id="cv-home-social-bar">
<ul>
<li title="Hearty Journal 溫度日記">
<a target="_blank" href="//go.hearty.me/b" data-href2="//go.nien.co/3BhVcNT" class="fa fa-heart-o tooltip-social tooltipstered">Hearty Journal</a>
</li>
<li title="YouTube">
<a target="_blank" href="/yt" rel="nofollow" class="fa fa-youtube-play tooltip-social tooltipstered">YouTube</a>
</li>
<li title="GitHub">
<a target="_blank" href="//git.io/JvNvX" rel="nofollow" class="fa fa-github tooltip-social tooltipstered">GitHub</a>
</li>
</ul>
</nav>
</div>
<div class="backstretch" style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 600px; width: 725px; z-index: -999998; position: absolute;"><div class="backstretch-item" style="position: absolute; margin: 0px; padding: 0px; border: none; width: 100%; height: 100%; z-index: -999999;"><img alt="" src="//i.hearty.app/n/photos/home3.jpg" style="position: absolute; margin: 0px; padding: 0px; border: none; width: 725px; height: 725px; max-width: none; inset: -62.5px auto auto 0px;"></div></div></div>
</section>
<!-- PAGE 2 -->
<section class="floor floor-2" style="position: absolute; overflow: auto; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(100%);">
<!-- THIS IMAGE WILL BE DISPLAYED ONLY ON MOBILE MODE ( 1024PX AND BELOW ) -->
<div class="img-mobile-only">
<img src="//i0.wp.com/nien.com/img/photos/mobile/about.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년">
</div>
<!-- PAGE CONTENT -->
<div class="cv-page-content">
<h2 class="border">About</h2>
<p>
Diligent, value-driven product manager with well-rounded experience leading cross-functional teams to plan, develop, launch, manage and monetize multi-platform consumer apps. Eager to join <b class="co">a software team</b> to offer customized solutions, identify user demand and build products that people love.
</p>
<div class="video_yt" title="溫度日記創業故事 | 企管系畢業的軟體工程師 靠寫日記走出一片天 - GOOD TV News">
<iframe src="//www.youtube-nocookie.com/embed/hEALdS4xMQU?playlist=hEALdS4xMQU&loop=1&controls=1&fs=1&modestbranding=1&cc_load_policy=0&rel=0&autoplay=0&playsinline=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</div>
<!-- TABLE -->
<ul class="cv-table">
<li title="Language">
<div class="cv-table-left">
<i class="cv-icon fa fa-language"></i>
Language
</div>
<div class="cv-table-right">
Mandarin (Native), English (TOEIC 910)
</div>
</li>
<li title="Programing">
<div class="cv-table-left">
<i class="cv-icon fa fa-code"></i>
Programing
</div>
<div class="cv-table-right">
PHP, MySQL, JavaScript, jQuery, HTML5 & CSS3, Swift, Kotlin, Apple Script
</div>
</li>
<li title="Cloud Management">
<div class="cv-table-left">
<i class="cv-icon fa fa-cloud"></i>
Cloud Management
</div>
<div class="cv-table-right">
Linux Debian/Ubuntu/CentOS (AWS, GCP, <a target="_blank" href="//go.nien.co/3Jk6zYm" rel="sponsored">Linode</a>, <a target="_blank" href="//go.nien.co/36eSEoe" rel="sponsored">DigitalOcean</a>, <a target="_blank" href="//go.nien.co/3HRcxj7" rel="sponsored">Vultr</a>, Netlify, Firebase)
</div>
</li>
<li title="Optimizations">
<div class="cv-table-left">
<i class="cv-icon fa fa-server"></i>
Optimizations
</div>
<div class="cv-table-right">
SEO, SRE, DNS & CDN Performance, Email Routing, Cyber Security
</div>
</li>
</ul>
<h2 class="border">Specialty</h2>
<div class="cv-main-icon-container">
<div class="cv-icon-block">
<div class="cv-icon-container">
<a href="#" class="fa fa-code">Full Stack</a>
</div>
<div class="cv-icon-text">
<h4>Full Stack</h4>
</div>
</div>
<div class="cv-icon-block">
<div class="cv-icon-container">
<a href="#" class="fa fa-server">Cloud Hosting</a>
</div>
<div class="cv-icon-text">
<h4>Cloud Hosting</h4>
</div>
</div>
<div class="cv-icon-block">
<div class="cv-icon-container">
<a href="#" class="fa fa-bar-chart">Data Analysis</a>
</div>
<div class="cv-icon-text">
<h4>Data Analysis</h4>
</div>
</div>
<div class="cv-icon-block">
<div class="cv-icon-container">
<a href="#" class="fa fa-heart-o">Customer Support</a>
</div>
<div class="cv-icon-text">
<h4>Customer Support</h4>
</div>
</div>
</div>
<hr>
</div>
</section>
<!-- PAGE 3 -->
<section class="floor floor-3" style="position: absolute; overflow: auto; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(200%);">
<!-- THIS IMAGE WILL BE DISPLAYED ONLY ON MOBILE MODE ( 1024PX AND BELOW ) -->
<div class="img-mobile-only">
<img src="//i0.wp.com/nien.com/img/photos/mobile/resume.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년">
</div>
<!-- PAGE CONTENT -->
<div class="cv-page-content">
<h2 class="border">Work Experiences</h2>
<div class="cv-resume-box">
<div class="cv-resume-title">
<h5>Hearty Journal - Personal & Aesthetic Diary Multi-platform App</h5>
<p>Founder & Product Owner <a target="_blank" href="//go.nien.co/3GYEBzz" rel="nofollow">(Hearty Creative Inc.)</a></p>
<small>2017 - Present</small>
</div>
<ul>
<li>Founded Hearty Journal and led a bootstrapped startup team of 1 full-time employee and 3 contractors from stage 0 to 1</li>
<li>Developed a full-stack & cloud-based app across various platforms, which grew to 1M+ posts, 300k+ happy users, 4.9 star rating & editor's pick on <a target="_blank" href="//apple.co/3AXkUah" rel="nofollow">App Store</a> within few years</li>
<li>Owned a solid product roadmap, crafted go-to-market strategies, tracked issues, evaluated user feedback, implemented new features and organized campaigns</li>
<li>Worked closely with developers, designers, illustrators and interns to achieve goals and deliver new value for users</li>
<li>Analyzed data to support product and business decision making, improve customer engagements and retentions</li>
</ul>
</div>
<div class="cv-resume-box">
<div class="cv-resume-title">
<h5>Nien Studio</h5>
<p>Full Stack Developer & Technical Support Engineer (Freelancer)</p>
<small>2016 - 2018</small>
</div>
<ul>
<li>Built websites, apps & managed servers for 10+ clients (Gov Agencies, Startups, Enterprises & Institutes)</li>
<li>Mobile projects: LoveUNO Christian Dating App, Bonnie Coloring App</li>
<li>Web design: Universiade Taipei, NCCU, Clubon Creativity, etc</li>
<li>Cloud consulting: PChome Travel, Asian Bankers Association, Colorful Tour, Mohot Fit, etc</li>
</ul>
</div>
<div class="cv-resume-box">
<div class="cv-resume-title">
<h5>Skyline.tw - Portal for Global Internship Programs</h5>
<p>Product Owner & Full Stack Developer <a target="_blank" href="//go.nien.co/3t3QQX1" rel="nofollow">(Association of Chinese Elite)</a></p>
<small>2016 - 2017</small>
</div>
<ul>
<li>Created RWD websites, managed product backlogs and empowered designers, interns & editors</li>
</ul>
</div>
<div class="cv-resume-box">
<div class="cv-resume-title">
<h5>FRNCi - Social Platform for Travelers</h5>
<p>Backend Developer (FRNCi Ltd.)</p>
<small>2015 - 2015</small>
</div>
<ul>
<li>Built websites, chat plugin and event pages with PHP & MySQL</li>
</ul>
</div>
<div class="cv-resume-box">
<div class="cv-resume-title">
<h5>ETS Taiwan</h5>
<p>Product Manager & Volunteer HR <a target="_blank" href="//go.nien.co/3v24Tyy" rel="nofollow">(Chun-Shin Ltd.)</a></p>
<small>2013 - 2015</small>
</div>
<ul>
<li>Corresponded with engineers and designers to create and optimize websites and apps for English learning</li>
<li>Recruited and trained 5k+ volunteers for sports federations to participate in 30+ international events (TOEIC Volunteer Program)</li>
</ul>
</div>
<hr>
<h2 class="border">Lectures</h2>
<div class="cv-resume-box">
<ul>
<li>T.Select EC Incubator, Department of Youth Affairs, Taoyuan City Government 2023</li>
<li>
<a target="_blank" href="//go.nien.co/3XhdpWT" rel="nofollow">Startup Consultant, Yaker Incubator 2023</a>
</li>
<li>Lecturer, App Course, National Sun Yat-sen University 2022</li>
<li>Lecturer, Startup & Entrepreneurship Center, National Taipei University 2020</li>
<li>Lecturer, PanMedia 2019</li>
</ul>
</div>
<hr>
<h2 class="border">Education</h2>
<div class="cv-resume-box">
<div class="cv-resume-title">
<a target="_blank" href="//go.nien.co/3GTaWrI" rel="nofollow">
<h5>National Taipei University of Technology</h5>
</a>
<p>Bachelor of Business Management</p>
<small>2013</small>
</div>
</div>
<!--
<hr>
<h2 class="border">Skills</h2>
<div class="skills">
<div class="skillbar" data-percent="100%">
<div class="skillbar-title"><span>HTML5</span>
</div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">100%</div>
</div>
</div><br>
-->
<br>
<div class="cv-resume-box">
<a target="_blank" href="//go.nien.co/3HOMqtb" rel="nofollow" class="cv-button primary">Resume</a>
<a href="apps/Nien2022.exe" rel="nofollow" class="cv-button" download="陳年 Nien.exe">Add to Windows</a>
</div>
</div>
</section>
<!-- PAGE 4 -->
<section class="floor floor-4" style="position: absolute; overflow: auto; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(300%);">
<!-- THIS IMAGE WILL BE DISPLAYED ONLY ON MOBILE MODE ( 1024PX AND BELOW ) -->
<div class="img-mobile-only">
<img src="//i0.wp.com/nien.com/img/photos/mobile/contact.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년">
</div>
<!-- PAGE CONTENT -->
<div class="cv-page-content">
<h2 class="border">Portfolio</h2>
<ul id="cv-portfolio-filter" class="cvfilters">
<li data-filter="all" class="gridactive">All</li>
<li data-filter="cat1">Communities</li>
<li data-filter="cat2">Brands</li>
<li data-filter="cat3">Productivity</li>
</ul>
<div class="clear"></div>
<!-- PORTFOLIO GRID -->
<ul id="cv-portfolio" class="cvgrid wookmark-initialised" style="display: block; height: 3631px;">
<li data-filter-class="["all","cat1"]" data-wookmark-id="0" data-wookmark-height="347" data-wookmark-top="0" class="cvgrid-animate" style="width: 288px; position: absolute; top: 0px; left: 0px;">
<figure>
<a id="gallery1" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/hearty.png" alt="Hearty Journal" title="Hearty Journal">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.hearty.me/b" data-href2="//go.nien.co/3BhVcNT">Hearty Journal <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat1"]" data-wookmark-id="1" data-wookmark-height="366" data-wookmark-top="0" class="cvgrid-animate" style="width: 288px; position: absolute; top: 0px; left: 308px;">
<figure>
<a id="gallery2" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/loveuno.png" alt="LoveUNO Christian Dating App" title="LoveUNO Christian Dating App">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3EQIqsk">LoveUNO Christian Dating App <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat3"]" data-wookmark-id="2" data-wookmark-height="347" data-wookmark-top="367" class="cvgrid-animate" style="width: 288px; position: absolute; top: 367px; left: 0px;">
<figure>
<a id="gallery3" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/appsoda.png" alt="appSoda" title="appSoda">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3NyF5Qp">appSoda <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat1"]" data-wookmark-id="3" data-wookmark-height="366" data-wookmark-top="386" class="cvgrid-animate" style="width: 288px; position: absolute; top: 386px; left: 308px;">
<figure>
<a id="gallery4" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/skyline.png" alt="Skyline - Portal for Global Internship Programs" title="Skyline - Portal for Global Internship Programs">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3gMfFRe" rel="nofollow">Skyline - Portal for Global Internship Programs <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat1"]" data-wookmark-id="4" data-wookmark-height="347" data-wookmark-top="734" class="cvgrid-animate" style="width: 288px; position: absolute; top: 734px; left: 0px;">
<figure>
<a id="gallery5" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/bonniecoloring.png" alt="Bonnie Coloring Mobile App" title="Bonnie Coloring Mobile App">
</a>
<figcaption>
<div class="cvgrid-title">
<!-- apple.co/3BiNpil -->
<a target="_blank" href="//bit.ly/3BhxEIS" rel="nofollow">Bonnie Coloring Mobile App <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat3"]" data-wookmark-id="5" data-wookmark-height="347" data-wookmark-top="772" class="cvgrid-animate" style="width: 288px; position: absolute; top: 772px; left: 308px;">
<figure>
<a id="gallery6" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/nien_analytics.png" alt="hj.rs URL Shortener" title="hj.rs URL Shortener">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3rNLkrX" rel="nofollow">hj.rs URL Shortener <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat1"]" data-wookmark-id="6" data-wookmark-height="366" data-wookmark-top="1101" class="cvgrid-animate" style="width: 288px; position: absolute; top: 1101px; left: 0px;">
<figure>
<a id="gallery7" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/taipei2017.png" alt="Volunteer Recruitment, Universiade Taipei 2017" title="Volunteer Recruitment, Universiade Taipei 2017">
</a>
<figcaption>
<div class="cvgrid-title">
Volunteer Recruitment, Universiade Taipei 2017
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat2"]" data-wookmark-id="7" data-wookmark-height="347" data-wookmark-top="1139" class="cvgrid-animate" style="width: 288px; position: absolute; top: 1139px; left: 308px;">
<figure>
<a id="gallery8" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/clubon.png" alt="Clubon Creativity" title="Clubon Creativity">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3uSTX6r" rel="nofollow">Clubon Creativity<i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat1"]" data-wookmark-id="8" data-wookmark-height="366" data-wookmark-top="1487" class="cvgrid-animate" style="width: 288px; position: absolute; top: 1487px; left: 0px;">
<figure>
<a id="gallery9" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/frnci.png" alt="FRNCi - Social Platform for Travelers" title="FRNCi - Social Platform for Travelers">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3LvfN5T">FRNCi - Social Platform for Travelers <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat2"]" data-wookmark-id="9" data-wookmark-height="347" data-wookmark-top="1506" class="cvgrid-animate" style="width: 288px; position: absolute; top: 1506px; left: 308px;">
<figure>
<a id="gallery10" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/conflux.png" alt="Conflux Yacht" title="Conflux Yacht">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3Js7VAh" rel="nofollow">Conflux Yacht <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat2"]" data-wookmark-id="10" data-wookmark-height="347" data-wookmark-top="1873" class="cvgrid-animate" style="width: 288px; position: absolute; top: 1873px; left: 0px;">
<figure>
<a id="gallery11" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/heyu.png" alt="HeYu Photography" title="HeYu Photography">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3petCfJ" rel="nofollow">HeYu Photography <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat2"]" data-wookmark-id="11" data-wookmark-height="347" data-wookmark-top="1873" class="cvgrid-animate" style="width: 288px; position: absolute; top: 1873px; left: 308px;">
<figure>
<a id="gallery12" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/go-life.png" alt="喬大 Life Park x Leezen" title="喬大 Life Park x Leezen">
</a>
<figcaption>
<div class="cvgrid-title">
喬大 Life Park x Leezen
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat2"]" data-wookmark-id="12" data-wookmark-height="347" data-wookmark-top="2240" class="cvgrid-animate" style="width: 288px; position: absolute; top: 2240px; left: 0px;">
<figure>
<a id="gallery13" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/mj.png" alt="MJ. Color" title="MJ. Color">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3gHyrJC" rel="nofollow">MJ. Color <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat3"]" data-wookmark-id="13" data-wookmark-height="347" data-wookmark-top="2240" class="cvgrid-animate" style="width: 288px; position: absolute; top: 2240px; left: 308px;">
<figure>
<a id="gallery14" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/nienchat.png" alt="Nien Chat - Online Messenger" title="Nien Chat - Online Messenger">
</a>
<figcaption>
<div class="cvgrid-title">
Nien Chat - Online Messenger
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat1"]" data-wookmark-id="14" data-wookmark-height="347" data-wookmark-top="2607" class="cvgrid-animate" style="width: 288px; position: absolute; top: 2607px; left: 0px;">
<figure>
<a id="gallery15" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/toeic_volunteer.png" alt="TOEIC INT'L Volunteer Portal" title="TOEIC INT'L Volunteer Portal">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3gKaMbG" rel="nofollow">TOEIC INT'L Volunteer Portal <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat1"]" data-wookmark-id="15" data-wookmark-height="366" data-wookmark-top="2607" class="cvgrid-animate" style="width: 288px; position: absolute; top: 2607px; left: 308px;">
<figure>
<a id="gallery16" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/soobi.png" alt="Soobi, NCCU Volunteering Program" title="Soobi, NCCU Volunteering Program">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3rNewzn" rel="nofollow">Soobi, NCCU Volunteering Program <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat1"]" data-wookmark-id="16" data-wookmark-height="366" data-wookmark-top="2974" class="cvgrid-animate" style="width: 288px; position: absolute; top: 2974px; left: 0px;">
<figure>
<a id="gallery17" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/hearty.classic.png" alt="Hearty Journal 2016 (Legacy)" title="Hearty Journal 2016 (Legacy)">
</a>
<figcaption>
<div class="cvgrid-title">
<a target="_blank" href="//go.nien.co/3LABWjp" rel="nofollow">Hearty Journal 2016 (Legacy) <i class="cv-icon fa fa-external-link"></i></a>
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat3"]" data-wookmark-id="17" data-wookmark-height="347" data-wookmark-top="2993" class="cvgrid-animate" style="width: 288px; position: absolute; top: 2993px; left: 308px;">
<figure>
<a id="gallery18" href="#" class="cvgrid-img">
<img src="//i0.wp.com/nien.com/img/portfolios/logos/send.gg.png" alt="Send.gg File Transfer App" title="Send.gg File Transfer App">
</a>
<figcaption>
<div class="cvgrid-title">
Send.gg File Transfer App
</div>
</figcaption>
</figure>
</li>
<li data-filter-class="["all","cat1"]" data-wookmark-id="18" data-wookmark-height="251" data-wookmark-top="3360" class="cvgrid-animate" style="width: 288px; position: absolute; top: 3360px; left: 0px;">
<figure>
<a id="gallery-video" href="#" class="openlightbox cvgrid-video">
<img src="//i.hearty.app/i/mockups/02.jpg">
</a>
<figcaption>
<div class="cvgrid-title">溫度日記 Hearty Journal <i class="cv-icon fa fa-play-circle"></i></div>
</figcaption>
</figure>
</li>
</ul>
<div class="clear"></div>
</div>
</section>
<!-- PAGE 5 -->
<section class="floor floor-5" style="position: absolute; overflow: auto; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateY(400%);">
<!-- THIS IMAGE WILL BE DISPLAYED ONLY ON MOBILE MODE ( 1024PX AND BELOW ) -->
<div class="img-mobile-only">
<img src="//i0.wp.com/nien.com/img/photos/mobile/portfolio.jpg" alt="陳年 Nien 진년" title="陳年 Nien 진년">
</div>
<!-- PAGE CONTENT -->
<div class="cv-page-content">
<h2 class="border">Contact</h2>
<p></p>
<!-- TABLE -->
<ul class="cv-table">
<li title="Web">
<div class="cv-table-left">
<i class="cv-icon fa fa-globe"></i>Web
</div>
<div class="cv-table-right">
nien.com
</div>
</li>
<li title="E-mail">
<div class="cv-table-left">
<i class="cv-icon fa fa-envelope"></i>E-mail
</div>
<div class="cv-table-right">
<a target="_blank" href="//mailhide.io/e/8IbTQc3P" rel="nofollow"><i class="fa fa-eye"></i> Click to reveal</a>
</div>
</li>
<li>
<div class="cv-table-left">
<i class="cv-icon fa fa-map"></i>Current City
</div>
<div class="cv-table-right">
<a target="_blank" href="//go.hearty.me/m" rel="nofollow" title="Taipei, Taiwan">Taipei, Taiwan
</a>
</div>
</li>
</ul>
<!-- LinkedIn Badge -->
<div class="badge-base LI-profile-badge" data-locale="en_US" data-size="medium" data-theme="light" data-type="VERTICAL" data-vanity="chennien" data-version="v1" data-rendered="true" data-uid="996561"></div><br>
<hr>
<h2 class="border">Get in touch</h2>
<form class="form-box" method="post" enctype="multipart/form-data" target="gform" action="//www.cloudflare.com" onsubmit="return gform_onsubmit()">
<label class="required">Name</label>
<input type="text" name="entry.1958440920" autocomplete="on" autocapitalize="words" minlength="2" maxlength="16" title="Your Name" placeholder="Your Name" required="">
<label class="required">Email</label>
<input type="email" name="emailAddress" autocomplete="on" autocapitalize="none" title="Email" maxlength="64" placeholder="Email" required="">
<label class="required">Message</label>
<textarea name="entry.1027128888" rows="3" autocomplete="off" autocapitalize="sentences" minlength="10" maxlength="300" placeholder="write something" title="Message" pattern=".{10,}" required=""></textarea>
<div id="recaptcha"><div><input type="hidden" name="cf-turnstile-response" id="cf-chl-widget-a6kav_response" value=""></div></div>
<input type="submit" id="ss-submit" class="cv-button primary" name="submit" value="Send">
</form>
<iframe name="gform" onload="gform_init()"></iframe>
</div>
</section>
<!-- FOOTER -->
<footer id="footer">
<select class="cv-lang" title="Language 語言" onchange="self.location.href=location.href.replace('m/en','m/zh')">
<option selected="">English</option>
<option>中文 (台灣)</option>
</select>
<div id="cv-back-to-top" class="tooltip-gototop tooltipstered"></div>
</footer>
</div>
<script type="application/ld+json">{
"@context": "http://schema.org/",
"@type": "Person",
"brand": "Nien Studio, Hearty Creative Inc.",
"familyName": "Chen",
"givenName": "Nien",
"isicV4": "6312",
"jobTitle": "App Developer",
"nationality": "Taiwan",
"url": "https://nien.com"}
</script>
<iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe><script type="text/javascript" id="" charset="">!function(b,d,e,g,a,c,f){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],(c=d.createElement(e)).async=!0,c.src=g,(f=d.getElementsByTagName(e)[0]).parentNode.insertBefore(c,f))}(window,document,"script","//connect.facebook.net/zh_TW/fbevents.js");fbq("init","692539595451739");fbq("track","PageView");</script><script src="https://badges.linkedin.com/profile?locale=en_US&badgetype=VERTICAL&badgetheme=light&uid=996561&version=v1&maxsize=medium&trk=profile-badge&vanityname=chennien"></script></body></html>