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

Line 282: Line 282:
 
                 <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"><i class="fa fa-bars" aria-hidden="true"></i></div>
              <div class="item"><i class="fa fa-youtube" aria-hidden="true"></i></div>
+
              <div class="item">
              <div class="item"><i class="fa fa-instagram" aria-hidden="true"></i></div>
+
                          <a class="btnmark js-scroll-trigger" href="https://2020.igem.org/Team:NCKU_Tainan/Inclusion">
              <div class="item"><i class="fa fa-linkedin" aria-hidden="true"></i></div>
+
                            <img src="https://static.igem.org/mediawiki/2020/2/21/T--NCKU_Tainan--wheel.png" style="width:60px">
              <div class="item"><i class="fa fa-facebook" aria-hidden="true"></i></div>
+
                          </a>                  
 +
                      </div>
 +
              <div class="item">
 +
                          <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">
 +
                          </a>                  
 +
                      </div>
 +
              <div class="item">
 +
                          <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">
 +
                          </a>  
 +
                      </div>
 +
              <div class="item">
 +
                          <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">
 +
                          </a>  
 +
                      </div>
  
 
              <div class="item close-menu"><i class="fa fa-times" aria-hidden="true"></i></div>
 
              <div class="item close-menu"><i class="fa fa-times" aria-hidden="true"></i></div>
Line 351: Line 367:
 
</script>
 
</script>
 
<script>
 
<script>
let menu = document.querySelector('.menu'),
+
        $(document).ready(function(){
isOpened = false;
+
          $(".open-menu").click(function(){
 
+
            $(".menu").addClass("opened");
menu.addEventListener('click', function(){
+
          });
if(isOpened){
+
        });
menu.classList.remove('opened');
+
        $(document).ready(function(){
} else {
+
          $(".close-menu").click(function(){
menu.classList.add('opened');
+
            $(".menu").removeClass("opened");
}
+
          });
isOpened = !isOpened;
+
        });  
});
+
 
</script>
 
</script>
  

Revision as of 08:15, 2 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.


Awards & Certifications