|
1 | | -# Project Group OASIS — Starter Website & README Kit |
| 1 | +# basic_OASIS |
2 | 2 |
|
3 | | -This guide is written for people who may be brand new to GitHub. It will show you, step by step, how to use this repository as both: |
| 3 | +This repository has been reduced to the essentials: |
4 | 4 |
|
5 | | -1. A **website** to communicate your science to others. |
6 | | -2. A **hub for sharing code** within your group. |
| 5 | +- A README. |
| 6 | +- A minimal MkDocs website in `docs/`. |
7 | 7 |
|
| 8 | +## Local preview |
8 | 9 |
|
9 | | -**Template users:** If you are using this repository as a template, start with [TEMPLATE_GUIDE.md](TEMPLATE_GUIDE.md) for the required name and link updates. |
10 | | - |
11 | | ---- |
12 | | - |
13 | | -## 1) Understanding the Repository |
14 | | - |
15 | | -Think of this repository like a **shared online folder**. Inside it, there are a few important parts: |
16 | | - |
17 | | -* **README.md** — This file (what you are reading now). It explains how things work. |
18 | | -* **data/** — Optional. Small datasets can go here. |
19 | | -* **outputs/** — Optional. Figures, results, and reports can go here. |
20 | | - |
21 | | -### Storage |
22 | | - |
23 | | -- **Code (`code/`)** — Share scripts, notebooks, and analysis utilities. Keep filenames clear and include short comments at the top so teammates understand the purpose quickly. |
24 | | -- **Documentation (`docs/` and `documentation/`)** — Everything inside `docs/` powers the public website, while `documentation/` can host internal notes or extended write-ups. Update these areas regularly so the story on the site and your working docs stay in sync. |
25 | | - |
26 | | ---- |
27 | | - |
28 | | -## 2) How to Update the Website |
29 | | - |
30 | | -The website is built from the `docs/` folder. Every time you change a file there, the website updates automatically. |
31 | | - |
32 | | -### Step by Step |
33 | | - |
34 | | -1. In the repository, click the **docs/** folder. |
35 | | -2. Click on `index.md`. This is the home page of your website. |
36 | | -3. In the top right, click the pencil icon (✏️) to edit. |
37 | | -4. Change the text to describe your project (for example, add your team’s name and a short description of what you’re studying). |
38 | | -5. Scroll down. In the **Commit changes** box, write a short message like `updated homepage with project info`. |
39 | | -6. Click **Commit changes**. |
40 | | - |
41 | | -> That’s it! In about a minute, refresh your website link and you’ll see your changes. |
42 | | -
|
43 | | -**Note:** If your website is not set up yet, go to **Settings → Pages → Build and deployment**. Set the Source to **Deploy from a branch**, then choose `main` and `/docs`. GitHub will give you a link to your site. |
44 | | - |
45 | | ---- |
46 | | - |
47 | | -## 3) How to Share Code |
48 | | - |
49 | | -Code lives in the `src/` folder. You can put scripts, Jupyter notebooks, or R files here. |
50 | | - |
51 | | -### Step by Step |
52 | | - |
53 | | -1. In the repository, click the **src/** folder. |
54 | | -2. Click **Add file → Upload files** (to add something from your computer), or **Create new file**. |
55 | | -3. Name your file something clear, like `data_cleaning.py` or `fire_analysis.R`. |
56 | | -4. At the top of the file, write a short comment about what the code does. |
57 | | -5. Scroll down, write a commit message like `added first data cleaning script`, and click **Commit changes**. |
58 | | - |
59 | | -Now your teammates can see and use your code. |
60 | | - |
61 | | ---- |
62 | | - |
63 | | -## 4) Common Tasks |
64 | | - |
65 | | -* **Add a new webpage:** Create a new `.md` file inside `docs/` (like `methods.md`). It will become a new page on your site. |
66 | | -* **Add a picture:** Put the file in `docs/assets/` and add it to a page with ``. |
67 | | -* **Add team members:** Edit `docs/team.md` to add names and roles. |
68 | | - |
69 | | ---- |
70 | | - |
71 | | -## 5) Tips for Beginners |
72 | | - |
73 | | -* Don’t worry about breaking things — everything can be fixed, and old versions are saved. |
74 | | -* Small updates are valuable. Even a one-line change is a real contribution. |
75 | | -* Write commit messages as if explaining to your future self. |
76 | | -* Large data files (over \~50 MB) should not go in GitHub. Instead, link to them from the `data/` page. |
77 | | - |
78 | | ---- |
79 | | - |
80 | | -## 6) Learn More |
81 | | - |
82 | | -* [GitHub Pages basics](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages) |
83 | | -* [Editing files in your browser](https://docs.github.com/en/repositories/working-with-files/managing-files/editing-files) |
84 | | - |
85 | | ---- |
86 | | - |
87 | | -## 7) First Things to Try |
88 | | - |
89 | | -1. Edit the `docs/index.md` file and add your project description. |
90 | | -2. Add yourself to the `docs/team.md` page. |
91 | | -3. Upload your first code file to the `src/` folder. |
92 | | -4. Refresh your website link and see your changes live. |
93 | | - |
94 | | -Congratulations — you’re now using GitHub to communicate your science and share code! |
95 | | - |
96 | | ---- |
97 | | - |
98 | | -## Beginner Mode: From zero to website (no command line) |
99 | | - |
100 | | -> This section is written for someone who has **never used GitHub**. Follow it in order. You can do all of this in your web browser. |
101 | | -
|
102 | | -### What you need |
103 | | - |
104 | | -* A GitHub account (free). If you don’t have one: [https://github.com](https://github.com) → **Sign up**. |
105 | | -* A link to your group’s repository (ask your instructor/lead if you don’t have it). |
106 | | - |
107 | | -### Step 1 — Join your group’s repo |
108 | | - |
109 | | -1. Open the invitation link you received by email or in GitHub notifications. |
110 | | -2. Click **Accept invitation**. You now have permission to edit. |
111 | | - |
112 | | -**Why this matters:** GitHub only lets approved people change files. Accepting the invite gives you access. |
113 | | - |
114 | | -### Step 2 — Open the project home |
115 | | - |
116 | | -1. Visit your repository link (it looks like `https://github.com/ORG/Project_group_OASIS`). |
117 | | -2. You’ll see folders like `docs/`, `src/`, and files like `README.md`. |
118 | | - |
119 | | -**Why this matters:** This is the “front door” to your project’s files. |
120 | | - |
121 | | -### Step 3 — Turn on the website (GitHub Pages) |
122 | | - |
123 | | -1. Click **Settings** (top menu of the repo). |
124 | | -2. In the left sidebar, click **Pages**. |
125 | | -3. Under **Build and deployment → Source**, choose **Deploy from a branch**. |
126 | | -4. Under **Branch**, choose **main** and **/docs** folder. |
127 | | -5. Click **Save**. A green box will show the site link after it builds (usually 1–2 minutes). |
128 | | - |
129 | | -**Why this matters:** This tells GitHub to publish everything inside `docs/` as a website. |
130 | | - |
131 | | -### Step 4 — Edit the homepage text |
132 | | - |
133 | | -1. Click the **Code** tab to return to the file view. |
134 | | -2. Open the `docs/` folder → click `index.md`. |
135 | | -3. Click the **pencil icon** to edit. |
136 | | -4. Change the title and first paragraph so they describe your project. |
137 | | -5. Scroll to the bottom, write a short **Commit message** (for example: `update homepage`). |
138 | | -6. Click **Commit changes**. |
139 | | - |
140 | | -**Why this matters:** Saving (committing) creates a new version of your page and triggers the website to rebuild. |
141 | | - |
142 | | -### Step 5 — See your changes online |
143 | | - |
144 | | -1. Go back to **Settings → Pages** (or use the link shown there). |
145 | | -2. Open your site in a new tab. |
146 | | -3. Refresh after a minute if you don’t see changes yet. |
147 | | - |
148 | | -**Why this matters:** Now you can share a public link to your project. |
149 | | - |
150 | | -### Step 6 — Add a new page |
151 | | - |
152 | | -1. In the `docs/` folder, click **Add file → Create new file**. |
153 | | -2. Name it something like `methods.md`. |
154 | | -3. Paste a small outline (what, why, how) and click **Commit changes**. |
155 | | -4. To add it to the top navigation, open `docs/_config.yml`, find `header_pages:`, and add `- methods.md` on its own line. Commit. |
156 | | - |
157 | | -**Why this matters:** You can grow your site one page at a time. |
158 | | - |
159 | | -### Step 7 — Add an image |
160 | | - |
161 | | -1. Open `docs/assets/` → **Add file → Upload files** → pick your image. |
162 | | -2. In a page (e.g., `index.md`), insert: `` and commit. |
163 | | - |
164 | | -**Why this matters:** Images help explain your science. |
165 | | - |
166 | | -### Step 8 — Share code with the team |
167 | | - |
168 | | -1. Open the `src/` folder → **Add file** → upload a script or create a new file. |
169 | | -2. At the top of the file, write 2–3 lines that explain what it does, inputs, and outputs. |
170 | | -3. Commit changes. |
171 | | -4. In `docs/code.md`, add a short bullet linking to your file, e.g. `- src/pipeline.py — end-to-end pipeline` and commit. |
172 | | - |
173 | | -**Why this matters:** The website becomes a clear map that points to your working code. |
174 | | - |
175 | | -### Step 9 — Post an update |
176 | | - |
177 | | -1. Open `docs/updates.md` → pencil icon. |
178 | | -2. Add a new dated section (copy the example) with 1–3 bullets of what changed. |
179 | | -3. Commit. |
180 | | - |
181 | | -**Why this matters:** Small updates build a readable project history. |
182 | | - |
183 | | -### Step 10 — Share the site link |
184 | | - |
185 | | -* Copy the Pages URL from **Settings → Pages** and send it to your group or stakeholders. |
186 | | - |
187 | | -**You’re done.** You’ve published a site and shared code without using the command line. |
188 | | - |
189 | | ---- |
190 | | - |
191 | | -## Quick‑start checklist (printable) |
192 | | - |
193 | | -* [ ] I can open the repo and see `docs/`, `src/`, and `README.md`. |
194 | | -* [ ] Pages is enabled: **main** + **/docs**. |
195 | | -* [ ] I edited `docs/index.md` and committed changes. |
196 | | -* [ ] I can open the public site link and see my edits. |
197 | | -* [ ] I added or uploaded one script to `src/`. |
198 | | -* [ ] I linked that script from `docs/code.md`. |
199 | | -* [ ] I posted one dated entry in `docs/updates.md`. |
200 | | - |
201 | | ---- |
202 | | - |
203 | | -## Plain‑language glossary |
204 | | - |
205 | | -* **Repository (repo):** Your project’s online folder. |
206 | | -* **Commit:** A saved change with a short note. Think “Save with a message.” |
207 | | -* **Branch:** A workspace for changes. Beginners can stay on **main**. |
208 | | -* **Pull request (PR):** A proposal to merge changes. Useful later; optional for now. |
209 | | -* **GitHub Pages:** A way to turn files in `docs/` into a website. |
210 | | -* **Markdown (`.md`):** A simple text format for writing pages with headings, links, and images. |
211 | | - |
212 | | ---- |
213 | | - |
214 | | -## Troubleshooting (common fixes) |
215 | | - |
216 | | -**I don’t see the Pages option.** |
217 | | -You might not have permission. Ask your lead to enable it, or ensure you’re in the repository’s **Settings** (not your user settings). |
218 | | - |
219 | | -**My site URL shows 404.** |
220 | | -Wait 1–2 minutes after enabling Pages or after a commit. Refresh. Confirm **Source** is set to **Deploy from a branch** and **Branch** = `main` and **Folder** = `/docs`. |
221 | | - |
222 | | -**My changes didn’t appear.** |
223 | | -Refresh the site. Confirm you edited a file inside `docs/`. Check commit history on the repo’s home page to see if your change saved. |
224 | | - |
225 | | -**Images don’t load.** |
226 | | -Make sure the image is inside `docs/assets/` and the link is `` (no leading slash). |
227 | | - |
228 | | -**I uploaded a big file and got an error.** |
229 | | -GitHub limits file size. Keep data small in the repo. Link to external storage for big datasets. |
230 | | - |
231 | | -**I’m afraid of breaking things.** |
232 | | -Every change is tracked. You can always edit again or revert. Small, frequent commits are safest. |
233 | | - |
234 | | ---- |
235 | | - |
236 | | -## Teaching notes (why this pedagogy works) |
237 | | - |
238 | | -* **Immediate reward:** Editing `index.md` shows a visible website change fast. |
239 | | -* **One mental model:** “Files in `docs/` become web pages.” |
240 | | -* **Low friction:** No installs or command line required. |
241 | | -* **Narrated steps:** Each action explains *why* it matters to build understanding. |
242 | | - |
243 | | ---- |
244 | | - |
245 | | -## Next level (optional, later) |
246 | | - |
247 | | -* Use branches + pull requests for review before merging to `main`. |
248 | | -* Add a `requirements.txt` or `environment.yml` to document software packages. |
249 | | -* Create a `CONTRIBUTING.md` with team norms (naming, reviews, issue labels). |
250 | | -* Add automatic checks (CI) to run tests when code changes. |
251 | | - |
| 10 | +```bash |
| 11 | +pip install mkdocs mkdocs-material |
| 12 | +mkdocs serve |
| 13 | +``` |
0 commit comments