--- title: iGEM2020 Wiki Dev Memo tags: iGEM, Wiki Development, NCTU_Formosa lang: zh image: https://2020.igem.org/wiki/images/e/e4/Main_igem_logo.svg --- iGEM2020 Wiki Development Memo === 簡介 === 這是關於iGEM 2020 Wiki開發的筆記, 由[NCTU_Formosa](https://www.facebook.com/NCTUFormosa/)的[Terry](https://www.facebook.com/terry.chan.31945)所撰寫, 此筆記希望可以加速iGEM Wiki的開發過程, 歡迎大家提出留言, 來改善此筆記~ [TOC] # Fast Links 1. 檔案上傳: https://2020.igem.org/Special:Upload 2. Wiki 規則: https://2020.igem.org/Competition/Deliverables/Wiki 3. Wiki Template Docs: https://2020.igem.org/Resources/Template_Documentation 4. Add Parts http://parts.igem.org/Add_a_Part_to_the_Registry 5. Pages for Awards https://2020.igem.org/Judging/Pages_for_Awards 6. Wiki Editing Help https://2020.igem.org/Resources/Wiki_Editing_Help # Evaluated Pages(直接受到評分的連結) ## Bronze medal Pages (All Criteria Must be Met) 1. Attributions https://2020.igem.org/Team:NCTU_Formosa/Attributions 2. Description https://2020.igem.org/Team:NCTU_Formosa/Description 3. Contribution https://2020.igem.org/Team:NCTU_Formosa/Contribution ## Silver medal Pages (All Criteria Must be Met) 1. Engineering https://2020.igem.org/Team:NCTU_Formosa/Engineering 2. Collaborations https://2020.igem.org/Team:NCTU_Formosa/Collaborations 3. Human Practices https://2020.igem.org/Team:NCTU_Formosa/Human_Practices 4. Implementation https://2020.igem.org/Team:NCTU_Formosa/Implementation ## Gold medal Pages (At Least 2 Criteria Must be Met) 1. Intergrated Human Practice https://2020.igem.org/Team:NCTU_Formosa/Human_Practices 2. Improvement Part https://2020.igem.org/Team:NCTU_Formosa/Improve 3. Model https://2020.igem.org/Team:NCTU_Formosa/Model 4. Proof Of Concept https://2020.igem.org/Team:NCTU_Formosa/Proof_Of_Concept 5. Partnership https://2020.igem.org/Team:NCTU_Formosa/Partnership 6. Science Communication (Education) https://2020.igem.org/Team:NCTU_Formosa/Education 7. Excellence in Another Area Url Self Enter in Judging Form ## Pages Not Tied to Awards 1. Homepage https://2020.igem.org/Team:NCTU_Formosa 2. Team https://2020.igem.org/Team:NCTU_Formosa/Team 4. Design https://2020.igem.org/Team:NCTU_Formosa/Design 6. Experiments https://2020.igem.org/Team:NCTU_Formosa/Experiments 8. Notebook https://2020.igem.org/Team:NCTU_Formosa/Notebook 9. Results https://2020.igem.org/Team:NCTU_Formosa/Results 10. Parts https://2020.igem.org/Team:NCTU_Formosa/Parts 11. Safety (由Safety Committee 審查) https://2020.igem.org/Team:NCTU_Formosa/Safety # 開發守則 1. 任何的超連結/圖片都必須是以https開頭 並且所有的附加檔案(圖片、字體、JavaScript等等...都要先上傳至iGEM再引用其連結 2. 更新完模板必須同時更新網頁才會生效 3. 檔案開發follow [github](https://github.com/terrychan999/iGEM-nctu_formosa-2020-wiki) 4. 圖片輸出格式原則: [網頁圖片格式的應用訣竅 ( SVG v.s. PNG v.s. JPEG)](https://medium.com/@yihsuanli/%E7%B6%B2%E9%A0%81%E5%9C%96%E7%89%87%E6%A0%BC%E5%BC%8F%E7%9A%84%E6%87%89%E7%94%A8%E8%A8%A3%E7%AB%85-svg-v-s-png-v-s-jpeg-84378a54000c) 5. 字體格式選擇優先度: woff >> ttf 參考:[MDN Guide](https://developer.mozilla.org/zh-TW/docs/Web/Guide/WOFF) 6. ## 字體引用原則 > 參考連結: https://blog.gtwang.org/web-development/css-font-face/ https://css-tricks.com/snippets/css/using-font-face/ 經woff壓縮後的檔案大小差不多是ttf的1/2，效果明顯 > Local端開發瀏覽器政策禁止跨站取用資料，所以可能看不到字體套用 ```=css @font-face { font-family: OpenSans; /*這裡可以自己命名, 建議不要有空格*/ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://2020.igem.org/wiki/images/3/33/T--NCTU_Formosa--font-opensans.woff') format('woff'), url('https://2020.igem.org/wiki/images/5/5e/T--NCTU_Formosa--font-opensans.ttf') format('truetype'); } ``` # 友善連結 1. 瀏覽器相容測試: [caniuse.com](https://caniuse.com/) 2. HEX/RGB/CMYK轉換器: [colorhexa.com](https://www.colorhexa.com/) 3. HackMD: [功能介紹](https://hackmd.io/features-tw?both) 4. Mozilla: [MDN Web Docs](https://developer.mozilla.org/zh-TW/docs/Web) 5. Google Font Finder(多格式下載): [google-webfonts-helper](https://google-webfonts-helper.herokuapp.com/fonts) 6. Vue Deliminators: [iT邦幫忙](https://ithelp.ithome.com.tw/articles/10191396) 7. cdnjs: [cdnjs.com](https://cdnjs.com/) 8. 圖片壓縮: [tinypng.com](https://tinypng.com/) 9. BootStrap Vue: [Docs](https://bootstrap-vue.org/docs) # Nav Bar結構 | 大標 | 小標 | 對應連結 | 類型 | | --------------- | ------------------------- | ----------------------------------------------------------------------------- | --------------------------------------------------- | | Homepage | | [/](https://2020.igem.org/Team:NCTU_Formosa) | Pages Not Tied to Awards | | Team | Team Introduction | [/Team](https://2020.igem.org/Team:NCTU_Formosa/Team) | Pages Not Tied to Awards | | Team | Attributions | [/Attributions](https://2020.igem.org/Team:NCTU_Formosa/Attributions) | Bronze Medal#2 | | Team | Collaborations | [/Collaborations](https://2020.igem.org/Team:NCTU_Formosa/Collaborations) | Silver Medal#2 | | Team | Partnership | [/Partnership](https://2020.igem.org/Team:NCTU_Formosa/Partnership) | Gold medal#5 | | Project | Description | [/Description](https://2020.igem.org/Team:NCTU_Formosa/Description) | Bronze medal#3 | | Project | Design | [/Design](https://2020.igem.org/Team:NCTU_Formosa/Design) | Pages Not Tied to Awards | | Project | Hardware | [/Hardware](https://2020.igem.org/Team:NCTU_Formosa/Hardware) | Best Hardware Special Prize | | Project | Implementation | [/Implementation](https://2020.igem.org/Team:NCTU_Formosa/Implementation) | Silver medal#4 | | Project | Contribution | [/Contribution](https://2020.igem.org/Team:NCTU_Formosa/Contribution) | Bronze medal#3 | | Project | Engineering | [/Engineering](https://2020.igem.org/Team:NCTU_Formosa/Engineering) | Silver medal#1 | | Project | Sustainable | [/Sustainable](https://2020.igem.org/Team:NCTU_Formosa/Sustainable) | Best Sustainable Development Special Prize | | Project | Safety | [/Safety](https://2020.igem.org/Team:NCTU_Formosa/Safety) | Pages Not Tied to Awards | | Results | Results | [/Results](https://2020.igem.org/Team:NCTU_Formosa/Results) | Pages Not Tied to Awards | | Results | Proof Of Concept | [/Proof_Of_Concept](https://2020.igem.org/Team:NCTU_Formosa/Proof_Of_Concept) | Gold medal#4 | | Parts | Parts | [/Parts](https://2020.igem.org/Team:NCTU_Formosa/Parts) | Parts Special Prizes (Basic、Composite、Collection) | | Dry lab | Model Overview | [/Model](https://2020.igem.org/Team:NCTU_Formosa/Model) | Best Model | | Human Practices | Human Practices | [/Human_Practices](https://2020.igem.org/Team:NCTU_Formosa/Human_Practices) | Silver medal#3、Gold medal#1 | | Human Practices | Science Communication | [/Education](https://2020.igem.org/Team:NCTU_Formosa/Education) | Gold medal#6 | | Notebook | Notebook | [/Notebook](https://2020.igem.org/Team:NCTU_Formosa/Notebook) | Pages Not Tied to Awards | | Notebook | Protocols for Experiments | [/Experiments](https://2020.igem.org/Team:NCTU_Formosa/Experiments) | Pages Not Tied to Awards | | Awards | Medal Criteria | [/Criteria](https://2020.igem.org/Team:NCTU_Formosa/Criteria) | Non-Standard Page | # iGEM已上傳檔案超連結 Vue Components: `<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:NCTU_Formosa/vueloading-js&action=raw&ctype=text/javascript"> /*vue loading*/ </script>` OpenSans字體ttf: `https://2020.igem.org/wiki/images/5/5e/T--NCTU_Formosa--font-opensans.ttf` OpenSans字體woff: `https://2020.igem.org/wiki/images/3/33/T--NCTU_Formosa--font-opensans.woff` OpenSans字體woff2: iGEM似乎不支援上傳woff2, 暫時擱置 Aldrich字體ttf: `https://2020.igem.org/wiki/images/7/75/T--NCTU_Formosa--font-aldrich.ttf` Aldrich字體woff: `https://2020.igem.org/wiki/images/b/b0/T--NCTU_Formosa--font-aldrich.woff` NavBar Team Logo、Name: `https://2020.igem.org/wiki/images/0/0e/T--NCTU_Formosa--logo.png` `https://2020.igem.org/wiki/images/f/f0/T--NCTU_Formosa--schoolname.png` 壓縮版: `https://2020.igem.org/wiki/images/7/72/T--NCTU_Formosa--navlogo.png` `https://2020.igem.org/wiki/images/a/ae/T--NCTU_Formosa--navbarschoolname.png` `https://2020.igem.org/wiki/images/c/c4/T--NCTU_Formosa--fulllogo.png` Experimental Design圖組: `https://2020.igem.org/wiki/images/4/42/T--NCTU_Formosa--design-alltrainsretinal.png` `https://2020.igem.org/wiki/images/3/3e/T--NCTU_Formosa--design-ecolilemo21de3.png` `https://2020.igem.org/wiki/images/0/08/T--NCTU_Formosa--design-ecolimeasurement.png` `https://2020.igem.org/wiki/images/a/af/T--NCTU_Formosa--design-lowglucosem9.png` `https://2020.igem.org/wiki/images/f/f0/T--NCTU_Formosa--design-lowtemperature.png` `https://2020.igem.org/wiki/images/9/94/T--NCTU_Formosa--design-lrhamnose.png` `https://2020.igem.org/wiki/images/9/9f/T--NCTU_Formosa--design-nan3.png` `https://2020.igem.org/wiki/images/f/f0/T--NCTU_Formosa--design-rfp.png` ## 上傳後檔案詳細資料查詢: `https://2020.igem.org/File:{檔案名稱}` example: https://2020.igem.org/File:T--NCTU_Formosa--schoolname.png # 已建立Template連結 Header: `https://2020.igem.org/Template:NCTU_Formosa` `{{NCTU_Formosa}}` Footer: `https://2020.igem.org/Template:NCTU_Formosa/footer` `{{NCTU_Formosa/footer}}` MathJax: `https://2020.igem.org/Template:NCTU_Formosa/mathjax` `{{NCTU_Formosa/mathjax}}` # 可改進部分: - [x] 已改進打勾 - [X] Footer Location 超連結使用google map短網址 `https://goo.gl/maps/U3ujvnpd3ZarNQJB9` - [X] Footer版權聲明、地址可以改成文字，不要使用圖片 - [X] Footer icon圖檔太大，可以壓縮到100x100 / 80x80 - [ ] rainbow bar - p,h1, h2,figure explaination,font 1. - [X] collaboration 1. - [X] Human Practice 1. - [X] design 1. - [X] science communication 1. - [X] partnership # Comments from A-Luo (10/24) ## Home page * ~~1st par., 1st sent.~~, CO"2"沒下標 * ~~3rd par., 2nd sent., most-suited~~ => optimized(?) ## Project ### Description * ~~1st par., 1st sent., Gloeobacter Rhodopsin~~ => Gloeobacter Rhodopsin (6NWD) (通常paper會加pdb id) * ~~1st par., 1st sent., helicex~~ => alpha-helices * ~~1st par., 2nd sent., light driven~~ => light-driven * 1st par., figure legend: ~~Figure 1: Gloeobacter Rhodopsin~~ => Figure 1: X-ray Crystallographic structure of Gloeobacter rhodopsin ，然後要cite這篇：X-ray Crystallographic Structure and Oligomerization of Gloeobacter Rhodopsin * ~~2nd par., 1st sent., it will transport~~ => it transports * ~~2nd par., 3rd sent., after we transformed GR gene in E. coli......~~ => after GR gene was transfromed to E. coli (斜體), energy of light can driven the proton pump for ATP synthase, which replaces the requirement of glucose consumption...... * ~~3rd par.~~, E. coli沒斜體 * ~~3rd par., 1st sent., did the transmembrane protein ...~~ => performed the transmembrance protein expression * ~~3rd par., 2nd sent.~~, Therefore, we realized the growth of...... * ~~3rd par., 3rd sent., We built~~ => We developed an automatically operated hardware for E. Hybrid which serves as a bioreactor without electricity requirements...... ### Design * ~~2nd par., 1st sent.~~, will form => forms * Biobrick Design的圖 在編號後邊括號加長度（bp) * biobrick design跟amino acid seq沒有寫figure legend * amino acid那張圖的序列的頭尾要標在GR的位置 （bp） * ~~4th par., (GGGGS)4 linker~~ => (GGGGS) 4 linker * ~~Figure 1: GFP linker with GR~~ => Figure 1: GFP linker with GR (demonstrated by PyMOL) * ~~5th par., 1st sent., Lemo21 is the evolution ...~~ => revolution * ~~5th par., 2nd sent., diffcultly~~ => diffcult * ~~and in some cases of~~ => or the Tat translocase * ~~,to expresses better~~ => it can improve the expression of difficult proteins(開頭) * ~~6th par., 2nd sent.~~, which favors * ~~6th par., 3rd sent~~., can have => has , best => highest * ~~7th par., 1st sent.~~, could indicate => indicates, expression of proteins => protein expressions * ~~8th par., 2nd sent.~~, With less nutrient, which is essential "for" the energy supplement of E. coli (斜體) * ~~9th par., 2nd and 3rd sent.~~, ”beta“-carotene 改符號 * ~~10th par., 1st sent., so ATP production~~ => thus, ATP production...... * ~~10th par., 2nd sent.~~, E. coli WT, 多一個空格 * ~~10th par., 2nd sent.~~, strengthens => enhences * ~~11th par., 1st sent.~~, could is => could be ### Engineering * ~~2nd par., 2nd sent., light-induced~~ => light-driven * ~~Imagine~~ => hypothesis * ~~2nd par., 3rd sent., imagined~~ => assumed * ~~3rd par., 3nd sent., with the use...~~ => by deriving differential equations based on our assumptions and substituting parameters from published review articles...... * Build => Construct * ~~4rd par., 1st sent.~~, builded=>built * ~~4rd par., 3rd sent.~~, we found that,...... under assumption?? 滿足假設用satisfy * ~~這個頁面E. coli都沒斜體~~ (直接取代就好了) * Test => Testing * Learn => Discussion * Improve => Improvement ### Implementation * ~~1st par., 1st sent.~~, E. Hybrid doesn't require the consistantly supplement of nutrients, which features low cost, high effiiciency and sustainability. * ~~1st par., 2nd sent.~~, which suffer from the scarce resource supplements * ~~1st par., 4nd sent.~~, "B"-carotene = =...... * ~~2nd par., 1st sent.~~, consumers => customers * ~~2nf par., 1st sent.~~, a dearth of nutrients supplement => scarce resource(or nutrient) supplements * ~~kill bacteria~~ => sterilize or sterilization (都改這個字) *