https://nien.com/en

扫描 ID：: 4bb48ea2-e491-45aa-91ca-821de20f1f33已完成
提交的 URL：: https://nien.com/已重定向
报告完成时间：: 2024年10月24日 14:24:15
链接 · 找到 0 个

从页面中识别出的传出链接
JavaScript 变量 · 找到 39 个

在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
名称	类型
0	object
1	object
2	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
$	function
jQuery	function
EvEmitter	function
imagesLoaded	function
控制台日志消息 · 找到 6 条

记录到 Web 控制台的消息
类型	类别	记录
warning	other	文本 Error with Permissions-Policy header: Unrecognized feature: 'usb'.
warning	other	URL https://challenges.cloudflare.com/turnstile/v0/api.js?onload=recaptcha&render=explicit&_=1729779872544 文本 [Cloudflare Turnstile] Unknown parameter passed to api.js: "?_=...", ignoring.
warning	other	URL https://connect.facebook.net/zh_TW/fbevents.js 文本 Unrecognized feature: 'attribution-reporting'.
error	security	URL https://nien.com/en 文本 Access to XMLHttpRequest at 'https://cloudflareinsights.com/cdn-cgi/rum' from origin 'https://nien.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
error	network	URL https://cloudflareinsights.com/cdn-cgi/rum 文本 Failed to load resource: net::ERR_FAILED
error	network	URL https://badges.linkedin.com/profile?locale=en_US&badgetype=VERTICAL&badgetheme=light&uid=996561&version=v1&maxsize=medium&trk=profile-badge&vanityname=chennien 文本 Failed to load resource: the server responded with a status of 999 (Request denied)
HTML

页面的原始 HTML 正文
<!DOCTYPE html><html lang="zh"><head>
<meta charset="utf-8">
<title>陳年 Nien 진년 | Startup Founder &amp; 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 &amp; 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&amp;l=dataLayer&amp;cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=UA-26998803-1&amp;l=dataLayer&amp;cx=c"></script><script src="https://connect.facebook.net/signals/config/692539595451739?v=2.9.173&amp;r=stable&amp;domain=nien.com&amp;hme=ead923021ccd3483ef3b9b04703d0a78b943fbdc01e8d7cec21c5059f1f4a5e9&amp;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&amp;l=dataLayer&amp;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&amp;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="{&quot;token&quot;: &quot;3d49fc24a06d4f8f9088df8d424e97e2&quot;}" 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&amp;loop=1&amp;controls=1&amp;fs=1&amp;modestbranding=1&amp;cc_load_policy=0&amp;rel=0&amp;autoplay=0&amp;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 &amp; 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 &amp; 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 &amp; Aesthetic Diary Multi-platform App</h5>
						<p>Founder &amp; 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 &amp; cloud-based app across various platforms, which grew to 1M+ posts, 300k+ happy users, 4.9 star rating &amp; 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 &amp; Technical Support Engineer (Freelancer)</p>
						<small>2016 - 2018</small>
					</div>
					<ul>
						<li>Built websites, apps &amp; managed servers for 10+ clients (Gov Agencies, Startups, Enterprises &amp; 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 &amp; 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 &amp; 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 &amp; MySQL</li>
					</ul>
				</div>
				<div class="cv-resume-box">
					<div class="cv-resume-title">
						<h5>ETS Taiwan</h5>
						<p>Product Manager &amp; 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 &amp; 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="[&quot;all&quot;,&quot;cat1&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat1&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat3&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat1&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat1&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat3&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat1&quot;]" 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="[&quot;all&quot;,&quot;cat2&quot;]" 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="[&quot;all&quot;,&quot;cat1&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat2&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat2&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat2&quot;]" 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="[&quot;all&quot;,&quot;cat2&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat3&quot;]" 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="[&quot;all&quot;,&quot;cat1&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat1&quot;]" 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&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat1&quot;]" 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)&nbsp;<i class="cv-icon fa fa-external-link"></i></a>
								</div>
							</figcaption>
						</figure>
					</li>

					<li data-filter-class="[&quot;all&quot;,&quot;cat3&quot;]" 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="[&quot;all&quot;,&quot;cat1&quot;]" 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&nbsp;<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&amp;badgetype=VERTICAL&amp;badgetheme=light&amp;uid=996561&amp;version=v1&amp;maxsize=medium&amp;trk=profile-badge&amp;vanityname=chennien"></script></body></html>