- ID de l'analyse :
- 4bb48ea2-e491-45aa-91ca-821de20f1f33Terminée
- URL soumise :
- https://nien.com/Redirigé
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 39 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
0 | object |
1 | object |
2 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
$ | function |
jQuery | function |
EvEmitter | function |
imagesLoaded | function |
Messages de journal de console : 6 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
warning | other |
|
warning | other |
|
warning | other |
|
error | security |
|
error | network |
|
error | network |
|
HTML
Le corps HTML de la page en données brutes
<!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>