Init
This commit is contained in:
commit
995cb9e9b9
|
|
@ -0,0 +1,9 @@
|
|||
node_modules
|
||||
package-lock.json
|
||||
.npmrc
|
||||
.yarn.lock
|
||||
.DS_Store
|
||||
/docs/.vuepress/.cache
|
||||
/docs/.vuepress/.temp
|
||||
/dist
|
||||
yarn.lock
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
image: node:18-alpine
|
||||
|
||||
pages:
|
||||
only:
|
||||
- main
|
||||
|
||||
cache:
|
||||
key:
|
||||
files:
|
||||
- yarn.lock
|
||||
paths:
|
||||
- .pnpm-store
|
||||
|
||||
script:
|
||||
- echo Whats UP? Hope I will have less bug...
|
||||
# - yarn install
|
||||
# - NODE_OPTIONS=--max_old_space_size=4096 yarn build
|
||||
|
||||
artifacts:
|
||||
paths:
|
||||
- public
|
||||
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
MIT License Copyright (c) 2023 BJWZ-China
|
||||
|
||||
Permission is hereby granted, free of
|
||||
charge, to any person obtaining a copy of this software and associated
|
||||
documentation files (the "Software"), to deal in the Software without
|
||||
restriction, including without limitation the rights to use, copy, modify, merge,
|
||||
publish, distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so, subject to the
|
||||
following conditions:
|
||||
|
||||
The above copyright notice and this permission notice
|
||||
(including the next paragraph) shall be included in all copies or substantial
|
||||
portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
|
||||
ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO
|
||||
EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
|
||||
OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
# BJWZ-China
|
||||
|
||||
The wiki is based on VuePress & `vuepress-theme-hope` framework, which is an open-source framework.
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
env
|
||||
venv
|
||||
.vscode
|
||||
__pycache__
|
||||
public
|
||||
|
|
@ -0,0 +1,396 @@
|
|||
Attribution 4.0 International (CC BY 4.0)
|
||||
https://creativecommons.org/licenses/by/4.0/
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons Corporation ("Creative Commons") is not a law firm and
|
||||
does not provide legal services or legal advice. Distribution of
|
||||
Creative Commons public licenses does not create a lawyer-client or
|
||||
other relationship. Creative Commons makes its licenses and related
|
||||
information available on an "as-is" basis. Creative Commons gives no
|
||||
warranties regarding its licenses, any material licensed under their
|
||||
terms and conditions, or any related information. Creative Commons
|
||||
disclaims all liability for damages resulting from their use to the
|
||||
fullest extent possible.
|
||||
|
||||
Using Creative Commons Public Licenses
|
||||
|
||||
Creative Commons public licenses provide a standard set of terms and
|
||||
conditions that creators and other rights holders may use to share
|
||||
original works of authorship and other material subject to copyright
|
||||
and certain other rights specified in the public license below. The
|
||||
following considerations are for informational purposes only, are not
|
||||
exhaustive, and do not form part of our licenses.
|
||||
|
||||
Considerations for licensors: Our public licenses are
|
||||
intended for use by those authorized to give the public
|
||||
permission to use material in ways otherwise restricted by
|
||||
copyright and certain other rights. Our licenses are
|
||||
irrevocable. Licensors should read and understand the terms
|
||||
and conditions of the license they choose before applying it.
|
||||
Licensors should also secure all rights necessary before
|
||||
applying our licenses so that the public can reuse the
|
||||
material as expected. Licensors should clearly mark any
|
||||
material not subject to the license. This includes other CC-
|
||||
licensed material, or material used under an exception or
|
||||
limitation to copyright. More considerations for licensors:
|
||||
wiki.creativecommons.org/Considerations_for_licensors
|
||||
|
||||
Considerations for the public: By using one of our public
|
||||
licenses, a licensor grants the public permission to use the
|
||||
licensed material under specified terms and conditions. If
|
||||
the licensor's permission is not necessary for any reason--for
|
||||
example, because of any applicable exception or limitation to
|
||||
copyright--then that use is not regulated by the license. Our
|
||||
licenses grant only permissions under copyright and certain
|
||||
other rights that a licensor has authority to grant. Use of
|
||||
the licensed material may still be restricted for other
|
||||
reasons, including because others have copyright or other
|
||||
rights in the material. A licensor may make special requests,
|
||||
such as asking that all changes be marked or described.
|
||||
Although not required by our licenses, you are encouraged to
|
||||
respect those requests where reasonable. More considerations
|
||||
for the public:
|
||||
wiki.creativecommons.org/Considerations_for_licensees
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons Attribution 4.0 International Public License
|
||||
|
||||
By exercising the Licensed Rights (defined below), You accept and agree
|
||||
to be bound by the terms and conditions of this Creative Commons
|
||||
Attribution 4.0 International Public License ("Public License"). To the
|
||||
extent this Public License may be interpreted as a contract, You are
|
||||
granted the Licensed Rights in consideration of Your acceptance of
|
||||
these terms and conditions, and the Licensor grants You such rights in
|
||||
consideration of benefits the Licensor receives from making the
|
||||
Licensed Material available under these terms and conditions.
|
||||
|
||||
|
||||
Section 1 -- Definitions.
|
||||
|
||||
a. Adapted Material means material subject to Copyright and Similar
|
||||
Rights that is derived from or based upon the Licensed Material
|
||||
and in which the Licensed Material is translated, altered,
|
||||
arranged, transformed, or otherwise modified in a manner requiring
|
||||
permission under the Copyright and Similar Rights held by the
|
||||
Licensor. For purposes of this Public License, where the Licensed
|
||||
Material is a musical work, performance, or sound recording,
|
||||
Adapted Material is always produced where the Licensed Material is
|
||||
synched in timed relation with a moving image.
|
||||
|
||||
b. Adapter's License means the license You apply to Your Copyright
|
||||
and Similar Rights in Your contributions to Adapted Material in
|
||||
accordance with the terms and conditions of this Public License.
|
||||
|
||||
c. Copyright and Similar Rights means copyright and/or similar rights
|
||||
closely related to copyright including, without limitation,
|
||||
performance, broadcast, sound recording, and Sui Generis Database
|
||||
Rights, without regard to how the rights are labeled or
|
||||
categorized. For purposes of this Public License, the rights
|
||||
specified in Section 2(b)(1)-(2) are not Copyright and Similar
|
||||
Rights.
|
||||
|
||||
d. Effective Technological Measures means those measures that, in the
|
||||
absence of proper authority, may not be circumvented under laws
|
||||
fulfilling obligations under Article 11 of the WIPO Copyright
|
||||
Treaty adopted on December 20, 1996, and/or similar international
|
||||
agreements.
|
||||
|
||||
e. Exceptions and Limitations means fair use, fair dealing, and/or
|
||||
any other exception or limitation to Copyright and Similar Rights
|
||||
that applies to Your use of the Licensed Material.
|
||||
|
||||
f. Licensed Material means the artistic or literary work, database,
|
||||
or other material to which the Licensor applied this Public
|
||||
License.
|
||||
|
||||
g. Licensed Rights means the rights granted to You subject to the
|
||||
terms and conditions of this Public License, which are limited to
|
||||
all Copyright and Similar Rights that apply to Your use of the
|
||||
Licensed Material and that the Licensor has authority to license.
|
||||
|
||||
h. Licensor means the individual(s) or entity(ies) granting rights
|
||||
under this Public License.
|
||||
|
||||
i. Share means to provide material to the public by any means or
|
||||
process that requires permission under the Licensed Rights, such
|
||||
as reproduction, public display, public performance, distribution,
|
||||
dissemination, communication, or importation, and to make material
|
||||
available to the public including in ways that members of the
|
||||
public may access the material from a place and at a time
|
||||
individually chosen by them.
|
||||
|
||||
j. Sui Generis Database Rights means rights other than copyright
|
||||
resulting from Directive 96/9/EC of the European Parliament and of
|
||||
the Council of 11 March 1996 on the legal protection of databases,
|
||||
as amended and/or succeeded, as well as other essentially
|
||||
equivalent rights anywhere in the world.
|
||||
|
||||
k. You means the individual or entity exercising the Licensed Rights
|
||||
under this Public License. Your has a corresponding meaning.
|
||||
|
||||
|
||||
Section 2 -- Scope.
|
||||
|
||||
a. License grant.
|
||||
|
||||
1. Subject to the terms and conditions of this Public License,
|
||||
the Licensor hereby grants You a worldwide, royalty-free,
|
||||
non-sublicensable, non-exclusive, irrevocable license to
|
||||
exercise the Licensed Rights in the Licensed Material to:
|
||||
|
||||
a. reproduce and Share the Licensed Material, in whole or
|
||||
in part; and
|
||||
|
||||
b. produce, reproduce, and Share Adapted Material.
|
||||
|
||||
2. Exceptions and Limitations. For the avoidance of doubt, where
|
||||
Exceptions and Limitations apply to Your use, this Public
|
||||
License does not apply, and You do not need to comply with
|
||||
its terms and conditions.
|
||||
|
||||
3. Term. The term of this Public License is specified in Section
|
||||
6(a).
|
||||
|
||||
4. Media and formats; technical modifications allowed. The
|
||||
Licensor authorizes You to exercise the Licensed Rights in
|
||||
all media and formats whether now known or hereafter created,
|
||||
and to make technical modifications necessary to do so. The
|
||||
Licensor waives and/or agrees not to assert any right or
|
||||
authority to forbid You from making technical modifications
|
||||
necessary to exercise the Licensed Rights, including
|
||||
technical modifications necessary to circumvent Effective
|
||||
Technological Measures. For purposes of this Public License,
|
||||
simply making modifications authorized by this Section 2(a)
|
||||
(4) never produces Adapted Material.
|
||||
|
||||
5. Downstream recipients.
|
||||
|
||||
a. Offer from the Licensor -- Licensed Material. Every
|
||||
recipient of the Licensed Material automatically
|
||||
receives an offer from the Licensor to exercise the
|
||||
Licensed Rights under the terms and conditions of this
|
||||
Public License.
|
||||
|
||||
b. No downstream restrictions. You may not offer or impose
|
||||
any additional or different terms or conditions on, or
|
||||
apply any Effective Technological Measures to, the
|
||||
Licensed Material if doing so restricts exercise of the
|
||||
Licensed Rights by any recipient of the Licensed
|
||||
Material.
|
||||
|
||||
6. No endorsement. Nothing in this Public License constitutes or
|
||||
may be construed as permission to assert or imply that You
|
||||
are, or that Your use of the Licensed Material is, connected
|
||||
with, or sponsored, endorsed, or granted official status by,
|
||||
the Licensor or others designated to receive attribution as
|
||||
provided in Section 3(a)(1)(A)(i).
|
||||
|
||||
b. Other rights.
|
||||
|
||||
1. Moral rights, such as the right of integrity, are not
|
||||
licensed under this Public License, nor are publicity,
|
||||
privacy, and/or other similar personality rights; however, to
|
||||
the extent possible, the Licensor waives and/or agrees not to
|
||||
assert any such rights held by the Licensor to the limited
|
||||
extent necessary to allow You to exercise the Licensed
|
||||
Rights, but not otherwise.
|
||||
|
||||
2. Patent and trademark rights are not licensed under this
|
||||
Public License.
|
||||
|
||||
3. To the extent possible, the Licensor waives any right to
|
||||
collect royalties from You for the exercise of the Licensed
|
||||
Rights, whether directly or through a collecting society
|
||||
under any voluntary or waivable statutory or compulsory
|
||||
licensing scheme. In all other cases the Licensor expressly
|
||||
reserves any right to collect such royalties.
|
||||
|
||||
|
||||
Section 3 -- License Conditions.
|
||||
|
||||
Your exercise of the Licensed Rights is expressly made subject to the
|
||||
following conditions.
|
||||
|
||||
a. Attribution.
|
||||
|
||||
1. If You Share the Licensed Material (including in modified
|
||||
form), You must:
|
||||
|
||||
a. retain the following if it is supplied by the Licensor
|
||||
with the Licensed Material:
|
||||
|
||||
i. identification of the creator(s) of the Licensed
|
||||
Material and any others designated to receive
|
||||
attribution, in any reasonable manner requested by
|
||||
the Licensor (including by pseudonym if
|
||||
designated);
|
||||
|
||||
ii. a copyright notice;
|
||||
|
||||
iii. a notice that refers to this Public License;
|
||||
|
||||
iv. a notice that refers to the disclaimer of
|
||||
warranties;
|
||||
|
||||
v. a URI or hyperlink to the Licensed Material to the
|
||||
extent reasonably practicable;
|
||||
|
||||
b. indicate if You modified the Licensed Material and
|
||||
retain an indication of any previous modifications; and
|
||||
|
||||
c. indicate the Licensed Material is licensed under this
|
||||
Public License, and include the text of, or the URI or
|
||||
hyperlink to, this Public License.
|
||||
|
||||
2. You may satisfy the conditions in Section 3(a)(1) in any
|
||||
reasonable manner based on the medium, means, and context in
|
||||
which You Share the Licensed Material. For example, it may be
|
||||
reasonable to satisfy the conditions by providing a URI or
|
||||
hyperlink to a resource that includes the required
|
||||
information.
|
||||
|
||||
3. If requested by the Licensor, You must remove any of the
|
||||
information required by Section 3(a)(1)(A) to the extent
|
||||
reasonably practicable.
|
||||
|
||||
4. If You Share Adapted Material You produce, the Adapter's
|
||||
License You apply must not prevent recipients of the Adapted
|
||||
Material from complying with this Public License.
|
||||
|
||||
|
||||
Section 4 -- Sui Generis Database Rights.
|
||||
|
||||
Where the Licensed Rights include Sui Generis Database Rights that
|
||||
apply to Your use of the Licensed Material:
|
||||
|
||||
a. for the avoidance of doubt, Section 2(a)(1) grants You the right
|
||||
to extract, reuse, reproduce, and Share all or a substantial
|
||||
portion of the contents of the database;
|
||||
|
||||
b. if You include all or a substantial portion of the database
|
||||
contents in a database in which You have Sui Generis Database
|
||||
Rights, then the database in which You have Sui Generis Database
|
||||
Rights (but not its individual contents) is Adapted Material; and
|
||||
|
||||
c. You must comply with the conditions in Section 3(a) if You Share
|
||||
all or a substantial portion of the contents of the database.
|
||||
|
||||
For the avoidance of doubt, this Section 4 supplements and does not
|
||||
replace Your obligations under this Public License where the Licensed
|
||||
Rights include other Copyright and Similar Rights.
|
||||
|
||||
|
||||
Section 5 -- Disclaimer of Warranties and Limitation of Liability.
|
||||
|
||||
a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
|
||||
EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
|
||||
AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
|
||||
ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
|
||||
IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
|
||||
WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
|
||||
PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
|
||||
ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
|
||||
KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
|
||||
ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
|
||||
|
||||
b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
|
||||
TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
|
||||
NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
|
||||
INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
|
||||
COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
|
||||
USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
|
||||
ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
|
||||
DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
|
||||
IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
|
||||
|
||||
c. The disclaimer of warranties and limitation of liability provided
|
||||
above shall be interpreted in a manner that, to the extent
|
||||
possible, most closely approximates an absolute disclaimer and
|
||||
waiver of all liability.
|
||||
|
||||
|
||||
Section 6 -- Term and Termination.
|
||||
|
||||
a. This Public License applies for the term of the Copyright and
|
||||
Similar Rights licensed here. However, if You fail to comply with
|
||||
this Public License, then Your rights under this Public License
|
||||
terminate automatically.
|
||||
|
||||
b. Where Your right to use the Licensed Material has terminated under
|
||||
Section 6(a), it reinstates:
|
||||
|
||||
1. automatically as of the date the violation is cured, provided
|
||||
it is cured within 30 days of Your discovery of the
|
||||
violation; or
|
||||
|
||||
2. upon express reinstatement by the Licensor.
|
||||
|
||||
For the avoidance of doubt, this Section 6(b) does not affect any
|
||||
right the Licensor may have to seek remedies for Your violations
|
||||
of this Public License.
|
||||
|
||||
c. For the avoidance of doubt, the Licensor may also offer the
|
||||
Licensed Material under separate terms or conditions or stop
|
||||
distributing the Licensed Material at any time; however, doing so
|
||||
will not terminate this Public License.
|
||||
|
||||
d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
|
||||
License.
|
||||
|
||||
|
||||
Section 7 -- Other Terms and Conditions.
|
||||
|
||||
a. The Licensor shall not be bound by any additional or different
|
||||
terms or conditions communicated by You unless expressly agreed.
|
||||
|
||||
b. Any arrangements, understandings, or agreements regarding the
|
||||
Licensed Material not stated herein are separate from and
|
||||
independent of the terms and conditions of this Public License.
|
||||
|
||||
|
||||
Section 8 -- Interpretation.
|
||||
|
||||
a. For the avoidance of doubt, this Public License does not, and
|
||||
shall not be interpreted to, reduce, limit, restrict, or impose
|
||||
conditions on any use of the Licensed Material that could lawfully
|
||||
be made without permission under this Public License.
|
||||
|
||||
b. To the extent possible, if any provision of this Public License is
|
||||
deemed unenforceable, it shall be automatically reformed to the
|
||||
minimum extent necessary to make it enforceable. If the provision
|
||||
cannot be reformed, it shall be severed from this Public License
|
||||
without affecting the enforceability of the remaining terms and
|
||||
conditions.
|
||||
|
||||
c. No term or condition of this Public License will be waived and no
|
||||
failure to comply consented to unless expressly agreed to by the
|
||||
Licensor.
|
||||
|
||||
d. Nothing in this Public License constitutes or may be interpreted
|
||||
as a limitation upon, or waiver of, any privileges and immunities
|
||||
that apply to the Licensor or You, including from the legal
|
||||
processes of any jurisdiction or authority.
|
||||
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons is not a party to its public licenses.
|
||||
Notwithstanding, Creative Commons may elect to apply one of its public
|
||||
licenses to material it publishes and in those instances will be
|
||||
considered the “Licensor.” The text of the Creative Commons public
|
||||
licenses is dedicated to the public domain under the CC0 Public Domain
|
||||
Dedication. Except for the limited purpose of indicating that material
|
||||
is shared under a Creative Commons public license or as otherwise
|
||||
permitted by the Creative Commons policies published at
|
||||
creativecommons.org/policies, Creative Commons does not authorize the
|
||||
use of the trademark "Creative Commons" or any other trademark or logo
|
||||
of Creative Commons without its prior written consent including,
|
||||
without limitation, in connection with any unauthorized modifications
|
||||
to any of its public licenses or any other arrangements,
|
||||
understandings, or agreements concerning use of licensed material. For
|
||||
the avoidance of doubt, this paragraph does not form part of the public
|
||||
licenses.
|
||||
|
||||
Creative Commons may be contacted at creativecommons.org.
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
# Team BJWZ-China 2023 Wiki
|
||||
|
||||
This repository **MUST** contain all coding assets to generate your team's wiki (HTML, CSS, JavaScript, TypeScript, Python, etc).
|
||||
|
||||
Images, photos, icons and fonts **MUST** be stored on `static.igem.wiki` using [uploads.igem.org](https://uploads.igem.org), and Videos **must** be embedded from [iGEM Video Universe](https://video.igem.org).
|
||||
|
||||
For up-to-date requirements, resources, help and guidance, visit [competition.igem.org/deliverables/team-wiki](https://competition.igem.org/deliverables/team-wiki).
|
||||
|
||||
## Getting started
|
||||
|
||||
You should probably only edit the files inside folders `static`, `wiki` and `wiki > pages`.
|
||||
1. Open the Web IDE
|
||||
1. Make the changes on the files you wish:
|
||||
* For the menu, change the file [menu.html](wiki/menu.html)
|
||||
* For the layout, change the file [layout.html](wiki/layout.html)
|
||||
* For the pages, change the corresponding file in the foler [pages](wiki/pages)
|
||||
1. Review the changes you made
|
||||
1. Once you are done, save the changes by **committing** them to the *main branch* of the repository
|
||||
1. An automated script will build, test and deploy your wiki, which should take less than 30 seconds.
|
||||
|
||||
## About this Template
|
||||
|
||||
### Files
|
||||
|
||||
The static assets are in the `static` directory. The layout and templates are in the `wiki` directory, and the pages live in the `wiki > pages` directory. Unless you are an experienced and/or adventurous human, you probably shouldn't change other files.
|
||||
|
||||
|__ static/ -> static assets (CSS and JavaScript files only)
|
||||
|__ wiki/ -> Main directory for the pages and layouts
|
||||
|__ footer.html -> Footer that will appear in all the pages
|
||||
|__ layout.html -> Main layout of your wiki. All the pages will follow its structure
|
||||
|__ menu.html -> Menu that will appear in all the pages
|
||||
|__ pages/ -> Directory for all the pages
|
||||
|__ *.html -> Actual pages of your wiki
|
||||
|__ .gitignore -> Tells GitLab which files/directories should not be uploaded to the repository
|
||||
|__ .gitlab-ci.yml -> Automated flow for building, testing and deploying your website.
|
||||
|__ LICENSE -> License CC-by-4.0, all wikis are required to have this license - DO NOT MODIFY
|
||||
|__ README.md -> File containing the text you are reading right now
|
||||
|__ app.py -> Python code managing your wiki
|
||||
|__ dependencies.txt -> Software dependencies from the Python code
|
||||
|
||||
### Technologies
|
||||
|
||||
* [GitLab Pages](https://docs.gitlab.com/ee/user/project/pages/)
|
||||
* [Python](https://www.python.org): Programming language
|
||||
* [Flask](https://palletsprojects.com/p/flask/): Python framework
|
||||
* [Fronzen-Flask](https://pythonhosted.org/Frozen-Flask): Library that builds the wiki to be deployed as a static website
|
||||
* [Bootstrap](https://getbootstrap.com/docs/5.0/components): CSS and JS components used
|
||||
|
||||
### Building locally (advanced users)
|
||||
|
||||
To work locally with this project, follow the steps below:
|
||||
|
||||
#### Install
|
||||
```bash
|
||||
git clone https://gitlab.igem.org/2023/bjwz-china.git
|
||||
cd bjwz-china
|
||||
python3 -m venv venv
|
||||
. venv/bin/activate # on Linux, MacOS; or
|
||||
. venv\Scripts\activate # on Windows
|
||||
pip install -r dependencies.txt
|
||||
```
|
||||
|
||||
#### Execute
|
||||
```bash
|
||||
python app.py
|
||||
```
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
from os import path
|
||||
from pathlib import Path
|
||||
|
||||
from flask import Flask, render_template
|
||||
from flask_frozen import Freezer
|
||||
|
||||
|
||||
template_folder = path.abspath('./wiki')
|
||||
|
||||
app = Flask(__name__, template_folder=template_folder)
|
||||
#app.config['FREEZER_BASE_URL'] = environ.get('CI_PAGES_URL')
|
||||
app.config['FREEZER_DESTINATION'] = 'public'
|
||||
app.config['FREEZER_RELATIVE_URLS'] = True
|
||||
app.config['FREEZER_IGNORE_MIMETYPE_WARNINGS'] = True
|
||||
freezer = Freezer(app)
|
||||
|
||||
@app.cli.command()
|
||||
def freeze():
|
||||
freezer.freeze()
|
||||
|
||||
@app.cli.command()
|
||||
def serve():
|
||||
freezer.run()
|
||||
|
||||
@app.route('/')
|
||||
def home():
|
||||
return render_template('pages/home.html')
|
||||
|
||||
@app.route('/<page>')
|
||||
def pages(page):
|
||||
return render_template(str(Path('pages')) + '/' + page.lower() + '.html')
|
||||
|
||||
# Main Function, Runs at http://0.0.0.0:8080
|
||||
if __name__ == "__main__":
|
||||
app.run(port=8080)
|
||||
|
|
@ -0,0 +1 @@
|
|||
frozen-flask
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,18 @@
|
|||
body { padding-top: 56px; }
|
||||
.left-aligned { margin-left: auto; }
|
||||
.bg-dark { background-color: #343a40 !important; }
|
||||
.bg-hero { background-color: #45b06cff; }
|
||||
|
||||
/* CALLOUT */
|
||||
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
|
||||
.bd-callout h4 { margin-bottom:.25rem }
|
||||
.bd-callout p:last-child { margin-bottom:0 }
|
||||
.bd-callout code { border-radius:.25rem }
|
||||
.bd-callout+.bd-callout { margin-top:-.25rem }
|
||||
.bd-callout-info { border-left-color:#5bc0de }
|
||||
.bd-callout-warning { border-left-color:#f0ad4e }
|
||||
.bd-callout-danger { border-left-color:#d9534f }
|
||||
|
||||
/* footer */
|
||||
footer a { color: white; font-weight: bold; text-decoration: none; }
|
||||
footer a:hover { color: white; text-decoration: underline; }
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
|
||||
<div class="container">
|
||||
<div class="row mb-4">
|
||||
<div class="col-lg-6 col-xs-12">
|
||||
<h4 class="mb-3">Heading</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ante mollis quam tristique convallis</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-xs-12">
|
||||
<h4 class="mt-lg-0 mt-sm-3">Links</h4>
|
||||
<ul class="m-2 p-2">
|
||||
<li><a href="#">Lorem ipsum</a></li>
|
||||
<li><a href="#">Nam mauris velit</a></li>
|
||||
<li><a href="#">Etiam vitae mauris</a></li>
|
||||
<li><a href="#">Fusce scelerisque</a></li>
|
||||
<li><a href="#">Sed faucibus</a></li>
|
||||
<li><a href="#">Mauris efficitur nulla</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3 col-xs-12">
|
||||
<h4 class="mt-lg-0 mt-sm-4 mb-3">Contact</h4>
|
||||
<p>22, Lorem ipsum dolor, consectetur adipiscing</p>
|
||||
<p class="mb-0">(541) 754-3010</p>
|
||||
<p>info@hsdf.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<p class="mb-0"><small>© 2023 - Content on this site is licensed under a <a class="subfoot" href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0 International license</a>.</small></p>
|
||||
<p><small>The repository used to create this website is available at <a href="https://gitlab.igem.org/2023/bjwz-china">gitlab.igem.org/2023/bjwz-china</a>.</small></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="shortcut icon" href="https://static.igem.wiki/common/icons/favicons/igem-2022.svg"/>
|
||||
<link rel="license" href="https://creativecommons.org/licenses/by/4.0/"/>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link href="{{ url_for('static', filename = 'bootstrap.min.css') }}" rel="stylesheet">
|
||||
|
||||
<!-- Custom CSS -->
|
||||
<link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
|
||||
|
||||
<title>{% block title %}{% endblock %} | BJWZ-China - iGEM 2023</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!-- Navigation -->
|
||||
{% include 'menu.html' %}
|
||||
|
||||
<!-- Header -->
|
||||
<header class="bg-hero py-5 mb-5">
|
||||
<div class="container h-100">
|
||||
<div class="row h-100 align-items-center">
|
||||
<div class="col-lg-12">
|
||||
<h1 class="display-4 text-white mt-5 mb-2">{{ self.title() }}</h1>
|
||||
<p class="lead mb-5 text-white-50">{% block lead %}{% endblock %}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Page Content -->
|
||||
<div class="container">
|
||||
{% block page_content %}{% endblock %}
|
||||
</div>
|
||||
|
||||
<!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org -->
|
||||
{% include 'footer.html' %}
|
||||
|
||||
<!-- Bootstrap Bundle with Popper -->
|
||||
<script src="{{ url_for('static', filename = 'bootstrap.bundle.min.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
||||
<div class="container">
|
||||
|
||||
<!---- TEAM NAME ---->
|
||||
<a class="navbar-brand" href="#">BJWZ-China</a>
|
||||
|
||||
<!---- SMALL SCREEN MENU ICON ---->
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ml-auto left-aligned">
|
||||
|
||||
<!---- HOME ---->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ url_for('home') }}">Home</a>
|
||||
</li>
|
||||
|
||||
<!---- TEAM ---->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="{{ url_for('pages', page='team') }}" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Team
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Team</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attributions</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!---- PROJECT ---->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Project
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='experiments') }}">Experiments</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='results') }}">Results</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!---- SAFETY ---->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ url_for('pages', page='safety') }}">Safety</a>
|
||||
</li>
|
||||
|
||||
<!---- HUMAN PRACTICES ---->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ url_for('pages', page='human-practices') }}">Human Practices</a>
|
||||
</li>
|
||||
|
||||
<!---- AWARDS ---->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Awards
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='entrepreneurship') }}">Entrepreneurship</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='hardware') }}">Hardware</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='measurement') }}">Measurement</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='plant') }}">Plant</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='software') }}">Software</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Attributions{% endblock %}
|
||||
{% block lead %}This page must show the attribution form of your project. This includes the work done by each of the student members on your team and any work that was done by people outside of your team, including the host labs, advisors, instructors, and individuals not on the team roster. This requirement is not about literature references - these can and should be displayed throughout your wiki.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Bronze Medal Criterion #2</h4>
|
||||
<p>Describe what work your team members did and what other people did for your project.</p>
|
||||
<p>The form that bas been embded in an iframe in this page shows your team's Project Attribution form. This page must keep the form as it is.</p>
|
||||
<p>If you use a different website framework, make sure to embed the right URL for your team's form.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/deliverables/project-attribution">Project Attribution page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
======================================================================
|
||||
== VERY IMPORTANT ==
|
||||
======================================================================
|
||||
LEAVE THE IFRAME CODE BELOW AS IT IS, THE ATTRIBUTION FORM OF YOUR TEAM
|
||||
WILL BE DISPLAYED ON THIS PAGE. DO NOT REMOVE IT, OTHERWISE YOU RISK OF
|
||||
NOT MEETING BRONZE MEDAL CRITERION #2
|
||||
-->
|
||||
<div class="row mt-4">
|
||||
<script type="text/javascript">
|
||||
// Listen to size change and update form height
|
||||
window.addEventListener('message', function (e) {
|
||||
const {type, data} = JSON.parse(e.data);
|
||||
if (type === 'igem-attribution-form') {
|
||||
const element = document.getElementById('igem-attribution-form')
|
||||
element.style.height = data + 50 +'px'
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<iframe
|
||||
style='width: 100%'
|
||||
id="igem-attribution-form"
|
||||
src="https://attributions.igem.org?team=BJWZ-China&year=2023"
|
||||
>
|
||||
</iframe>
|
||||
<!-- ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ -->
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Contribution{% endblock %}
|
||||
{% block lead %}Make a useful contribution for future iGEM teams. Use this page to document that contribution.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Bronze Medal Criterion #4</h4>
|
||||
<p>Make a useful contribution for future iGEM teams. Use this page to document that contribution.<p>
|
||||
<p>If you are making a contribution by adding information to an existing Part or creating a new Part, you must document your contribution on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a> for your team to be eligible for this criteria. You can use this page to link to that part and include additional information about your contribution.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/medals">2023 Medals Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Project Description{% endblock %}
|
||||
{% block lead %}Describe how and why you chose your iGEM project.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Bronze Medal Criterion #3</h4>
|
||||
<p>Describe how and why you chose your iGEM project.<p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/medals">2023 Medals Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>What should this page contain?</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li>A clear and concise description of your project.</li>
|
||||
<li>A detailed explanation of why your team chose to work on this particular project.</li>
|
||||
<li>References and sources to document your research.</li>
|
||||
<li>Use illustrations and other visual resources to explain your project.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="https://2022.igem.wiki/dtu-denmark/description">2022 DTU-Denmark</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:ITESO_Guadalajara/Description">2019 ITESO Guadalajara</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Technion-Israel/Description">2020 Technion Israel</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Botchan_Lab_Tokyo/Description">2020 Botchan Lab Tokyo</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:St_Andrews/Description">2020 St Andrews</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:MIT/Description">2020 MIT</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>Some advice</h2>
|
||||
<hr>
|
||||
<p>We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be concise, accurate, and unambiguous in your achievements. Your Project Description should include more information than your project abstract.</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>References</h2>
|
||||
<hr>
|
||||
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Education{% endblock %}
|
||||
{% block lead %}Innovative educational tools and outreach activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Best Education</h4>
|
||||
<p>How have you developed new opportunities to include more people in shaping synthetic biology? Innovative educational tools and outreach activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology. Document your approach and what was learned by everyone involved to compete for this award.</p>
|
||||
<p>To compete for the Best Education prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="https://2020.igem.org/Team:CCA_San_Diego/Education">2020 CCA San Diego</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Lambert_GA/Education">2020 Lambert GA</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Stanford/Education">2020 Stanford</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Waseda/Education">2020 Waseda</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Fudan/Education">2020 Fudan</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Education">2020 Toulouse INSA UPS</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Engineering Success{% endblock %}
|
||||
{% block lead %}Demonstrate engineering success in a part of your project by going through at least one iteration of the engineering design cycle.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Silver Medal Criterion #1</h4>
|
||||
<p>Demonstrate engineering success in a part of your project by going through at least one iteration of the engineering design cycle. This achievement should be distinct from your Contribution for Bronze.<p>
|
||||
<p>If you plan to show engineering success by creating a new Part that has been shown to work as expected, you must document your contribution on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a> for your team to be eligible for this criteria.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/medals">2023 Medals Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Entrepreneurship{% endblock %}
|
||||
{% block lead %}The entrepreneurship prize recognizes exceptional effort to build a business case and commercialize an iGEM project.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Best Supporting Entrepreneurship</h4>
|
||||
<p>The Best Supporting Entrepreneurship award recognizes exceptional effort to build a business case and commercialize an iGEM project. This award is open to all teams to show that entrepreneurship is something all teams can aspire to do with their project. This award can go to an new project, or to a previous project that a team aimed to commercialize. Have you filed a provisional patent on your project/device/process? Have you raised money to build and ship products? Have you pitched your idea to investors and received money? As always in iGEM, the aim is to impress the judges!</p>
|
||||
<p>To compete for the Best Supporting Entrepreneurship prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>Patents and intellectual property</h2>
|
||||
<hr>
|
||||
<p>If your team is seriously considering commercializing and looking into building a company after the competition, you may want to look at how you are going to protect your work and secure investment. Investors will usually require some form of intellectual protection, so you may want to investigate how to apply for a patent or provisional patent in your country and region before disclosing your project at iGEM. Remember that you can only be evaluated in iGEM based on what you share on your wiki and at the Jamboree, so any work you don't present can't count towards your project.</p>
|
||||
<p>This is an area where we are different as we care about sharing, openness and contributing to the community and investors don't always agree with these values. It is up to you and your team to decide what to do. Remember that most universities have a commercialization department and that you can talk to them before coming to a decision.</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="https://2019.igem.org/Team:UCopenhagen/Entrepreneurship">2019 UCopenhagen</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Thessaly/Entrepreneurship">2019 Thessaly</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:NCKU_Tainan/Entrepreneurship">2019 NCKU Tainan</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:TAS_Taipei/Entrepreneurship">2020 TAS Taipei</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:KCL_UK/Entrepreneurship">2020 KCL UK</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Calgary/Entrepreneurship">2020 Calgary</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Experiments{% endblock %}
|
||||
{% block lead %}Describe the research, experiments, and protocols you used in your iGEM project.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>What should this page contain?</h2>
|
||||
<hr>
|
||||
<p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
|
||||
<p>If you made Parts this year, please remember to put all information, characterization, and measurement data on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a>.</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="https://2019.igem.org/Team:Nantes/Experiments">2019 Nantes</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:TU_Eindhoven/Experiments">2019 TU Eindhoven</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Mingdao/Demonstrate">2019 Mingdao</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Amsterdam/Experiments">2020 Amsterdam</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:NCTU_Formosa/Experiments">2020 NCTU Formosa</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:USAFA/Experiments">2020 USAFA</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Hardware{% endblock %}
|
||||
{% block lead %}Hardware in iGEM should make synthetic biology based on standard parts easier, faster, better, or more accessible to our community.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Best Hardware</h4>
|
||||
<p>This is a prize for the team that has developed a piece of hardware for synthetic biology. Hardware in iGEM should make synthetic biology based on standard parts easier, faster, better or more accessible to our community. Did your team make a sensor to help teams characterize parts? Did you make a robot that can help teams perform experiments or do cloning more easily? Tell us what your team did for this award!</p>
|
||||
<p>To compete for the Best Hardware prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>Overview</h2>
|
||||
<hr>
|
||||
<p>In addition to encouraging teams to work with DNA parts and build biological devices in the lab, iGEM also encourages other types of technical solutions for synthetic biology. This can include physical devices (hardware) related to robotic assembly, microfluidics, low-cost measurement devices, to name a few examples. There are many exciting opportunities for hardware innovation in synthetic biology.</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="http://2018.igem.org/Team:Valencia_UPV/Hardware">2018 Valencia UPV</a></li>
|
||||
<li><a href="http://2018.igem.org/Team:Unesp_Brazil/Hardware">2018 Unesp Brazil</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:BIT/Hardware">2019 BIT</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Bielefeld-CeBiTec/Hardware">2019 Bielefeld CeBiTec</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Nanjing-China/Hardware">2019 Nanjing China</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Hardware">2020 Vilnius Lithuania</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Aachen/Hardware">2020 Aachen</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:ZJUT_China_B/Hardware">2020 ZJUT China B</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Home{% endblock %}
|
||||
{% block lead %}<b>Welcome to iGEM 2023!</b> Your team has been approved and you are ready to start the iGEM season!{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h2>Before you start</h2>
|
||||
<hr>
|
||||
<p>Please read the following pages:</p>
|
||||
<ul>
|
||||
<li><a href="https://competition.igem.org/deliverables/team-wiki" target="_blank">Wiki Requirements page</a></li>
|
||||
<li><a href="https://competition.igem.org/judging/pages-for-awards" target="_blank">Standard URL Pages for Awards</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<h2>Styling your wiki</h2>
|
||||
<hr>
|
||||
<p>Feel free to customize the page styling according to your preferences, or you can simply leave the style as it is. It's wise to focus on a clear content first, and on a clean design later.</p>
|
||||
<p>Be cautious with the size of the assets like images, videos, and more into your wiki. Large file sizes can hinder the presentation of wikis due to slow internet connections. Remember to compress large files before uploading them to iGEM servers.</p>
|
||||
<p>This default wiki meets the requirements, enhances navigability, and provides a user-friendly experience for visitors. You should not feel obliged to go beyond the provided styling.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>Tips</h2>
|
||||
<hr>
|
||||
<p>This wiki will be your team's first interaction with the rest of the world, so here are a few tips to help you get started:</p>
|
||||
<ul>
|
||||
<li>State your accomplishments! Tell people what you have achieved from the start.</li>
|
||||
<li>Be clear about what you are doing and how you plan to do this.</li>
|
||||
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
|
||||
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.</li>
|
||||
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.</li>
|
||||
<li>Start documenting your project as early as possible; don't leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://competition.igem.org/calendar" target="_blank">iGEM Competition calendar</a></li>
|
||||
<li>Have lots of fun!</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspiration</h2>
|
||||
<hr>
|
||||
<p>You can also view other team wikis for inspiration! Here are some examples:</p>
|
||||
<ul>
|
||||
<li><a href="https://2022.igem.wiki/dtu-denmark">2022 DTU-Denmark</a></li>
|
||||
<li><a href="https://2022.igem.wiki/virginia">2022 Virginia</a></li>
|
||||
<li><a href="https://2022.igem.wiki/crete">2022 Crete</a></li>
|
||||
<li><a href="https://2022.igem.wiki/estonia-tuit">2022 Estonia_TUIT</a></li>
|
||||
<li><a href="https://2022.igem.wiki/ashesighana">2022 AshesiGhana</a></li>
|
||||
<li><a href="https://2021.igem.org/Team:SDU-Denmark">2021 SDU-Denmark</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:XMU-China">2020 XMU China </a></li>
|
||||
<li><a href="https://2020.igem.org/Team:TAS_Taipei">2020 TAS Taipei </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Human Practices{% endblock %}
|
||||
{% block lead %}We ask every team to think deeply and creatively about whether their project is responsible and good for the world. Consider how the world affects your work and how your work affects the world.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Silver Medal Criterion #2</h4>
|
||||
<p>Explain how you have determined your work is responsible and good for the world.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/medals">2023 Medals Page</a> for more information.</p>
|
||||
</div>
|
||||
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Best Integrated Human Practices</h4>
|
||||
<p>To compete for the Best Integrated Human Practices prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<p>How does your project affect society and how does society influence the direction of your project? How might ethical considerations and stakeholder input guide your project purpose and design and the experiments you conduct in the lab? How does this feedback enter into the process of your work all through the iGEM competition? Document a thoughtful and creative approach to exploring these questions and how your project evolved in the process to compete for this award!</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>Overview</h2>
|
||||
<hr>
|
||||
<p>At iGEM we believe societal considerations should be upfront and integrated throughout the design and execution of synthetic biology projects. “Human Practices” refers to iGEM teams' efforts to actively consider how the world affects their work and their work affects the world. Through your Human Practices activities, your team should demonstrate how you have thought carefully and creatively about whether your project is responsible and good for the world. We invite you to explore issues relating (but not limited) to the ethics, safety, security, and sustainability of your project, and to show how this exploration feeds back into your project purpose, design, and execution.</p>
|
||||
<p>Please note you can compete for the Silver Medal criterion #2 and the Best Integrated Human Practices prize with this page.</p>
|
||||
<p>For more information, please see the <a href="https://responsibility.igem.org/human-practices/what-is-human-practices">Human Practices Hub</a>.
|
||||
<p>On this page, your team should document all of your Human Practices work and activities. You should write about the Human Practices topics you considered in your project, document any activities you conducted to explore these topics (such as engaging with experts and stakeholders), describe why you took a particular approach (including referencing any work you built upon), and explain if and how you integrated takeaways from your Human Practices work back into your project purpose, design and/or execution.</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="https://2019.igem.org/Team:Thessaly/Human_Practices">2019 Thessaly</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Linkoping_Sweden/Human_Practices">2019 Linkoping Sweden</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:FDR-HB_Peru/Human_Practices">2019 FDR HB Peru</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:William_and_Mary/Human_Practices">2020 William and Mary</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Rochester/Human_Practices">2020 Rochester</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Leiden/Human_Practices">2020 Leiden</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Baltimore_BioCrew/Human_Practices">2020 Baltimore BioCrew</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Diversity and Inclusion{% endblock %}
|
||||
{% block lead %}Every individual, regardless of background or experience, should have an equal opportunity to engage with scientific knowledge and technological development.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Inclusivity Award</h4>
|
||||
<p>The Inclusivity Award recognizes exceptional efforts to include people with diverse identities in scientific research. Who is allowed to have a voice in iGEM, synthetic biology, and science more broadly? How have you developed new opportunities to eliminate barriers and allow more people to contribute to, participate in, and/or be represented by these communities? To compete for this prize, activities do not have to be directly related to your team’s project. Document your approach, how you improved inclusivity, and what was learned.</p>
|
||||
<p>To compete for the Inclusivity award, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>Overview</h2>
|
||||
<hr>
|
||||
<p>We should all recognize the importance of building an open and welcoming scientific community. A more diverse community involved in creating knowledge and technology is more likely to produce a more equitable and representative system. Every individual, regardless of background or experience, should have an equal opportunity to engage with scientific knowledge and technological development. Everyone should be able to share their opinions on the societal implications of research.</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="https://2020.igem.org/Team:Fudan/Inclusion">2020 Fudan</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:CCU_Taiwan/Inclusion">2020 CCU Taiwan</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Concordia-Montreal/Inclusion">2020 Concordia Montreal</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:CLS_CLSG_UK/Inclusione">2020 CLS CLSG UK</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Measurement{% endblock %}
|
||||
{% block lead %}Synthetic Biology needs great measurement approaches for characterizing parts, and efficient new methods for characterizing many parts at once. Describe your measurement approaches on this page.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Best Measurement</h4>
|
||||
<p>There are a lot of exciting Parts in the Registry, but many Parts have still not been characterized. Designing great measurement approaches for characterizing new parts, or developing and implementing an efficient new method for characterizing thousands of parts are good examples.</p>
|
||||
<p>To compete for the Best Measurement prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>Overview</h2>
|
||||
<hr>
|
||||
<p> If you've done excellent work in measurement, you should consider nominating your team for this special prize. Synthetic Biology needs great measurement approaches for characterizing parts, and efficient new methods for characterizing many parts at once. If you've done something exciting in the area of Measurement, describe it here!</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="http://2018.igem.org/Team:UC_Davis/Measurement">2018 UC Davis</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Newcastle/Measurement">2019 Newcastle</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Evry_Paris-Saclay/Measurement">2019 Evry Paris Saclay</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:GENAS_China/Measurement">2019 GENAS China</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Calgary/Measurement">2020 Calgary</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:CSMU_Taiwan/Measurement">2020 CSMU Taiwan</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Model{% endblock %}
|
||||
{% block lead %}Explain your model's assumptions, data, parameters, and results in a way that anyone could understand.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Best Model</h4>
|
||||
<p>Models and computer simulations provide a great way to describe the functioning and operation of BioBrick Parts and Devices. Synthetic biology is an engineering discipline and part of engineering is simulation and modeling to determine system behavior before building your design. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior before or in conjunction with experiments in the wetlab.</p>
|
||||
<p>To compete for the Best Model prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>Overview</h2>
|
||||
<hr>
|
||||
<p>Mathematical models and computer simulations provide a great way to describe the function and operation of Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab.</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="http://2018.igem.org/Team:GreatBay_China/Model">2018 GreatBay China</a></li>
|
||||
<li><a href="http://2018.igem.org/Team:Leiden/Model">2018 Leiden</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:IISER_Kolkata/Model">2019 IISER Kolkata</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Exeter/Model">2019 Exeter</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Mingdao/Model">2019 Mingdao</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Harvard/Model">2020 Harvard</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Leiden/Model">2020 Leiden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Notebook{% endblock %}
|
||||
{% block lead %}Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>What should this page contain?</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li>Chronological notes of what your team is doing.</li>
|
||||
<li>Brief descriptions of daily important events.</li>
|
||||
<li>Pictures of your progress.</li>
|
||||
<li>Mention who participated in what task.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="http://2018.igem.org/Team:Munich/Notebook">2018 Munich</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Georgia_State/Notebook">2019 Georgia State</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Newcastle/Notebook">2019 Newcastle</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:IISER-Pune-India/Notebook">2020 IISER Pune India</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Lund/Notebook">2020 Lund</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:NOVA_LxPortugal/Notebook">2020 NOVA LxPortugal</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:RDFZ-China/NoteBook">2020 RDFZ China</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Plant{% endblock %}
|
||||
{% block lead %}This award is designed to celebrate exemplary work done in plant synthetic biology.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Best Plant Synthetic Biology</h4>
|
||||
<p>This award is designed to celebrate exemplary work done in plant synthetic biology. Did you build a project in a plant chassis? Did you submit plant parts to the Registry? This award could also be given to a team working with algae or another photosynthetic chassis. Show us what you made and remember to adhere to iGEM safety guidelines!</p>
|
||||
<p>To compete for the Best Plant Synthetic Biology prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="http://2018.igem.org/Team:Cardiff_Wales/Plant">2018 Cardiff Wales</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Sorbonne_U_Paris/Plant">2019 Sorbonne U Paris</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:TU_Kaiserslautern/Plant">2019 TU Kaiserslautern</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Humboldt_Berlin/Plant">2019 Humboldt Berlin</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Sorbonne_U_Paris/Plant">2020 Sorbonne U Paris</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Results{% endblock %}
|
||||
{% block lead %}You can describe the results of your project and your future plans here.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-5">
|
||||
<h2>What should this page contain?</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li>Clearly and objectively describe the results of your work.</li>
|
||||
<li>Future plans for the project.</li>
|
||||
<li>Considerations for replicating the experiments.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
<h2>Describe what your results mean</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li>Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for.</li>
|
||||
<li>Show data, but remember <b>all measurement and characterization data must also be on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a>.</b> Otherwise these data will not be in consideration for any medals or part awards!</li>
|
||||
<li>Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>Project Achievements</h2>
|
||||
<hr>
|
||||
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
|
||||
<ul>
|
||||
<li>A list of linked bullet points of the successful results during your project</li>
|
||||
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="https://2019.igem.org/Team:Newcastle/Results">2019 Newcastle</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Munich/Results">2019 Munich</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Tec-Chihuahua/Results">2019 Tec Chihuahua</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Aalto-Helsinki/Results">2020 Aalto Helsinki</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:GreatBay_SCIE/Results">2020 GreatBay SCIE</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Queens_Canada/Results">2020 Queens Canada</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Safety{% endblock %}
|
||||
{% block lead %}Describe all the safety issues of your project.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Safety and Security Award</h4>
|
||||
<p>Synthetic biology will need to be used safely and securely if local people are to solve local problems all around the world. The Safety and Security Committee is challenging teams to apply biological engineering approaches to manage risks associated with synthetic biology. Can you take the next step in incremental progress towards knowledge, understanding, and tools that will make the use of synthetic biology safer and more secure?</p>
|
||||
<p>To compete for the Safety and Security award, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<h2>What should this page contain?</h2>
|
||||
<hr>
|
||||
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can go beyond the questions on the safety forms, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<p>Please visit the <a href="https://responsibility.igem.org/safety-policies/introduction">Safety Policies page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-8">
|
||||
<h2>Safe Project Design</h2>
|
||||
<hr>
|
||||
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
|
||||
<ul>
|
||||
<li>Choosing a non-pathogenic chassis</li>
|
||||
<li>Choosing parts that will not harm humans / animals / plants</li>
|
||||
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
|
||||
<li>Including an "induced lethality" or "kill-switch" device</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h2>Safe Lab Work</h2>
|
||||
<hr>
|
||||
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Software{% endblock %}
|
||||
{% block lead %}Software in iGEM should make synthetic biology based on standard parts easier, faster, better or more accessible to our community.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Best Software Tool</h4>
|
||||
<p>Regardless what's the topic, iGEM projects often create or adapt computational tools to move the bigger project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can even prove surprisingly useful for others. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honor such "nuggets" of computational work. To be eligible, your software has to be documented and made available under an OSI-approved open source license. Teams nominating themselves for this prize must host the source code of their software on the dedicated repository on iGEM's GitLab.</p>
|
||||
<p>To compete for the Best Software Tool prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="https://2019.igem.org/Team:Sydney_Australia/Software">2019 Sydney Australia</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:SMMU-China/Software">2019 SMMU China</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:Grenoble-Alpes/Software">2019 Grenoble Alpes</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:DTU-Denmark/Software">2020 DTU Denmark</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:GunnVistaPingry_US/Software">2020 GunnVistaPingry US</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Rochester/Software">2020 Rochester</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Sustainable Development Goals{% endblock %}
|
||||
{% block lead %}Describe how you have evaluated your project ideas against one or more of the SDGs.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<div class="bd-callout bd-callout-info">
|
||||
<h4>Best Sustainable Development</h4>
|
||||
<p>The Sustainable Development Goals (SDGs) are a call to action to integrally address global environmental, social, and economic challenges. As the future leaders of synthetic biology research and innovation, it’s your responsibility to participate in the global conversations to help develop solutions towards meeting the SDGs. We encourage you to demonstrate how you have evaluated your project ideas against one or more of the SDGs, how you’ve consulted with SDG stakeholders, and how you’ve begun to form collaborations with other iGEM teams around the SDGs. You’re encouraged to look back at previous iGEM projects to evaluate them against the SDGs and build upon them.</p>
|
||||
<p>To compete for the Best Sustainable Development prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
|
||||
<hr>
|
||||
<p>Please see the <a href="https://competition.igem.org/judging/awards">2023 Awards Page</a> for more information.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="https://2020.igem.org/Team:Calgary/Sustainable">2020 Calgary</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Sustainable">2020 Toulouse INSA UPS</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:TUDelft/Sustainable">2020 TUDelft</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Lambert_GA/Sustainable">2020 Lambert GA</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
{% extends "layout.html" %}
|
||||
|
||||
{% block title %}Team{% endblock %}
|
||||
{% block lead %}On this page you can introduce your team members, instructors, and advisors.{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<h2>What should this page contain?</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li>Include pictures of your teammates, don't forget instructors and advisors!</li>
|
||||
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
|
||||
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
|
||||
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
|
||||
</ul>
|
||||
<div class="bd-callout bd-callout-info"><strong>Important:</strong> Your wiki pages will be archived at the end of the iGEM season and this content will remain online. Please keep this in mind as you post photos and personal information on this page.</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<h2>Inspirations</h2>
|
||||
<hr>
|
||||
<ul>
|
||||
<li><a href="https://2019.igem.org/Team:CU/Team">2019 CU</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:UANL/Team">2019 UANL</a></li>
|
||||
<li><a href="https://2019.igem.org/Team:William_and_Mary/Team">2019 William and Mary</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:BOKU-Vienna/Team">2020 BOKU Vienna </a></li>
|
||||
<li><a href="https://2020.igem.org/Team:CAU_China/Team_Member">2020 CAU China</a></li>
|
||||
<li><a href="https://2020.igem.org/Team:Lethbridge/Members">2020 Lethbridge</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
---
|
||||
title: Features demo
|
||||
index: false
|
||||
icon: laptop-code
|
||||
category:
|
||||
- Guide
|
||||
---
|
||||
|
||||
## Catalog
|
||||
|
||||
- [Markdown Enhance](markdown.md)
|
||||
|
||||
- [Page Config](page.md)
|
||||
|
||||
- [Function Disable](disable.md)
|
||||
|
||||
- [Encryption Demo](encrypt.md)
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
---
|
||||
title: Disabling layout and features
|
||||
icon: gears
|
||||
order: 3
|
||||
category:
|
||||
- Guide
|
||||
tag:
|
||||
- disable
|
||||
|
||||
navbar: false
|
||||
sidebar: false
|
||||
|
||||
breadcrumb: false
|
||||
pageInfo: false
|
||||
contributors: false
|
||||
editLink: false
|
||||
lastUpdated: false
|
||||
prev: false
|
||||
next: false
|
||||
comment: false
|
||||
footer: false
|
||||
|
||||
backtotop: false
|
||||
---
|
||||
|
||||
You can disable some function and layout on the page by setting the Frontmatter of the page.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
This page is an demo that disables the following features:
|
||||
|
||||
- Navbar
|
||||
- Sidebar
|
||||
- Breadcrumb
|
||||
- Page information
|
||||
- Contributors
|
||||
- Edit link
|
||||
- Update time
|
||||
- Prev/Next link
|
||||
- Comment
|
||||
- Footer
|
||||
- Back to top button
|
||||
|
|
@ -0,0 +1,423 @@
|
|||
---
|
||||
title: Markdown Enhance
|
||||
icon: fab fa-markdown
|
||||
order: 2
|
||||
category:
|
||||
- Guide
|
||||
tag:
|
||||
- Markdown
|
||||
---
|
||||
|
||||
VuePress basically generate pages from Markdown files. So you can use it to generate documentation or blog sites easily.
|
||||
|
||||
You should create and write Markdown files, so that VuePress can convert them to different pages according to file structure.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
## Markdown Introduction
|
||||
|
||||
If you are a new learner and don't know how to write Markdown, please read [Markdown Intro](https://theme-hope.vuejs.press/cookbook/markdown/) and [Markdown Demo](https://theme-hope.vuejs.press/cookbook/markdown/demo.html).
|
||||
|
||||
## Markdown Config
|
||||
|
||||
VuePress introduce configuration for each markdown page using Frontmatter.
|
||||
|
||||
::: info
|
||||
|
||||
Frontmatter is a important concept in VuePress. If you don't know it, you need to read [Frontmatter Introduction](https://theme-hope.vuejs.press/cookbook/vuepress/page.html#front-matter).
|
||||
|
||||
:::
|
||||
|
||||
## Markdown Extension
|
||||
|
||||
The Markdown content in VuePress will be parsed by [markdown-it](https://github.com/markdown-it/markdown-it), which supports [syntax extensions](https://github.com/markdown-it/markdown-it#syntax-extensions) via markdown-it plugins.
|
||||
|
||||
### VuePress Enhancement
|
||||
|
||||
To enrich document writing, VuePress has extended Markdown syntax.
|
||||
|
||||
For these extensions, please read [Markdown extensions in VuePress](https://theme-hope.vuejs.press/basic/vuepress/markdown.html).
|
||||
|
||||
### Theme Enhancement
|
||||
|
||||
By using [`vuepress-plugin-md-enhance`][md-enhance], the theme extends more Markdown syntax and provides richer writing functions.
|
||||
|
||||
#### Custom Container
|
||||
|
||||
::: v-pre
|
||||
|
||||
Safely use {{ variable }} in Markdown.
|
||||
|
||||
:::
|
||||
|
||||
::: info Custom Title
|
||||
|
||||
A custom information container with `code`, [link](#custom-container).
|
||||
|
||||
```js
|
||||
const a = 1;
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
::: tip Custom Title
|
||||
|
||||
A custom tip container
|
||||
|
||||
:::
|
||||
|
||||
::: warning Custom Title
|
||||
|
||||
A custom warning container
|
||||
|
||||
:::
|
||||
|
||||
::: danger Custom Title
|
||||
|
||||
A custom danger container
|
||||
|
||||
:::
|
||||
|
||||
::: details Custom Title
|
||||
|
||||
A custom details container
|
||||
|
||||
:::
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/container.html)
|
||||
|
||||
#### Tabs
|
||||
|
||||
::: tabs#fruit
|
||||
|
||||
@tab apple
|
||||
|
||||
Apple
|
||||
|
||||
@tab banana
|
||||
|
||||
Banana
|
||||
|
||||
@tab orange
|
||||
|
||||
Orange
|
||||
|
||||
:::
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/tabs.html)
|
||||
|
||||
#### Code Tabs
|
||||
|
||||
::: code-tabs#shell
|
||||
|
||||
@tab pnpm
|
||||
|
||||
```bash
|
||||
pnpm add -D vuepress-theme-hope
|
||||
```
|
||||
|
||||
@tab yarn
|
||||
|
||||
```bash
|
||||
yarn add -D vuepress-theme-hope
|
||||
```
|
||||
|
||||
@tab:active npm
|
||||
|
||||
```bash
|
||||
npm i -D vuepress-theme-hope
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/code-tabs.html)
|
||||
|
||||
#### Superscript and Subscript
|
||||
|
||||
19^th^ H~2~O
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/sup-sub.html)
|
||||
|
||||
#### Align
|
||||
|
||||
::: center
|
||||
|
||||
I am center
|
||||
|
||||
:::
|
||||
|
||||
::: right
|
||||
|
||||
I am right align
|
||||
|
||||
:::
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/align.html)
|
||||
|
||||
#### Attrs
|
||||
|
||||
A **word**{#word} having id.
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/attrs.html)
|
||||
|
||||
#### Footnote
|
||||
|
||||
This text has footnote[^first].
|
||||
|
||||
[^first]: This is footnote content
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/footnote.html)
|
||||
|
||||
#### Mark
|
||||
|
||||
You can mark ==important words== .
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/mark.html)
|
||||
|
||||
#### Tasklist
|
||||
|
||||
- [x] Plan A
|
||||
- [ ] Plan B
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/tasklist.html)
|
||||
|
||||
#### Image Enhancement
|
||||
|
||||
Support setting color scheme and size
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/image.html)
|
||||
|
||||
#### Card
|
||||
|
||||
```card
|
||||
title: Mr.Hope
|
||||
desc: Where there is light, there is hope
|
||||
logo: https://mister-hope.com/logo.svg
|
||||
link: https://mister-hope.com
|
||||
color: rgba(253, 230, 138, 0.15)
|
||||
```
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/card.html)
|
||||
|
||||
#### Chart
|
||||
|
||||
::: chart A Scatter Chart
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "scatter",
|
||||
"data": {
|
||||
"datasets": [
|
||||
{
|
||||
"label": "Scatter Dataset",
|
||||
"data": [
|
||||
{ "x": -10, "y": 0 },
|
||||
{ "x": 0, "y": 10 },
|
||||
{ "x": 10, "y": 5 },
|
||||
{ "x": 0.5, "y": 5.5 }
|
||||
],
|
||||
"backgroundColor": "rgb(255, 99, 132)"
|
||||
}
|
||||
]
|
||||
},
|
||||
"options": {
|
||||
"scales": {
|
||||
"x": {
|
||||
"type": "linear",
|
||||
"position": "bottom"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/chart.html)
|
||||
|
||||
#### Echarts
|
||||
|
||||
::: echarts A line chart
|
||||
|
||||
```json
|
||||
{
|
||||
"xAxis": {
|
||||
"type": "category",
|
||||
"data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
|
||||
},
|
||||
"yAxis": {
|
||||
"type": "value"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [150, 230, 224, 218, 135, 147, 260],
|
||||
"type": "line"
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/echarts.html)
|
||||
|
||||
#### Flowchart
|
||||
|
||||
```flow
|
||||
cond=>condition: Process?
|
||||
process=>operation: Process
|
||||
e=>end: End
|
||||
|
||||
cond(yes)->process->e
|
||||
cond(no)->e
|
||||
```
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/flowchart.html)
|
||||
|
||||
#### Mermaid
|
||||
|
||||
```mermaid
|
||||
---
|
||||
title: Flowchart
|
||||
---
|
||||
flowchart TB
|
||||
c1-->a2
|
||||
subgraph one
|
||||
a1-->a2
|
||||
end
|
||||
subgraph two
|
||||
b1-->b2
|
||||
end
|
||||
subgraph three
|
||||
c1-->c2
|
||||
end
|
||||
one --> two
|
||||
three --> two
|
||||
two --> c2
|
||||
```
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/mermaid.html)
|
||||
|
||||
#### Tex
|
||||
|
||||
$$
|
||||
\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
|
||||
= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^i r \cdots (r-i+1) (\log y)^{r-i}} {\omega^i} \right\}
|
||||
$$
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/tex.html)
|
||||
|
||||
#### Include files
|
||||
|
||||
<!-- @include: ./README.md{11-17} -->
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/include.html)
|
||||
|
||||
#### Code Demo
|
||||
|
||||
::: normal-demo A normal demo
|
||||
|
||||
```html
|
||||
<h1>VuePress Theme Hope</h1>
|
||||
<p>Is <span id="very">very</span> powerful!</p>
|
||||
```
|
||||
|
||||
```js
|
||||
document.querySelector("#very").addEventListener("click", () => {
|
||||
alert("Very powerful!");
|
||||
});
|
||||
```
|
||||
|
||||
```css
|
||||
span {
|
||||
color: red;
|
||||
}
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/demo.html)
|
||||
|
||||
#### Stylize
|
||||
|
||||
Donate Mr.Hope a cup of coffee. _Recommended_
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/stylize.html)
|
||||
|
||||
#### Playground
|
||||
|
||||
::: playground#ts TS demo
|
||||
|
||||
@file index.ts
|
||||
|
||||
```ts
|
||||
const msg = "hello world";
|
||||
|
||||
const speak = (msg: string) => console.log(msg);
|
||||
|
||||
speak(msg);
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/playground.html)
|
||||
|
||||
#### Vue Playground
|
||||
|
||||
::: vue-playground Vue Playground
|
||||
|
||||
@file App.vue
|
||||
|
||||
```vue
|
||||
<script setup>
|
||||
import { ref } from "vue";
|
||||
|
||||
const msg = ref("Hello World!");
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<h1>{{ msg }}</h1>
|
||||
<input v-model="msg" />
|
||||
</template>
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/vue-playground.html)
|
||||
|
||||
#### Presentation
|
||||
|
||||
@slidestart
|
||||
|
||||
## Slide 1
|
||||
|
||||
A paragraph with some text and a [link](https://mister-hope.com)
|
||||
|
||||
---
|
||||
|
||||
## Slide 2
|
||||
|
||||
- Item 1
|
||||
- Item 2
|
||||
|
||||
---
|
||||
|
||||
## Slide 3.1
|
||||
|
||||
```js
|
||||
const a = 1;
|
||||
```
|
||||
|
||||
--
|
||||
|
||||
## Slide 3.2
|
||||
|
||||
$$
|
||||
J(\theta_0,\theta_1) = \sum_{i=0}
|
||||
$$
|
||||
|
||||
@slideend
|
||||
|
||||
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/presentation.html)
|
||||
|
||||
[md-enhance]: https://md-enhance.vuejs.press/
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
---
|
||||
# This is the title of the article
|
||||
title: Page Config
|
||||
# This is the icon of the page
|
||||
icon: file
|
||||
# This control sidebar order
|
||||
order: 1
|
||||
# Set author
|
||||
author: Ms.Hope
|
||||
# Set writing time
|
||||
date: 2020-01-01
|
||||
# A page can have multiple categories
|
||||
category:
|
||||
- Guide
|
||||
# A page can have multiple tags
|
||||
tag:
|
||||
- Page config
|
||||
- Guide
|
||||
# this page is sticky in article list
|
||||
sticky: true
|
||||
# this page will appear in starred articles
|
||||
star: true
|
||||
# You can customize footer content
|
||||
footer: Footer content for test
|
||||
# You can customize copyright content
|
||||
copyright: No Copyright
|
||||
---
|
||||
|
||||
Content before `more` comment is regarded as page excerpt.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
## Page Information
|
||||
|
||||
You can set page information in Markdown's Frontmatter.
|
||||
|
||||
- The author is Ms.Hope.
|
||||
- The writing date is January 1, 2020
|
||||
- Category is "Guide"
|
||||
- Tags are "Page Config" and "Guide"
|
||||
|
||||
## Page Content
|
||||
|
||||
You are free to write your Markdown here.
|
||||
|
||||
::: tip Assets
|
||||
|
||||
- You can place images besides your Markdown files, but you should use **relative links** (i.e.: starting with `./`) for them.
|
||||
|
||||
- For images in `.vuepress/public` directory, please use absolute links (i.e.: starting with `/`) for them.
|
||||
|
||||
:::
|
||||
|
||||
The theme contains a custom badge:
|
||||
|
||||
> A dark blue badge text badge at the end of line. <Badge text="Badge text" color="#242378" />
|
||||
|
||||
## Page Structure
|
||||
|
||||
This page should contain:
|
||||
|
||||
- [BreadCrumb](https://theme-hope.vuejs.press/guide/layout/breadcrumb.html)
|
||||
- [Title and information](https://theme-hope.vuejs.press/guide/feature/page-info.html)
|
||||
- [TOC (Table of Contents)](https://theme-hope.vuejs.press/guide/layout/page.html#header-list)
|
||||
- [Meta information including update time and contributors](https://theme-hope.vuejs.press/guide/feature/meta.html)
|
||||
- [Comments](https://theme-hope.vuejs.press/guide/feature/comment.html)
|
||||
- [Navbar](https://theme-hope.vuejs.press/guide/layout/navbar.html)
|
||||
- [Sidebar](https://theme-hope.vuejs.press/guide/layout/sidebar.html)
|
||||
- [Footer](https://theme-hope.vuejs.press/guide/layout/footer.html)
|
||||
- Back to top button
|
||||
|
||||
You can customize them in theme options and page frontmatter.
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
---
|
||||
title: Guide
|
||||
icon: lightbulb
|
||||
---
|
||||
|
||||
## Highlight Features
|
||||
|
||||
### Bar
|
||||
|
||||
- [baz](bar/baz.md)
|
||||
- ...
|
||||
|
||||
### Foo
|
||||
|
||||
- [ray](foo/ray.md)
|
||||
- ...
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
title: Bar feature
|
||||
icon: lightbulb
|
||||
---
|
||||
|
||||
## Introduction
|
||||
|
||||
We support bar feature, ...
|
||||
|
||||
## Details
|
||||
|
||||
- [baz](baz.md)
|
||||
- ...
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: Baz
|
||||
icon: circle-info
|
||||
---
|
||||
|
||||
Feature details here.
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
title: Foo feature
|
||||
icon: lightbulb
|
||||
---
|
||||
|
||||
## Introduction
|
||||
|
||||
We support foo feature, ...
|
||||
|
||||
## Details
|
||||
|
||||
- [ray](ray.md)
|
||||
- ...
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: Ray
|
||||
icon: circle-info
|
||||
---
|
||||
|
||||
Feature details here.
|
||||
|
|
@ -0,0 +1,433 @@
|
|||
---
|
||||
title: Slide page
|
||||
icon: person-chalkboard
|
||||
layout: Slide
|
||||
---
|
||||
|
||||
<!-- markdownlint-disable MD024 MD033 MD051 -->
|
||||
|
||||
@slidestart
|
||||
|
||||
<!-- .slide: data-transition="slide" -->
|
||||
|
||||
## Slide Demo
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
A simple slide demo and useful hints.
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
> By Mr.Hope. Please scroll mouse wheel down to the next slide
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Marking Slides
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
[👇](#/1/1)
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Marking Slides
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
Use `---` to mark horizontal slides
|
||||
|
||||
<!-- .element: class="fragment fade-in" -->
|
||||
|
||||
Use `--` to separate vertical slides in a horizontal slide.
|
||||
|
||||
<!-- .element: class="fragment fade-in" -->
|
||||
|
||||
Use `<!-- .slide: ... -->` to add attributes to slide
|
||||
|
||||
<!-- .element: class="fragment fade-in" -->
|
||||
|
||||
Use `<!-- .element: ... -->` to add attributes to the previous html element
|
||||
|
||||
<!-- .element: class="fragment fade-in" -->
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
You can use all kinds of markup in slides.
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
You can use all kinds of markup in slides.
|
||||
|
||||
### This is a H3
|
||||
|
||||
Headings will transform to UPPERCASE by default.
|
||||
|
||||
Here is paragraph with some **bold**, _italic_, ~~strike-through~~ text and a [link](https://mister-hope.com), and it can auto break itself so you don't need to worry the length.
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
You can use all kinds of markup in slides.
|
||||
|
||||
List is `inline-block` by default.
|
||||
|
||||
- Item
|
||||
- Item
|
||||
- Item
|
||||
|
||||
1. Item 1
|
||||
1. Item 2
|
||||
1. Item 3
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
You can use all kinds of markup in slides.
|
||||
|
||||
Code block will get auto highlight if you enable `highlight` plugin.
|
||||
|
||||
```js
|
||||
const a = 1;
|
||||
```
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
You can use all kinds of markup in slides.
|
||||
|
||||
You can also write math equation using tex syntax if you enable `math` plugin.
|
||||
|
||||
$$
|
||||
J(\theta_0,\theta_1) = \sum_{i=0}
|
||||
$$
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
You can use all kinds of markup in slides.
|
||||
|
||||
⚠**Note**: Table, hr and other nonstandard Markdown syntax is not supported.
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Layout
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Layout
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
👆 The `r-fit-text` class makes text as large as possible without overflowing the slide.
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Layout
|
||||
|
||||
|
||||
|
||||
<!-- .element: class="r-stretch" -->
|
||||
|
||||
👆 The `r-stretch` class helper lets you resize an element, like an image or video, to cover the remaining vertical space in a slide.
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate data-background-color="rgb(70, 70, 255)" -->
|
||||
|
||||
## Layout
|
||||
|
||||
### Background
|
||||
|
||||
Custom background by adding `data-background` attribute to slide.
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Fragment
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Fragment
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
Fragments are used to highlight or incrementally reveal individual elements on a slide.
|
||||
|
||||
Add `fragment` and animation class to element.
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Fragment
|
||||
|
||||
### Animation class
|
||||
|
||||
- `fade-in`
|
||||
<!-- .element: class="fragment fade-in" -->
|
||||
|
||||
- `fade-out`
|
||||
<!-- .element: class="fragment fade-out" -->
|
||||
|
||||
- `fade-up`
|
||||
<!-- .element: class="fragment fade-up" -->
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- `fade-down`
|
||||
<!-- .element: class="fragment fade-down" -->
|
||||
|
||||
- `fade-left`
|
||||
<!-- .element: class="fragment fade-left" -->
|
||||
|
||||
- `fade-right`
|
||||
<!-- .element: class="fragment fade-right" -->
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- `fade-in-then-out`
|
||||
<!-- .element: class="fragment fade-in-then-out" -->
|
||||
|
||||
- `fade-in-then-semi-out`
|
||||
<!-- .element: class="fragment fade-in-then-semi-out" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Fragment
|
||||
|
||||
### Animation class
|
||||
|
||||
- `grow`
|
||||
<!-- .element: class="fragment grow" -->
|
||||
|
||||
- `shrink`
|
||||
<!-- .element: class="fragment shrink" -->
|
||||
|
||||
- `strike`
|
||||
<!-- .element: class="fragment strike" -->
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- `highlight-red`
|
||||
<!-- .element: class="fragment highlight-red" -->
|
||||
|
||||
- `highlight-green`
|
||||
<!-- .element: class="fragment highlight-green" -->
|
||||
|
||||
- `highlight-blue`
|
||||
<!-- .element: class="fragment highlight-blue" -->
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- `highlight-current-red`
|
||||
<!-- .element: class="fragment highlight-current-red" -->
|
||||
|
||||
- `highlight-current-green`
|
||||
<!-- .element: class="fragment highlight-current-green" -->
|
||||
|
||||
- `highlight-current-blue`
|
||||
<!-- .element: class="fragment highlight-current-blue" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Fragment
|
||||
|
||||
### Multiple fragments
|
||||
|
||||
Multiple fragments can be applied to the same element sequentially by wrapping it
|
||||
|
||||
<span class="fragment fade-in">
|
||||
<span class="fragment highlight-red">
|
||||
<span class="fragment fade-out">
|
||||
Fade in > Turn red > Fade out
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Fragment
|
||||
|
||||
### Order
|
||||
|
||||
Order can be changed using the `data-fragment-index` attribute.
|
||||
|
||||
Multiple elements can appear at the same index.
|
||||
|
||||
- Appears last
|
||||
<!-- .element: class="fragment" data-fragment-index="3"-->
|
||||
|
||||
- Appears second
|
||||
<!-- .element: class="fragment" data-fragment-index="2"-->
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- Appears first
|
||||
<!-- .element: class="fragment" data-fragment-index="1"-->
|
||||
|
||||
- Appears second
|
||||
<!-- .element: class="fragment" data-fragment-index="2"-->
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Transition
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Transition
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
Transition can be changed by setting the `transition` config option globally or `data-transition` attribute on slide.
|
||||
|
||||
Possible values:
|
||||
|
||||
- none
|
||||
- fade
|
||||
- slide
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- convex
|
||||
- concave
|
||||
- zoom
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Transition
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
### Auto animate
|
||||
|
||||
`data-auto-animate` can be added on nearby slides to make an animation on unchanged elements.
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Functions
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Functions
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
### Code
|
||||
|
||||
By enabling `highlight` plugin, you can highlight code blocks.
|
||||
|
||||
You can use `[a-b|c-d]` syntax to highlight lines by steps.
|
||||
|
||||
```js [1-2|3|4]
|
||||
let a = 1;
|
||||
let b = 2;
|
||||
let c = (x) => 1 + 2 + x;
|
||||
c(3);
|
||||
```
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Functions
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
### Overview
|
||||
|
||||
Press `Esc` or `O` to enter overview mode when the presentation is active
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Functions
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
### Full Screen
|
||||
|
||||
Press `F` or `F11` to enter fullscreen when the presentation is active
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Functions
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
### Zoom
|
||||
|
||||
Hold down the `alt` key (`ctrl` in Linux) and click on any element to zoom towards it.
|
||||
|
||||
Click again to zoom back out.
|
||||
|
||||
---
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
## The End
|
||||
|
||||
@slideend
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
---
|
||||
heroImage: /logo.svg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/6-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/6-dark.svg
|
||||
bgImageStyle:
|
||||
background-attachment: fixed
|
||||
heroText: Team
|
||||
tagline: Let's Introduce our great team!
|
||||
|
||||
- header: Lei Wang / Primary PI
|
||||
description: The harder you do, the more luck you have. Htai!Hentai!Henta
|
||||
image: https://gitlab.igem.org/2022/bjwz-china/-/raw/252151e6ce9d56d17ec1226de24e84459ae396ac/picture/wanglei.jpg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/5-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/5-dark.svg
|
||||
|
||||
- header: Hongjun Zhang / Sencondary PI
|
||||
description: Hope for the best and prepare for the worst.Hentai!Hentai!Hentai!H
|
||||
image: https://gitlab.igem.org/2022/bjwz-china/-/raw/main/picture/zhanghongjun.jpg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/5-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/5-dark.svg
|
||||
|
||||
- header: BiYun Xiang / Instructor
|
||||
description: Love it, enjoy it and do it.
|
||||
image: https://gitlab.igem.org/2022/bjwz-china/-/raw/main/picture/xiangbiyun.jpeg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/4-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/4-dark.svg
|
||||
---
|
||||
|
|
@ -0,0 +1,269 @@
|
|||
---
|
||||
home: true
|
||||
icon: home
|
||||
title: 项目主页
|
||||
heroImage: /logo.svg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/6-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/6-dark.svg
|
||||
bgImageStyle:
|
||||
background-attachment: fixed
|
||||
heroText: 项目名称
|
||||
tagline: 你可以在这里放置或是整个项目的描述。
|
||||
actions:
|
||||
- text: 使用指南 💡
|
||||
link: ./demo/
|
||||
type: primary
|
||||
|
||||
- text: 文档
|
||||
link: ./guide/
|
||||
|
||||
highlights:
|
||||
- header: 易于安装
|
||||
image: /assets/image/box.svg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/3-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/3-dark.svg
|
||||
highlights:
|
||||
- title: 运行 <code>pnpm create vuepress-theme-hope hope-project</code> 以创建一个新的主题项目。
|
||||
- title: 在已有项目根目录下运行 <code>pnpm create vuepress-theme-hope add .</code> 以在项目中添加主题。
|
||||
|
||||
- header: 在 Markdown 中添加你想要的内容
|
||||
description: 我们扩展了标准的 CommonMark 规范，为你添加了成吨功能。
|
||||
image: /assets/image/markdown.svg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/2-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/2-dark.svg
|
||||
bgImageStyle:
|
||||
background-repeat: repeat
|
||||
background-size: initial
|
||||
features:
|
||||
- title: 链接检查
|
||||
icon: clipboard-check
|
||||
details: 检查 Markdown 链接
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/others.html#link-check
|
||||
|
||||
- title: 自定义容器支持
|
||||
icon: box-archive
|
||||
details: 用样式装饰 Markdown 内容
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/container.html
|
||||
|
||||
- title: 选项卡
|
||||
icon: table-columns
|
||||
details: 使用选项卡对相似内容进行分组
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/tabs.html
|
||||
|
||||
- title: 代码组
|
||||
icon: code
|
||||
details: 使用选项卡对相似代码进行分组
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/code-tabs.html
|
||||
|
||||
- title: 自定义对齐支持
|
||||
icon: align-center
|
||||
details: 让你在 Markdown 中对段落进行对齐
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/align.html
|
||||
|
||||
- title: 自定义属性支持
|
||||
icon: code
|
||||
details: 让你为 Markdown 元素添加属性
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/attrs.html
|
||||
|
||||
- title: 上下角标支持
|
||||
icon: superscript
|
||||
details: 你的 Markdown 现在将支持上下角标
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/sup-sub.html
|
||||
|
||||
- title: 脚注
|
||||
icon: quote-left
|
||||
details: 你的 Markdown 现在将支持脚注
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/footnote.html
|
||||
|
||||
- title: 标记支持
|
||||
icon: highlighter
|
||||
details: 让你在 Markdown 中对词句进行标记
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/mark.html
|
||||
|
||||
- title: 任务列表
|
||||
icon: square-check
|
||||
details: 在 Markdown 中使用任务列表
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/tasklist.html
|
||||
|
||||
- title: 图片语法
|
||||
icon: image
|
||||
details: 使用改进的语法指定图片大小与颜色模式
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/image.html
|
||||
|
||||
- title: 卡片支持
|
||||
icon: square
|
||||
details: 在 Markdown 中展示卡片
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/card.html
|
||||
|
||||
- title: 图表支持
|
||||
icon: chart-simple
|
||||
details: 在 Markdown 中展示图表
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/chart.html
|
||||
|
||||
- title: 流程图支持
|
||||
icon: route
|
||||
details: 可以在 Markdown 中直接写出流程图
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/flowchart.html
|
||||
|
||||
- title: Mermaid 支持
|
||||
icon: chart-pie
|
||||
details: 可以在 Markdown 中添加 Mermaid 图例
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/mermaid.html
|
||||
|
||||
- title: Tex 支持
|
||||
icon: square-root-variable
|
||||
details: Markdown 现在也可以支持 Tex 语法以显示公式
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/tex.html
|
||||
|
||||
- title: 导入文件支持
|
||||
icon: fab fa-markdown
|
||||
details: 将你的文档分段，并在 Markdown 中导入
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/include.html
|
||||
|
||||
- title: 交互演示支持
|
||||
icon: code
|
||||
details: 你可以在 Markdown 中添加交互演示
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/playground.html
|
||||
|
||||
- title: Vue 交互演示支持
|
||||
icon: fab fa-vuejs
|
||||
details: 在交互演示中展示 Vue 组件
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/vue-playground.html
|
||||
|
||||
- title: 代码案例支持
|
||||
icon: laptop-code
|
||||
details: 你可以很方便的插入代码案例
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/demo/
|
||||
|
||||
- title: 幻灯片支持
|
||||
icon: person-chalkboard
|
||||
details: 你可以直接在 Markdown 中插入幻灯片
|
||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/presentation/
|
||||
|
||||
- header: 布局
|
||||
description: 一个带有完整无障碍支持的响应式布局。
|
||||
image: /assets/image/layout.svg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/5-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/5-dark.svg
|
||||
highlights:
|
||||
- title: 布局增强
|
||||
icon: object-group
|
||||
details: 添加路径导航、页脚、改进的导航栏、改进的页面导航等。
|
||||
link: https://theme-hope.vuejs.press/zh/guide/layout/
|
||||
|
||||
- title: 深色模式
|
||||
icon: circle-half-stroke
|
||||
details: 可以自由切换浅色模式与深色模式
|
||||
link: https://theme-hope.vuejs.press/zh/guide/interface/darkmode.html
|
||||
|
||||
- title: 主题色切换
|
||||
icon: palette
|
||||
details: 支持自定义主题色并允许用户在预设的主题颜色之间切换
|
||||
link: https://theme-hope.vuejs.press/zh/guide/interface/theme-color.html
|
||||
|
||||
- title: 幻灯片页面
|
||||
icon: person-chalkboard
|
||||
details: 添加幻灯片页面以显示你喜欢的内容
|
||||
link: https://theme-hope.vuejs.press/zh/guide/layout/slides
|
||||
|
||||
- title: 更多
|
||||
icon: ellipsis
|
||||
details: RTL 布局，打印支持，全局按钮等
|
||||
link: https://theme-hope.vuejs.press/zh/guide/interface/others.html
|
||||
|
||||
- header: 新功能
|
||||
image: /assets/image/features.svg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/1-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/1-dark.svg
|
||||
features:
|
||||
- title: 浏览量与评论
|
||||
icon: comment-dots
|
||||
details: 配合 Waline 来开启阅读量统计与评论支持
|
||||
link: https://theme-hope.vuejs.press/zh/guide/feature/comment.html
|
||||
|
||||
- title: 文章信息
|
||||
icon: circle-info
|
||||
details: 为你的文章添加作者、写作日期、预计阅读时间、字数统计等信息
|
||||
link: https://theme-hope.vuejs.press/zh/guide/feature/page-info.html
|
||||
|
||||
- title: 文章加密
|
||||
icon: lock
|
||||
details: 你可以为你的特定页面或特定目录进行加密，以便陌生人不能随意访问它们
|
||||
link: https://theme-hope.vuejs.press/zh/guide/feature/encrypt.html
|
||||
|
||||
- title: 搜索支持
|
||||
icon: search
|
||||
details: 支持 docsearch 和基于客户端的搜索
|
||||
link: https://theme-hope.vuejs.press/zh/guide/feature/search.html
|
||||
|
||||
- title: 代码复制
|
||||
icon: copy
|
||||
details: 一键复制代码块中的代码
|
||||
link: https://theme-hope.vuejs.press/zh/guide/feature/copy-code.html
|
||||
|
||||
- title: 图片预览
|
||||
icon: image
|
||||
details: 像相册一样允许你浏览、缩放并分享你的页面图片
|
||||
link: https://theme-hope.vuejs.press/zh/guide/feature/photo-swipe.html
|
||||
|
||||
- header: 博客
|
||||
description: 通过主题创建个人博客
|
||||
image: /assets/image/blog.svg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/5-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/5-dark.svg
|
||||
highlights:
|
||||
- title: 博客功能
|
||||
icon: blog
|
||||
details: 通过文章的日期、标签和分类展示文章
|
||||
link: https://theme-hope.vuejs.press/zh/guide/blog/intro.html
|
||||
|
||||
- title: 博客主页
|
||||
icon: home
|
||||
details: 全新播客主页
|
||||
link: https://theme-hope.vuejs.press/zh/guide/blog/home.html
|
||||
|
||||
- title: 博主信息
|
||||
icon: home
|
||||
details: 自定义名称、头像、座右铭和社交媒体链接
|
||||
link: https://theme-hope.vuejs.press/zh/guide/blog/blogger.html
|
||||
|
||||
- title: 时间线
|
||||
icon: home
|
||||
details: 在时间线中浏览和通读博文
|
||||
link: https://theme-hope.vuejs.press/zh/guide/blog/timeline.html
|
||||
|
||||
- header: 高级
|
||||
description: 增强站点与用户体验的高级功能
|
||||
image: /assets/image/advanced.svg
|
||||
bgImage: https://theme-hope-assets.vuejs.press/bg/4-light.svg
|
||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/4-dark.svg
|
||||
highlights:
|
||||
- title: SEO 增强
|
||||
icon: dumbbell
|
||||
details: 将最终生成的网页针对搜索引擎进行优化。
|
||||
link: https://theme-hope.vuejs.press/zh/guide/advanced/seo.html
|
||||
|
||||
- title: Sitemap
|
||||
icon: sitemap
|
||||
details: 自动为你的网站生成 Sitemap
|
||||
link: https://theme-hope.vuejs.press/zh/guide/advanced/sitemap.html
|
||||
|
||||
- title: Feed 支持
|
||||
icon: rss
|
||||
details: 生成你的 Feed，并通知你的用户订阅它
|
||||
link: https://theme-hope.vuejs.press/zh/guide/advanced/feed.html
|
||||
|
||||
- title: PWA 支持
|
||||
icon: mobile-screen
|
||||
details: 让你的网站更像一个 APP
|
||||
link: https://theme-hope.vuejs.press/zh/guide/advanced/pwa.html
|
||||
|
||||
copyright: false
|
||||
footer: 使用 <a href="https://theme-hope.vuejs.press/zh/" target="_blank">VuePress Theme Hope</a> 主题 | MIT 协议, 版权所有 © 2019-present Mr.Hope
|
||||
---
|
||||
|
||||
这是项目主页的案例。你可以在这里放置你的主体内容。
|
||||
|
||||
想要使用此布局，你需要在页面 front matter 中设置 `home: true`。
|
||||
|
||||
配置项的相关说明详见 [项目主页配置](https://theme-hope.vuejs.press/zh/guide/layout/home/)。
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
---
|
||||
title: 主要功能与配置演示
|
||||
index: false
|
||||
icon: laptop-code
|
||||
category:
|
||||
- 使用指南
|
||||
---
|
||||
|
||||
## 目录
|
||||
|
||||
- [Markdown 展示](markdown.md)
|
||||
|
||||
- [页面展示](page.md)
|
||||
|
||||
- [禁用展示](disable.md)
|
||||
|
||||
- [加密展示](encrypt.md)
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
---
|
||||
title: 布局与功能禁用
|
||||
icon: gears
|
||||
order: 3
|
||||
category:
|
||||
- 使用指南
|
||||
tag:
|
||||
- 禁用
|
||||
|
||||
navbar: false
|
||||
sidebar: false
|
||||
|
||||
breadcrumb: false
|
||||
pageInfo: false
|
||||
contributors: false
|
||||
editLink: false
|
||||
lastUpdated: false
|
||||
prev: false
|
||||
next: false
|
||||
comment: false
|
||||
footer: false
|
||||
|
||||
backtotop: false
|
||||
---
|
||||
|
||||
你可以通过设置页面的 Frontmatter，在页面禁用功能与布局。
|
||||
|
||||
<!-- more -->
|
||||
|
||||
本页面就是一个示例，禁用了如下功能:
|
||||
|
||||
- 导航栏
|
||||
- 侧边栏
|
||||
- 路径导航
|
||||
- 页面信息
|
||||
- 贡献者
|
||||
- 编辑此页链接
|
||||
- 更新时间
|
||||
- 上一篇/下一篇 链接
|
||||
- 评论
|
||||
- 页脚
|
||||
- 返回顶部按钮
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
---
|
||||
icon: lock
|
||||
category:
|
||||
- 使用指南
|
||||
tag:
|
||||
- 文章加密
|
||||
---
|
||||
|
||||
# 密码加密的文章
|
||||
|
||||
实际的文章内容。
|
||||
|
||||
段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字。
|
||||
|
||||
段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字。
|
||||
|
|
@ -0,0 +1,403 @@
|
|||
---
|
||||
title: Markdown 展示
|
||||
icon: fab fa-markdown
|
||||
order: 2
|
||||
category:
|
||||
- 使用指南
|
||||
tag:
|
||||
- Markdown
|
||||
---
|
||||
|
||||
VuePress 主要从 Markdown 文件生成页面。因此，你可以使用它轻松生成文档或博客站点。
|
||||
|
||||
你应该创建和编写 Markdown 文件，以便 VuePress 可以根据文件结构将它们转换为不同的页面。
|
||||
|
||||
<!-- more -->
|
||||
|
||||
## Markdown 介绍
|
||||
|
||||
如果你是一个新手，还不会编写 Markdown，请先阅读 [Markdown 介绍](https://theme-hope.vuejs.press/zh/cookbook/markdown/) 和 [Markdown 演示](https://theme-hope.vuejs.press/zh/cookbook/markdown/demo.html)。
|
||||
|
||||
## Markdown 配置
|
||||
|
||||
VuePress 通过 Frontmatter 为每个 Markdown 页面引入配置。
|
||||
|
||||
::: info
|
||||
|
||||
Frontmatter 是 VuePress 中很重要的一个概念，如果你不了解它，你需要阅读 [Frontmatter 介绍](https://theme-hope.vuejs.press/zh/cookbook/vuepress/page.html#front-matter)。
|
||||
|
||||
:::
|
||||
|
||||
## Markdown 扩展
|
||||
|
||||
VuePress 会使用 [markdown-it](https://github.com/markdown-it/markdown-it) 来解析 Markdown 内容，因此可以借助于 markdown-it 插件来实现 [语法扩展](https://github.com/markdown-it/markdown-it#syntax-extensions) 。
|
||||
|
||||
### VuePress 扩展
|
||||
|
||||
为了丰富文档写作，VuePress 对 Markdown 语法进行了扩展。
|
||||
|
||||
关于这些扩展，请阅读 [VuePress 中的 Markdown 扩展](https://theme-hope.vuejs.press/zh/cookbook/vuepress/markdown.html)。
|
||||
|
||||
### 主题扩展
|
||||
|
||||
通过 [`vuepress-plugin-md-enhance`][md-enhance]，主题扩展了更多 Markdown 语法，提供更加丰富的写作功能。
|
||||
|
||||
#### 自定义容器
|
||||
|
||||
::: v-pre
|
||||
|
||||
安全的在 Markdown 中使用 {{ variable }}。
|
||||
|
||||
:::
|
||||
|
||||
::: info 自定义标题
|
||||
|
||||
信息容器，包含 `代码` 与 [链接](#自定义容器)。
|
||||
|
||||
```js
|
||||
const a = 1;
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
::: tip 自定义标题
|
||||
|
||||
提示容器
|
||||
|
||||
:::
|
||||
|
||||
::: warning 自定义标题
|
||||
|
||||
警告容器
|
||||
|
||||
:::
|
||||
|
||||
::: danger 自定义标题
|
||||
|
||||
危险容器
|
||||
|
||||
:::
|
||||
|
||||
::: details 自定义标题
|
||||
|
||||
详情容器
|
||||
|
||||
:::
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/container.html)
|
||||
|
||||
#### 代码块
|
||||
|
||||
::: code-tabs
|
||||
|
||||
@tab pnpm
|
||||
|
||||
```bash
|
||||
pnpm add -D vuepress-theme-hope
|
||||
```
|
||||
|
||||
@tab yarn
|
||||
|
||||
```bash
|
||||
yarn add -D vuepress-theme-hope
|
||||
```
|
||||
|
||||
@tab:active npm
|
||||
|
||||
```bash
|
||||
npm i -D vuepress-theme-hope
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code-tabs.html)
|
||||
|
||||
#### 上下角标
|
||||
|
||||
19^th^ H~2~O
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/sup-sub.html)
|
||||
|
||||
#### 自定义对齐
|
||||
|
||||
::: center
|
||||
|
||||
我是居中的
|
||||
|
||||
:::
|
||||
|
||||
::: right
|
||||
|
||||
我在右对齐
|
||||
|
||||
:::
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/align.html)
|
||||
|
||||
#### Attrs
|
||||
|
||||
一个拥有 ID 的 **单词**{#word}。
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/attrs.html)
|
||||
|
||||
#### 脚注
|
||||
|
||||
此文字有脚注[^first].
|
||||
|
||||
[^first]: 这是脚注内容
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/footnote.html)
|
||||
|
||||
#### 标记
|
||||
|
||||
你可以标记 ==重要的内容== 。
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/mark.html)
|
||||
|
||||
#### 任务列表
|
||||
|
||||
- [x] 计划 1
|
||||
- [ ] 计划 2
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/tasklist.html)
|
||||
|
||||
### 图片增强
|
||||
|
||||
支持为图片设置颜色模式和大小
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/image.html)
|
||||
|
||||
#### 卡片
|
||||
|
||||
```card
|
||||
title: Mr.Hope
|
||||
desc: Where there is light, there is hope
|
||||
logo: https://mister-hope.com/logo.svg
|
||||
link: https://mister-hope.com
|
||||
color: rgba(253, 230, 138, 0.15)
|
||||
```
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/card.html)
|
||||
|
||||
#### 图表
|
||||
|
||||
::: chart 一个散点图案例
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "scatter",
|
||||
"data": {
|
||||
"datasets": [
|
||||
{
|
||||
"label": "散点数据集",
|
||||
"data": [
|
||||
{ "x": -10, "y": 0 },
|
||||
{ "x": 0, "y": 10 },
|
||||
{ "x": 10, "y": 5 },
|
||||
{ "x": 0.5, "y": 5.5 }
|
||||
],
|
||||
"backgroundColor": "rgb(255, 99, 132)"
|
||||
}
|
||||
]
|
||||
},
|
||||
"options": {
|
||||
"scales": {
|
||||
"x": {
|
||||
"type": "linear",
|
||||
"position": "bottom"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/chart.html)
|
||||
|
||||
#### Echarts
|
||||
|
||||
::: echarts 一个折线图案例
|
||||
|
||||
```json
|
||||
{
|
||||
"xAxis": {
|
||||
"type": "category",
|
||||
"data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
|
||||
},
|
||||
"yAxis": {
|
||||
"type": "value"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [150, 230, 224, 218, 135, 147, 260],
|
||||
"type": "line"
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/echarts.html)
|
||||
|
||||
#### 流程图
|
||||
|
||||
```flow
|
||||
cond=>condition: 是否执行操作?
|
||||
process=>operation: 操作
|
||||
e=>end: 结束
|
||||
|
||||
cond(yes)->process->e
|
||||
cond(no)->e
|
||||
```
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/flowchart.html)
|
||||
|
||||
#### Mermaid
|
||||
|
||||
```mermaid
|
||||
---
|
||||
title: Flowchart
|
||||
---
|
||||
flowchart TB
|
||||
c1-->a2
|
||||
subgraph one
|
||||
a1-->a2
|
||||
end
|
||||
subgraph two
|
||||
b1-->b2
|
||||
end
|
||||
subgraph three
|
||||
c1-->c2
|
||||
end
|
||||
one --> two
|
||||
three --> two
|
||||
two --> c2
|
||||
```
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/mermaid.html)
|
||||
|
||||
#### Tex 语法
|
||||
|
||||
$$
|
||||
\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
|
||||
= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^i r \cdots (r-i+1) (\log y)^{r-i}} {\omega^i} \right\}
|
||||
$$
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/tex.html)
|
||||
|
||||
#### 导入文件
|
||||
|
||||
<!-- @include: ./README.md{11-17} -->
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/include.html)
|
||||
|
||||
#### 代码演示
|
||||
|
||||
::: normal-demo 一个普通 Demo
|
||||
|
||||
```html
|
||||
<h1>VuePress Theme Hope</h1>
|
||||
<p><span id="very">非常</span>强大!</p>
|
||||
```
|
||||
|
||||
```js
|
||||
document.querySelector("#very").addEventListener("click", () => {
|
||||
alert("非常强大");
|
||||
});
|
||||
```
|
||||
|
||||
```css
|
||||
span {
|
||||
color: red;
|
||||
}
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/demo.html)
|
||||
|
||||
#### 样式化
|
||||
|
||||
向 Mr.Hope 捐赠一杯咖啡。 _Recommended_
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/stylize.html)
|
||||
|
||||
#### 交互演示
|
||||
|
||||
::: playground#ts TS 案例
|
||||
|
||||
@file index.ts
|
||||
|
||||
```ts
|
||||
const msg = "hello world";
|
||||
|
||||
const speak = (msg: string) => console.log(msg);
|
||||
|
||||
speak(msg);
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/playground.html)
|
||||
|
||||
#### Vue 交互演示
|
||||
|
||||
::: vue-playground Vue 交互演示
|
||||
|
||||
@file App.vue
|
||||
|
||||
```vue
|
||||
<script setup>
|
||||
import { ref } from "vue";
|
||||
|
||||
const msg = ref("Hello World!");
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<h1>{{ msg }}</h1>
|
||||
<input v-model="msg" />
|
||||
</template>
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/vue-playground.html)
|
||||
|
||||
#### 幻灯片
|
||||
|
||||
@slidestart
|
||||
|
||||
## 幻灯片 1
|
||||
|
||||
一个有文字和 [链接](https://mister-hope.com) 的段落
|
||||
|
||||
---
|
||||
|
||||
## 幻灯片 2
|
||||
|
||||
- 项目 1
|
||||
- 项目 2
|
||||
|
||||
---
|
||||
|
||||
## 幻灯片 3.1
|
||||
|
||||
```js
|
||||
const a = 1;
|
||||
```
|
||||
|
||||
--
|
||||
|
||||
## 幻灯片 3.2
|
||||
|
||||
$$
|
||||
J(\theta_0,\theta_1) = \sum_{i=0}
|
||||
$$
|
||||
|
||||
@slideend
|
||||
|
||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/presentation.html)
|
||||
|
||||
[md-enhance]: https://plugin-md-enhance.vuejs.press/zh/
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
---
|
||||
# 这是文章的标题
|
||||
title: 页面配置
|
||||
# 这是页面的图标
|
||||
icon: file
|
||||
# 这是侧边栏的顺序
|
||||
order: 1
|
||||
# 设置作者
|
||||
author: Ms.Hope
|
||||
# 设置写作时间
|
||||
date: 2020-01-01
|
||||
# 一个页面可以有多个分类
|
||||
category:
|
||||
- 使用指南
|
||||
# 一个页面可以有多个标签
|
||||
tag:
|
||||
- 页面配置
|
||||
- 使用指南
|
||||
# 此页面会在文章列表置顶
|
||||
sticky: true
|
||||
# 此页面会出现在文章收藏中
|
||||
star: true
|
||||
# 你可以自定义页脚
|
||||
footer: 这是测试显示的页脚
|
||||
# 你可以自定义版权信息
|
||||
copyright: 无版权
|
||||
---
|
||||
|
||||
`more` 注释之前的内容被视为文章摘要。
|
||||
|
||||
<!-- more -->
|
||||
|
||||
## 页面信息
|
||||
|
||||
你可以在 Markdown 的 Frontmatter 中设置页面信息。
|
||||
|
||||
- 作者设置为 Ms.Hope。
|
||||
- 写作日期为 2020 年 1 月 1 日
|
||||
- 分类为 “使用指南”
|
||||
- 标签为 “页面配置” 和 “使用指南”
|
||||
|
||||
## 页面内容
|
||||
|
||||
你可以自由在这里书写你的 Markdown。
|
||||
|
||||
::: tip
|
||||
|
||||
- 你可以将图片和 Markdown 文件放置在一起，但是你需要使用**相对链接**`./` 进行引用。
|
||||
|
||||
- 对于 `.vuepress/public` 文件夹的图片，请使用绝对链接 `/` 进行引用。
|
||||
|
||||
:::
|
||||
|
||||
主题包含了一个自定义徽章可以使用:
|
||||
|
||||
> 文字结尾应该有深蓝色的 徽章文字 徽章。 <Badge text="徽章文字" color="#242378" />
|
||||
|
||||
## 页面结构
|
||||
|
||||
此页面应当包含:
|
||||
|
||||
- [路径导航](https://theme-hope.vuejs.press/zh/guide/layout/breadcrumb.html)
|
||||
- [标题和页面信息](https://theme-hope.vuejs.press/zh/guide/feature/page-info.html)
|
||||
- [TOC (文章标题列表)](https://theme-hope.vuejs.press/zh/guide/layout/page.html#标题列表)
|
||||
- [贡献者、更新时间等页面元信息](https://theme-hope.vuejs.press/guide/feature/meta.html)
|
||||
- [评论](https://theme-hope.vuejs.press/zh/guide/feature/comment.html)
|
||||
- [导航栏](https://theme-hope.vuejs.press/zh/guide/layout/navbar.html)
|
||||
- [侧边栏](https://theme-hope.vuejs.press/zh/guide/layout/sidebar.html)
|
||||
- [页脚](https://theme-hope.vuejs.press/zh/guide/layout/footer.html)
|
||||
- 返回顶部按钮
|
||||
|
||||
你可以通过主题选项和页面 Frontmatter 自定义它们。
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
---
|
||||
title: 指南
|
||||
icon: lightbulb
|
||||
---
|
||||
|
||||
## 功能亮点
|
||||
|
||||
### Bar
|
||||
|
||||
- [baz](bar/baz.md)
|
||||
- ...
|
||||
|
||||
### Foo
|
||||
|
||||
- [ray](foo/ray.md)
|
||||
- ...
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
title: Bar 功能
|
||||
icon: lightbulb
|
||||
---
|
||||
|
||||
## 介绍
|
||||
|
||||
我们支持 bar 功能，...
|
||||
|
||||
## 详情
|
||||
|
||||
- [baz](baz.md)
|
||||
- ...
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: Baz
|
||||
icon: circle-info
|
||||
---
|
||||
|
||||
功能详情...
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
title: Foo 功能
|
||||
icon: lightbulb
|
||||
---
|
||||
|
||||
## 介绍
|
||||
|
||||
我们支持 foo 功能，...
|
||||
|
||||
## 详情
|
||||
|
||||
- [ray](ray.md)
|
||||
- ...
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: Ray
|
||||
icon: circle-info
|
||||
---
|
||||
|
||||
功能详情...
|
||||
|
|
@ -0,0 +1,429 @@
|
|||
---
|
||||
title: 幻灯片页
|
||||
icon: person-chalkboard
|
||||
layout: Slide
|
||||
---
|
||||
|
||||
<!-- markdownlint-disable MD024 MD033 MD051 -->
|
||||
|
||||
@slidestart
|
||||
|
||||
<!-- .slide: data-transition="slide" -->
|
||||
|
||||
## 幻灯片演示
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
一个简单的幻灯片演示与各种小贴士。
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
> 作者 Mr.Hope. 请滚动鼠标滚轮进入下一页
|
||||
|
||||
---
|
||||
|
||||
## 标注幻灯片
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
[👇](#/1/1)
|
||||
|
||||
--
|
||||
|
||||
## 标注幻灯片
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
使用 `---` 标注水平幻灯片
|
||||
|
||||
<!-- .element: class="fragment fade-in" -->
|
||||
|
||||
在水平幻灯片中使用 `--` 分割垂直幻灯片
|
||||
|
||||
<!-- .element: class="fragment fade-in" -->
|
||||
|
||||
使用 `<!-- .slide: ... -->` 在幻灯片上添加属性
|
||||
|
||||
<!-- .element: class="fragment fade-in" -->
|
||||
|
||||
使用 `<!-- .element: ... -->` 在前一个 HTML 元素上添加属性
|
||||
|
||||
<!-- .element: class="fragment fade-in" -->
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
你可以在幻灯片中使用 Markdown 语法的各种标记.
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
你可以在幻灯片中使用 Markdown 语法的各种标记.
|
||||
|
||||
### 这是一个 H3
|
||||
|
||||
标题默认会自动转换为大写。
|
||||
|
||||
这是一个有着 **粗体**, _斜体_, ~~删除线~~ 文字并包含 [一个链接](https://mister-hope.com) 的段落，并且它会自动换行。所以你无需担心它的长度。
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
你可以在幻灯片中使用 Markdown 语法的各种标记.
|
||||
|
||||
列表默认为 `inline-block`
|
||||
|
||||
- 项目
|
||||
- 项目
|
||||
- 项目
|
||||
|
||||
1. 项目 1
|
||||
1. 项目 2
|
||||
1. 项目 3
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
你可以在幻灯片中使用 Markdown 语法的各种标记.
|
||||
|
||||
在你启用 `highlight` 插件后，代码块会自动高亮。
|
||||
|
||||
```js
|
||||
const a = 1;
|
||||
```
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
你可以在幻灯片中使用 Markdown 语法的各种标记.
|
||||
|
||||
在你启用 `math` 插件后，你也可以使用 TEX 格式使用数学公式。
|
||||
|
||||
$$
|
||||
J(\theta_0,\theta_1) = \sum_{i=0}
|
||||
$$
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## Markdown
|
||||
|
||||
你可以在幻灯片中使用 Markdown 语法的各种标记.
|
||||
|
||||
⚠**请注意**: 表格和分割线，以及所有不在 Markdown 标准语法中的内容均不受支持。
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## 布局
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## 布局
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
👆 `r-fit-text` class 会让文字在不超出幻灯片范围的情况下尽可能大。
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## 布局
|
||||
|
||||
|
||||
|
||||
<!-- .element: class="r-stretch" -->
|
||||
|
||||
👆 `r-stretch` class 帮助你控制注入图片或视频的大小，使它们填充满幻灯片垂直方向上的剩余空间。
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate data-background-color="rgb(70, 70, 255)" -->
|
||||
|
||||
## 布局
|
||||
|
||||
### 背景
|
||||
|
||||
你可以通过向特定幻灯片添加 `data-background` 属性自定义幻灯片背景.
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## 动画片段
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## 动画片段
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
动画片段用于高亮或显隐幻灯片中的元素。
|
||||
|
||||
你需要在元素上添加 `fragment` 和动画 class。
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## 动画片段
|
||||
|
||||
### 动画 class
|
||||
|
||||
- `fade-in`
|
||||
<!-- .element: class="fragment fade-in" -->
|
||||
|
||||
- `fade-out`
|
||||
<!-- .element: class="fragment fade-out" -->
|
||||
|
||||
- `fade-up`
|
||||
<!-- .element: class="fragment fade-up" -->
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- `fade-down`
|
||||
<!-- .element: class="fragment fade-down" -->
|
||||
|
||||
- `fade-left`
|
||||
<!-- .element: class="fragment fade-left" -->
|
||||
|
||||
- `fade-right`
|
||||
<!-- .element: class="fragment fade-right" -->
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- `fade-in-then-out`
|
||||
<!-- .element: class="fragment fade-in-then-out" -->
|
||||
|
||||
- `fade-in-then-semi-out`
|
||||
<!-- .element: class="fragment fade-in-then-semi-out" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## 动画片段
|
||||
|
||||
### 动画 class
|
||||
|
||||
- `grow`
|
||||
<!-- .element: class="fragment grow" -->
|
||||
|
||||
- `shrink`
|
||||
<!-- .element: class="fragment shrink" -->
|
||||
|
||||
- `strike`
|
||||
<!-- .element: class="fragment strike" -->
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- `highlight-red`
|
||||
<!-- .element: class="fragment highlight-red" -->
|
||||
|
||||
- `highlight-green`
|
||||
<!-- .element: class="fragment highlight-green" -->
|
||||
|
||||
- `highlight-blue`
|
||||
<!-- .element: class="fragment highlight-blue" -->
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- `highlight-current-red`
|
||||
<!-- .element: class="fragment highlight-current-red" -->
|
||||
|
||||
- `highlight-current-green`
|
||||
<!-- .element: class="fragment highlight-current-green" -->
|
||||
|
||||
- `highlight-current-blue`
|
||||
<!-- .element: class="fragment highlight-current-blue" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## 动画片段
|
||||
|
||||
### 多个动画片段
|
||||
|
||||
你可以按照顺序包裹一个 HTML 元素使其拥有多个动画片段
|
||||
|
||||
<span class="fragment fade-in">
|
||||
<span class="fragment highlight-red">
|
||||
<span class="fragment fade-out">
|
||||
渐入 > 变红 > 渐出
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## 动画片段
|
||||
|
||||
### 顺序
|
||||
|
||||
你可以使用 `data-fragment-index` 属性改变元素的动画顺序。
|
||||
|
||||
不同元素可以有相同的动画顺序。
|
||||
|
||||
- 最后显示
|
||||
<!-- .element: class="fragment" data-fragment-index="3"-->
|
||||
|
||||
- 第二个显示
|
||||
<!-- .element: class="fragment" data-fragment-index="2"-->
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- 第一个显示
|
||||
<!-- .element: class="fragment" data-fragment-index="1"-->
|
||||
|
||||
- 第二个显示
|
||||
<!-- .element: class="fragment" data-fragment-index="2"-->
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## 渐变
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## 渐变
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
Transition 可以通过配置中的 `transition` 选项全局设置，也可以通过在特定幻灯片添加 `data-transition` 属性局部设置.
|
||||
|
||||
可能的值:
|
||||
|
||||
- none
|
||||
- fade
|
||||
- slide
|
||||
|
||||
<!-- list break -->
|
||||
|
||||
- convex
|
||||
- concave
|
||||
- zoom
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-auto-animate -->
|
||||
|
||||
## 渐变
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
### 过渡动画
|
||||
|
||||
你可以在相邻的幻灯片上添加 `data-auto-animate` 使相同的 HTML 元素产生过渡动画效果。
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## 功能
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## 功能
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
### 代码
|
||||
|
||||
通过启用 `highlight` 插件，你可以对代码块进行高亮。
|
||||
|
||||
你可以使用 `[a-b|c-d]` 语法来分布高亮特定行。
|
||||
|
||||
```js [1-2|3|4]
|
||||
let a = 1;
|
||||
let b = 2;
|
||||
let c = (x) => 1 + 2 + x;
|
||||
c(3);
|
||||
```
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## 功能
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
### 预览模式
|
||||
|
||||
按下 `Esc` 或 `O` 即可在幻灯片获得焦点时进入预览模式。
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## 功能
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
### 全屏模式
|
||||
|
||||
按下 `F` 或 `F11` 即可在幻灯片获得焦点时进入全屏模式。
|
||||
|
||||
--
|
||||
|
||||
<!-- .slide: data-transition="slide" data-auto-animate -->
|
||||
|
||||
## 功能
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
### 缩放
|
||||
|
||||
按下 `alt` (Linux 上使用 `ctrl`) 的同时点击幻灯片的任何元素，即可以向此元素进行放大。
|
||||
|
||||
再次点击即可缩小。
|
||||
|
||||
---
|
||||
|
||||
<!-- .element: class="r-fit-text" -->
|
||||
|
||||
## 结束
|
||||
|
||||
@slideend
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
{
|
||||
"scripts": {
|
||||
"demo:serve": "http-server -a localhost dist -o",
|
||||
"build": "vuepress-vite build src",
|
||||
"demo:vite-clean-dev": "vuepress-vite dev src --clean-cache",
|
||||
"demo:vite-dev": "vuepress-vite dev src",
|
||||
"demo:webpack-build": "vuepress-webpack build src",
|
||||
"demo:webpack-clean-dev": "vuepress-webpack dev src --clean-cache",
|
||||
"demo:webpack-dev": "vuepress-webpack dev src"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vuepress/cli": "2.0.0-beta.66",
|
||||
"@vuepress/client": "2.0.0-beta.66",
|
||||
"@vuepress/plugin-docsearch": "2.0.0-beta.66",
|
||||
"@vuepress/utils": "2.0.0-beta.66",
|
||||
"sass-loader": "13.3.2",
|
||||
"vue": "3.3.4",
|
||||
"vuepress-theme-hope": "2.0.0-beta.233",
|
||||
"vuepress-vite": "2.0.0-beta.66",
|
||||
"vuepress-webpack": "2.0.0-beta.66"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
import { defineClientConfig } from "@vuepress/client";
|
||||
import { hasGlobalComponent } from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-shared/lib/client/index.js";
|
||||
import { h } from "vue";
|
||||
|
||||
import { useScriptTag } from "C:/Users/Nofated/Code/bjwz-china/node_modules/@vueuse/core/index.mjs";
|
||||
import Badge from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-components/lib/client/components/Badge.js";
|
||||
import FontIcon from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-components/lib/client/components/FontIcon.js";
|
||||
import BackToTop from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-components/lib/client/components/BackToTop.js";
|
||||
|
||||
import "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-components/lib/client/styles/sr-only.scss";
|
||||
|
||||
export default defineClientConfig({
|
||||
enhance: ({ app }) => {
|
||||
if(!hasGlobalComponent("Badge")) app.component("Badge", Badge);
|
||||
if(!hasGlobalComponent("FontIcon")) app.component("FontIcon", FontIcon);
|
||||
|
||||
},
|
||||
setup: () => {
|
||||
useScriptTag(
|
||||
`https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/js/brands.min.js`,
|
||||
() => {},
|
||||
{ attrs: { "data-auto-replace-svg": "nest" } }
|
||||
);
|
||||
|
||||
useScriptTag(
|
||||
`https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/js/solid.min.js`,
|
||||
() => {},
|
||||
{ attrs: { "data-auto-replace-svg": "nest" } }
|
||||
);
|
||||
|
||||
useScriptTag(
|
||||
`https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/js/fontawesome.min.js`,
|
||||
() => {},
|
||||
{ attrs: { "data-auto-replace-svg": "nest" } }
|
||||
);
|
||||
|
||||
},
|
||||
rootComponents: [
|
||||
() => h(BackToTop, {}),
|
||||
],
|
||||
});
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
import clientConfig0 from 'C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/sass-palette/load-hope.js'
|
||||
import clientConfig1 from 'C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/components/config.js'
|
||||
import clientConfig2 from 'C:/Users/Nofated/Code/bjwz-china/node_modules/@vuepress/plugin-active-header-links/lib/client/config.js'
|
||||
import clientConfig3 from 'C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-auto-catalog/lib/client/config.js'
|
||||
import clientConfig4 from 'C:/Users/Nofated/Code/bjwz-china/node_modules/@vuepress/plugin-external-link-icon/lib/client/config.js'
|
||||
import clientConfig5 from 'C:/Users/Nofated/Code/bjwz-china/node_modules/@vuepress/plugin-nprogress/lib/client/config.js'
|
||||
import clientConfig6 from 'C:/Users/Nofated/Code/bjwz-china/node_modules/@vuepress/plugin-theme-data/lib/client/config.js'
|
||||
import clientConfig7 from 'C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-copy-code2/lib/client/config.js'
|
||||
import clientConfig8 from 'C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/md-enhance/config.js'
|
||||
import clientConfig9 from 'C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-photo-swipe/lib/client/config.js'
|
||||
import clientConfig10 from 'C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/theme-hope/config.js'
|
||||
import clientConfig11 from 'C:/Users/Nofated/Code/bjwz-china/src/.vuepress/client.ts'
|
||||
|
||||
export const clientConfigs = [
|
||||
clientConfig0,
|
||||
clientConfig1,
|
||||
clientConfig2,
|
||||
clientConfig3,
|
||||
clientConfig4,
|
||||
clientConfig5,
|
||||
clientConfig6,
|
||||
clientConfig7,
|
||||
clientConfig8,
|
||||
clientConfig9,
|
||||
clientConfig10,
|
||||
clientConfig11,
|
||||
]
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
import { defineAsyncComponent } from 'vue'
|
||||
|
||||
export const pagesComponents = {
|
||||
// path: /awards.html
|
||||
"v-0c98b84a": defineAsyncComponent(() => import(/* webpackChunkName: "v-0c98b84a" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/awards.html.vue")),
|
||||
// path: /hp.html
|
||||
"v-ad34e890": defineAsyncComponent(() => import(/* webpackChunkName: "v-ad34e890" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/hp.html.vue")),
|
||||
// path: /
|
||||
"v-8daa1a0e": defineAsyncComponent(() => import(/* webpackChunkName: "v-8daa1a0e" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/index.html.vue")),
|
||||
// path: /safety.html
|
||||
"v-7de53cae": defineAsyncComponent(() => import(/* webpackChunkName: "v-7de53cae" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/safety.html.vue")),
|
||||
// path: /project/description.html
|
||||
"v-55909e8c": defineAsyncComponent(() => import(/* webpackChunkName: "v-55909e8c" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/project/description.html.vue")),
|
||||
// path: /project/design.html
|
||||
"v-0fff004c": defineAsyncComponent(() => import(/* webpackChunkName: "v-0fff004c" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/project/design.html.vue")),
|
||||
// path: /project/experiments.html
|
||||
"v-b533029c": defineAsyncComponent(() => import(/* webpackChunkName: "v-b533029c" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/project/experiments.html.vue")),
|
||||
// path: /project/results.html
|
||||
"v-06204252": defineAsyncComponent(() => import(/* webpackChunkName: "v-06204252" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/project/results.html.vue")),
|
||||
// path: /team/attributions.html
|
||||
"v-7728d08c": defineAsyncComponent(() => import(/* webpackChunkName: "v-7728d08c" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/team/attributions.html.vue")),
|
||||
// path: /team/collaborations.html
|
||||
"v-9ae4afdc": defineAsyncComponent(() => import(/* webpackChunkName: "v-9ae4afdc" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/team/collaborations.html.vue")),
|
||||
// path: /team/team-members.html
|
||||
"v-5027ebd7": defineAsyncComponent(() => import(/* webpackChunkName: "v-5027ebd7" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/team/team-members.html.vue")),
|
||||
// path: /team/team.html
|
||||
"v-729d9aba": defineAsyncComponent(() => import(/* webpackChunkName: "v-729d9aba" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/team/team.html.vue")),
|
||||
// path: /404.html
|
||||
"v-3706649a": defineAsyncComponent(() => import(/* webpackChunkName: "v-3706649a" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/404.html.vue")),
|
||||
// path: /project/
|
||||
"v-c9bbfba2": defineAsyncComponent(() => import(/* webpackChunkName: "v-c9bbfba2" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/project/index.html.vue")),
|
||||
// path: /team/
|
||||
"v-15550a19": defineAsyncComponent(() => import(/* webpackChunkName: "v-15550a19" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/team/index.html.vue")),
|
||||
}
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
export const pagesData = {
|
||||
// path: /awards.html
|
||||
"v-0c98b84a": () => import(/* webpackChunkName: "v-0c98b84a" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/awards.html.js").then(({ data }) => data),
|
||||
// path: /hp.html
|
||||
"v-ad34e890": () => import(/* webpackChunkName: "v-ad34e890" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/hp.html.js").then(({ data }) => data),
|
||||
// path: /
|
||||
"v-8daa1a0e": () => import(/* webpackChunkName: "v-8daa1a0e" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/index.html.js").then(({ data }) => data),
|
||||
// path: /safety.html
|
||||
"v-7de53cae": () => import(/* webpackChunkName: "v-7de53cae" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/safety.html.js").then(({ data }) => data),
|
||||
// path: /project/description.html
|
||||
"v-55909e8c": () => import(/* webpackChunkName: "v-55909e8c" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/project/description.html.js").then(({ data }) => data),
|
||||
// path: /project/design.html
|
||||
"v-0fff004c": () => import(/* webpackChunkName: "v-0fff004c" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/project/design.html.js").then(({ data }) => data),
|
||||
// path: /project/experiments.html
|
||||
"v-b533029c": () => import(/* webpackChunkName: "v-b533029c" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/project/experiments.html.js").then(({ data }) => data),
|
||||
// path: /project/results.html
|
||||
"v-06204252": () => import(/* webpackChunkName: "v-06204252" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/project/results.html.js").then(({ data }) => data),
|
||||
// path: /team/attributions.html
|
||||
"v-7728d08c": () => import(/* webpackChunkName: "v-7728d08c" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/team/attributions.html.js").then(({ data }) => data),
|
||||
// path: /team/collaborations.html
|
||||
"v-9ae4afdc": () => import(/* webpackChunkName: "v-9ae4afdc" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/team/collaborations.html.js").then(({ data }) => data),
|
||||
// path: /team/team-members.html
|
||||
"v-5027ebd7": () => import(/* webpackChunkName: "v-5027ebd7" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/team/team-members.html.js").then(({ data }) => data),
|
||||
// path: /team/team.html
|
||||
"v-729d9aba": () => import(/* webpackChunkName: "v-729d9aba" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/team/team.html.js").then(({ data }) => data),
|
||||
// path: /404.html
|
||||
"v-3706649a": () => import(/* webpackChunkName: "v-3706649a" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/404.html.js").then(({ data }) => data),
|
||||
// path: /project/
|
||||
"v-c9bbfba2": () => import(/* webpackChunkName: "v-c9bbfba2" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/project/index.html.js").then(({ data }) => data),
|
||||
// path: /team/
|
||||
"v-15550a19": () => import(/* webpackChunkName: "v-15550a19" */"C:/Users/Nofated/Code/bjwz-china/src/.vuepress/.temp/pages/team/index.html.js").then(({ data }) => data),
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
export const pagesRoutes = [
|
||||
["v-0c98b84a","/awards.html",{"y":"a","t":"Awards"},[":md"]],
|
||||
["v-ad34e890","/hp.html",{"y":"a","t":"Human Practices"},[":md"]],
|
||||
["v-8daa1a0e","/",{"y":"h","t":"BJWZ-China","i":"home"},["/README.md"]],
|
||||
["v-7de53cae","/safety.html",{"y":"a","t":"Safety"},[":md"]],
|
||||
["v-55909e8c","/project/description.html",{"y":"a","t":"Description"},[":md"]],
|
||||
["v-0fff004c","/project/design.html",{"y":"a","t":"Design"},[":md"]],
|
||||
["v-b533029c","/project/experiments.html",{"y":"a","t":"Experiments"},[":md"]],
|
||||
["v-06204252","/project/results.html",{"y":"a","t":"Results"},[":md"]],
|
||||
["v-7728d08c","/team/attributions.html",{"y":"a","t":"Table of Attributions"},[":md"]],
|
||||
["v-9ae4afdc","/team/collaborations.html",{"y":"a","t":"Collaborations"},[":md"]],
|
||||
["v-5027ebd7","/team/team-members.html",{"y":"a","t":"Team Members"},[":md"]],
|
||||
["v-729d9aba","/team/team.html",{"y":"a","t":"Team"},[":md"]],
|
||||
["v-3706649a","/404.html",{"y":"p","t":""},[]],
|
||||
["v-c9bbfba2","/project/",{"y":"p","t":"Project"},[]],
|
||||
["v-15550a19","/team/",{"y":"p","t":"Team"},[]],
|
||||
]
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const siteData = JSON.parse("{\"base\":\"/bjwz-china/\",\"lang\":\"en-US\",\"title\":\"\",\"description\":\"\",\"head\":[[\"link\",{\"href\":\"/assets/font.css\",\"rel\":\"stylesheet\"}]],\"locales\":{\"/\":{\"lang\":\"en-US\",\"title\":\"BJWZ-China\",\"description\":\"iGEM 2023\"}}}")
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const themeData = JSON.parse("{\"encrypt\":{},\"logo\":\"/logo.svg\",\"docsDir\":\"src\",\"locales\":{\"/\":{\"lang\":\"en-US\",\"navbarLocales\":{\"langName\":\"English\",\"selectLangAriaLabel\":\"Select language\"},\"metaLocales\":{\"author\":\"Author\",\"date\":\"Writing Date\",\"origin\":\"Original\",\"views\":\"Page views\",\"category\":\"Category\",\"tag\":\"Tag\",\"readingTime\":\"Reading Time\",\"words\":\"Words\",\"toc\":\"On This Page\",\"prev\":\"Prev\",\"next\":\"Next\",\"lastUpdated\":\"Last update\",\"contributors\":\"Contributors\",\"editLink\":\"Edit this page\",\"print\":\"Print\"},\"outlookLocales\":{\"themeColor\":\"Theme Color\",\"darkmode\":\"Theme Mode\",\"fullscreen\":\"Full Screen\"},\"routeLocales\":{\"skipToContent\":\"Skip to main content\",\"notFoundTitle\":\"Page not found\",\"notFoundMsg\":[\"There’s nothing here.\",\"How did we get here?\",\"That’s a Four-Oh-Four.\",\"Looks like we've got some broken links.\"],\"back\":\"Go back\",\"home\":\"Take me home\",\"openInNewWindow\":\"Open in new window\"},\"navbar\":[\"/\",{\"text\":\"Team\",\"prefix\":\"/team/\",\"children\":[\"team\",\"team-members\",\"attributions\"]},{\"text\":\"Project\",\"prefix\":\"/project/\",\"children\":[\"description\",\"design\",\"results\",\"attributions\"]},\"hp\",{\"text\":\"Guide\",\"icon\":\"lightbulb\",\"prefix\":\"/guide/\",\"children\":[{\"text\":\"Bar\",\"icon\":\"lightbulb\",\"prefix\":\"bar/\",\"children\":[\"baz\",{\"text\":\"...\",\"icon\":\"ellipsis\",\"link\":\"#\"}]},{\"text\":\"Foo\",\"icon\":\"lightbulb\",\"prefix\":\"foo/\",\"children\":[\"ray\",{\"text\":\"...\",\"icon\":\"ellipsis\",\"link\":\"#\"}]}]}],\"sidebar\":{\"/\":[\"\",{\"text\":\"Team\",\"icon\":\"book\",\"prefix\":\"team/\",\"link\":\"team/\",\"children\":\"structure\"},{\"text\":\"Project\",\"prefix\":\"project/\",\"link\":\"project/\",\"children\":\"structure\"},\"hp\",\"safety\"]},\"footer\":\"© 2023 - Content on this site is licensed under a Creative Commons Attribution 4.0 International license.\",\"displayFooter\":true,\"editLink\":false,\"contributors\":false}}}")
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
import { defineClientConfig } from "@vuepress/client";
|
||||
import ChartJS from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/components/ChartJS.js";
|
||||
import CodeTabs from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/components/CodeTabs.js";
|
||||
import "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/styles/container/index.scss";
|
||||
import CodeDemo from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/components/CodeDemo.js";
|
||||
import ECharts from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/components/ECharts.js";
|
||||
import "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/styles/figure.scss";
|
||||
import FlowChart from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/components/FlowChart.js";
|
||||
import "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/styles/footnote.scss";
|
||||
import "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/styles/image-mark.scss"
|
||||
import Mermaid from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/components/Mermaid.js";
|
||||
import { injectMermaidConfig } from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client//index.js";
|
||||
import "C:/Users/Nofated/Code/bjwz-china/node_modules/reveal.js/dist/reveal.css";
|
||||
import Presentation from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/components/Presentation.js";
|
||||
import { injectRevealConfig } from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/index.js";
|
||||
import Playground from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/components/Playground.js";
|
||||
import Tabs from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/components/Tabs.js";
|
||||
import "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/styles/tasklist.scss";
|
||||
import "C:/Users/Nofated/Code/bjwz-china/node_modules/katex/dist/katex.min.css";
|
||||
import "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/styles/katex.scss";
|
||||
import { defineAsyncComponent } from "vue";
|
||||
import { injectVuePlaygroundConfig } from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/index.js";
|
||||
|
||||
export default defineClientConfig({
|
||||
enhance: ({ app }) => {
|
||||
app.component("ChartJS", ChartJS)
|
||||
app.component("CodeTabs", CodeTabs);
|
||||
app.component("CodeDemo", CodeDemo);
|
||||
app.component("ECharts", ECharts);
|
||||
app.component("FlowChart", FlowChart);
|
||||
injectMermaidConfig(app);
|
||||
app.component("Mermaid", Mermaid);
|
||||
injectRevealConfig(app);
|
||||
app.component("Presentation", Presentation);
|
||||
app.component("Playground", Playground);
|
||||
app.component("Tabs", Tabs);
|
||||
injectVuePlaygroundConfig(app);
|
||||
app.component("VuePlayground", defineAsyncComponent(() => import("C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/components/VuePlayground.js")));
|
||||
},
|
||||
setup: () => {
|
||||
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,142 @@
|
|||
|
||||
mjx-container[jax="SVG"] {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
mjx-container[jax="SVG"] > svg {
|
||||
overflow: visible;
|
||||
min-height: 1px;
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
mjx-container[jax="SVG"] > svg a {
|
||||
fill: blue;
|
||||
stroke: blue;
|
||||
}
|
||||
|
||||
mjx-assistive-mml {
|
||||
position: absolute !important;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
padding: 1px 0px 0px 0px !important;
|
||||
border: 0px !important;
|
||||
display: block !important;
|
||||
width: auto !important;
|
||||
overflow: hidden !important;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
mjx-assistive-mml[display="block"] {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
mjx-container[jax="SVG"][display="true"] {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
mjx-container[jax="SVG"][display="true"][width="full"] {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
mjx-container[jax="SVG"][justify="left"] {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
mjx-container[jax="SVG"][justify="right"] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
g[data-mml-node="merror"] > g {
|
||||
fill: red;
|
||||
stroke: red;
|
||||
}
|
||||
|
||||
g[data-mml-node="merror"] > rect[data-background] {
|
||||
fill: yellow;
|
||||
stroke: none;
|
||||
}
|
||||
|
||||
g[data-mml-node="mtable"] > line[data-line], svg[data-table] > g > line[data-line] {
|
||||
stroke-width: 70px;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
g[data-mml-node="mtable"] > rect[data-frame], svg[data-table] > g > rect[data-frame] {
|
||||
stroke-width: 70px;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
g[data-mml-node="mtable"] > .mjx-dashed, svg[data-table] > g > .mjx-dashed {
|
||||
stroke-dasharray: 140;
|
||||
}
|
||||
|
||||
g[data-mml-node="mtable"] > .mjx-dotted, svg[data-table] > g > .mjx-dotted {
|
||||
stroke-linecap: round;
|
||||
stroke-dasharray: 0,140;
|
||||
}
|
||||
|
||||
g[data-mml-node="mtable"] > g > svg {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
[jax="SVG"] mjx-tool {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
[jax="SVG"] mjx-tool > mjx-tip {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
mjx-tool > mjx-tip {
|
||||
display: inline-block;
|
||||
padding: .2em;
|
||||
border: 1px solid #888;
|
||||
font-size: 70%;
|
||||
background-color: #F8F8F8;
|
||||
color: black;
|
||||
box-shadow: 2px 2px 5px #AAAAAA;
|
||||
}
|
||||
|
||||
g[data-mml-node="maction"][data-toggle] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
mjx-status {
|
||||
display: block;
|
||||
position: fixed;
|
||||
left: 1em;
|
||||
bottom: 1em;
|
||||
min-width: 25%;
|
||||
padding: .2em .4em;
|
||||
border: 1px solid #888;
|
||||
font-size: 90%;
|
||||
background-color: #F8F8F8;
|
||||
color: black;
|
||||
}
|
||||
|
||||
foreignObject[data-mjx-xml] {
|
||||
font-family: initial;
|
||||
line-height: normal;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
mjx-container[jax="SVG"] path[data-c], mjx-container[jax="SVG"] use[data-c] {
|
||||
stroke-width: 3;
|
||||
}
|
||||
|
||||
mjx-container {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
import { reveal, revealMarkdown, revealHighlight, revealMath, revealSearch, revealNotes, revealZoom } from "C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-plugin-md-enhance/lib/client/index.js";
|
||||
|
||||
export const useReveal = () => [reveal(), revealMarkdown(), revealHighlight(), revealMath(), revealSearch(), revealNotes(), revealZoom()];
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-3706649a\",\"path\":\"/404.html\",\"title\":\"\",\"lang\":\"en-US\",\"frontmatter\":{\"layout\":\"NotFound\",\"description\":\"\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/404.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebPage\\\",\\\"name\\\":\\\"\\\"}\"]]},\"headers\":[],\"git\":{},\"readingTime\":{\"minutes\":0,\"words\":0},\"filePathRelative\":null,\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<template><div></div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-0c98b84a\",\"path\":\"/awards.html\",\"title\":\"Awards\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Awards\",\"description\":\"Awards Education We held activities to introduce synthetic biology to the public. We set an exhibition in a showroom which is about biological technologies in China Science and ...\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/awards.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Awards\"}],[\"meta\",{\"property\":\"og:description\",\"content\":\"Awards Education We held activities to introduce synthetic biology to the public. We set an exhibition in a showroom which is about biological technologies in China Science and ...\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-06-13T06:41:49.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-06-13T06:41:49.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Awards\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-06-13T06:41:49.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[{\"level\":2,\"title\":\"Awards Education\",\"slug\":\"awards-education\",\"link\":\"#awards-education\",\"children\":[]},{\"level\":2,\"title\":\"Award Entrepreneurship\",\"slug\":\"award-entrepreneurship\",\"link\":\"#award-entrepreneurship\",\"children\":[]},{\"level\":2,\"title\":\"Diversity and Inclusion\",\"slug\":\"diversity-and-inclusion\",\"link\":\"#diversity-and-inclusion\",\"children\":[]},{\"level\":2,\"title\":\"Sustainable Development Goals\",\"slug\":\"sustainable-development-goals\",\"link\":\"#sustainable-development-goals\",\"children\":[]}],\"git\":{\"createdTime\":1686638509000,\"updatedTime\":1686638509000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":1}]},\"readingTime\":{\"minutes\":3.42,\"words\":1027},\"filePathRelative\":\"awards.md\",\"localizedDate\":\"June 13, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<template><div><figure><img src="https://static.igem.wiki/teams/4203/wiki/awards.jpg" alt="" tabindex="0" loading="lazy"><figcaption></figcaption></figure>
|
||||
<h2 id="awards-education" tabindex="-1"><a class="header-anchor" href="#awards-education" aria-hidden="true">#</a> Awards Education</h2>
|
||||
<p>We held activities to introduce synthetic biology to the public. We set an exhibition in a showroom which is about biological technologies in China Science and Technology Museum. We not only designed leaflets and playbill to introduce knowledge of some basic technologies in biology and what synthetic biology is to the public, but also brought some badges and key buckles with some cute pictures of microorganism made by our group mates, trying to arouse children's interests and raise their awareness of microorganism and synthetic biology. In addition, we held a lecture in Beihai Park. We have configured media that allow visitors to experience the process of cultivating microorganisms and come into close contact with them, thus understanding the importance of microbial and synthetic biology.<br>
|
||||
<img src="https://static.igem.wiki/teams/4203/wiki/science-and-technology-museum7.jpg" alt="Students of Beijing No. 5 High School give a lecture at the Science and Technology Museum" loading="lazy"></p>
|
||||
<blockquote>
|
||||
<p>Students of Beijing No. 5 High School give a lecture at the Science and Technology Museum</p>
|
||||
</blockquote>
|
||||
<h2 id="award-entrepreneurship" tabindex="-1"><a class="header-anchor" href="#award-entrepreneurship" aria-hidden="true">#</a> Award Entrepreneurship</h2>
|
||||
<p>Due to the influence of epidemic factors, our project has not been implemented to the stage of commercial operation, so we have not applied for provisional patent. If there is an opportunity, we plan to apply this bacteria in cancer treatment and hearing AIDS, and make corresponding contributions in the field of medicine and physics. If the pandemic eases, we plan to promote and raise funds on campus and outside, find appropriate investors to pitch the idea, and build and ship it with relevant companies.</p>
|
||||
<h2 id="diversity-and-inclusion" tabindex="-1"><a class="header-anchor" href="#diversity-and-inclusion" aria-hidden="true">#</a> Diversity and Inclusion</h2>
|
||||
<p>Methods of publicity: to give a speech to visitors at the science and Technology Museum. Contents learned: When popularizing biological knowledge, iGEM competition and the overview of this group of experiments for the public, we can use some languages that the public (non-professionals in the field of biological knowledge) can understand to explain to the public. For example, we can compare fungi to Lego, and genetic engineering to disassemble parts and install specific parts to drive specific functions. During this period, we learned the direct connection between biological knowledge and science and technology, which laid a good foundation for our project prospects. In addition, we learned how to develop the program into other aspects (such as medicine and physics) in the process of learning, which reflects the diversity and inclusiveness of the program.</p>
|
||||
<h2 id="sustainable-development-goals" tabindex="-1"><a class="header-anchor" href="#sustainable-development-goals" aria-hidden="true">#</a> Sustainable Development Goals</h2>
|
||||
<div class="hint-container tip">
|
||||
<p class="hint-container-title">Sustainable Development Goal 3 - to enable all people of all ages to lead healthy lives and improve their well-being</p>
|
||||
<p>In line with Sustainable Development Goal 3 - to enable all people of all ages to lead healthy lives and improve their well-being. The BJWZ-China project is dedicated to the research and development of sound, and our project soon led to the first development direction: to manipulate cells to sense cancer using sound. Hearing is the ability of animals to perceive sound and is the process of converting mechanical energy into electromagnetic signals. However, the mechanism is not fully understood, and the existence of similar sensory systems in microorganisms has not been studied. BJWZ-china is ready to try to be a pioneer. We intend to use the "Nan-IAV pattern", an ion channel that forms the mechanical transduction of hearing in Drosophila, and introduce it into Saccharomyces cerevisiae to construct an auditory module to study this living phenomenon, as the first round of the cancer-sensing project. The follow-up study of sound transduction in microorganisms was preliminally explored. So that more patients can be more timely treatment in the early stage, improve the efficiency of treatment.</p>
|
||||
<p>In addition, the project of the BJWZ-China Cooperation Team and the Beijing Normal University team is for the research of cannabis vaccine. The project aims to treat some people who are forced to use cannabis and provide first aid for their addiction caused by THC. Firstly, the bacteria were defined in the intestinal tract and expressed with the bacteria, and then the bacteria were used to express three enzymes to carry out inactive degradation of THC in vivo, and finally express phycocyanin. If the degradation is successful, phycocyanin will give the stool a blue color to verify that it has been successfully transformed in the body. This process can effectively inhibit cannabis addiction and thus have a therapeutic effect.</p>
|
||||
</div>
|
||||
<div class="hint-container tip">
|
||||
<p class="hint-container-title">Sustainable Goal 17 - Strengthen means of implementation and revitalize the global partnership for sustainable development</p>
|
||||
<p>In line with Sustainable Goal 17 - Strengthen means of implementation and revitalize the global partnership for sustainable development.The World Health Organization (WHO) predicts that cancer will become the leading killer of human beings in the 21st century, so cancer control has become a global focus of health strategy. This requires a multi-dimensional approach from national strategies, multi-party collaboration, early screening promotion, technology improvement, knowledge dissemination and habit improvement to have a hope of improving the ability to fight cancer.</p>
|
||||
<p>The experiment of BJWZ-China is only the most preliminary contribution to the awareness of cancer, because the treatment and prevention of cancer is a very important and difficult process, and we hope to lay the groundwork for the first step for future teams. We hope that future technology or new results will assist our transformation of Saccharomyces cerevisiae and provide new ways to detect cancer. On this basis, if it can effectively provide ideas for the medical field, it will greatly enhance the fight against common diseases of mankind, so as to better stimulate the vitality of global partnership.</p>
|
||||
<p>In the world, more and more countries are legalizing marijuana, but there are also some regions that list marijuana as a drug. For some students, tourists, anti-drug police, etc., who are forced to use marijuana or accidentally eat marijuana, the project developed by the team of Beijing Normal University can inhibit the effect.Vaccination, the most cost-effective public health intervention for the prevention and control of infectious diseases, is an effective means of reducing disease and health costs for family members and the disease, and global vaccination coverage (the proportion of children in which vaccines are recommended globally) has remained stable over the past few years, which can stimulate the vitality of global partnerships.</p>
|
||||
</div>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-ad34e890\",\"path\":\"/hp.html\",\"title\":\"Human Practices\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Human Practices\",\"description\":\"Document creative ways to solve problems It is a creative way for us to solve problems by drawing inspiration from existing literature to ask questions by analogy and making inn...\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/hp.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Human Practices\"}],[\"meta\",{\"property\":\"og:description\",\"content\":\"Document creative ways to solve problems It is a creative way for us to solve problems by drawing inspiration from existing literature to ask questions by analogy and making inn...\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Human Practices\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-07-28T05:38:45.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[{\"level\":2,\"title\":\"Document creative ways to solve problems\",\"slug\":\"document-creative-ways-to-solve-problems\",\"link\":\"#document-creative-ways-to-solve-problems\",\"children\":[]},{\"level\":2,\"title\":\"Diversity and Inclusion\",\"slug\":\"diversity-and-inclusion\",\"link\":\"#diversity-and-inclusion\",\"children\":[]}],\"git\":{\"createdTime\":1686638509000,\"updatedTime\":1690522725000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":2}]},\"readingTime\":{\"minutes\":1.94,\"words\":583},\"filePathRelative\":\"hp.md\",\"localizedDate\":\"June 13, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<template><div><figure><img src="https://static.igem.wiki/teams/4203/wiki/humanpractice.jpg" alt="" tabindex="0" loading="lazy"><figcaption></figcaption></figure>
|
||||
<h2 id="document-creative-ways-to-solve-problems" tabindex="-1"><a class="header-anchor" href="#document-creative-ways-to-solve-problems" aria-hidden="true">#</a> Document creative ways to solve problems</h2>
|
||||
<p>It is a creative way for us to solve problems by drawing inspiration from existing literature to ask questions by analogy and making innovations in existing solutions.<br>
|
||||
Initially, our project was devoted to the study and deepening of sound, which came from a report we saw about cell acoustics at the beginning of the project. If all cells were indeed beating like heart cells, would the vibration be enough to produce a detectable sound? Can we make our bacteria sense this sound? Is there any use for such research? We followed the cellular acoustic clues in anticipation.</p>
|
||||
<p>What we found in the data was this: "Each cell produces its own unique sound."<br>
|
||||
"Motor proteins are linked to the cytoskeleton [responsible for maintaining the structural integrity and shape of the cell], which in turn is linked to the cell membrane. Therefore, the movement of motor proteins is thought to be transmitted through the cytoskeleton to the cell membrane, causing it to oscillate." "The uniform movement of motor proteins within the cell is thought to be behind the cellular sound," and these data support our idea to some extent.<br>
|
||||
Later, we were inspired by Drosophila melanogaster. The ion channel "Nan-IAV mode", which constitutes the mechanical transduction of hearing in Drosophila melanogaster, was expressed in Saccharomyces cerevisiae, and the downstream signal was amplified to the cytoskeleton by Tether(Suntag-SCFV), so as to realize the transition from mechanical stimulation to physiological activity. Observe the response of yeast cells to sound waves. Our experiments in Drosophila are further revealed, which fully reflects our ability to exploit the existing literature, extract its ion channels and express them in Saccharomyces cerevisiae, which shows our innovative ability<br>
|
||||
This way has been improved through gradual experiments. We have expanded the ways and methods of learning, not only learning from literature, but also obtaining corresponding inspiration in life. The principle of hearing, for example, is best demonstrated by the discovery of the animal kingdom. We have learned to associate knowledge with nature, reflecting the evolution of the process.<br>
|
||||
It also includes learning from the advice of others or growing in discussions with other groups. We both broadened our horizons, which greatly reduced our burdens and overcame many problems in the course of the experiment. We recognize that inspiration comes from many different sources and that it is through continuous integration that the best results are achieved.</p>
|
||||
<h2 id="diversity-and-inclusion" tabindex="-1"><a class="header-anchor" href="#diversity-and-inclusion" aria-hidden="true">#</a> Diversity and Inclusion</h2>
|
||||
<p>We disseminate knowledge of synthetic biology by giving a speech to visitors at the Science and Technology Museum.When popularizing biological knowledge,iGEM competition and the overview of this group of experiments for the public, we can use some languages that the public，which are non-professionals in the field of biological knowledge, can understand to explain to the public. For example, we can compare fungi to Lego, and genetic engineering to disassemble parts and install specific parts to drive specific functions.<br>
|
||||
<img src="https://static.igem.wiki/teams/4203/wiki/science-and-technology-museum3.jpg" alt="Students of Beijing No. 5 High School give speeches at the Science and Technology Museum" loading="lazy"></p>
|
||||
<blockquote>
|
||||
<p>Students of Beijing No. 5 High School give speeches at the Science and Technology Museum</p>
|
||||
</blockquote>
|
||||
<p>During this period, we learned the direct connection between biological knowledge and science and technology, which laid a good foundation for our project prospects. In addition, we learned how to develop the program into other aspects (such as medicine and physics) in the process of learning, which reflects the diversity and inclusiveness of the program.</p>
|
||||
</div></template>
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,4 @@
|
|||
<template><div><h1 id="placeholder" tabindex="-1"><a class="header-anchor" href="#placeholder" aria-hidden="true">#</a> Placeholder</h1>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-55909e8c\",\"path\":\"/project/description.html\",\"title\":\"Description\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Description\",\"description\":\"痤疮是一种常发于青春期的慢性炎症性皮肤病，在青少年人群中普遍存在，为患者身心健康带来较大影响。根据《临床皮肤科杂志.2019.48(9):583-588.》中数据显示，中国人群截面统计痤疮发病率为81%。3%～7%痤疮患者会遗留瘢痕。而目前有许多患者在得了痤疮后并没有及时到医院进行临床诊断，而临床医师对痤疮治疗的选择存在很大差异，有些治疗方法疗效不确定...\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/project/description.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Description\"}],[\"meta\",{\"property\":\"og:description\",\"content\":\"痤疮是一种常发于青春期的慢性炎症性皮肤病，在青少年人群中普遍存在，为患者身心健康带来较大影响。根据《临床皮肤科杂志.2019.48(9):583-588.》中数据显示，中国人群截面统计痤疮发病率为81%。3%～7%痤疮患者会遗留瘢痕。而目前有许多患者在得了痤疮后并没有及时到医院进行临床诊断，而临床医师对痤疮治疗的选择存在很大差异，有些治疗方法疗效不确定...\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-08-09T07:18:48.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-08-09T07:18:48.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Description\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-08-09T07:18:48.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[],\"git\":{\"createdTime\":1690522725000,\"updatedTime\":1691565528000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":2}]},\"readingTime\":{\"minutes\":2.56,\"words\":768},\"filePathRelative\":\"project/description.md\",\"localizedDate\":\"July 28, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<template><div><h1 id="inspiration" tabindex="-1"><a class="header-anchor" href="#inspiration" aria-hidden="true">#</a> Inspiration</h1>
|
||||
<p>痤疮是一种常发于青春期的慢性炎症性皮肤病，在青少年人群中普遍存在，为患者身心健康带来较大影响。根据《临床皮肤科杂志.2019.48(9):583-588.》中数据显示，中国人群截面统计痤疮发病率为81%。3%～7%痤疮患者会遗留瘢痕。而目前有许多患者在得了痤疮后并没有及时到医院进行临床诊断，而临床医师对痤疮治疗的选择存在很大差异，有些治疗方法疗效不确定，缺乏循证医学证据支持，个别方法甚至可能对患者造成损害。</p>
|
||||
<p>痤疮的产生有种种原因，主要以雄性激素及皮脂分泌过多、毛囊皮质腺导管的角化异常和痤疮丙酸杆菌在毛囊内增生是痤疮发病的主要原因。而据不完全统计，很多青少年因为课业压力过大，产生焦虑情绪等也会潜移默化地影响内分泌功能导致产生痤疮，而痤疮的患者也有很多还会对痤疮本身而导致容貌改变感到焦虑。因此，对于痤疮的治疗迫在眉睫。</p>
|
||||
<p>Placeholder: Human Practice 校园问卷</p>
|
||||
<p>经过我们对目前市面上痤疮相关护肤品的调查，大部分产品采用物理和化学方法对痤疮进行缓解，而我们采用了生物技术，运用工程菌支撑了更加天然的痤疮缓解产品。我们相信这种新颖、方便的技术将为市场带来新的变化，并带来巨大的社会和经济效益。</p>
|
||||
<h1 id="project" tabindex="-1"><a class="header-anchor" href="#project" aria-hidden="true">#</a> Project</h1>
|
||||
<p>通过查找文献，我们了解产生痤疮的主要原因之一是由于痤疮丙酸杆菌在毛囊中大量分泌卟啉引发炎症，所以如果我们能减少卟啉，便可以抑制炎症，从而减少痤疮的产生。根据我们查阅的文献，【卟啉和维生素b12在脸上的常驻菌群的合成通路有共同的中间产物（place），如果我们能让中间产物尽可能合成为维生素b12，这样便可以减少卟啉的产生。注意到一类细菌可以吸收维生素b12，我们决定使用一种普遍存在于人体的细菌——大肠杆菌来作为我们的底盘细菌。通过导入VB12转入蛋白基因使其吸收面部的VB12，从而迫使常驻菌群为了维持（稳态？）而将中间产物尽可能合成缺乏的维生素b12，进而减少卟啉的合成【拮抗】，抑制痤疮。<br>
|
||||
同时我们导入了VB12转出蛋白基因，从而使大肠杆菌在吸收完面部的VB12后可以进行回收，并导出以便用于对VB12的再利用<br>
|
||||
*当然，我们也向工程菌中导入了自杀系统以保证其不会对环境产生危害。】</p>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-0fff004c\",\"path\":\"/project/design.html\",\"title\":\"Design\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Design\",\"description\":\"\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/project/design.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Design\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Design\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-07-28T05:38:45.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[],\"git\":{\"createdTime\":1690522725000,\"updatedTime\":1690522725000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":1}]},\"readingTime\":{\"minutes\":0.02,\"words\":5},\"filePathRelative\":\"project/design.md\",\"localizedDate\":\"July 28, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<template><div><h1 id="design-a-natux" tabindex="-1"><a class="header-anchor" href="#design-a-natux" aria-hidden="true">#</a> Design a natux</h1>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-b533029c\",\"path\":\"/project/experiments.html\",\"title\":\"Experiments\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Experiments\",\"description\":\"对于2种培养基，我们根据所用菌的抗性分成三种类型，分别加入四环素粉末，100 mg/mL 的卡纳母液，和 50 mg/mL 的氨苄母液。 LB Agar ComponentQuality| :-::-:| 蛋白胨（tryptone）10.00 g/L| 酵母精粉（yeast extract）5.00 g/L| 食盐（NaCl）10.00 g/L| 琼脂...\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/project/experiments.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Experiments\"}],[\"meta\",{\"property\":\"og:description\",\"content\":\"对于2种培养基，我们根据所用菌的抗性分成三种类型，分别加入四环素粉末，100 mg/mL 的卡纳母液，和 50 mg/mL 的氨苄母液。 LB Agar ComponentQuality| :-::-:| 蛋白胨（tryptone）10.00 g/L| 酵母精粉（yeast extract）5.00 g/L| 食盐（NaCl）10.00 g/L| 琼脂...\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Experiments\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-07-28T05:38:45.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[{\"level\":2,\"title\":\"LB Agar\",\"slug\":\"lb-agar\",\"link\":\"#lb-agar\",\"children\":[]},{\"level\":2,\"title\":\"LB\",\"slug\":\"lb\",\"link\":\"#lb\",\"children\":[]},{\"level\":2,\"title\":\"菌种接种\",\"slug\":\"菌种接种\",\"link\":\"#菌种接种\",\"children\":[]},{\"level\":2,\"title\":\"菌株保存\",\"slug\":\"菌株保存\",\"link\":\"#菌株保存\",\"children\":[]}],\"git\":{\"createdTime\":1690522725000,\"updatedTime\":1690522725000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":1}]},\"readingTime\":{\"minutes\":1.03,\"words\":310},\"filePathRelative\":\"project/experiments.md\",\"localizedDate\":\"July 28, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<template><div><figure><img src="https://static.igem.wiki/teams/4203/wiki/experiment.jpg" alt="" tabindex="0" loading="lazy"><figcaption></figcaption></figure>
|
||||
<h1 id="培养基制备" tabindex="-1"><a class="header-anchor" href="#培养基制备" aria-hidden="true">#</a> 培养基制备</h1>
|
||||
<p>对于2种培养基，我们根据所用菌的抗性分成三种类型，分别加入四环素粉末，100 mg/mL 的卡纳母液，和 50 mg/mL 的氨苄母液。</p>
|
||||
<h2 id="lb-agar" tabindex="-1"><a class="header-anchor" href="#lb-agar" aria-hidden="true">#</a> LB Agar</h2>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align:center">Component</th>
|
||||
<th style="text-align:center">Quality</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="text-align:center">蛋白胨（tryptone）</td>
|
||||
<td style="text-align:center">10.00 g/L</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:center">酵母精粉（yeast extract）</td>
|
||||
<td style="text-align:center">5.00 g/L</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:center">食盐（NaCl）</td>
|
||||
<td style="text-align:center">10.00 g/L</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:center">琼脂（agar）</td>
|
||||
<td style="text-align:center">15.00 g/L</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h2 id="lb" tabindex="-1"><a class="header-anchor" href="#lb" aria-hidden="true">#</a> LB</h2>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align:center">Component</th>
|
||||
<th style="text-align:center">Quality</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="text-align:center">蛋白胨（tryptone）</td>
|
||||
<td style="text-align:center">10.00 g/L</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:center">酵母精粉（yeast extract）</td>
|
||||
<td style="text-align:center">5.00 g/L</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:center">食盐（NaCl）</td>
|
||||
<td style="text-align:center">10.00 g/L</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>四环自杀 氨苄导入 卡纳导出</p>
|
||||
<h2 id="菌种接种" tabindex="-1"><a class="header-anchor" href="#菌种接种" aria-hidden="true">#</a> 菌种接种</h2>
|
||||
<p>对于固体培养基，使用接种环用从平板中挑出单个菌落并放入培养基中。对于液体培养基，使用移液器枪进行转移。</p>
|
||||
<p>首先，在固体培养基上在上方快速划出三道横线，然后对接种环进行灼烧，然后旋转 90° 在第一步横线尾端进行同样操作两次，第三次旋转后不对接种环进行灼烧后再重复，注意最后横线尾端不与第一步横线相交。</p>
|
||||
<p>Placeholder Image of 接种流程</p>
|
||||
<h2 id="菌株保存" tabindex="-1"><a class="header-anchor" href="#菌株保存" aria-hidden="true">#</a> 菌株保存</h2>
|
||||
<p>培养过夜后，将500μL（或800μL）细菌溶液与EP管中的500μL（或800μL）30%甘油（灭菌）混合。管子保存在-80°C的冰箱中</p>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-c9bbfba2\",\"path\":\"/project/\",\"title\":\"Project\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Project\",\"article\":false,\"feed\":false,\"sitemap\":false,\"description\":\"\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/project/\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Project\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebPage\\\",\\\"name\\\":\\\"Project\\\"}\"]]},\"headers\":[],\"git\":{},\"readingTime\":{\"minutes\":0,\"words\":1},\"filePathRelative\":null,\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<template><div><AutoCatalog/></div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-06204252\",\"path\":\"/project/results.html\",\"title\":\"Results\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Results\",\"description\":\"\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/project/results.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Results\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Results\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-07-28T05:38:45.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[],\"git\":{\"createdTime\":1690522725000,\"updatedTime\":1690522725000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":1}]},\"readingTime\":{\"minutes\":0.02,\"words\":5},\"filePathRelative\":\"project/results.md\",\"localizedDate\":\"July 28, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<template><div><figure><img src="https://static.igem.wiki/teams/4203/wiki/experiment.jpg" alt="" tabindex="0" loading="lazy"><figcaption></figcaption></figure>
|
||||
<h1 id="placeholder" tabindex="-1"><a class="header-anchor" href="#placeholder" aria-hidden="true">#</a> Placeholder</h1>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-7de53cae\",\"path\":\"/safety.html\",\"title\":\"Safety\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Safety\",\"description\":\"\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/safety.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Safety\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-07-26T00:43:48.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-07-26T00:43:48.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Safety\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-07-26T00:43:48.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[],\"git\":{\"createdTime\":1686638509000,\"updatedTime\":1690332228000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":2}]},\"readingTime\":{\"minutes\":0.02,\"words\":5},\"filePathRelative\":\"safety.md\",\"localizedDate\":\"June 13, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<template><div><figure><img src="https://static.igem.wiki/teams/4203/wiki/safety.jpg" alt="" tabindex="0" loading="lazy"><figcaption></figcaption></figure>
|
||||
<h1 id="placeholder" tabindex="-1"><a class="header-anchor" href="#placeholder" aria-hidden="true">#</a> Placeholder</h1>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-7728d08c\",\"path\":\"/team/attributions.html\",\"title\":\"Table of Attributions\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Table of Attributions\",\"description\":\"⭐⭐⭐| Wetlab Aptamer Experiments For the SELEX of beta-amatoxin aptamers, rounds 1-11 were done by Katherine, and rounds 12-15 were done by Jacky. For the verification of binding...\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/team/attributions.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Table of Attributions\"}],[\"meta\",{\"property\":\"og:description\",\"content\":\"⭐⭐⭐| Wetlab Aptamer Experiments For the SELEX of beta-amatoxin aptamers, rounds 1-11 were done by Katherine, and rounds 12-15 were done by Jacky. For the verification of binding...\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Table of Attributions\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-07-28T05:38:45.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[{\"level\":2,\"title\":\"Wetlab\",\"slug\":\"wetlab\",\"link\":\"#wetlab\",\"children\":[]},{\"level\":2,\"title\":\"Hardware Experiments\",\"slug\":\"hardware-experiments\",\"link\":\"#hardware-experiments\",\"children\":[]},{\"level\":2,\"title\":\"Wiki Construction\",\"slug\":\"wiki-construction\",\"link\":\"#wiki-construction\",\"children\":[]},{\"level\":2,\"title\":\"Modeling\",\"slug\":\"modeling\",\"link\":\"#modeling\",\"children\":[]},{\"level\":2,\"title\":\"Human Practices\",\"slug\":\"human-practices\",\"link\":\"#human-practices\",\"children\":[]},{\"level\":2,\"title\":\"Propose the application of sound perception yeast:\",\"slug\":\"propose-the-application-of-sound-perception-yeast\",\"link\":\"#propose-the-application-of-sound-perception-yeast\",\"children\":[]}],\"git\":{\"createdTime\":1690522725000,\"updatedTime\":1690522725000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":1}]},\"readingTime\":{\"minutes\":3.14,\"words\":941},\"filePathRelative\":\"team/attributions.md\",\"localizedDate\":\"July 28, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<template><div><figure><img src="https://static.igem.wiki/teams/4203/wiki/attributionnew.jpg" alt="" tabindex="0" loading="lazy"><figcaption></figcaption></figure>
|
||||
<p>|⭐⭐⭐||</p>
|
||||
<figure><img src="https://static.igem.wiki/teams/4203/wiki/rreeeee.jpeg" alt="" tabindex="0" loading="lazy"><figcaption></figcaption></figure>
|
||||
<h1 id="details" tabindex="-1"><a class="header-anchor" href="#details" aria-hidden="true">#</a> Details</h1>
|
||||
<h2 id="wetlab" tabindex="-1"><a class="header-anchor" href="#wetlab" aria-hidden="true">#</a> Wetlab</h2>
|
||||
<p>Aptamer Experiments<br>
|
||||
For the SELEX of beta-amatoxin aptamers, rounds 1-11 were done by Katherine, and rounds 12-15 were done by Jacky.</p>
|
||||
<p>For the verification of binding of aptamers to the toxins, Katherine, Chloe, Max, Winnie and Jacky carried out ELONA assay for verifying alpha and beta aptamers' binding ability, and Katherine, Chloe, Jacky carried out Dot Blot experiments.</p>
|
||||
<p>scFv Polypeptide Experiments<br>
|
||||
Roger, Ginny, and Alex form the scFv production team of our project. They were involved in the production of this polypeptide using Escherichia coli.</p>
|
||||
<p>Roger, Ginny, and Alex carried out multiple ELISA assays to verify the binding specificity of scFv antibodies.</p>
|
||||
<p>Roger, Lambert, Ginny, Winnie and Alex are the workforce in all kinds of scFv purification and painful debugging.</p>
|
||||
<h2 id="hardware-experiments" tabindex="-1"><a class="header-anchor" href="#hardware-experiments" aria-hidden="true">#</a> Hardware Experiments</h2>
|
||||
<p>Katherine performed the conjugation of gold particles with reporter probe and aptamer, which is examined by absorbance peak shift.</p>
|
||||
<p>Katherine and Chloe performed in the toxin-test line immobilization on NC membrane which verifies the concept of a test line and proves the feasibility of Au nanoparticle.</p>
|
||||
<p>Katherine and Chloe incorporate the model designed by Katherine to the determination of the most sensitive concentration of aptamer for the detection in hardware, with the optimized thermal cycle number.</p>
|
||||
<h2 id="wiki-construction" tabindex="-1"><a class="header-anchor" href="#wiki-construction" aria-hidden="true">#</a> Wiki Construction</h2>
|
||||
<p>Zonghan built the overall structure and coded the major parts of the Vue and Vite CSS codes.</p>
|
||||
<p>Thanks to the open-source project Vite, VuePress and vuepress-theme-hope, we used these projects as the base of our wiki.</p>
|
||||
<p>Ying, Zhijin and other teammates gave valuable opinions on the website layout and design.</p>
|
||||
<h2 id="modeling" tabindex="-1"><a class="header-anchor" href="#modeling" aria-hidden="true">#</a> Modeling</h2>
|
||||
<p>Immobilization pad position model was completed by Max.</p>
|
||||
<p>Disassociation constant model was completed by Katherine.</p>
|
||||
<h2 id="human-practices" tabindex="-1"><a class="header-anchor" href="#human-practices" aria-hidden="true">#</a> Human Practices</h2>
|
||||
<p>Public Engagement and Education Outreach<br>
|
||||
Alex, Ginny, and Alice went to Shenzhen Youth Activity Centre to teach primary school children about electrophoresis, and other experiments as well as knowledge in Biology. Winnie was responsible for contacting and organization.</p>
|
||||
<p>Alex and Jerry are the SCIE iGEM ECA leaders, and many of us participated in the operation of the ECA: for example, Mandy, Jerry, and Alex prepared contents for our ECA courses.</p>
|
||||
<p>Winnie, Ginny, Evangeline, and Alex went up on stage and did the TEDx SCIE speech to spread knowledge of Synthetic Biology. Winnie was responsible for contacting and organization.</p>
|
||||
<p>Ginny, Winnie and Alex gave out presentation of our project to the attendees of Bluepha Synbio Summer Camp.</p>
|
||||
<p>Integrated Human Practices<br>
|
||||
Winnie, Ginny, Alice, Regina, Adonie, Max and Roger traveled to Guangzhou for visiting the Guangdong Institute of Microbiology and interviewed Professor Deng, and for climbing the Baiyun Mountain to collect mushroom samples.</p>
|
||||
<p>Chloe and Katherine designed the questionnaires to investigate the potential users and the public's opinions on our product.</p>
|
||||
<p>Chloe and Katherine contacted and arranged Zoom meetings with Dr. Candace Bever, Dr. Ciara O'Sullivan, Dr. Miriam Jauset-Rubio, and Dr.Strzałka, the rest of the team also attended the meetings.</p>
|
||||
<p>Ginny contacted and arranged a Zoom meeting with EPFL iGEM 2019, and Ginny, Chloe, Katherine, Adonie, Alex, Lambert, and Jerry participated in the meeting.</p>
|
||||
<p>Evangeline contacted and interviewed the emergency department doctor, Dr. Ying Yang.</p>
|
||||
<p>Jacky and Ginny have written the script and recorded our CCiC presentation, Winnie, Mandy, and Evangeline created our CCiC poster.</p>
|
||||
<p>Chloe chatted with the potential users of our product online and obtained great suggestions and feedback.</p>
|
||||
<p>Art, Design, Photography, Video Editing and Music<br>
|
||||
Winnie was responsible for designing the whole wiki page and illustration(including that cute loading animation on the wiki) as well as designing gifts for people who helped the team.</p>
|
||||
<p>Winnie was the director of our Promotion Video.</p>
|
||||
<p>Ginny, Winnie, and Jerry have written the lyrics of the song in our Promotion Video, and Max, Ginny, Winnie, Katherine, and Chloe helped in composing and recording the song.</p>
|
||||
<p>Lambert edited all of our videos.</p>
|
||||
<p>Winnie and Alice have drawn artworks we used in the presentations of our project (e.g. Wiki, promotion video, presentation posters, presentation PowerPoint background et cetera.)</p>
|
||||
<p>Max designed the team logo, the ShroomSweeper logo, and some of the website elements used in our Wiki.</p>
|
||||
<h2 id="propose-the-application-of-sound-perception-yeast" tabindex="-1"><a class="header-anchor" href="#propose-the-application-of-sound-perception-yeast" aria-hidden="true">#</a> Propose the application of sound perception yeast:</h2>
|
||||
<p>Thank you to everyone who helped the team achieve success. First of all, we would like to thank the school for providing us with the opportunity to participate in the iGEM competition and the financial support. It is impossible for a high school team to complete this project without the support of the school. Secondly, I would like to thank our tutor (Zhang Hongjun) and team leader (Xiang Biyun). It was Zhang who initially proposed the intention of participating in the competition and recruited interested students to form the student team, which also served as a bridge between the student team and the school. On the other hand, Teacher Xiang led the student team to conduct experimental operation training and explain basic knowledge. During the tutoring period, she made strict demands on us and always reminded us to pay attention to laboratory safety. In order to ensure that the teacher would be present when we did the experiment, she even stayed at the school overnight. Then we would like to thank the companies that helped us synthesize the genes and provide the equipment during the experiment (I can add names to this section, but I don't know what they are), and MathWorks for their software support. Finally, we would like to thank our parents for their understanding and support.</p>
|
||||
<p>In addition, the laboratory is provided by Beijing No.5 High School and the Wiki guidance is provided by Niu Zishan's relatives Nie Zhijun and Dong Xin.Presentation coaching is provided by BUN-China.</p>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-9ae4afdc\",\"path\":\"/team/collaborations.html\",\"title\":\"Collaborations\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Collaborations\",\"description\":\"Placeholder\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/team/collaborations.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Collaborations\"}],[\"meta\",{\"property\":\"og:description\",\"content\":\"Placeholder\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Collaborations\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-07-28T05:38:45.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[{\"level\":2,\"title\":\"Placeholder\",\"slug\":\"placeholder\",\"link\":\"#placeholder\",\"children\":[]}],\"git\":{\"createdTime\":1690522725000,\"updatedTime\":1690522725000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":1}]},\"readingTime\":{\"minutes\":0.01,\"words\":3},\"filePathRelative\":\"team/collaborations.md\",\"localizedDate\":\"July 28, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<template><div><h2 id="placeholder" tabindex="-1"><a class="header-anchor" href="#placeholder" aria-hidden="true">#</a> Placeholder</h2>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-15550a19\",\"path\":\"/team/\",\"title\":\"Team\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Team\",\"article\":false,\"feed\":false,\"sitemap\":false,\"description\":\"\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/team/\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Team\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebPage\\\",\\\"name\\\":\\\"Team\\\"}\"]]},\"headers\":[],\"git\":{},\"readingTime\":{\"minutes\":0,\"words\":1},\"filePathRelative\":null,\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<template><div><AutoCatalog/></div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-5027ebd7\",\"path\":\"/team/team-members.html\",\"title\":\"Team Members\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Team Members\",\"description\":\"Placeholder\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/team/team-members.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Team Members\"}],[\"meta\",{\"property\":\"og:description\",\"content\":\"Placeholder\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Team Members\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-07-28T05:38:45.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[{\"level\":2,\"title\":\"Placeholder\",\"slug\":\"placeholder\",\"link\":\"#placeholder\",\"children\":[]}],\"git\":{\"createdTime\":1690522725000,\"updatedTime\":1690522725000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":1}]},\"readingTime\":{\"minutes\":0.02,\"words\":6},\"filePathRelative\":\"team/team-members.md\",\"localizedDate\":\"July 28, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<template><div><figure><img src="https://static.igem.wiki/teams/4203/wiki/team.jpg" alt="" tabindex="0" loading="lazy"><figcaption></figcaption></figure>
|
||||
<h2 id="placeholder" tabindex="-1"><a class="header-anchor" href="#placeholder" aria-hidden="true">#</a> Placeholder</h2>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
export const data = JSON.parse("{\"key\":\"v-729d9aba\",\"path\":\"/team/team.html\",\"title\":\"Team\",\"lang\":\"en-US\",\"frontmatter\":{\"title\":\"Team\",\"description\":\"Division mathematical modeling: Aoyu Tie, Zongjun Li, Yuchu Song, Xin Tong, Xinlun Li art designing and wiki: Yixuan Wang, Shangwen Yan, Yiheng Zhang, Yitian Bie, Zishan Niu, Ch...\",\"head\":[[\"meta\",{\"property\":\"og:url\",\"content\":\"https://i.bj5hs.top/bjwz-china/team/team.html\"}],[\"meta\",{\"property\":\"og:site_name\",\"content\":\"BJWZ-China\"}],[\"meta\",{\"property\":\"og:title\",\"content\":\"Team\"}],[\"meta\",{\"property\":\"og:description\",\"content\":\"Division mathematical modeling: Aoyu Tie, Zongjun Li, Yuchu Song, Xin Tong, Xinlun Li art designing and wiki: Yixuan Wang, Shangwen Yan, Yiheng Zhang, Yitian Bie, Zishan Niu, Ch...\"}],[\"meta\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"meta\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"meta\",{\"property\":\"og:updated_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"meta\",{\"property\":\"article:modified_time\",\"content\":\"2023-07-28T05:38:45.000Z\"}],[\"script\",{\"type\":\"application/ld+json\"},\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Team\\\",\\\"image\\\":[\\\"\\\"],\\\"dateModified\\\":\\\"2023-07-28T05:38:45.000Z\\\",\\\"author\\\":[]}\"]]},\"headers\":[{\"level\":2,\"title\":\"Division\",\"slug\":\"division\",\"link\":\"#division\",\"children\":[]},{\"level\":2,\"title\":\"Methods of publicity\",\"slug\":\"methods-of-publicity\",\"link\":\"#methods-of-publicity\",\"children\":[]},{\"level\":2,\"title\":\"Thank you to everyone who helped the team achieve success\",\"slug\":\"thank-you-to-everyone-who-helped-the-team-achieve-success\",\"link\":\"#thank-you-to-everyone-who-helped-the-team-achieve-success\",\"children\":[]}],\"git\":{\"createdTime\":1690522725000,\"updatedTime\":1690522725000,\"contributors\":[{\"name\":\"Nofated095\",\"email\":\"nofated095@outlook.com\",\"commits\":1}]},\"readingTime\":{\"minutes\":1.25,\"words\":376},\"filePathRelative\":\"team/team.md\",\"localizedDate\":\"July 28, 2023\",\"autoDesc\":true}")
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<template><div><figure><img src="https://static.igem.wiki/teams/4203/wiki/team.jpg" alt="" tabindex="0" loading="lazy"><figcaption></figcaption></figure>
|
||||
<h2 id="division" tabindex="-1"><a class="header-anchor" href="#division" aria-hidden="true">#</a> Division</h2>
|
||||
<p>mathematical modeling: Aoyu Tie, Zongjun Li, Yuchu Song, Xin Tong, Xinlun Li</p>
|
||||
<p>art designing and wiki: Yixuan Wang, Shangwen Yan, Yiheng Zhang, Yitian Bie, Zishan Niu, Chuqiao Lin</p>
|
||||
<p>HP: Yuange Wen, Yufeng Lyu, Yuanqi Liu, Yuechen Wang, Hongyi Lyu, Mingyang Xu</p>
|
||||
<p>time table: in the table</p>
|
||||
<h2 id="methods-of-publicity" tabindex="-1"><a class="header-anchor" href="#methods-of-publicity" aria-hidden="true">#</a> Methods of publicity</h2>
|
||||
<p>We disseminate knowledge of synthetic biology by giving a speech to visitors at the Science and Technology Museum. When popularizing biological knowledge,iGEM competition and the overview of this group of experiments for the public, we can use some languages that the public，which are non-professionals in the field of biological knowledge, can understand to explain to the public. For example, we can compare fungi to Lego, and genetic engineering to disassemble parts and install specific parts to drive specific functions.</p>
|
||||
<h2 id="thank-you-to-everyone-who-helped-the-team-achieve-success" tabindex="-1"><a class="header-anchor" href="#thank-you-to-everyone-who-helped-the-team-achieve-success" aria-hidden="true">#</a> Thank you to everyone who helped the team achieve success</h2>
|
||||
<p>First of all, we would like to thank the school for providing us with the opportunity to participate in the iGEM competition and the financial support. It is impossible for a high school team to complete this project without the support of the school.</p>
|
||||
<p>Secondly, We would like to thank our tutor (Zhang Hongjun) and team leader (Xiang Biyun). It was Zhang who initially proposed the intention of participating in the competition and recruited interested students to form the student team, which also served as a bridge between the student team and the school.</p>
|
||||
<p>On the other hand, Teacher Xiang led the student team to conduct experimental operation training and explain basic knowledge. During the tutoring period, she made strict demands on us and always reminded us to pay attention to laboratory safety. In order to ensure that the teacher would be present when we did the experiment, she even stayed at the school overnight.</p>
|
||||
<p>Then we would like to thank the companies that helped us synthesize the genes and provide the equipment during the experiment , and MathWorks for their software support.</p>
|
||||
<p>Finally, we would like to thank our parents for their understanding and support. In addition, the laboratory is provided by Beijing No. 5 High School, and the Wiki guidance is provided by Niu Zishan's relatives Nie Zhijun and Dong Xin.Presentation coaching is provided by BUN-China.</p>
|
||||
</div></template>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
@import "file:///C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-theme-hope/templates/palette/palette.scss";
|
||||
@import "file:///C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-theme-hope/templates/palette/config.scss";
|
||||
@import "file:///C:/Users/Nofated/Code/bjwz-china/src/.vuepress/styles/palette.scss";
|
||||
@import "file:///C:/Users/Nofated/Code/bjwz-china/src/.vuepress/styles/config.scss";
|
||||
@import "file:///C:/Users/Nofated/Code/bjwz-china/node_modules/vuepress-theme-hope/templates/palette/generator.scss";
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue