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

Line 155: Line 155:
 
transition-delay: 300ms;
 
transition-delay: 300ms;
 
}
 
}
.opened .item:nth-child(2){ transform: translateX(80px); }
+
.opened .item:nth-child(2){ transform: translateX(267px); }
.opened .item:nth-child(3){ transform: translateX(40px) translateY(70px); }
+
.opened .item:nth-child(3){ transform: translateX(133px) translateY(233px); }
.opened .item:nth-child(4){ transform: translateX(-40px) translateY(70px); }
+
.opened .item:nth-child(4){ transform: translateX(-133px) translateY(233px); }
.opened .item:nth-child(5){ transform: translateX(-80px); }
+
.opened .item:nth-child(5){ transform: translateX(-267px); }
 
.opened .item:nth-child(6){ transform: translateX(0px); }
 
.opened .item:nth-child(6){ transform: translateX(0px); }
 
/*.opened .item:nth-child(6){ transform: translateX(-40px) translateY(-70px); }
 
/*.opened .item:nth-child(6){ transform: translateX(-40px) translateY(-70px); }
Line 279: Line 279:
 
                 <h2 class="mb-5" style="position:relative;left:32vw">Link to more details !</h2>
 
                 <h2 class="mb-5" style="position:relative;left:32vw">Link to more details !</h2>
 
                 <div class="menu">
 
                 <div class="menu">
              <div class="item open-menu"><i class="fa fa-bars" aria-hidden="true"></i></div>
+
              <div class="item open-menu" style="width:200px"><i class="fa fa-bars" aria-hidden="true"></i></div>
 
              <div class="item">
 
              <div class="item">
 
                           <a class="btnmark js-scroll-trigger" href="https://2020.igem.org/Team:NCKU_Tainan/Inclusion">
 
                           <a class="btnmark js-scroll-trigger" href="https://2020.igem.org/Team:NCKU_Tainan/Inclusion">
                             <img src="https://static.igem.org/mediawiki/2020/2/21/T--NCKU_Tainan--wheel.png" style="width:60px">
+
                             <img src="https://static.igem.org/mediawiki/2020/2/21/T--NCKU_Tainan--wheel.png" style="width:200px">
 
                           </a>                   
 
                           </a>                   
 
                       </div>
 
                       </div>
 
              <div class="item">
 
              <div class="item">
 
                           <a class="btnmark js-scroll-trigger" href="https://2020.igem.org/Team:NCKU_Tainan/Education">
 
                           <a class="btnmark js-scroll-trigger" href="https://2020.igem.org/Team:NCKU_Tainan/Education">
                             <img src="https://static.igem.org/mediawiki/2020/2/21/T--NCKU_Tainan--wheel.png" style="width:60px">
+
                             <img src="https://static.igem.org/mediawiki/2020/2/21/T--NCKU_Tainan--wheel.png" style="width:200px">
 
                           </a>                   
 
                           </a>                   
 
                       </div>
 
                       </div>
 
              <div class="item">
 
              <div class="item">
 
                           <a class="btnmark js-scroll-trigger" href="https://2020.igem.org/Team:NCKU_Tainan/Entrepreneurship">
 
                           <a class="btnmark js-scroll-trigger" href="https://2020.igem.org/Team:NCKU_Tainan/Entrepreneurship">
                             <img src="https://static.igem.org/mediawiki/2020/2/21/T--NCKU_Tainan--wheel.png" style="width:60px">
+
                             <img src="https://static.igem.org/mediawiki/2020/2/21/T--NCKU_Tainan--wheel.png" style="width:200px">
 
                           </a>  
 
                           </a>  
 
                       </div>
 
                       </div>
 
              <div class="item">
 
              <div class="item">
 
                           <a class="btnmark js-scroll-trigger" href="https://2020.igem.org/Team:NCKU_Tainan/Human_Practices">
 
                           <a class="btnmark js-scroll-trigger" href="https://2020.igem.org/Team:NCKU_Tainan/Human_Practices">
                             <img src="https://static.igem.org/mediawiki/2020/2/21/T--NCKU_Tainan--wheel.png" style="width:60px">
+
                             <img src="https://static.igem.org/mediawiki/2020/2/21/T--NCKU_Tainan--wheel.png" style="width:200px">
 
                           </a>  
 
                           </a>  
 
                       </div>
 
                       </div>
  
              <div class="item close-menu"><i class="fa fa-times" aria-hidden="true"></i></div>
+
              <div class="item close-menu" style="width:200px"><i class="fa fa-times" aria-hidden="true"></i></div>
 
              </div>
 
              </div>
  

Revision as of 17:02, 20 October 2020


Implementation

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.


Link to more details !