Difference between revisions of "Team:NCKU Tainan/Entrepreneurship"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{Template:NCKU_Tainan/block_css_old}}
−
{{NCKU_Tainan}}
+
{{Template:NCKU_Tainan/template_css_old}}
 +
{{Template:NCKU_Tainan/bootstrap_min_css}}
 +
{{Template:NCKU_Tainan/header}}
 +
 
 +
 
 +
 
 
<html>
 
<html>
 +
    <head>
 +
        <link href="https://fonts.googleapis.com/css2?family=Kalam&display=swap" rel="stylesheet">
 +
        <link href="https://2020.igem.org/wiki/index.php?title=Template:NCKU_Tainan/aos_css&action=raw&ctype=text/css" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
 +
    </head>   
 +
<style>
 +
 
 +
body{
 +
    font-family: 'Josefin Sans', sans-serif;
 +
    background-color: #FEFEF5 !important; /*背景顏色*/
 +
    padding-top: 0;/*讓內文在nav右邊*/
 +
    padding-left: 2rem;
 +
    position:relative;
 +
}
 +
 +
 +
 +
 +
 +
/*rgb(235, 203, 157)*/
 +
*{
 +
    scroll-behavior: smooth;
 +
}
 +
 +
 +
.container-fluid {
 +
    background-color: #FEFEF5;
 +
}
 +
 +
section.resume-section {
 +
    padding-left: 20rem;
 +
    padding-right: 3rem;
 +
    padding-top: 2rem;
 +
    padding-bottom: 5rem;
 +
    min-height: 100vh;
 +
    display: flex;
 +
    align-items: center;
 +
    max-width: 75rem;
 +
}
 +
section.resume-section-comic{
 +
    padding-top: 2rem;
 +
    padding-bottom: 5rem;
 +
    min-height: 100vh;
 +
    display: flex;
 +
    align-items: center;
 +
    max-width: 95vw;
 +
} 
 +
#h1-title{
 +
    border-left: 5px solid #393939;
 +
}
 +
h1{
 +
    font-size: 4rem;
 +
}
 +
h2{
 +
    font-size: 3rem;
 +
}
 +
p{
 +
    font-size: 1.2rem;
 +
}
 +
 +
#testtest1,#testtest2,#testtest3,#testtest4,#testtest5{
 +
    visibility:hidden;
 +
    margin-left: 0.5rem;
 +
    width: 4rem;
 +
    height: 4rem;
 +
}
 +
 +
/*.visible{
 +
    visibility:visible;
 +
    margin-left: 0.5rem;
 +
    width: 4rem;
 +
    height: 4rem;
 +
    transition-property: visibility;
 +
    transition-duration: 5s;
 +
}*/
 +
 +
.color{
 +
    color:brown !important; 
 +
}
 +
 +
#sideNav a.active {
 +
    color:brown !important;
 +
}
 +
 +
#navbarhead{
 +
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
 +
 
 +
}
 +
 +
.hrmar{
 +
  margin: 0 2rem 0 0;
 +
}
 +
 +
.navbar-amend{
 +
  position:relative;
 +
  top:1.5%;
 +
}
 +
#bodyContent h1, h2, h3{ 
 +
    font-family: 'Josefin Sans', sans-serif;
 +
}   
 +
#bodyContent h2{ 
 +
    font-size: 40px;
 +
    letter-spacing: 0px;
 +
    font-weight: 700;
 +
} 
 +
.navfont{
 +
  font-family: 'Josefin Sans', sans-serif;
 +
  /*font-weight: 500;*/
 +
  font-size: 22px;
 +
} 
 +
#bodyContent p{
 +
  font-family: 'Red Hat Display', sans-serif;
 +
  letter-spacing: 0.4px;
 +
}
 +
abc p {
 +
    white-space:pre-wrap;
 +
    text-align:justify;
 +
    font-size:1.1rem;
 +
}
 +
/*comic_use*/
 +
#margin{
 +
    position: relative;
 +
    width: 72.8vw;
 +
height: 77vw; 
 +
}
 +
#margin h1{
 +
    font-size:3vw;
 +
} 
 +
.comic1 {
 +
position: absolute;
 +
width: 21.84vw;
 +
height: 8.32vw;
 +
z-index: 0;
 +
background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
 +
    background-size: 21.84vw 8.32vw;
 +
    border:solid;
 +
    left:3.12vw;
 +
    top:3.12vw;
 +
}
 +
 +
.comic2 {
 +
position: absolute;
 +
width: 21.84vw;
 +
height: 8.2vw;
 +
z-index: 0;
 +
background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
 +
    background-size: 21.84vw 8.2vw;
 +
    border:solid;
 +
    left:-0.8%;
 +
    top:105%;
 +
 +
}
 +
 +
.comic3 {
 +
position: absolute;
 +
width: 28vw;
 +
height: 16.7vw;
 +
z-index: 1;
 +
background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
 +
    background-size: 28vw 16.7vw;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(0 0, 100% 0, 58% 100%, 0% 100%);
 +
    clip-path: polygon(0 0, 100% 0, 58% 100%, 0% 100%);
 +
    top:-2.2%;
 +
    left:102%;
 +
}
 +
.comic123helper {
 +
position: absolute;
 +
width: 49.84vw;
 +
height: 16.8vw;
 +
z-index: 2;
 +
    -webkit-clip-path: polygon(0 0, 100% 0, 76.5% 100%, 0% 100%);
 +
    clip-path: polygon(0 0, 100% 0, 76.5% 100%, 0% 100%);
 +
    left:4.3%;
 +
    top:4.01%;
 +
}
 +
.comic123cover {
 +
position: absolute;
 +
width: 49.8vw;
 +
height: 16.8vw;
 +
z-index: 2;
 +
background: #dddddd !important;
 +
    border-color: black !important;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
 +
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
 +
    opacity: 0.85;
 +
    visibility: hidden;
 +
}
 +
 +
.comic123helper:hover .comic123cover {
 +
    visibility: visible;
 +
 +
}
 +
 +
.ceducation{
 +
    position:absolute;
 +
    left:30%;
 +
    top:42%;
 +
    color: black !important;
 +
    opacity: 1;
 +
    z-index: 3;
 +
    transition: 0.05s;
 +
    transition-timing-function: ease-in;
 +
    visibility: hidden;
 +
}
 +
 +
.comic123cover:hover .ceducation{
 +
    position:absolute;
 +
    top:32%;
 +
    visibility: visible;
 +
}
 +
 +
 +
 +
.line1{
 +
    position:absolute;
 +
    width:27.04vw;
 +
    height:1.04vw;
 +
    border: solid ;
 +
    z-index: 2;
 +
    transform:rotate(-54.8deg) ;
 +
    top:33%;
 +
    left:37.8%;
 +
}
 +
.comic4 {
 +
position: absolute;
 +
width: 26vw;
 +
height: 16.95vw;
 +
z-index: 1;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(45% 0, 100% 0, 100% 100%, 0% 100%);
 +
    clip-path: polygon(45% 0, 100% 0, 100% 100%, 0% 100%);
 +
    top:-1%;
 +
    left:185%;
 +
}
 +
.line2{
 +
    position:absolute;
 +
    width:27.04vw;
 +
    height:1.04vw;
 +
    border: solid ;
 +
    z-index: 2;
 +
    transform:rotate(-55.5deg) ;
 +
    top:40%;
 +
    left:-29%;
 +
}
 +
.educationfigure{
 +
    position:relative;
 +
    width: 19.76vw;
 +
    top: 1.56vw;
 +
    left: 2.08vw;
 +
} 
 +
.comic5 {
 +
position: absolute;
 +
width: 33.28vw;
 +
height: 13.52vw;
 +
z-index: 1;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
 +
    clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
 +
    top:220%;
 +
    left:-0.5%;
 +
}
 +
.line3{
 +
    position:absolute;
 +
    width:24.96vw;
 +
    height:1.04vw;
 +
    border: solid ;
 +
    z-index: 2;
 +
    transform:rotate(36.4deg) ;
 +
    top:40%;
 +
    right:-9%;
 +
}
 +
.inclusivityfigure{
 +
    position: relative;
 +
    width: 20.8vw;
 +
} 
 +
.comic6 {
 +
position: absolute;
 +
width: 48.36vw;
 +
height: 13.52vw;
 +
z-index: 1;
 +
background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
 +
    background-size: 48.36vw 13.52vw;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 38% 100%);
 +
    clip-path: polygon(0 0, 100% 0, 100% 100%, 38% 100%);
 +
    top:220%;
 +
    left:81%;
 +
}
 +
.comic6cover{
 +
    position: absolute;
 +
width: 48.36vw;
 +
height: 13.468vw;
 +
z-index: 1;
 +
background: #dddddd !important;
 +
    border-color: black !important;
 +
    background-size: 48.36vw 13.468vw;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 38% 100%);
 +
    clip-path: polygon(0 0, 100% 0, 100% 100%, 38% 100%);
 +
    opacity: 0.85;
 +
    top:-1%;
 +
    left:-0.4%;
 +
    visibility:hidden;
 +
}
 +
.comic6:hover .comic6cover{
 +
    visibility:visible; 
 +
}
 +
.cinclusivity{
 +
    position:absolute;
 +
    left:48%;
 +
    top:33%;
 +
    color: black !important;
 +
    opacity: 1;
 +
    z-index: 3;
 +
    transition: 0.05s;
 +
    transition-timing-function: ease-in;
 +
    visibility: hidden;
 +
}
 +
 +
.comic6cover:hover .cinclusivity{
 +
    position:absolute;
 +
    top:23%;
 +
    visibility: visible;
 +
}
 +
.line4{
 +
    position:absolute;
 +
    width:24.96vw;
 +
    height:1.04vw;
 +
    border: solid ;
 +
    z-index: 2;
 +
    transform:rotate(36.4deg) ;
 +
    top:44%;
 +
    left:-9.1%;
 +
}
 +
.comic7 {
 +
position: absolute;
 +
width: 39.52vw;
 +
height: 21.84vw;
 +
z-index: 1;
 +
background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
 +
    background-size: 38.52vw 21.84vw;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
 +
    clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
 +
    top:400%;
 +
    left:-0.5%;
 +
}
 +
.comic7cover {
 +
position: absolute;
 +
width: 39.52vw;
 +
height: 21.84vw;
 +
z-index: 1;
 +
background: #dddddd !important;
 +
    border-color: black !important;
 +
    background-size: 38.52vw 21.84vw;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
 +
    clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
 +
    top:-0.8%;
 +
    left:-0.4%;
 +
    opacity: 0.8;
 +
    visibility:hidden;
 +
}
 +
.comic7:hover .comic7cover{
 +
    visibility:visible; 
 +
}
 +
.centrepreneurship{
 +
    position:absolute;
 +
    left:9%;
 +
    top:44%;
 +
    color: black !important;
 +
    opacity: 1;
 +
    z-index: 3;
 +
    transition: 0.05s;
 +
    transition-timing-function: ease-in;
 +
    visibility: hidden;
 +
}
 +
 +
.comic7cover:hover .centrepreneurship{
 +
    position:absolute;
 +
    top:34%;
 +
    visibility: visible;
 +
}
 +
.line5{
 +
    position:absolute;
 +
    width:29.12vw;
 +
    height:1.04vw;
 +
    border: solid ;
 +
    z-index: 2;
 +
    transform:rotate(-61.5deg) ;
 +
    top:48%;
 +
    right:-23.3%;
 +
}
 +
.comic8 {
 +
position: absolute;
 +
width: 31.4vw;
 +
height: 11.44vw;
 +
z-index: 1;
 +
background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
 +
    background-size: 31.4vw 11.44vw;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
 +
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
 +
    top:400%;
 +
    left:161%;
 +
}
 +
.comic8cover {
 +
position: absolute;
 +
width: 31.3vw;
 +
height: 11.44vw;
 +
z-index: 1;
 +
background: #dddddd !important;
 +
    border-color: black !important;
 +
    background-size: 31.4vw 11.44vw;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
 +
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
 +
    top:-1.3%;
 +
    left:-0.4%;
 +
    opacity: 0.8;
 +
    visibility:hidden;
 +
}
 +
.comic8:hover .comic8cover{
 +
    visibility:visible; 
 +
}
  
 +
.csustainable{
 +
    position:absolute;
 +
    left:28%;
 +
    top:8%;
 +
    color: black !important;
 +
    opacity: 1;
 +
    z-index: 3;
 +
    transition: 0.05s;
 +
    transition-timing-function: ease-in;
 +
    visibility: hidden;
 +
    line-height:150%
 +
}
  
 +
.comic8cover:hover .csustainable{
 +
    position:absolute;
 +
    top:-2%;
 +
    visibility: visible;
 +
}
 +
.line6{
 +
    position:absolute;
 +
    width:20.8vw;
 +
    height:1.04vw;
 +
    border: solid ;
 +
    z-index: 2;
 +
    transform:rotate(-61.3deg) ;
 +
    top:48%;
 +
    left:-25.7%;
 +
}
 +
.comic9 {
 +
position: absolute;
 +
width: 37.232vw;
 +
height: 9.88vw;
 +
z-index: 1;
 +
    border:solid;
 +
    -webkit-clip-path: polygon(14.8% 0, 100% 0, 100% 100%, 0 100%);
 +
    clip-path: polygon(14.8% 0, 100% 0, 100% 100%, 0 100%);
 +
    top:550%;
 +
    left:134%;
 +
}
 +
.line7{
 +
    position:absolute;
 +
    width:20.8vw;
 +
    height:1.04vw;
 +
    border: solid ;
 +
    z-index: 2;
 +
    transform:rotate(-61deg) ;
 +
    top:48%;
 +
    left:-22.7%;
 +
}
 +
.entrepreneurshipfigure{
 +
    position: relative;
 +
    width: 18.72vw;
 +
    left: 14.56vw;
 +
} 
 +
.comic10 {
 +
position: absolute;
 +
width: 18.72vw;
 +
height: 16.64vw;
 +
z-index: 1;
 +
background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
 +
    background-size: 18.72vw 16.64vw;
 +
    border:solid;
 +
    top:680%;
 +
    left:-0.5%;
 +
}
 +
.comic10cover {
 +
position: absolute;
 +
width: 18.72vw;
 +
height: 16.64vw;
 +
z-index: 1;
 +
background: #dddddd !important;
 +
    border-color: black !important;
 +
    background-size: 18.72vw 16.64vw;
 +
    border:solid;
 +
    top:-1%;
 +
    left:-0.7%;
 +
    opacity: 0.8;
 +
    visibility:hidden;
 +
}
 +
.comic10:hover .comic10cover{
 +
    visibility:visible; 
 +
}
 +
.ccollaborations{
 +
    position:absolute;
 +
    left:3%;
 +
    top:41%;
 +
    color: black !important;
 +
    opacity: 1;
 +
    z-index: 3;
 +
    transition: 0.05s;
 +
    transition-timing-function: ease-in;
 +
    visibility: hidden;
 +
    line-height:150%;
 +
    font-size:2.5vw !important;
 +
}
  
−
<div class="column full_size judges-will-not-evaluate">
+
.comic10cover:hover .ccollaborations{
−
<h3>★  ALERT! </h3>
+
    position:absolute;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2020.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2020.igem.org/Judging/Awards"> award listed below</a>. </p>
+
    top:31%;
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2020.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
    visibility: visible;
−
</div>
+
}
 +
.comic11 {
 +
position: absolute;
 +
width: 27.04vw;
 +
height: 16.64vw;
 +
z-index: 1;
 +
background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
 +
    background-size: 27.04vw 16.64vw;
 +
    border:solid;
 +
    top:680%;
 +
    left:90%;
 +
}
 +
.comic11cover {
 +
position: absolute;
 +
width: 27.04vw;
 +
height: 16.64vw;
 +
z-index: 1;
 +
background: #dddddd !important;
 +
    border-color: black !important;
 +
    background-size: 27.04vw 16.64vw;
 +
    border:solid;
 +
    top:-1%;
 +
    left:-0.5%;
 +
    opacity: 0.8;
 +
    visibility:hidden;
 +
    display: flex;
 +
    justify-content: center;
 +
}
 +
.comic11:hover .comic11cover{
 +
    visibility:visible; 
 +
}
 +
.cintergrated{
 +
    position:absolute;
 +
    top:41%;
 +
    color: black !important;
 +
    opacity: 1;
 +
    z-index: 3;
 +
    transition: 0.05s;
 +
    transition-timing-function: ease-in;
 +
    visibility: hidden;
 +
    line-height:150%;
 +
    letter-spacing:0.35rem;
 +
    font-size:2.5vw !important;
 +
}
  
 +
.comic11cover:hover .cintergrated{
 +
    position:absolute;
 +
    top:31%;
 +
    visibility: visible;
 +
}
 +
.comic12 {
 +
position: absolute;
 +
width: 18.72vw;
 +
height: 16.64vw;
 +
z-index: 1;
 +
background: url('https://static.igem.org/mediawiki/2020/d/dd/T--NCKU_Tainan--botany_garden.jpeg');
 +
    background-size: 18.72vw 16.64vw;
 +
    border:solid;
 +
    top:680%;
 +
    left:220%;
 +
}
 +
.comic12cover {
 +
position: absolute;
 +
width: 18.72vw;
 +
height: 16.64vw;
 +
z-index: 1;
 +
background: #dddddd !important;
 +
    border-color: black !important;
 +
    background-size: 18.72vw 16.64vw;
 +
    border:solid;
 +
    top:-1%;
 +
    left:-0.7%;
 +
    opacity: 0.8;
 +
    visibility:hidden;
 +
}
 +
.comic12:hover .comic12cover{
 +
    visibility:visible; 
 +
}
 +
.cpartnership{
 +
    position:absolute;
 +
    left:13%;
 +
    top:41%;
 +
    color: black !important;
 +
    opacity: 1;
 +
    z-index: 3;
 +
    transition: 0.05s;
 +
    transition-timing-function: ease-in;
 +
    visibility: hidden;
 +
    line-height:150%;
 +
    font-size:2.5vw !important;
 +
}
  
−
<div class="clear"></div>
+
.comic12cover:hover .cpartnership{
 +
    position:absolute;
 +
    top:31%;
 +
    visibility: visible;
 +
} 
 +
</style>
 +
<body>
  
 +
<div class="container-fluid p-0">
 +
        <section class="resume-section" id="photo" >
 +
            <div class="resume-section-content" id="hphoto">
 +
                <div id="h1-title">
 +
                    <h1 class="mb-0 pl-2" >
 +
                        Entrepreneurship
 +
                        <!--<span class="text-primary">Taylor</span>-->
 +
                    </h1>
 +
                    <h3 class="subheading mb-5 pl-2">
 +
                        Educate people of different ages about glaucoma
 +
                    </h3>
 +
                </div>           
 +
                <p class="lead mb-5">This place is for title, subtitle, and cover photo use.</p>           
 +
            </div>
 +
        </section>
  
 +
        <!-- About-->
  
−
<div class="column full_size">
+
        <hr class="hrmar" />
 +
        <!-- Experience-->
 +
    <abc>
 +
        <section class="resume-section">
 +
            <div class="resume-section-content">
 +
                <h2 class="mb-3">Experience</h2>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">                     
 +
                        <p>    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
 +
                    </div>
 +
                    <!--<div class="flex-shrink-0"><span class="text-primary">March 2013 - Present</span></div> 可以置左藍線-->
 +
                </div>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">
 +
                        <p>    Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
 +
                    </div>   
 +
                </div>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">
 +
                        <p>    Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
 +
                    </div>   
 +
                </div>
 +
                <div class="d-flex flex-column flex-md-row justify-content-between mb-2">
 +
                    <div class="flex-grow-1">
 +
                        <p>    Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
 +
                    </div>   
 +
                </div>
 +
               
 +
            </div>
 +
        </section>
 +
        <hr class="hrmar" />
 +
        <!-- Skills-->
 +
        <section class="resume-section" >
 +
            <div class="resume-section-content" id="skills">
 +
                <h2 class="mb-5" >Skills</h2>
 +
                <div class="subheading mb-3">Programming Languages & Tools</div>
 +
                <ul class="list-inline dev-icons">
 +
                    <li class="list-inline-item"><i class="fab fa-html5"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-css3-alt"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-js-square"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-angular"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-react"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-node-js"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-sass"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-less"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-wordpress"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-gulp"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-grunt"></i></li>
 +
                    <li class="list-inline-item"><i class="fab fa-npm"></i></li>
 +
                </ul>
 +
                <div class="subheading mb-3">Workflow</div>
 +
                <ul class="fa-ul mb-0">
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-check"></i></span>
 +
                        Mobile-First, Responsive Design
 +
                    </li>
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-check"></i></span>
 +
                        Cross Browser Testing & Debugging
 +
                    </li>
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-check"></i></span>
 +
                        Cross Functional Teams
 +
                    </li>
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-check"></i></span>
 +
                        Agile Development & Scrum
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </section>
 +
        <hr class="hrmar" />
 +
        <!-- Interests-->
 +
        <section class="resume-section" >
 +
            <div class="resume-section-content" id="interests">
 +
                <h2 class="mb-5">Interests</h2>
 +
                <p>    Apart from being a web developer, I enjoy most of my time being outdoors. In the winter, I am an avid skier and novice ice climber. During the warmer months here in Colorado, I enjoy mountain biking, free climbing, and kayaking.</p>
 +
                <p class="mb-0">    When forced indoors, I follow a number of sci-fi and fantasy genre movies and television shows, I am an aspiring chef, and I spend a large amount of my free time exploring the latest technology advancements in the front-end web development world.</p>
 +
            </div>
 +
        </section>
 +
        <hr class="hrmar" />
 +
        <!-- Awards-->
 +
        <section class="resume-section" >
 +
            <div class="resume-section-content" id="awards">
 +
                <h2 class="mb-5">Awards & Certifications</h2>
 +
                <ul class="fa-ul mb-0">
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
 +
                        Google Analytics Certified Developer
 +
                    </li>
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
 +
                        Mobile Web Specialist - Google Certification
 +
                    </li>
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
 +
                        1
 +
                        <sup>st</sup>
 +
                        Place - University of Colorado Boulder - Emerging Tech Competition 2009
 +
                    </li>
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
 +
                        1
 +
                        <sup>st</sup>
 +
                        Place - University of Colorado Boulder - Adobe Creative Jam 2008 (UI Design Category)
 +
                    </li>
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
 +
                        2
 +
                        <sup>nd</sup>
 +
                        Place - University of Colorado Boulder - Emerging Tech Competition 2008
 +
                    </li>
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
 +
                        1
 +
                        <sup>st</sup>
 +
                        Place - James Buchanan High School - Hackathon 2006
 +
                    </li>
 +
                    <li>
 +
                        <span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
 +
                        3
 +
                        <sup>rd</sup>
 +
                        Place - James Buchanan High School - Hackathon 2005
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </section>
 +
         
 +
      </abc>
 +
    </div>
  
−
<h1>Entrepreneurship</h1>
+
    <script src="https://2019.igem.org/Team:NCKU_Tainan/js/jquery-3_4_1_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2019.igem.org/Team:NCKU_Tainan/js/4.3.1/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2019.igem.org/Team:NCKU_Tainan/js/Universal?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/wiki/index.php?title=Template:NCKU_Tainan/aos_js&action=raw&ctype=text/javascript">
 +
</script>
  
−
</div>
 
  
−
<div class="column two_thirds_size">
 
−
<h3>Best Supporting Entrepreneurship Special Prize</h3>
 
  
−
<p>The Best Supporting Entrepreneurship award recognizes exceptional effort to build a business case and commercialize an iGEM project. This award is open to all teams to show that entrepreneurship is something all teams can aspire to do with their project. This award can go to an new project, or to a previous project that a team aimed to commercialize. Have you filed a provisional patent on your project/device/process? Have you raised money to build and ship products? Have you pitched your idea to investors and received money? As always in iGEM, the aim is to impress the judges!
+
</body>
 +
 
  
−
<br><br>
 
−
To compete for the <a href="https://2020.igem.org/Judging/Awards">Best Supporting Entrepreneurship prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2020.igem.org/Judging/Judging_Form">judging form</a>.
 
−
</p>
 
−
</p>
 
−
</div>
 
  
−
<div class="column third_size">
+
<script>
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p>You can look at what other teams did to get some inspiration! <br />
+
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:Sydney_Australia">2016 Sydney Australia</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Pasteur_Paris">2016 Pasteur Paris</a></li>
+
−
<li><a href="https://2014.igem.org/Team:UCC_Ireland">2014 UCC Ireland</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Imperial">2014 Imperial College London</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
 +
    $(document).ready(function(){
 +
  $('body').scrollspy({target: ".onepage-pagination", offset: 180}); 
 +
});
  
  
−
<div class="clear"></div>
 
  
−
<div class="column full_size">
 
−
<h3>Patents and intellectual property</h3>
 
  
−
<p>
 
−
If your team is seriously considering commercializing and looking into building a company after the competition, you may want to look at how you are going to protect your work and secure investment. Investors will usually require some form of intellectual protection, so you may want to investigate how to apply for a patent or provisional patent in your country and region before disclosing your project at iGEM. Remember that you can only be evaluated in iGEM based on what you share on your wiki and at the Jamboree, so any work you don't present can't count towards your project. </p>
 
  
−
<p>This is an area where we are different as we care about sharing, openness and contributing to the community and investors don't always agree with these values. It is up to you and your team to decide what to do. Remember that most universities have a commercialization department and that you can talk to them before coming to a decision.
+
</script>
−
</p>  
+
<script>
−
</div>
+
var prevScrollpos = window.pageYOffset;
  
−
<div class="clear"></div>
+
window.onscroll = function() {
 +
  var currentScrollPos = window.pageYOffset;
 +
  if (prevScrollpos > currentScrollPos) {
 +
    document.getElementById("navbarhead").style.top = "0";
 +
  } else {
 +
    document.getElementById("navbarhead").style.top = "-85px";
 +
  }
 +
  prevScrollpos = currentScrollPos;
 +
}
 +
</script> 
 +
<script>
 +
        $(window).on('load', function() {
 +
            AOS.init({
 +
                duration: 600,
 +
                mirror: true
 +
            });
 +
        });
 +
</script>
  
  
 
</html>
 
</html>
 +
{{Template:NCKU_Tainan/gotop_old}}
 +
{{Template:NCKU_Tainan/footer_old}}

Revision as of 04:05, 2 October 2020


Entrepreneurship

Educate people of different ages about glaucoma

This place is for title, subtitle, and cover photo use.

Experience

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

Skills

Programming Languages & Tools
Workflow
  • Mobile-First, Responsive Design
  • Cross Browser Testing & Debugging
  • Cross Functional Teams
  • Agile Development & Scrum

Interests

Apart from being a web developer, I enjoy most of my time being outdoors. In the winter, I am an avid skier and novice ice climber. During the warmer months here in Colorado, I enjoy mountain biking, free climbing, and kayaking.

When forced indoors, I follow a number of sci-fi and fantasy genre movies and television shows, I am an aspiring chef, and I spend a large amount of my free time exploring the latest technology advancements in the front-end web development world.

Awards & Certifications

  • Google Analytics Certified Developer
  • Mobile Web Specialist - Google Certification
  • 1 st Place - University of Colorado Boulder - Emerging Tech Competition 2009
  • 1 st Place - University of Colorado Boulder - Adobe Creative Jam 2008 (UI Design Category)
  • 2 nd Place - University of Colorado Boulder - Emerging Tech Competition 2008
  • 1 st Place - James Buchanan High School - Hackathon 2006
  • 3 rd Place - James Buchanan High School - Hackathon 2005

e-mail : igem.club@gs.ncku.edu.tw
phone : 06-2757575