|
|
(13 intermediate revisions by 2 users not shown) |
Line 2: |
Line 2: |
| <html> | | <html> |
| <style> | | <style> |
− | /*================================================================================*/
| + | /*================================================================================*/ |
| /*public engagement*/ | | /*public engagement*/ |
| #posts-list { | | #posts-list { |
| position: relative; | | position: relative; |
| width: 720px; | | width: 720px; |
− | margin-top: 30px; | + | margin-top: 15px; |
| margin-left: 30px; | | margin-left: 30px; |
| margin-bottom: 40px; | | margin-bottom: 40px; |
Line 77: |
Line 77: |
| text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); | | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| margin-bottom: 21px; | | margin-bottom: 21px; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; |
| + | font-size: 18px; |
| + | line-height: 1.5em; |
| + | color: #6b3b25; |
| } | | } |
| #posts-list.single-post article { | | #posts-list.single-post article { |
Line 131: |
Line 135: |
| #sidebar { | | #sidebar { |
| position: relative; | | position: relative; |
− | width: 220px; | + | width: 230px; |
− | margin-right: 30px; | + | margin-right: 20px; |
| margin-top: 30px; | | margin-top: 30px; |
| margin-bottom: 30px; | | margin-bottom: 30px; |
Line 138: |
Line 142: |
| } | | } |
| #sidebar .block { | | #sidebar .block { |
− | font-size: 14px; | + | font-size: 18px; |
| margin-bottom: 30px; | | margin-bottom: 30px; |
| font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
Line 152: |
Line 156: |
| #sidebar .block .heading { | | #sidebar .block .heading { |
| font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | color: #6b3b25; |
| font-weight: 700; | | font-weight: 700; |
| line-height: 48px; | | line-height: 48px; |
− | font-size: 18px; | + | font-size: 20px; |
| border-top: 4px solid #6b3b25; | | border-top: 4px solid #6b3b25; |
| border-bottom: 1px solid #6b3b25; | | border-bottom: 1px solid #6b3b25; |
Line 169: |
Line 174: |
| text-decoration: none; | | text-decoration: none; |
| font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
− | font-size: 30px; | + | font-size: 35px; |
− | font-weight: 900; | + | font-weight: 800; |
− | margin: 20px; | + | margin: 15px; |
| } | | } |
| ul{ | | ul{ |
− | list-style: none;; | + | list-style: none; |
| } | | } |
| </style> | | </style> |
Line 234: |
Line 239: |
| | | |
| </article> | | </article> |
− |
| + | |
− | <article class="cf">
| + | <article class="cf" id="APC"> |
− | <div class="feature-image">
| + | <div class="entry-title"> |
− | <a href="single.html" ><img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/dummies/620x450-c.jpg" alt="Thumbnail" /></a>
| + | <div class="meta"> July 30th to August 3rd , 2018</div> |
− | </div>
| + | <div class="post-heading" >6th Asia-Pacific iGEM Conference</div> |
− | <div class="entry-title">
| + | </div> |
− | <div class="meta">Jan 23 by <a href="#" class="author">Ansimuz</a></div>
| + | <div class="excerpt"> |
− | <a href="single.html" class="post-heading" >LOREM IPSUM DOLOR</a>
| + | This year, we continued to be an active participant in the iGEM Asia Pacific Conference, since we consider this conference as a great platform for us to report our interim achievements. In the poster session, our project intrigued many teams, especially those that also focus their projects on synthetic metabolic pathways. They believed that our comparison between the designed metabolic pathway and the natural biochemical network would help them accomplish their project better. |
− | </div>
| + | </div> |
− | <div class="excerpt">
| + | <div class="feature-image"> |
− | Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
| + | <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/APC.jpg" alt="Thumbnail" /> |
− | </div>
| + | </div> |
− |
| + | <div class="excerpt"> |
− | </article>
| + | During the presentation, we demonstrated the background and design thought to the conventioneers and the professors, and they gave us some sincerer and professional suggestions. We also discovered our own shortcomings through this conference. We couldn’t present our algorism lucidly to our audience, so that we will pay special attention to this problem for the Grant Jamboree presentation. |
− |
| + | </div> |
− | <article class="cf">
| + | </article> |
− | <div class="feature-image">
| + | |
− | <a href="single.html" ><img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/dummies/620x450-d.jpg" alt="Thumbnail" /></a>
| + | |
− | </div>
| + | |
− | <div class="entry-title">
| + | |
− | <div class="meta">Jan 23 by <a href="#" class="author">Ansimuz</a></div>
| + | |
− | <a href="single.html" class="post-heading" >LOREM IPSUM DOLOR</a>
| + | |
− | </div>
| + | |
− | <div class="excerpt">
| + | |
− | Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
| + | |
− | </div>
| + | |
− |
| + | |
− | </article>
| + | |
− |
| + | |
− | <!-- page-navigation -->
| + | |
− | <div class="page-navigation cf">
| + | |
− | <div class="nav-next"><a href="#">OLDER</a></div>
| + | |
− | <div class="nav-previous"><a href="#">NEWER</a></div>
| + | |
− | </div>
| + | |
− | <!--ENDS page-navigation -->
| + | |
| | | |
| </div> | | </div> |
Line 274: |
Line 260: |
| | | |
| <!-- SIDEBAR --> | | <!-- SIDEBAR --> |
− | <aside id="sidebar" style="position: fixed;top:230px; left: auto; right: 150px; bottom: auto; "> | + | <aside id="sidebar"> |
| | | |
− | <ul> | + | <ul > |
| <li class="block"> | | <li class="block"> |
| <h4 class="heading">HUMAN PRACTICE</h4> | | <h4 class="heading">HUMAN PRACTICE</h4> |
− | <ul> | + | <ul > |
| <li class="cat-item"><a href="#BUDS" >BUDS</a></li> | | <li class="cat-item"><a href="#BUDS" >BUDS</a></li> |
| <li class="cat-item"><a href="#TECHNOMISE" >TECHNOMISE</a></li> | | <li class="cat-item"><a href="#TECHNOMISE" >TECHNOMISE</a></li> |
− | <li class="cat-item"><a href="#" >February 2012</a></li> | + | <li class="cat-item"><a href="#APC">Asia-Pacific iGEM Conference</a></li> |
− | <li class="cat-item"><a href="#" >January 2012</a></li>
| + | |
| </ul> | | </ul> |
| </li> | | </li> |
Line 292: |
Line 277: |
| </div> | | </div> |
| <!-- ENDS MAIN --> | | <!-- ENDS MAIN --> |
− |
| |
− |
| |
− | <!-- WIDGETS -->
| |
− | <div class="widget-cols cf">
| |
− | <ul class="first-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>Address</h4>
| |
− | <p>NO. 800 DONGCHUAN ROAD, MINHANG DISTRICT, SHANGHAI, CHINA
| |
− | <!-- <a href="#/blog/license/" >link</a> -->
| |
− | </p>
| |
− | </div>
| |
− | </ul>
| |
− |
| |
− | <ul class="second-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>Contact Us</h4>
| |
− |
| |
− | </div>
| |
− |
| |
− | </ul>
| |
− |
| |
− | <ul class="third-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>DUMMY TEXT</h4>
| |
− | <p></p>
| |
− | </div>
| |
− |
| |
− | </ul>
| |
− |
| |
− | <ul class="fourth-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>CATEGORIES</h4>
| |
− | <ul>
| |
− | <li class="cat-item"><a href="#" >Design</a></li>
| |
− | <li class="cat-item"><a href="#" >Photo</a></li>
| |
− | <li class="cat-item"><a href="#" >Art</a></li>
| |
− | <li class="cat-item"><a href="#" >Game</a></li>
| |
− | <li class="cat-item"><a href="#" >Film</a></li>
| |
− | <li class="cat-item"><a href="#" >TV</a></li>
| |
− | </ul>
| |
− | </div>
| |
− |
| |
− | </ul>
| |
− | <ul class="scroll"></ul>
| |
− | </div>
| |
− | <!-- ENDS WIDGETS -->
| |
− | <!-- FOOTER -->
| |
− | <div class="footer-divider"></div>
| |
− | <footer class="cf">
| |
− | SJTU-software
| |
− | </footer>
| |
− | <!-- ENDS FOOTER -->
| |
− |
| |
− | </div>
| |
| | | |
− | <script src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/js/jquery.min.js"></script>
| |
− | <script>
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | /* Scroll to top
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | $('.widget-cols .scroll').click(function(){
| |
− | $("html, body").animate({ scrollTop: 0 }, 600);
| |
− | return false;
| |
− | });
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | </script>
| |
− |
| |
| </body> | | </body> |
| | | |
| </html> | | </html> |
| + | {{SJTU-software/Widget}} |