Dragon210331 (Talk | contribs) |
Dragon210331 (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | {{CKWA-China/header}} | |
− | {{CKWA-China}} | + | |
<html> | <html> | ||
+ | <style> | ||
+ | #HQ_page p{ | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | .service-list .sub-list { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: -300px; | ||
+ | background: #fff; | ||
+ | width: 300px; | ||
+ | box-shadow: -10px 0 20px #afafaf; | ||
+ | display: none; | ||
+ | } | ||
+ | </style> | ||
+ | <!--Page Title--> | ||
+ | <section class="page-title" style="background-image:url(https://static.igem.org/mediawiki/2021/c/c2/T--CKWA-China--topbg.jpg);"> | ||
+ | <div class="auto-container"> | ||
+ | <div class="inner-container clearfix"> | ||
+ | <h1>Aside</h1> | ||
+ | <ul class="bread-crumb clearfix"> | ||
+ | <li><a href="https://2021.igem.org/Team:CKWA-China">Home</a></li> | ||
+ | <li>Aside</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!--End Page Title--> | ||
+ | <!-- Service Detail Section --> | ||
+ | <div class="sidebar-page-container alternate"> | ||
+ | <div class="auto-container"> | ||
+ | <div class="row clearfix"> | ||
+ | <!--Content Side--> | ||
+ | <div class="content-side col-md-8 col-sm-12 col-xs-12"> | ||
+ | <div class="service-detail"> | ||
+ | <div class="image-box"> | ||
+ | <figure><img src="https://static.igem.org/mediawiki/2019/b/bc/T--iBowu-China--banPo.jpg" alt=""></figure> | ||
+ | </div> | ||
+ | <div class="lower-content"> | ||
+ | <h2 class="point" id="point-1">Inspiration</h2> | ||
+ | <h3 class="point" id="point-2">1. A major problem in cancer.</h3> | ||
+ | <p> | ||
+ | Recurrence of cancer after treatment is a major problem facing humans today, and cancer recurrence is a great threat for cancer patients. Among them, overexpression of c-myc protein is closely related to this process, and patients with overactivation of c-myc gene in cancer cells tend to have poor prognosis.</p> | ||
+ | <h3 class="point" id="point-2">1.1 What are myc genes?</h3> | ||
+ | <p> | ||
+ | myc genes have been shown to be a class of regulatory genes that are transcription factors that can encode myc-like proteins to become transcription factors transcription factors. they are essential for cell growth, metabolism and tissue development.</p> | ||
+ | <h3 class="point" id="point-2">1.2 Impact of myc in cancer</h3> | ||
+ | <p> | ||
+ | They are essential for cell growth, metabolism and tissue development. Also, MYC is an important group of oncogenes. c-MYC is aberrantly expressed in about 30-50% of human malignancies and plays an extremely important role in affecting cell growth, proliferation, differentiation, apoptosis, as well as cell metabolism and malignant transformation. aberrantly high expression of c-MYC is associated with poor prognosis in many human cancers. | ||
− | < | + | Translated with www.DeepL.com/Translator (free version) |
+ | </p> | ||
+ | <h3 class="point" id="point-2">1.3 C-myc genes</h3> | ||
+ | <p> | ||
− | + | The Myc family consists of three related human genes: | |
− | + | - c-myc (MYC), the first gene to be discovered in this family | |
− | + | - l-myc (MYCL) | |
+ | - n-myc (MYCN) | ||
</p> | </p> | ||
+ | <!-- 插图 --> | ||
+ | <div class="image-box"> | ||
+ | <figure><img src="https://static.igem.org/mediawiki/2019/b/bc/T--iBowu-China--banPo.jpg" alt=""></figure> | ||
+ | <p> </p> | ||
+ | </div> | ||
+ | <!-- 文字与图片排版 --> | ||
+ | <div class="two-column"> | ||
+ | <div class="row clearfix"> | ||
+ | <div class="info-column col-md-6 col-sm-6 col-xs-12"> | ||
+ | <p>We then recognized an absence in both detection and treatment of Soft Rot Disease. Therefore, we understood the importance of a bio-control solution that is not only effective but also environmentally-friendly. Based on knowledge of the field of synthetic biology, we started to come up with different approaches to soft rot detection and treatment.</p> | ||
+ | </div> | ||
− | < | + | <div class="image-column col-md-6 col-sm-6 col-xs-12"> |
+ | <div class="image"><a href="./images/image-2.jpg" class="lightbox-image"><img src="https://static.igem.org/mediawiki/2020/c/cb/T--iBowu-China--keystone1.png" alt=""></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <!-- 两张图 --> |
+ | <div class="two-column"> | ||
+ | <div class="row clearfix"> | ||
+ | <div class="image-column col-md-6 col-sm-6 col-xs-12"> | ||
+ | <div class="image"><a href="./images/image-2.jpg" | ||
+ | class="lightbox-image"><img | ||
+ | src="https://static.igem.org/mediawiki/2020/c/cb/T--iBowu-China--keystone1.png" | ||
+ | alt=""></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="image-column col-md-6 col-sm-6 col-xs-12"> | ||
+ | <div class="image"><a href="./images/image-2.jpg" | ||
+ | class="lightbox-image"><img | ||
+ | src="https://static.igem.org/mediawiki/2020/c/cb/T--iBowu-China--keystone1.png" | ||
+ | alt=""></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <p> | + | <!-- 全文字排版 --> |
− | + | <h3 class="point" id="point-2">Interview(Potato Center Asia-Pacific Headquarter)</h3> | |
− | </div> | + | <p>We met with senior staffs of the potato center Asia-Pacific Headquarter to learn about the current detection and treatments of potato diseases. We then visited their workplace, which accounted for a large proportion of the current potato-agricultural development. We presented our initial concept to the experts (including the chairman of the potato center, Mr. Lu) and audited a group meeting on agricultural pharmacology. Through the discussions with them, we became more aware of the consequences of Soft Rot disease and the importance of creating an effective bio-control solution.</p> |
− | + | ||
− | <div class=" | + | <!-- 三张图排版 --> |
+ | <div class="two-column"> | ||
+ | <div class="row clearfix"> | ||
+ | <div class="image-column col-md-4 col-sm-4 col-xs-12"> | ||
+ | <div class="image"><a href="./images/image-2.jpg" class="lightbox-image"><img src="https://static.igem.org/mediawiki/2020/c/cb/T--iBowu-China--keystone1.png" alt=""></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="image-column col-md-4 col-sm-4 col-xs-12"> | ||
+ | <div class="image"><a href="./images/image-2.jpg" class="lightbox-image"><img src="https://static.igem.org/mediawiki/2020/c/cb/T--iBowu-China--keystone1.png" alt=""></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="image-column col-md-4 col-sm-4 col-xs-12"> | ||
+ | <div class="image"><a href="./images/image-2.jpg" class="lightbox-image"><img src="https://static.igem.org/mediawiki/2020/c/cb/T--iBowu-China--keystone1.png" alt=""></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <!-- 视频排版 --> | |
+ | <h3 class="point" id="point-3">Experts</h3> | ||
+ | <p>Our team had the pleasure of meeting with Dr. Flemming Bensenbacher on 5th July 2019. Dr. Bensenbacer is an academician of the Royal Danish academy of Sciences and President of Carlsberg Foundation. He shared his journey in scientific research with us and the problems he encountered and tackled. We presented our project to him and hosted an interview with questions relating to the application of synthetic biology. This opportunity was crucial to us as we gained from it a valuable depth of knowledge in the potential future pathways of our product development.</p> | ||
+ | <p> | ||
+ | <video style="width: 100%;" src="video/mda-kc21c5bv2fig3ieu.mp4" controls="“ture”"></video> | ||
+ | </p> | ||
+ | <!-- 三张图文 --> | ||
+ | <div class="two-column"> | ||
+ | <div class="row clearfix"> | ||
+ | <!-- News Block --> | ||
+ | <div class=" col-md-4 col-sm-6 col-xs-12"> | ||
+ | <div class="inner-box"> | ||
+ | <div class="image-box"> | ||
+ | <div class="image"><a href="./images/image-2.jpg" | ||
+ | class="lightbox-image"><img | ||
+ | src="https://static.igem.org/mediawiki/2020/c/cb/T--iBowu-China--keystone1.png" | ||
+ | alt=""></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p>I could write some video notes here, a little bit more introduction. | ||
+ | </p> | ||
− | <div | + | </div> |
− | + | </div> | |
− | + | ||
− | + | ||
+ | <!-- News Block --> | ||
+ | <div class="col-md-4 col-sm-6 col-xs-12"> | ||
+ | <div class="inner-box"> | ||
+ | <div class="image-box"> | ||
+ | <div class="image"><a href="./images/image-2.jpg" | ||
+ | class="lightbox-image"><img | ||
+ | src="https://static.igem.org/mediawiki/2020/c/cb/T--iBowu-China--keystone1.png" | ||
+ | alt=""></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p>I could write some video notes here, a little bit more introduction. | ||
+ | </p> | ||
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | < | + | <!-- News Block --> |
+ | <div class="col-md-4 col-sm-6 col-xs-12"> | ||
+ | <div class="inner-box"> | ||
+ | <div class="image-box"> | ||
+ | <div class="image"><a href="./images/image-2.jpg" | ||
+ | class="lightbox-image"><img | ||
+ | src="https://static.igem.org/mediawiki/2020/c/cb/T--iBowu-China--keystone1.png" | ||
+ | alt=""></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p>I could write some video notes here, a little bit more introduction. | ||
+ | </p> | ||
− | </div> | + | </div> |
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div><!-- Service Detail --> | ||
+ | </div> | ||
− | + | <!--Sidebar Side--> | |
− | + | <div id="sidebar-top" class="sidebar-side col-md-4 col-sm-12 col-xs-12"> | |
− | <div class=" | + | <aside id="sidebar" class="sidebar service-sidebar"> |
− | + | <!-- Services Cat List --> | |
− | + | <div class="sidebar-widget categories"> | |
− | + | <ul class="service-list"> | |
− | <div class=" | + | <!-- 此处多加标题 每增加一个 href=#point-3(数字+1) --> |
− | < | + | <li class="active"> |
− | + | <a href="#point-1">Literature Review</a> | |
− | < | + | <ul class="sub-list"> |
− | + | <li><a href="">Literature Review</a></li> | |
− | < | + | <li><a href="">Literature Review</a></li> |
− | + | <li><a href="">Literature Review</a></li> | |
− | </ | + | <li><a href="">Literature Review</a></li> |
− | + | </ul> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="#point-2">Interview</a> | |
− | < | + | <ul class="sub-list"> |
− | < | + | <li><a href="">Interview</a></li> |
− | < | + | <li><a href="">Interview</a></li> |
− | < | + | <li><a href="">Interview</a></li> |
− | + | </ul> | |
− | <ul> | + | </li> |
− | <li><a href=" | + | <li><a href="#point-3">Experts</a></li> |
− | <li><a href=" | + | </ul> |
− | <li><a href=" | + | </div> |
− | + | </aside> | |
− | <li><a href=" | + | </div> |
− | <li><a href=" | + | </div> |
− | < | + | </div> |
− | < | + | </div> |
− | + | <!-- End Service Detail Section --> | |
− | + | </div> | |
− | < | + | </html> |
− | </ | + | {{CKWA-China/footer}} |
− | </ | + | <html> |
+ | <script> | ||
+ | $(window).scroll(function(){ | ||
+ | let s = $(this).scrollTop(); | ||
+ | let t = $('#sidebar-top').offset().top; | ||
+ | if(s > t){ | ||
+ | $('#sidebar').css({position:'fixed',top: '100px',width: '370px'}); | ||
+ | }else{ | ||
+ | $('#sidebar').css({position: '',top: 0}); | ||
+ | } | ||
+ | }) | ||
+ | $('.service-list li').on('click',function(){ | ||
+ | $('.service-list li').removeClass('active'); | ||
+ | $(this).addClass('active'); | ||
+ | }) | ||
+ | $('.service-list li').hover(function(){ | ||
+ | $(this).find('.sub-list').fadeIn(); | ||
+ | },function(){ | ||
+ | $(this).find('.sub-list').fadeOut(); | ||
+ | }); | ||
+ | </script> | ||
+ | </html> |
Revision as of 01:28, 9 October 2021