week01 completed with text and pictures + picture added on index.html + signed...

week01 completed with text and pictures + picture added on index.html + signed student agreement added on about.html

public/about.html

@@ -72,7 +72,40 @@
 
                   <p>My heart is filled with love for pets, that's why my Fab Academy project would obviously be for them ! ;)</p>
                 </section>
+                <section>
+                  <h2>Agreement</h2>
+                  <p>The Fab Academy is responsible for:</p>
+                  <ul>
+                    <li>Teaching principles and practices of digital fabrication</li>
+                    <li>Arranging lectures, recitations, meetings, and events for the class</li>
+                    <li>Evaluating and providing feedback on student work</li>
+                    <li>Offering clear standards for completing assignments</li>
+                    <li>Certifying and archiving student progress</li>
+                    <li>Supervising class preparation</li>
+                    <li>Reviewing prospective students, instructors, and labs</li>
+                    <li>Providing central staff and infrastructure for students, instructors, and labs</li>
+                    <li>Fund-raising for costs not covered by student tuition</li>
+                    <li>Managing and reporting on the program's finances, results, and impacts</li>
+                    <li>Publicizing the program</li>
+                    <li>Promoting a respectful environment free of harassment and discrimination</li>
+                  </ul>
 
+                <p>I am a Fab Academy student, responsible for:</p>
+                  <ul>
+                    <li>Attending class lectures and participating in reviews</li>
+                    <li>Developing and documenting projects assigned to introduce and demonstrate skills</li>
+                    <li>Allowing the Fab Academy to share my work (with attribution) in the class for purposes compatible with its mission</li>
+                    <li>Honestly reporting on my work, and appropriately attributing the work of others</li>
+                    <li>Working safely</li>
+                    <li>Leaving workspaces in the same (or better) condition than I found them</li>
+                    <li>Participating in the upkeep of my lab</li>
+                    <li>Ensuring that my tuition to cover local and central class costs is covered</li>
+                    <li>Following locally applicable health and safety guidance</li>
+                    <li>Promoting a respectful environment free of harassment and discrimination</li>
+                  </ul>
+                <P>Signed by committing this file in my repository,</p>
+                <p><i>Charlotte Vandenbulcke</i></p>
+                </section>
             </div>
 
           </div>

public/assignments/week01.html

@@ -43,9 +43,13 @@
 
                       <p>I'm discovering the Git and GitLab "universes". All this is completely new for me so I had to search for several tutorials explaining it in a "for dummies" way !</p>
 
-                      <p>I found videos <strong><u>in french</u></strong> made by <a href="https://grafikart.fr/" target="_blank">Grafikart</a> that are really well done. I knew them already as they helped me learn more about creating websites by coding several years ago (at least 10).</p>
+                      <p>I found videos <u>in french</u> made by <a href="https://grafikart.fr/" target="_blank">Grafikart</a> that are really well done. I knew them already as they helped me learn more about creating websites by coding several years ago (at least 10).</p>
 
-                      <p>These tutorials can be found on Youtube <a href="https://youtube.com/playlist?list=PLjwdMgw5TTLXuY5i7RW0QqGdW0NZntqiP&si=DFfrT0y93gfqR4mq">here</a>.</p>
+                      <span class="image object">
+                        <a href="https://youtube.com/playlist?list=PLjwdMgw5TTLXuY5i7RW0QqGdW0NZntqiP&si=DFfrT0y93gfqR4mq" target="_blank"><img src="../images/grafikart.jpg" alt="Printscreen of the Grafikart's Youtube Git course playlist" /></a>
+                      </span>
+  
+                      <p>These tutorials can be found on Youtube <a href="https://youtube.com/playlist?list=PLjwdMgw5TTLXuY5i7RW0QqGdW0NZntqiP&si=DFfrT0y93gfqR4mq" target="_blank">here</a>.</p>
 
                       <p>I'm used to document on paper so I prepared a notebook (that I customed with cat stickers and self-cutted separators :) ) in which I added a planner for each week (that I try to follow, but not always succeed to it ! ^^')</p>
 
@@ -54,22 +58,59 @@
                     <section>
                       <h3>Learning Git</h3>
 
-                      <p>First I watched a short 5min video about what it is. It still is a bit unclear for me on why to use Git but I'm sure it will get clearer once I'll use it regularly.</p>
+                      <p>First I watched a short <a href="https://www.youtube.com/watch?v=gGKZLfPYORs&list=PL7hQXLUOTdVEyqpNN5AmfE5TG1hlAIdqN&index=6&ab_channel=BandedeCodeurs" target="_blank">5min video</a> <u>in french</u> about what it is. It still is a bit unclear for me on why to use Git but I'm sure it will get clearer once I'll use it regularly.</p>
 
-                      <p>We've already installed Git on my computer with my instructor, Sylvain Denis, but as I didn't take notes nor remember the steps, I watched and followed the Grafikart video (in french) on how to install it.</p>
+                      <span class="image object">
+                        <a href="https://www.youtube.com/watch?v=gGKZLfPYORs&list=PL7hQXLUOTdVEyqpNN5AmfE5TG1hlAIdqN&index=6&ab_channel=BandedeCodeurs" target="_blank"><img src="../images/bande-de-codeur.jpg" alt="Printscreen of the Bande de Codeur's Youtube 5min Git video" /></a>
+                      </span>
 
-                      <p>I've learned how to check that everything is well installed on the computer by using " git help + enter"</p>
+                      <p>We've already installed Git on my computer with my instructor, Sylvain Denis, and so he teached me :</p>
+                      <ul>
+                        <li>to find the right folder with "cd",</br>
+                          <pre><code>cd "file name"</code></pre></li>
+                        <li>to check that the modified files are taken into account with "git status",</br>
+                          <pre><code>git status</code></pre></li> 
+                        <li>to select only the modified files with "add -A",</br>
+                          <pre><code>git add -A</code></pre></li>
+                        <li>comment your modifications to remind you later with "git commit -m",</br>
+                          <pre><code>git commit -m "your comment"</code></pre></li>
+                        <li>to finally load your modified files + comments on Gitlab with "git push"</br>
+                          <pre><code>git push</code></pre></li>
 
-                      <p>After that, I learned how to add a folder with Windows "cmd" and to initialize Git in it. A good information was to tell me that I don't have to push the whole folder on my online repository as the ".git" folder contains too many files and is not needed.</p> 
+                      <blockquote>Note : you don't have to push the whole folder on your online repository as the ".git" folder contains too many files and is not needed.</blockquote>
+
+                      <p>As I forgot to take notes to remember the steps at that time, I watched and followed (again) the <a href="https://www.youtube.com/watch?v=G0UV0jKgV4Y&list=PLjwdMgw5TTLXuY5i7RW0QqGdW0NZntqiP&index=2&ab_channel=Grafikart.fr" target="_blank">Grafikart video</a> (in french) on how to install it.</p>
+
+                      <span class="image object">
+                        <a href="https://www.youtube.com/watch?v=G0UV0jKgV4Y&list=PLjwdMgw5TTLXuY5i7RW0QqGdW0NZntqiP&index=2&ab_channel=Grafikart.fr" target="_blank"><img src="../images/install-git-grafikart.jpg" alt="Printscreen of the Grafikart's Youtube how-to install Git video" /></a>
+                      </span>
+
+                      <p>With this video I've also learned how to check that everything is well installed on the computer by using " git help"</p>
+
+                      <pre><code>git help</code></pre>
+
+                      <p>After that, I learned how to add a folder with "mkdir" and to initialize Git in it.</p>
+                      <pre><code>mkdir file-name</code></pre>
+                      <pre><code>git init</code></pre>
 
                       <p>Next step was to configure my user name and email by using "git config --global user.name" and "git config --global user.email".</p>
+                      <pre><code>git config --global user.name "your name"</code></pre>
+                      <pre><code>git config --global user.email "your email"</code></pre>
 
-                      <p>It still isn't easy to find my way in the Git universe and its use so I have to continue learning about it step-by-step !</P>
+                      <p>There's not so much to remember so I'm sure it will become easier after using it repeatedly ! :)</P>
                     </section>
                     <section>
                       <h3>My Project</h3>
 
-                      <p>I searched for images of existing pet items to get inspired and made a moodboard with them.</p>
+                      <p>I searched for images of existing pet items to get inspired and made a <a href="https://pin.it/7dmomgOIu" target="_blank">Pinterest pinboard</a> with them.</p>
+
+                      <span class="image object">
+                        <a href="https://pin.it/7dmomgOIu" target="_blank"><img src="../images/pinterest-pinboard1.jpg" alt="Printscreen of my Fab Academy project's pinboard on Pinterest" /></a>
+                      </span>
+                      <span class="image object">
+                        <a href="https://pin.it/7dmomgOIu" target="_blank"><img src="../images/pinterest-pinboard2.jpg" alt="Printscreen of more pictures of my Fab Academy project's pinboard on Pinterest" /></a>
+                      </span>
+
                     </section>
                   </div>
                 </section>

public/index.html

@@ -38,11 +38,11 @@
                     <p>Hereby you'll find all the steps, files, failures and successes in my "DIY Modular Pet House and Accessories" project !</p>
                     <p><strong>Enjoy and feel free to discuss with me about it !</strong></p>
                     <ul class="actions">
-                      <li><a href="about.hmtl" class="button big">Contact me</a></li>
+                      <li><a href="about.html" class="button big">Contact me</a></li>
                     </ul>
                   </div>
                   <span class="image object">
-                    <img src="images/pic10.jpg" alt="" />
+                    <img src="images/fab-academy-2024.jpg" alt="" />
                   </span>
                 </section>