|
|
| (43 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{:Team:Jilin_China/Navbar}}
| |
| − | {{:Team:Jilin_China/CSS_Details}}
| |
| − | {{:Team:Jilin_China/CSS}}
| |
| − | {{:Team:Jilin_China/Js}}
| |
| − | <html><!--For CSS and Js-->
| |
| − | <style>
| |
| | | | |
| − | .s1{
| |
| − | background: url(https://static.igem.org/mediawiki/2018/0/00/T--Jilin_China--EditingHandbook--Banner.jpeg) no-repeat center;
| |
| − | background-size: cover;
| |
| − | }
| |
| − | .bodycontent section h2{
| |
| − | color: rgba(29,81,132,1.00);
| |
| − | }
| |
| − | .bodycontent .s2 li p:first-letter{
| |
| − | float:none;
| |
| − | line-height: 1.5rem;
| |
| − | padding:0;
| |
| − | }
| |
| − | @media screen and (max-width:768px){
| |
| − |
| |
| − | .bodycontent .s2 li p:first-letter{
| |
| − | font-size: 1rem !important;
| |
| − | }
| |
| − | .bodycontent .s2 li p{
| |
| − | font-size: 1rem !important;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − | @media screen and (min-width:768px){
| |
| − |
| |
| − | .bodycontent .s2 li p:first-letter{
| |
| − | font-size: 1.3rem !important;
| |
| − | }
| |
| − | .bodycontent .s2 li p{
| |
| − | font-size: 1.3rem !important;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | </html>
| |
| − |
| |
| − | <html>
| |
| − |
| |
| − | <section class="s1">
| |
| − | <div class="title_con">
| |
| − | <p><span>EDITING</span><br>HANDBOOK</p>
| |
| − | <br />
| |
| − | <table>
| |
| − | <tr>
| |
| − | <td><a href="#a0" class="clickwave">Preface</a></td>
| |
| − | <td><a href="#a1" class="clickwave">基础教程</a></td>
| |
| − | <td><a href="#a2" class="clickwave">代码</a></td>
| |
| − | <td><a href="#a3" class="clickwave">网页结构</a></td>
| |
| − | <td><a href="#a4" class="clickwave">评论区</a></td>
| |
| − | </tr>
| |
| − | </table>
| |
| − | </div>
| |
| − | <div class="title_nav"><h2>Editing Handbook</h2></div>
| |
| − | </section>
| |
| − |
| |
| − | <div class="bodycontent" style="padding:0;">
| |
| − | <!--<section class="s0"></section>-->
| |
| − | <ul class="sidenav">
| |
| − | <li><a href="#a0">Preface</a></li>
| |
| − | <li><a href="#a1">基础教程</a></li>
| |
| − | <li><a href="#a2">代码</a></li>
| |
| − | <li><a href="#a3">网页结构</a></li>
| |
| − | <li><a href="#a4">评论区</a></li>
| |
| − | </ul>
| |
| − | <section class="s2">
| |
| − | <ul>
| |
| − | <li class="a0" id="a0">
| |
| − | <div>
| |
| − | <h2>Preface</h2>
| |
| − | <p style="color:red;"><b>目前进展（已全部暂停，若有需要请戳我）：<br><br>1. 模版缓慢微调中，为 Description Freeze 做准备 <br>2. 正在筛查2017年团队所有 wiki 以及历年团队 Best 风向，进行最后功能性筛查和设计风格走向确定 <br>3. 矢量元素设计以及相关必须动画过程准备<br></b></p>
| |
| − | <br>
| |
| − | <p style="color:red;"><b>待解决：<br><br>1. 其他页面上传（计划暑假进行）<br>2. 进阶 Wiki 编辑教程（计划考试周后上线）<br>3. Library 表格部分交互完善（因为缺乏开发文档故暂定暑假进行）<br>4. 还在表格的官方模版和自行设计之间纠结（好像官方的给的还不错？？？？）<br></b></p>
| |
| − | <br>
| |
| − | <p><b>已完成：<br><br>1. Navbar 和 Footer 部分的适配（移动版、PC 全宽、PC 半宽）<br>2. Section 1 的多行标题优化 和 移动版板式优化<br>4. Notebook 页上线，可以开始编辑<br></b></p>
| |
| − | <br>
| |
| − | <p>这个是咱们团队自己手册，因此并不打算放在导航栏上...</p>
| |
| − | <p>这个手册会在Wiki Freeze之前一直保持更新，这个手册将会覆盖几乎所有有关Wiki的内容。<b>我们团队所有的wiki都支持移动端访问！没电脑不是借口！</b></p>
| |
| − | <p>这个手册使用的是咱们Wiki的标准模板，大家平时没事的话可以View Source，也可以试着编辑一下做做练习（记得还原..）</p>
| |
| − | <p>这个页面人人可以编辑，大家都可以把经验和教程以链接的形式（可以外联）放在这里，同时，此页面可以进行【简单的】评论（说白了就是往这个页面添加内容）。我负责的每个教程用Microsoft Sway制作，手机和平板都有app，这个做起来很像百度经验哈哈哈</p>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="a1" id="a1">
| |
| − | <div>
| |
| − | <h2>基础教程</h2>
| |
| − | <p style="font-weight:bold;"><a style="color:red !important;" href="https://sway.com/EFHtKlBRK6AyZzIn">·【教程】文件上传（5/11/2018）</a></p>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="a2" id="a2">
| |
| − | <div>
| |
| − | <h2>代码</h2>
| |
| − | <p style="font-weight:bold; text-align:left;"><a href="https://sway.com/LDTi59svFmdLX63G">·【教程】如何评论（Wiki编辑入门）（5/12/2018）</a></p>
| |
| − | <p style="font-weight:bold; text-align:left;"><a style="color:red !important;" href="https://sway.com/eN5tLMCEyzOVXEqz">·【教程】Notebook 页更新（5/20/2018）</a></p>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="a3" id="a3">
| |
| − | <div>
| |
| − | <h2>网页结构</h2>
| |
| − | <p>暂无内容</p>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="a4" id="a4">
| |
| − | <div>
| |
| − | <h2>评论区</h2>
| |
| − | <p>大家可以在这里写上你不懂的地方，大家可以在下面回答，欢迎留下名字，请保持代码缩进，例如：</p>
| |
| − | <br/>
| |
| − | <p>问：❤❤❤ - 柴若尘</p>
| |
| − | <p>答1：❤❤❤ - 苑赫恬</p>
| |
| − | <p>答2：！！！！ - 余戎镇</p>
| |
| − | </div>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </section>
| |
| − | </div>
| |
| − | </html>
| |
