diff --git a/public/404.html b/public/404.html
index 321462869f1fdfdcd7bd25f55e8c2b15e4f775da..f1d6bfcf9e8218f62aec7d6d426593adcf6bdc04 100644
--- a/public/404.html
+++ b/public/404.html
@@ -52,6 +52,10 @@
 <li>
     <a href="/assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
 </li>
+                                    
+<li>
+    <a href="/assignments/week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
+</li>
                                 </ul>
                             </li>
                         </ul>
diff --git a/public/about/index.html b/public/about/index.html
index c9de3d4b759eb07fe64808b24f1d90a22bb923bd..a0ab6e747f8462eb71c3d11d32f062488a235dcc 100644
--- a/public/about/index.html
+++ b/public/about/index.html
@@ -52,6 +52,10 @@
 <li>
     <a href="../assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
 </li>
+                                    
+<li>
+    <a href="../assignments/week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
+</li>
                                 </ul>
                             </li>
                         </ul>
diff --git a/public/agreements/index.html b/public/agreements/index.html
index 2e2cc80289df371830986dc14accfe950b1e0fbc..37375db8dac76a002c5131b5fb433628dcd13f9c 100644
--- a/public/agreements/index.html
+++ b/public/agreements/index.html
@@ -52,6 +52,10 @@
 <li>
     <a href="../assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
 </li>
+                                    
+<li>
+    <a href="../assignments/week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
+</li>
                                 </ul>
                             </li>
                         </ul>
diff --git a/public/assignments/week01/index.html b/public/assignments/week01/index.html
index 5de1fa8616e5ef14d732c4073f4004542b309d86..1d7d567f81d9c4f6fa72d11b84832949e1c40186 100644
--- a/public/assignments/week01/index.html
+++ b/public/assignments/week01/index.html
@@ -52,6 +52,10 @@
 <li>
     <a href="./" class="dropdown-item active">Week 01. Principles and Practices / Project Management</a>
 </li>
+                                    
+<li>
+    <a href="../week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
+</li>
                                 </ul>
                             </li>
                         </ul>
@@ -68,7 +72,7 @@
                                 </a>
                             </li>
                             <li class="nav-item">
-                                <a rel="next" class="nav-link disabled">
+                                <a rel="next" href="../week02/" class="nav-link">
                                     Next <i class="fa fa-arrow-right"></i>
                                 </a>
                             </li>
@@ -164,8 +168,8 @@
 <li>mkdocs 1.4.2</li>
 </ul>
 <p>I changed my mac screenshot setting from the default(PNG) to JPG with the following command.</p>
-<pre><code>defaults write com.apple.screencapture type jpg
-</code></pre>
+<div class="highlight"><pre><span></span><code>defaults write com.apple.screencapture type jpg
+</code></pre></div>
 <h3 id="hoose-text-editor">hoose Text Editor</h3>
 <p>Tex Editors are software where you write your codes in.</p>
 <p>I chose VScode for my text editor.</p>
@@ -178,59 +182,59 @@
 <h3 id="getting-started-with-git">Getting started with Git</h3>
 <p>I followed this <a href="http://fabacademy.org/2019/docs/FabAcademy-Tutorials/week01_principles_practices_project_management/git_simple.html">tutorial</a> of Git.</p>
 <p><strong>Step 1.</strong> Download Git</p>
-<pre><code>brew install git
-</code></pre>
+<div class="highlight"><pre><span></span><code>brew install git
+</code></pre></div>
 <p><strong>Step 2.</strong> Identify user</p>
-<pre><code>git config --global user.name "sosuke"
-git config --global user.email "sosuke.kanegae@mat.eng.osaka-u.ac.jp"
-</code></pre>
+<div class="highlight"><pre><span></span><code>git config --global user.name &quot;sosuke&quot;
+git config --global user.email &quot;sosuke.kanegae@mat.eng.osaka-u.ac.jp&quot;
+</code></pre></div>
 <p><strong>Step 3.</strong> Check if there is any SSH-Key existing</p>
-<pre><code>(check)
+<div class="highlight"><pre><span></span><code>(check)
 cat ~/.ssh/id_rsa.pub
-</code></pre>
+</code></pre></div>
 <p>If not generate SSH-Key.</p>
-<pre><code>(generate)
-ssh-keygen -t rsa -C "sosuke.kaneage@mat.eng.osaka-u.ac.jp"
-</code></pre>
+<div class="highlight"><pre><span></span><code>(generate)
+ssh-keygen -t rsa -C &quot;sosuke.kaneage@mat.eng.osaka-u.ac.jp&quot;
+</code></pre></div>
 <p><strong>Step 4.</strong> Check the public key you just created</p>
-<pre><code>cat ~/.ssh/id_rsa.pub
-</code></pre>
+<div class="highlight"><pre><span></span><code>cat ~/.ssh/id_rsa.pub
+</code></pre></div>
 <h3 id="clone-my-repository-from-gitlab-to-a-local-workspace">Clone my repository from GitLab to a local workspace</h3>
 <p>Now so that I got Git ready, I prepaired a new directory to store everything I do with Fab Academy.</p>
-<pre><code>cd ~/FabAcademy/
+<div class="highlight"><pre><span></span><code>cd ~/FabAcademy/
 mkdir workspace
-</code></pre>
+</code></pre></div>
 <p>In new workspace, I first cloned my repo on GitLab</p>
-<pre><code>git clone https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae.git
-</code></pre>
+<div class="highlight"><pre><span></span><code>git clone https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae.git
+</code></pre></div>
 <p>Now, I have a newly cloned directory "sosuke-kaneage" in my workspace. And, I am ready to edit my website.</p>
 <h3 id="setting-up-mkdocs">Setting up MkDocs</h3>
 <p>Using MkDocs, you can easily create documentatoin websites.
 You will have to code in HTML, CSS and JavaScript to create a website. However, in MkDocs all you have to edit is Markdowns, which is easy to use.</p>
 <p><strong>Step 1.</strong> Install MkDocs</p>
-<pre><code>pip install mkdocs
-</code></pre>
+<div class="highlight"><pre><span></span><code>pip install mkdocs
+</code></pre></div>
 <p><strong>Step 2.</strong> Create new Mkdocs project in workspace</p>
-<pre><code>cd ~/FabAcademy/workspace
+<div class="highlight"><pre><span></span><code>cd ~/FabAcademy/workspace
 mkdocs new fabacademy-docs
-</code></pre>
+</code></pre></div>
 <p><strong>Step 3.</strong> Launch test server</p>
-<pre><code>mkdocs serve
-</code></pre>
+<div class="highlight"><pre><span></span><code>mkdocs serve
+</code></pre></div>
 <p>Now, I have a MkDocs project with the default settings in ~/FabAcademy/workspace/fabacademy-docs. And, I can check how the website will look in my browser(<a href="http://127.0.0.1:8000/">http://127.0.0.1:8000/</a>).</p>
 <h3 id="build-commit-and-push">Build, Commit and Push</h3>
 <p>After editing MkDocs project, I have to convert the markdowns to HTML files.</p>
-<pre><code>cd ~/FabAcademy/workspace/fabacademy-docs
+<div class="highlight"><pre><span></span><code>cd ~/FabAcademy/workspace/fabacademy-docs
 mkdocs build
-</code></pre>
+</code></pre></div>
 <p>The build commmand creates HTML files in ~/FabAcademy/workspace/fabacademy-docs/site/</p>
 <p>To build directly into the git directory, add the following line to ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml</p>
 <p>% mkdocs.yml
   site_dir: ../sosuke-kanegae/public/</p>
 <p>Finaly commit changes in local git repo and push to remote GitLab repo.</p>
-<pre><code>git commit -a -m 'Comments about changes'
+<div class="highlight"><pre><span></span><code>git commit -a -m &#39;Comments about changes&#39;
 git push
-</code></pre>
+</code></pre></div>
 <p>Instead of commit and push in the command line, you can also commit and push from the Git tab in VScode.</p>
 <p>You can find the Git tab in the left column of the window.
 Click the tab and you will see a blue "Commit" button.
@@ -254,11 +258,11 @@ To push you can simply press the sync button.</p>
 <p>I customize my website by editting:
 <u>~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml</u></p>
 <p>I add Copyrights by adding the following line.</p>
-<pre><code>copyright: Copyright 2023 Sosuke Kanegae - Creative Commons Attribution Non Commercial
-</code></pre>
+<div class="highlight"><pre><span></span><code>copyright: Copyright 2023 Sosuke Kanegae - Creative Commons Attribution Non Commercial
+</code></pre></div>
 <p>I made a link to the source code in GitLab by adding:</p>
-<pre><code>repo_url: https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae
-</code></pre>
+<div class="highlight"><pre><span></span><code>repo_url: https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae
+</code></pre></div>
 <h2 id="3-plan-a-final-project">3. Plan a final project</h2>
 <h3 id="i-want-to-make-something-to-do-with-lights">I want to make something to do with lights!</h3>
 <p>I'd like to make a lamp that changes its appearance depending on the situation for my final project.
@@ -312,8 +316,8 @@ I inserted a lightbulb in the lamp.</p>
 <p>material6: lampshade with bird silhouettes</p>
 <p><img alt="lamp_material9" src="../../images/lamp_view2/lamp_9.jpg" /></p>
 <h4 id="step-3-generate-background-with-ai"><strong>Step 3.</strong> Generate background with AI</h4>
-<p>I used an iPhone app, wonder, to generate backgraound image.</p>
-<p>In this app, you can select the sttyle of image. And, I selected "3D Render"</p>
+<p>I used an iPhone app, <a href="https://apps.apple.com/jp/app/wonder-ai-art-generator/id1621278575">wonder</a>, to generate backgraound image.</p>
+<p>In this app, you can select the style of image. And, I selected "3D Render"</p>
 <p>Set the aspect ratio to 3:2.</p>
 <p>Set the keyword as "coworking space"</p>
 <p>This is what I got:</p>
diff --git a/public/assignments/week02/index.html b/public/assignments/week02/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..24ad8f5d6c874eb836181eb8d6bf9085659a6e5c
--- /dev/null
+++ b/public/assignments/week02/index.html
@@ -0,0 +1,299 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        
+        <meta name="author" content="Sosuke Kanegae">
+        
+        <link rel="shortcut icon" href="../../img/favicon.ico">
+        <title>Week 02. Computer Aided Design - Sosuke Kanegae Fab Academy</title>
+        <link href="../../css/bootstrap.min.css" rel="stylesheet">
+        <link href="../../css/font-awesome.min.css" rel="stylesheet">
+        <link href="../../css/base.css" rel="stylesheet">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/color-brewer.min.css">
+
+        <script src="../../js/jquery-1.10.2.min.js" defer></script>
+        <script src="../../js/bootstrap.min.js" defer></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
+        <script>hljs.initHighlightingOnLoad();</script> 
+    </head>
+
+    <body>
+        <div class="navbar fixed-top navbar-expand-lg navbar-dark bg-primary">
+            <div class="container">
+                <a class="navbar-brand" href="../..">Sosuke Kanegae Fab Academy</a>
+                <!-- Expander button -->
+                <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar-collapse">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+
+                <!-- Expanded navigation -->
+                <div id="navbar-collapse" class="navbar-collapse collapse">
+                        <!-- Main navigation -->
+                        <ul class="nav navbar-nav">
+                            <li class="navitem">
+                                <a href="../.." class="nav-link">Home</a>
+                            </li>
+                            <li class="navitem">
+                                <a href="../../about/" class="nav-link">About me</a>
+                            </li>
+                            <li class="navitem">
+                                <a href="../../agreements/" class="nav-link">Agreements</a>
+                            </li>
+                            <li class="navitem">
+                                <a href="../../final-project/" class="nav-link">Final Project</a>
+                            </li>
+                            <li class="dropdown active">
+                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Assignments <b class="caret"></b></a>
+                                <ul class="dropdown-menu">
+                                    
+<li>
+    <a href="../week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
+</li>
+                                    
+<li>
+    <a href="./" class="dropdown-item active">Week 02. Computer Aided Design</a>
+</li>
+                                </ul>
+                            </li>
+                        </ul>
+
+                    <ul class="nav navbar-nav ml-auto">
+                        <li class="nav-item">
+                            <a href="#" class="nav-link" data-toggle="modal" data-target="#mkdocs_search_modal">
+                                <i class="fa fa-search"></i> Search
+                            </a>
+                        </li>
+                            <li class="nav-item">
+                                <a rel="prev" href="../week01/" class="nav-link">
+                                    <i class="fa fa-arrow-left"></i> Previous
+                                </a>
+                            </li>
+                            <li class="nav-item">
+                                <a rel="next" class="nav-link disabled">
+                                    Next <i class="fa fa-arrow-right"></i>
+                                </a>
+                            </li>
+                            <li class="nav-item">
+                                <a href="https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae" class="nav-link">Gitlab</a>
+                            </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+        <div class="container">
+            <div class="row">
+                    <div class="col-md-3"><div class="navbar-light navbar-expand-md bs-sidebar hidden-print affix" role="complementary">
+    <div class="navbar-header">
+        <button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#toc-collapse" title="Table of Contents">
+            <span class="fa fa-angle-down"></span>
+        </button>
+    </div>
+
+    
+    <div id="toc-collapse" class="navbar-collapse collapse card bg-secondary">
+        <ul class="nav flex-column">
+            
+            <li class="nav-item" data-level="1"><a href="#week-02-computer-aided-design" class="nav-link">Week 02. Computer Aided Design</a>
+              <ul class="nav flex-column">
+            <li class="nav-item" data-level="2"><a href="#assignments-for-this-week" class="nav-link">Assignments for this week</a>
+              <ul class="nav flex-column">
+              </ul>
+            </li>
+            <li class="nav-item" data-level="2"><a href="#what-ive-done-this-week" class="nav-link">What I've done this week</a>
+              <ul class="nav flex-column">
+              </ul>
+            </li>
+            <li class="nav-item" data-level="2"><a href="#1-draw-a-2d-model-of-the-silhouettes" class="nav-link">1. Draw a 2D model of the silhouettes</a>
+              <ul class="nav flex-column">
+              </ul>
+            </li>
+              </ul>
+            </li>
+        </ul>
+    </div>
+</div></div>
+                    <div class="col-md-9" role="main">
+
+<h1 id="week-02-computer-aided-design">Week 02. Computer Aided Design</h1>
+<p>The second week of Fab Academy! I did a sketch of my project and added it to the <a href="../../final-project/">Final Project</a> page.</p>
+<h2 id="assignments-for-this-week">Assignments for this week</h2>
+<ul>
+<li>model a possible final project</li>
+<li>compress my images and videos</li>
+<li>post a description with your design files on my class pages</li>
+</ul>
+<h2 id="what-ive-done-this-week">What I've done this week</h2>
+<ol>
+<li>Draw a 2D model of the silhouettes<ul>
+<li>generator an image of a bird with AI</li>
+<li>make a silhouette of a bird</li>
+<li></li>
+</ul>
+</li>
+<li>Model a structure to express the glowing and flickering of candles<ul>
+<li></li>
+</ul>
+</li>
+<li>Model structrures that make silhouettes of birds flapping their wings<ul>
+<li></li>
+</ul>
+</li>
+</ol>
+<h2 id="1-draw-a-2d-model-of-the-silhouettes">1. Draw a 2D model of the silhouettes</h2>
+<p>The first thing I did this week is to <strong>Draw the 2D model for silhouettes on my lamp</strong></p>
+<h3 id="generator-an-image-of-a-bird-with-ai">generator an image of a bird with AI</h3>
+<p>First, I used some AI art genorators to make some references of flying birds.</p>
+<h4 id="wonder"><a href="https://apps.apple.com/jp/app/wonder-ai-art-generator/id1621278575">wonder</a></h4>
+<p>First, I used the same iPhone app as last week, <a href="https://apps.apple.com/jp/app/wonder-ai-art-generator/id1621278575">wonder</a>, to generate images of birds.</p>
+<p>This time I didn't select any style.</p>
+<p>Set the aspect ratio to 3:2.</p>
+<p>Set the keyword as "bird flying"</p>
+<p>This is what I got:</p>
+<p><img alt="img from wonder 1" src="../../images/IMG_6909.JPG" /></p>
+<p><img alt="img from wonder 2" src="../../images/IMG_6910.JPG" /></p>
+<h4 id="stable-diffusion"><a href="https://replicate.com/stability-ai/stable-diffusion">Stable Diffusion</a></h4>
+<p>The next AI art generator I tried was <a href="https://replicate.com/stability-ai/stable-diffusion">Stable Diffusion</a>
+I entered each options as followed:</p>
+<table>
+<thead>
+<tr>
+<th><strong>option</strong></th>
+<th><strong>value</strong></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>prompt</td>
+<td>bird flying</td>
+</tr>
+<tr>
+<td>negative_prompt</td>
+<td>-</td>
+</tr>
+<tr>
+<td>width</td>
+<td>768</td>
+</tr>
+<tr>
+<td>height</td>
+<td>512</td>
+</tr>
+<tr>
+<td>num_outputs</td>
+<td>4</td>
+</tr>
+</tbody>
+</table>
+<p>The outputs were PNG files.
+I converted the images to JPG file.</p>
+<p>I made a bash file to convert every PNG file in a designated directory to JPG.</p>
+<div class="highlight"><span class="filename">png2jpg.sh</span><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a><span class="k">for</span><span class="w"> </span>f<span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="nv">$1</span>/*.png<span class="p">;</span><span class="w"> </span><span class="k">do</span>
+<a id="__codelineno-0-2" name="__codelineno-0-2" href="#__codelineno-0-2"></a><span class="w">    </span><span class="nv">g</span><span class="o">=</span><span class="k">$(</span>basename<span class="w"> </span><span class="si">${</span><span class="nv">f</span><span class="p">%.*</span><span class="si">}</span><span class="k">)</span>
+<a id="__codelineno-0-3" name="__codelineno-0-3" href="#__codelineno-0-3"></a><span class="w">    </span><span class="k">if</span><span class="w"> </span><span class="o">[</span><span class="w"> </span>!<span class="w"> </span>-e<span class="w"> </span><span class="nv">$g</span>.jpg<span class="w"> </span><span class="o">]</span><span class="p">;</span><span class="w"> </span><span class="k">then</span>
+<a id="__codelineno-0-4" name="__codelineno-0-4" href="#__codelineno-0-4"></a><span class="w">        </span>convert<span class="w"> </span><span class="nv">$f</span><span class="w"> </span><span class="nv">$g</span>.jpg
+<a id="__codelineno-0-5" name="__codelineno-0-5" href="#__codelineno-0-5"></a><span class="w">    </span><span class="k">fi</span>
+<a id="__codelineno-0-6" name="__codelineno-0-6" href="#__codelineno-0-6"></a><span class="k">done</span>
+</code></pre></div>
+<p>To use this bash file, run the following command in cammoand line.</p>
+<div class="highlight"><pre><span></span><code>bash png2jpg.sh pngs(directory with PNG files)
+</code></pre></div>
+<p><img alt="png2jpg" src="../../images/png2jpg.jpg" /></p>
+<p>This is what I got:</p>
+<p><img alt="img from sd0" src="../../images/out-0.jpg" /></p>
+<p><img alt="img from sd1" src="../../images/out-1.jpg" /></p>
+<p><img alt="img from sd2" src="../../images/out-2.jpg" /></p>
+<p><img alt="img from sd3" src="../../images/out-3.jpg" /></p>
+<h3 id="make-a-silhouette-of-a-bird">make a silhouette of a bird</h3>
+<p>I chose this picture as an example.</p>
+<p><img alt="img from wonder 2" src="../../images/IMG_6910.JPG" /></p>
+<p>I imported the picture into <a href="https://affinity.serif.com/en-us/designer/">Affinity Designer</a></p>
+<p>Then I traced the outline of the bird.</p>
+<p><img alt="silhouette_trace1" src="../../images/silhouette_trace1.jpg" /></p>
+<p>Filled the line with black.</p>
+<p><img alt="silhouette_trace2" src="../../images/silhouette_trace2.jpg" /></p>
+<p><img alt="silhouette_trace3" src="../../images/silhouette_trace3.jpg" /></p>
+<p>Edited the silhouetted to change the angle of the bird.</p>
+<p><img alt="silhouette_trace4" src="../../images/silhouette_trace4.jpg" /></p>
+<p><img alt="silhouette_trace5" src="../../images/silhouette_trace5.jpg" /></p></div>
+            </div>
+        </div>
+
+        <footer class="col-md-12">
+            <hr>
+                <p>Copyright 2023 Sosuke Kanegae - Creative Commons Attribution Non Commercial</p>
+            <p>Documentation built with <a href="https://www.mkdocs.org/">MkDocs</a>.</p>
+        </footer>
+        <script>
+            var base_url = "../..",
+                shortcuts = {"help": 191, "next": 78, "previous": 80, "search": 83};
+        </script>
+        <script src="../../js/base.js" defer></script>
+        <script src="../../search/main.js" defer></script>
+
+        <div class="modal" id="mkdocs_search_modal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="searchModalLabel">Search</h4>
+                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+            </div>
+            <div class="modal-body">
+                <p>From here you can search these documents. Enter your search terms below.</p>
+                <form>
+                    <div class="form-group">
+                        <input type="search" class="form-control" placeholder="Search..." id="mkdocs-search-query" title="Type search term here">
+                    </div>
+                </form>
+                <div id="mkdocs-search-results" data-no-results-text="No results found"></div>
+            </div>
+            <div class="modal-footer">
+            </div>
+        </div>
+    </div>
+</div><div class="modal" id="mkdocs_keyboard_modal" tabindex="-1" role="dialog" aria-labelledby="keyboardModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="keyboardModalLabel">Keyboard Shortcuts</h4>
+                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+            </div>
+            <div class="modal-body">
+              <table class="table">
+                <thead>
+                  <tr>
+                    <th style="width: 20%;">Keys</th>
+                    <th>Action</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td class="help shortcut"><kbd>?</kbd></td>
+                    <td>Open this help</td>
+                  </tr>
+                  <tr>
+                    <td class="next shortcut"><kbd>n</kbd></td>
+                    <td>Next page</td>
+                  </tr>
+                  <tr>
+                    <td class="prev shortcut"><kbd>p</kbd></td>
+                    <td>Previous page</td>
+                  </tr>
+                  <tr>
+                    <td class="search shortcut"><kbd>s</kbd></td>
+                    <td>Search</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+            <div class="modal-footer">
+            </div>
+        </div>
+    </div>
+</div>
+
+    </body>
+</html>
diff --git a/public/final-project/index.html b/public/final-project/index.html
index c60b8b563b2b084ad049ef85a7a5de2b653fe7ae..0ebb682f35376d45c1cebf7f8c24baa392226f4b 100644
--- a/public/final-project/index.html
+++ b/public/final-project/index.html
@@ -52,6 +52,10 @@
 <li>
     <a href="../assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
 </li>
+                                    
+<li>
+    <a href="../assignments/week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
+</li>
                                 </ul>
                             </li>
                         </ul>
diff --git a/public/images/IMG_6909.JPG b/public/images/IMG_6909.JPG
new file mode 100644
index 0000000000000000000000000000000000000000..a59a0aa93afb23cd9346f787979ca5cfa9f123f8
Binary files /dev/null and b/public/images/IMG_6909.JPG differ
diff --git a/public/images/IMG_6910.JPG b/public/images/IMG_6910.JPG
new file mode 100644
index 0000000000000000000000000000000000000000..4a157b26c28f8c03d383eaf8f4187371d3372f77
Binary files /dev/null and b/public/images/IMG_6910.JPG differ
diff --git a/public/images/discard/silhouette_trace1.jpg b/public/images/discard/silhouette_trace1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..527efae8045a0c84444de02f1fffda68257ebe8e
Binary files /dev/null and b/public/images/discard/silhouette_trace1.jpg differ
diff --git a/public/images/discard/silhouette_trace2.jpg b/public/images/discard/silhouette_trace2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1de7e7d2d14ca03fd4810a258bf8efd361292d1d
Binary files /dev/null and b/public/images/discard/silhouette_trace2.jpg differ
diff --git a/public/images/discard/silhouette_trace4.jpg b/public/images/discard/silhouette_trace4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a6cf6c33630ddc2188f7f42e97b562c25c3882b8
Binary files /dev/null and b/public/images/discard/silhouette_trace4.jpg differ
diff --git a/public/images/out-0.jpg b/public/images/out-0.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..df430c3d20cf3baeee8b81fa86788b1c11d96cf3
Binary files /dev/null and b/public/images/out-0.jpg differ
diff --git a/public/images/out-1.jpg b/public/images/out-1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..50fbd3855e9fa070cd93840d0d4ab4e1a087e0f7
Binary files /dev/null and b/public/images/out-1.jpg differ
diff --git a/public/images/out-2.jpg b/public/images/out-2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c70b33529a4913bafa332ef898935cccd4cf572a
Binary files /dev/null and b/public/images/out-2.jpg differ
diff --git a/public/images/out-3.jpg b/public/images/out-3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..73bd90fd54249361cff30fec06cf4f95722509e9
Binary files /dev/null and b/public/images/out-3.jpg differ
diff --git a/public/images/png2jpg.jpg b/public/images/png2jpg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..597de9cb16a8be027c3bc92dede839a2b926ae1c
Binary files /dev/null and b/public/images/png2jpg.jpg differ
diff --git a/public/images/png2jpg.sh b/public/images/png2jpg.sh
new file mode 100644
index 0000000000000000000000000000000000000000..a21d77af756951f1f09521d06d7d67e394f52460
--- /dev/null
+++ b/public/images/png2jpg.sh
@@ -0,0 +1,6 @@
+for f in $1/*.png; do
+    g=$(basename ${f%.*})
+    if [ ! -e $g.jpg ]; then
+        convert $f $g.jpg
+    fi
+done
\ No newline at end of file
diff --git a/public/images/pngs/out-0.png b/public/images/pngs/out-0.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd2785f72e6aa3db0a9f2cbe3fb74c93aaec9da8
Binary files /dev/null and b/public/images/pngs/out-0.png differ
diff --git a/public/images/pngs/out-1.png b/public/images/pngs/out-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..35cb4a389e978d613b1eee3e5c675adcef1ee13d
Binary files /dev/null and b/public/images/pngs/out-1.png differ
diff --git a/public/images/pngs/out-2.png b/public/images/pngs/out-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..76a4db6a2de2736cb0fb7cb5fe4f0bac3a82d2a1
Binary files /dev/null and b/public/images/pngs/out-2.png differ
diff --git a/public/images/pngs/out-3.png b/public/images/pngs/out-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..cdc5290579650dc57e7c92f5d76bc4fe4497576f
Binary files /dev/null and b/public/images/pngs/out-3.png differ
diff --git a/public/images/silhouette_trace1.jpg b/public/images/silhouette_trace1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f5fe1e64e9d110ae3d22b2dc737d52ed4b7b098c
Binary files /dev/null and b/public/images/silhouette_trace1.jpg differ
diff --git a/public/images/silhouette_trace2.jpg b/public/images/silhouette_trace2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f06848395b55f2b1d05f5861341b17fe3ac8d0e7
Binary files /dev/null and b/public/images/silhouette_trace2.jpg differ
diff --git a/public/images/silhouette_trace3.jpg b/public/images/silhouette_trace3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..30fe5a6c9f333d27e65f3450f0e99fa878fadfe3
Binary files /dev/null and b/public/images/silhouette_trace3.jpg differ
diff --git a/public/images/silhouette_trace4.jpg b/public/images/silhouette_trace4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2ceea540dfcf67acd7369d730bc79cbfcc2f6335
Binary files /dev/null and b/public/images/silhouette_trace4.jpg differ
diff --git a/public/images/silhouette_trace5.jpg b/public/images/silhouette_trace5.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d3a5a6dacb0798a48621742846f4a90e61401ba6
Binary files /dev/null and b/public/images/silhouette_trace5.jpg differ
diff --git a/public/index.html b/public/index.html
index b054e1b2775a38e09d635f7b89d0df3eebc80141..063f5d10f068eb7eb9765fa0f1c9a8e25eebd133 100644
--- a/public/index.html
+++ b/public/index.html
@@ -52,6 +52,10 @@
 <li>
     <a href="assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
 </li>
+                                    
+<li>
+    <a href="assignments/week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
+</li>
                                 </ul>
                             </li>
                         </ul>
@@ -116,7 +120,7 @@
 <h2 id="weekly-assignments">Weekly assignments</h2>
 <ul>
 <li>week 1. <a href="assignments/week01/">Principles and Practices / Project Management</a></li>
-<li>week 2. <a href="assignments/week02.md">Computer Aided design</a></li>
+<li>week 2. <a href="assignments/week02/">Computer Aided design</a></li>
 <li>week 3. <a href="assignments/week03.md">Computer controlled cutting</a></li>
 <li>week 4. <a href="assignments/week04.md">Embedded programming</a></li>
 <li>week 5. <a href="assignments/week05.md">3D Scanning and printing</a></li>
@@ -215,5 +219,5 @@
 
 <!--
 MkDocs version : 1.4.2
-Build Date UTC : 2023-02-01 14:19:39.456459+00:00
+Build Date UTC : 2023-02-05 03:40:06.251981+00:00
 -->
diff --git a/public/search/search_index.json b/public/search/search_index.json
index f26fd0f01ab98d047e8ef6a4c15fdb893adfe87c..4726e2fc272d3b392408ac3cf7336fa21f2bf50b 100644
--- a/public/search/search_index.json
+++ b/public/search/search_index.json
@@ -1 +1 @@
-{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Welcome to Sosuke Kanegae Fab Academy site! My name is Sosuke and this is my Fab Academy documentation website. Final Project Weekly assignments week 1. Principles and Practices / Project Management week 2. Computer Aided design week 3. Computer controlled cutting week 4. Embedded programming week 5. 3D Scanning and printing week 6. Electronics design week 7. Computer controlled machining week 8. Electronics production week 9. Molding and casting week 10. Output devices week 11. Mechanical design & machine design week 12. Input devices week 13. Networking and communications week 14. Interface and application programming week 15. Wildcard week week 16. Applications and implications week 17. Invention, intellectual property and income week 18. Project development","title":"Home"},{"location":"#welcome-to-sosuke-kanegae-fab-academy-site","text":"My name is Sosuke and this is my Fab Academy documentation website.","title":"Welcome to Sosuke Kanegae Fab Academy site!"},{"location":"#final-project","text":"","title":"Final Project"},{"location":"#weekly-assignments","text":"week 1. Principles and Practices / Project Management week 2. Computer Aided design week 3. Computer controlled cutting week 4. Embedded programming week 5. 3D Scanning and printing week 6. Electronics design week 7. Computer controlled machining week 8. Electronics production week 9. Molding and casting week 10. Output devices week 11. Mechanical design & machine design week 12. Input devices week 13. Networking and communications week 14. Interface and application programming week 15. Wildcard week week 16. Applications and implications week 17. Invention, intellectual property and income week 18. Project development","title":"Weekly assignments"},{"location":"about/","text":"Hi! I am Sosuke Kanegae. I am a PhD student in Osaka University, Japan. I was born Shiga, Japan but when I was one and a half year old, my parents went to work in Michigan, USA. We lived there until I was 10 and came back to Shiga, Japan. I am now studying about mechanical metamaterial at Osaka university.","title":"About me"},{"location":"about/#hi-i-am-sosuke-kanegae","text":"","title":"Hi! I am Sosuke Kanegae."},{"location":"about/#i-am-a-phd-student-in-osaka-university-japan","text":"I was born Shiga, Japan but when I was one and a half year old, my parents went to work in Michigan, USA. We lived there until I was 10 and came back to Shiga, Japan. I am now studying about mechanical metamaterial at Osaka university.","title":"I am a PhD student in Osaka University, Japan."},{"location":"agreements/","text":"Fab Academy Student Agreement The Fab Academy is responsible for: Teaching principles and practices of digital fabrication Arranging lectures, recitations, meetings, and events for the class Evaluating and providing feedback on student work Offering clear standards for completing assignments Certifying and archiving student progress Supervising class preparation Reviewing prospective students, instructors, and labs Providing central staff and infrastructure for students, instructors, and labs Fund-raising for costs not covered by student tuition Managing and reporting on the program's finances, results, and impacts Publicizing the program Promoting a respectful environment free of harassment and discrimination Encourage a diverse, accessible, and equitable community I am a Fab Academy student, responsible for: Attending class lectures and participating in reviews Developing and documenting projects assigned to introduce and demonstrate skills Allowing the Fab Academy to share my work (with attribution) in the class for purposes compatible with its mission Honestly reporting on my work, and appropriately attributing the work of others (both human and machine) Working safely Leaving workspaces in the same (or better) condition than I found them Participating in the upkeep of my lab Ensuring that my tuition for local and central class costs is covered Following locally applicable health and safety guidance Promoting a respectful environment free of harassment and discrimination Signed by committing this file in my repository, Sosuke Kanegae","title":"Agreements"},{"location":"agreements/#fab-academy-student-agreement","text":"The Fab Academy is responsible for: Teaching principles and practices of digital fabrication Arranging lectures, recitations, meetings, and events for the class Evaluating and providing feedback on student work Offering clear standards for completing assignments Certifying and archiving student progress Supervising class preparation Reviewing prospective students, instructors, and labs Providing central staff and infrastructure for students, instructors, and labs Fund-raising for costs not covered by student tuition Managing and reporting on the program's finances, results, and impacts Publicizing the program Promoting a respectful environment free of harassment and discrimination Encourage a diverse, accessible, and equitable community I am a Fab Academy student, responsible for: Attending class lectures and participating in reviews Developing and documenting projects assigned to introduce and demonstrate skills Allowing the Fab Academy to share my work (with attribution) in the class for purposes compatible with its mission Honestly reporting on my work, and appropriately attributing the work of others (both human and machine) Working safely Leaving workspaces in the same (or better) condition than I found them Participating in the upkeep of my lab Ensuring that my tuition for local and central class costs is covered Following locally applicable health and safety guidance Promoting a respectful environment free of harassment and discrimination Signed by committing this file in my repository, Sosuke Kanegae","title":"Fab Academy Student Agreement"},{"location":"final-project/","text":"Final Project Plans and Sketches of my final project Here I describe my final project idea. For my final project I would like to make a lamp that creates several different mood depending on the situation. Just putting a lamp in a room changes the atmosphere of the room. Every lighting equipment has its own mood. In the daytime, my favorite lighting equipment is a projector with streaming devices. Streaming devices like AppleTV and Chromecast show pictues and landscape movies when they are at screensaver mode. I love the way pictures and landscape moving slowly on my wall. So, I want to make a lamp with silhouettes moving around the lamp shade . I love watching candles before bedtime. It makes me relax and feel calm. But, fire is dangerous. especially if you fell asleep with your candels on. I want to make a bedroom lamp that glows and flicker like a candle . These two are the concept of the lamp I want to make. It's not just I want to make both type of lamps, but I want to make a lamp that switches between the two . The lamp will change mode like: Turns ON with sunlight silhouettes (birds, butterflies and flowers) moving around the lampshade. (Senses enviormantal light) Changes to candle mode at bedtime. (Senses enviormantal light going low) Turns OFF when everybody is asleep. (Timer or acoustic sensor) A lamp that changes mood depending on sunlight Daytime: projecting silhouettes on the lamp shade Nighttime: glows and flickers like a candle","title":"Final Project"},{"location":"final-project/#final-project","text":"","title":"Final Project"},{"location":"final-project/#plans-and-sketches-of-my-final-project","text":"Here I describe my final project idea. For my final project I would like to make a lamp that creates several different mood depending on the situation. Just putting a lamp in a room changes the atmosphere of the room. Every lighting equipment has its own mood. In the daytime, my favorite lighting equipment is a projector with streaming devices. Streaming devices like AppleTV and Chromecast show pictues and landscape movies when they are at screensaver mode. I love the way pictures and landscape moving slowly on my wall. So, I want to make a lamp with silhouettes moving around the lamp shade . I love watching candles before bedtime. It makes me relax and feel calm. But, fire is dangerous. especially if you fell asleep with your candels on. I want to make a bedroom lamp that glows and flicker like a candle . These two are the concept of the lamp I want to make. It's not just I want to make both type of lamps, but I want to make a lamp that switches between the two . The lamp will change mode like: Turns ON with sunlight silhouettes (birds, butterflies and flowers) moving around the lampshade. (Senses enviormantal light) Changes to candle mode at bedtime. (Senses enviormantal light going low) Turns OFF when everybody is asleep. (Timer or acoustic sensor)","title":"Plans and Sketches of my final project"},{"location":"final-project/#a-lamp-that-changes-mood-depending-on-sunlight","text":"Daytime: projecting silhouettes on the lamp shade Nighttime: glows and flickers like a candle","title":"A lamp that changes mood depending on sunlight"},{"location":"assignments/week01/","text":"Week 01. Principles and Practices / Project Management The first week of Fab Academy! I did a sketch of my project and added it to the Final Project page. Assignments for this week plan and sketch a potential final project work through a git tutorial build a personal site in the class archive describing you and your final project What I've done this week Setting up PC enviroments Visual Studio Code (VScode) Git MkDocs Create a website Choose a style Customize website Plan a final project I want to make somethng to do with lights! Making images of my lamp How it would look like 1. Setting up PC enviroments The First thing I did this week was Setting up my PC enviroment . Here are the version of tools I use. MacBook Air (M1, 2020) macOS Monterey 12.3.1 VSCode 1.74.3 zsh 5.8 (x86_64-apple-darwin21.0) Homebrew 3.6.20 python 3.10.8 / pip 22.3.1 git 2.39.1 mkdocs 1.4.2 I changed my mac screenshot setting from the default(PNG) to JPG with the following command. defaults write com.apple.screencapture type jpg hoose Text Editor Tex Editors are software where you write your codes in. I chose VScode for my text editor. VScode has wide range of extensions that help you code, debug and visualise your work. Here are the extensions I installed for Fab Academy: Git History HTML CSS Support Markdown All in One Getting started with Git I followed this tutorial of Git. Step 1. Download Git brew install git Step 2. Identify user git config --global user.name \"sosuke\" git config --global user.email \"sosuke.kanegae@mat.eng.osaka-u.ac.jp\" Step 3. Check if there is any SSH-Key existing (check) cat ~/.ssh/id_rsa.pub If not generate SSH-Key. (generate) ssh-keygen -t rsa -C \"sosuke.kaneage@mat.eng.osaka-u.ac.jp\" Step 4. Check the public key you just created cat ~/.ssh/id_rsa.pub Clone my repository from GitLab to a local workspace Now so that I got Git ready, I prepaired a new directory to store everything I do with Fab Academy. cd ~/FabAcademy/ mkdir workspace In new workspace, I first cloned my repo on GitLab git clone https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae.git Now, I have a newly cloned directory \"sosuke-kaneage\" in my workspace. And, I am ready to edit my website. Setting up MkDocs Using MkDocs, you can easily create documentatoin websites. You will have to code in HTML, CSS and JavaScript to create a website. However, in MkDocs all you have to edit is Markdowns, which is easy to use. Step 1. Install MkDocs pip install mkdocs Step 2. Create new Mkdocs project in workspace cd ~/FabAcademy/workspace mkdocs new fabacademy-docs Step 3. Launch test server mkdocs serve Now, I have a MkDocs project with the default settings in ~/FabAcademy/workspace/fabacademy-docs. And, I can check how the website will look in my browser( http://127.0.0.1:8000/ ). Build, Commit and Push After editing MkDocs project, I have to convert the markdowns to HTML files. cd ~/FabAcademy/workspace/fabacademy-docs mkdocs build The build commmand creates HTML files in ~/FabAcademy/workspace/fabacademy-docs/site/ To build directly into the git directory, add the following line to ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml % mkdocs.yml site_dir: ../sosuke-kanegae/public/ Finaly commit changes in local git repo and push to remote GitLab repo. git commit -a -m 'Comments about changes' git push Instead of commit and push in the command line, you can also commit and push from the Git tab in VScode. You can find the Git tab in the left column of the window. Click the tab and you will see a blue \"Commit\" button. Underneath the button, you can check the changes you made from last time. If you're good with the changes you can just simply press the \"Commit\" button. Or, you can select \"Commit & Push\" in the option of the \"Commit\" button. When everything is up to date in your local repo, the blue button will turn into a sync button. The number written on the button indicates how many times you commit since you last push git. To push you can simply press the sync button. Finally, when you have pushed and everything is up to date, the blue button will return into \"Commit\" and will be deativated 2. Create my website Choose a style There are several optional styles available for MkDocs. third party themes I chose Bootswatch Theme , because the menu interface was very useful. You can access to every page on my website easily. There is a content on every page, so you can jump to any h2 tag. Customize website I customize my website by editting: ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml I add Copyrights by adding the following line. copyright: Copyright 2023 Sosuke Kanegae - Creative Commons Attribution Non Commercial I made a link to the source code in GitLab by adding: repo_url: https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae 3. Plan a final project I want to make something to do with lights! I'd like to make a lamp that changes its appearance depending on the situation for my final project. Just putting a lamp in a room changes the atmosphere of the room. Every lighting equipment has its own mood. Among lighting equipments used n the daytime, my favorite is a projector with streaming devices. Streaming devices like AppleTV and Chromecast show pictues and landscape movies when they are at screensaver mode. I love the way pictures and landscape moving slowly on my wall. So, I want to make a lamp with silhouettes moving around the lamp shade . I love watching candles before bedtime. It makes me relax and feel calm. But, fire is dangerous. especially if you fell asleep with your candels on. I want to make a bedroom lamp that glows and flicker like a candle . These two are the concept of the lamp I want to make. It's not just I want to make both type of lamps, but I want to make a lamp that switches between the two . The lamp will change mode like: Turns ON with sunlight silhouettes (birds, butterflies and flowers) moving around the lampshade. (Senses enviormantal light) Changes to candle mode at bedtime. (Senses enviormantal light going low) Turns OFF when everybody is asleep. (Timer or acoustic sensor) Making images of my lamp I visualized the concept above using 3D CAD, graphic editor and AI art generator. 3D CAD: Fusion360 graphic editor: Affinity Designer AI art generator: wonder Step 1. Modeling the outline of my lamp The first thing I made is a 3D model of the outline of my lamp. I modeled a lamp that is shaped like a large snowdome. I inserted a lightbulb in the lamp. Then I changed the appearance of each part as follewed: lampshade: Fabric(White) base: Oak lightbulb: A Type Bulb - Frosted - 1500lm Step 2. Render materials for the concept image Rendered several materials with several light conditions. Rendered images as PNG files with transparent background. material1: Whole lamp with lightbulb off material2: lamp without lampshade (lightbulb on) material3: lampshade with enviroment light from front material4: lampshade with enviroment light from back material5: base only material6: lampshade with bird silhouettes Step 3. Generate background with AI I used an iPhone app, wonder, to generate backgraound image. In this app, you can select the sttyle of image. And, I selected \"3D Render\" Set the aspect ratio to 3:2. Set the keyword as \"coworking space\" This is what I got: I used this table as the background: Step 4. Edit images If you put the lamp on a table it will look like this: the lamp in each situation would look like this: Daytime : projecting silhouettes on the lamp shade Nighttime : glows and flickers like a candle","title":"Week 01. Principles and Practices / Project Management"},{"location":"assignments/week01/#week-01-principles-and-practices-project-management","text":"The first week of Fab Academy! I did a sketch of my project and added it to the Final Project page.","title":"Week 01. Principles and Practices / Project Management"},{"location":"assignments/week01/#assignments-for-this-week","text":"plan and sketch a potential final project work through a git tutorial build a personal site in the class archive describing you and your final project","title":"Assignments for this week"},{"location":"assignments/week01/#what-ive-done-this-week","text":"Setting up PC enviroments Visual Studio Code (VScode) Git MkDocs Create a website Choose a style Customize website Plan a final project I want to make somethng to do with lights! Making images of my lamp How it would look like","title":"What I've done this week"},{"location":"assignments/week01/#1-setting-up-pc-enviroments","text":"The First thing I did this week was Setting up my PC enviroment . Here are the version of tools I use. MacBook Air (M1, 2020) macOS Monterey 12.3.1 VSCode 1.74.3 zsh 5.8 (x86_64-apple-darwin21.0) Homebrew 3.6.20 python 3.10.8 / pip 22.3.1 git 2.39.1 mkdocs 1.4.2 I changed my mac screenshot setting from the default(PNG) to JPG with the following command. defaults write com.apple.screencapture type jpg","title":"1. Setting up PC enviroments"},{"location":"assignments/week01/#hoose-text-editor","text":"Tex Editors are software where you write your codes in. I chose VScode for my text editor. VScode has wide range of extensions that help you code, debug and visualise your work. Here are the extensions I installed for Fab Academy: Git History HTML CSS Support Markdown All in One","title":"hoose Text Editor"},{"location":"assignments/week01/#getting-started-with-git","text":"I followed this tutorial of Git. Step 1. Download Git brew install git Step 2. Identify user git config --global user.name \"sosuke\" git config --global user.email \"sosuke.kanegae@mat.eng.osaka-u.ac.jp\" Step 3. Check if there is any SSH-Key existing (check) cat ~/.ssh/id_rsa.pub If not generate SSH-Key. (generate) ssh-keygen -t rsa -C \"sosuke.kaneage@mat.eng.osaka-u.ac.jp\" Step 4. Check the public key you just created cat ~/.ssh/id_rsa.pub","title":"Getting started with Git"},{"location":"assignments/week01/#clone-my-repository-from-gitlab-to-a-local-workspace","text":"Now so that I got Git ready, I prepaired a new directory to store everything I do with Fab Academy. cd ~/FabAcademy/ mkdir workspace In new workspace, I first cloned my repo on GitLab git clone https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae.git Now, I have a newly cloned directory \"sosuke-kaneage\" in my workspace. And, I am ready to edit my website.","title":"Clone my repository from GitLab to a local workspace"},{"location":"assignments/week01/#setting-up-mkdocs","text":"Using MkDocs, you can easily create documentatoin websites. You will have to code in HTML, CSS and JavaScript to create a website. However, in MkDocs all you have to edit is Markdowns, which is easy to use. Step 1. Install MkDocs pip install mkdocs Step 2. Create new Mkdocs project in workspace cd ~/FabAcademy/workspace mkdocs new fabacademy-docs Step 3. Launch test server mkdocs serve Now, I have a MkDocs project with the default settings in ~/FabAcademy/workspace/fabacademy-docs. And, I can check how the website will look in my browser( http://127.0.0.1:8000/ ).","title":"Setting up MkDocs"},{"location":"assignments/week01/#build-commit-and-push","text":"After editing MkDocs project, I have to convert the markdowns to HTML files. cd ~/FabAcademy/workspace/fabacademy-docs mkdocs build The build commmand creates HTML files in ~/FabAcademy/workspace/fabacademy-docs/site/ To build directly into the git directory, add the following line to ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml % mkdocs.yml site_dir: ../sosuke-kanegae/public/ Finaly commit changes in local git repo and push to remote GitLab repo. git commit -a -m 'Comments about changes' git push Instead of commit and push in the command line, you can also commit and push from the Git tab in VScode. You can find the Git tab in the left column of the window. Click the tab and you will see a blue \"Commit\" button. Underneath the button, you can check the changes you made from last time. If you're good with the changes you can just simply press the \"Commit\" button. Or, you can select \"Commit & Push\" in the option of the \"Commit\" button. When everything is up to date in your local repo, the blue button will turn into a sync button. The number written on the button indicates how many times you commit since you last push git. To push you can simply press the sync button. Finally, when you have pushed and everything is up to date, the blue button will return into \"Commit\" and will be deativated","title":"Build, Commit and Push"},{"location":"assignments/week01/#2-create-my-website","text":"","title":"2. Create my website"},{"location":"assignments/week01/#choose-a-style","text":"There are several optional styles available for MkDocs. third party themes I chose Bootswatch Theme , because the menu interface was very useful. You can access to every page on my website easily. There is a content on every page, so you can jump to any h2 tag.","title":"Choose a style"},{"location":"assignments/week01/#customize-website","text":"I customize my website by editting: ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml I add Copyrights by adding the following line. copyright: Copyright 2023 Sosuke Kanegae - Creative Commons Attribution Non Commercial I made a link to the source code in GitLab by adding: repo_url: https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae","title":"Customize website"},{"location":"assignments/week01/#3-plan-a-final-project","text":"","title":"3. Plan a final project"},{"location":"assignments/week01/#i-want-to-make-something-to-do-with-lights","text":"I'd like to make a lamp that changes its appearance depending on the situation for my final project. Just putting a lamp in a room changes the atmosphere of the room. Every lighting equipment has its own mood. Among lighting equipments used n the daytime, my favorite is a projector with streaming devices. Streaming devices like AppleTV and Chromecast show pictues and landscape movies when they are at screensaver mode. I love the way pictures and landscape moving slowly on my wall. So, I want to make a lamp with silhouettes moving around the lamp shade . I love watching candles before bedtime. It makes me relax and feel calm. But, fire is dangerous. especially if you fell asleep with your candels on. I want to make a bedroom lamp that glows and flicker like a candle . These two are the concept of the lamp I want to make. It's not just I want to make both type of lamps, but I want to make a lamp that switches between the two . The lamp will change mode like: Turns ON with sunlight silhouettes (birds, butterflies and flowers) moving around the lampshade. (Senses enviormantal light) Changes to candle mode at bedtime. (Senses enviormantal light going low) Turns OFF when everybody is asleep. (Timer or acoustic sensor)","title":"I want to make something to do with lights!"},{"location":"assignments/week01/#making-images-of-my-lamp","text":"I visualized the concept above using 3D CAD, graphic editor and AI art generator. 3D CAD: Fusion360 graphic editor: Affinity Designer AI art generator: wonder","title":"Making images of my lamp"},{"location":"assignments/week01/#step-1-modeling-the-outline-of-my-lamp","text":"The first thing I made is a 3D model of the outline of my lamp. I modeled a lamp that is shaped like a large snowdome. I inserted a lightbulb in the lamp. Then I changed the appearance of each part as follewed: lampshade: Fabric(White) base: Oak lightbulb: A Type Bulb - Frosted - 1500lm","title":"Step 1. Modeling the outline of my lamp"},{"location":"assignments/week01/#step-2-render-materials-for-the-concept-image","text":"Rendered several materials with several light conditions. Rendered images as PNG files with transparent background. material1: Whole lamp with lightbulb off material2: lamp without lampshade (lightbulb on) material3: lampshade with enviroment light from front material4: lampshade with enviroment light from back material5: base only material6: lampshade with bird silhouettes","title":"Step 2. Render materials for the concept image"},{"location":"assignments/week01/#step-3-generate-background-with-ai","text":"I used an iPhone app, wonder, to generate backgraound image. In this app, you can select the sttyle of image. And, I selected \"3D Render\" Set the aspect ratio to 3:2. Set the keyword as \"coworking space\" This is what I got: I used this table as the background:","title":"Step 3. Generate background with AI"},{"location":"assignments/week01/#step-4-edit-images","text":"If you put the lamp on a table it will look like this:","title":"Step 4. Edit images"},{"location":"assignments/week01/#the-lamp-in-each-situation-would-look-like-this","text":"Daytime : projecting silhouettes on the lamp shade Nighttime : glows and flickers like a candle","title":"the lamp in each situation would look like this:"}]}
\ No newline at end of file
+{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Welcome to Sosuke Kanegae Fab Academy site! My name is Sosuke and this is my Fab Academy documentation website. Final Project Weekly assignments week 1. Principles and Practices / Project Management week 2. Computer Aided design week 3. Computer controlled cutting week 4. Embedded programming week 5. 3D Scanning and printing week 6. Electronics design week 7. Computer controlled machining week 8. Electronics production week 9. Molding and casting week 10. Output devices week 11. Mechanical design & machine design week 12. Input devices week 13. Networking and communications week 14. Interface and application programming week 15. Wildcard week week 16. Applications and implications week 17. Invention, intellectual property and income week 18. Project development","title":"Home"},{"location":"#welcome-to-sosuke-kanegae-fab-academy-site","text":"My name is Sosuke and this is my Fab Academy documentation website.","title":"Welcome to Sosuke Kanegae Fab Academy site!"},{"location":"#final-project","text":"","title":"Final Project"},{"location":"#weekly-assignments","text":"week 1. Principles and Practices / Project Management week 2. Computer Aided design week 3. Computer controlled cutting week 4. Embedded programming week 5. 3D Scanning and printing week 6. Electronics design week 7. Computer controlled machining week 8. Electronics production week 9. Molding and casting week 10. Output devices week 11. Mechanical design & machine design week 12. Input devices week 13. Networking and communications week 14. Interface and application programming week 15. Wildcard week week 16. Applications and implications week 17. Invention, intellectual property and income week 18. Project development","title":"Weekly assignments"},{"location":"about/","text":"Hi! I am Sosuke Kanegae. I am a PhD student in Osaka University, Japan. I was born Shiga, Japan but when I was one and a half year old, my parents went to work in Michigan, USA. We lived there until I was 10 and came back to Shiga, Japan. I am now studying about mechanical metamaterial at Osaka university.","title":"About me"},{"location":"about/#hi-i-am-sosuke-kanegae","text":"","title":"Hi! I am Sosuke Kanegae."},{"location":"about/#i-am-a-phd-student-in-osaka-university-japan","text":"I was born Shiga, Japan but when I was one and a half year old, my parents went to work in Michigan, USA. We lived there until I was 10 and came back to Shiga, Japan. I am now studying about mechanical metamaterial at Osaka university.","title":"I am a PhD student in Osaka University, Japan."},{"location":"agreements/","text":"Fab Academy Student Agreement The Fab Academy is responsible for: Teaching principles and practices of digital fabrication Arranging lectures, recitations, meetings, and events for the class Evaluating and providing feedback on student work Offering clear standards for completing assignments Certifying and archiving student progress Supervising class preparation Reviewing prospective students, instructors, and labs Providing central staff and infrastructure for students, instructors, and labs Fund-raising for costs not covered by student tuition Managing and reporting on the program's finances, results, and impacts Publicizing the program Promoting a respectful environment free of harassment and discrimination Encourage a diverse, accessible, and equitable community I am a Fab Academy student, responsible for: Attending class lectures and participating in reviews Developing and documenting projects assigned to introduce and demonstrate skills Allowing the Fab Academy to share my work (with attribution) in the class for purposes compatible with its mission Honestly reporting on my work, and appropriately attributing the work of others (both human and machine) Working safely Leaving workspaces in the same (or better) condition than I found them Participating in the upkeep of my lab Ensuring that my tuition for local and central class costs is covered Following locally applicable health and safety guidance Promoting a respectful environment free of harassment and discrimination Signed by committing this file in my repository, Sosuke Kanegae","title":"Agreements"},{"location":"agreements/#fab-academy-student-agreement","text":"The Fab Academy is responsible for: Teaching principles and practices of digital fabrication Arranging lectures, recitations, meetings, and events for the class Evaluating and providing feedback on student work Offering clear standards for completing assignments Certifying and archiving student progress Supervising class preparation Reviewing prospective students, instructors, and labs Providing central staff and infrastructure for students, instructors, and labs Fund-raising for costs not covered by student tuition Managing and reporting on the program's finances, results, and impacts Publicizing the program Promoting a respectful environment free of harassment and discrimination Encourage a diverse, accessible, and equitable community I am a Fab Academy student, responsible for: Attending class lectures and participating in reviews Developing and documenting projects assigned to introduce and demonstrate skills Allowing the Fab Academy to share my work (with attribution) in the class for purposes compatible with its mission Honestly reporting on my work, and appropriately attributing the work of others (both human and machine) Working safely Leaving workspaces in the same (or better) condition than I found them Participating in the upkeep of my lab Ensuring that my tuition for local and central class costs is covered Following locally applicable health and safety guidance Promoting a respectful environment free of harassment and discrimination Signed by committing this file in my repository, Sosuke Kanegae","title":"Fab Academy Student Agreement"},{"location":"final-project/","text":"Final Project Plans and Sketches of my final project Here I describe my final project idea. For my final project I would like to make a lamp that creates several different mood depending on the situation. Just putting a lamp in a room changes the atmosphere of the room. Every lighting equipment has its own mood. In the daytime, my favorite lighting equipment is a projector with streaming devices. Streaming devices like AppleTV and Chromecast show pictues and landscape movies when they are at screensaver mode. I love the way pictures and landscape moving slowly on my wall. So, I want to make a lamp with silhouettes moving around the lamp shade . I love watching candles before bedtime. It makes me relax and feel calm. But, fire is dangerous. especially if you fell asleep with your candels on. I want to make a bedroom lamp that glows and flicker like a candle . These two are the concept of the lamp I want to make. It's not just I want to make both type of lamps, but I want to make a lamp that switches between the two . The lamp will change mode like: Turns ON with sunlight silhouettes (birds, butterflies and flowers) moving around the lampshade. (Senses enviormantal light) Changes to candle mode at bedtime. (Senses enviormantal light going low) Turns OFF when everybody is asleep. (Timer or acoustic sensor) A lamp that changes mood depending on sunlight Daytime: projecting silhouettes on the lamp shade Nighttime: glows and flickers like a candle","title":"Final Project"},{"location":"final-project/#final-project","text":"","title":"Final Project"},{"location":"final-project/#plans-and-sketches-of-my-final-project","text":"Here I describe my final project idea. For my final project I would like to make a lamp that creates several different mood depending on the situation. Just putting a lamp in a room changes the atmosphere of the room. Every lighting equipment has its own mood. In the daytime, my favorite lighting equipment is a projector with streaming devices. Streaming devices like AppleTV and Chromecast show pictues and landscape movies when they are at screensaver mode. I love the way pictures and landscape moving slowly on my wall. So, I want to make a lamp with silhouettes moving around the lamp shade . I love watching candles before bedtime. It makes me relax and feel calm. But, fire is dangerous. especially if you fell asleep with your candels on. I want to make a bedroom lamp that glows and flicker like a candle . These two are the concept of the lamp I want to make. It's not just I want to make both type of lamps, but I want to make a lamp that switches between the two . The lamp will change mode like: Turns ON with sunlight silhouettes (birds, butterflies and flowers) moving around the lampshade. (Senses enviormantal light) Changes to candle mode at bedtime. (Senses enviormantal light going low) Turns OFF when everybody is asleep. (Timer or acoustic sensor)","title":"Plans and Sketches of my final project"},{"location":"final-project/#a-lamp-that-changes-mood-depending-on-sunlight","text":"Daytime: projecting silhouettes on the lamp shade Nighttime: glows and flickers like a candle","title":"A lamp that changes mood depending on sunlight"},{"location":"assignments/week01/","text":"Week 01. Principles and Practices / Project Management The first week of Fab Academy! I did a sketch of my project and added it to the Final Project page. Assignments for this week plan and sketch a potential final project work through a git tutorial build a personal site in the class archive describing you and your final project What I've done this week Setting up PC enviroments Visual Studio Code (VScode) Git MkDocs Create a website Choose a style Customize website Plan a final project I want to make somethng to do with lights! Making images of my lamp How it would look like 1. Setting up PC enviroments The First thing I did this week was Setting up my PC enviroment . Here are the version of tools I use. MacBook Air (M1, 2020) macOS Monterey 12.3.1 VSCode 1.74.3 zsh 5.8 (x86_64-apple-darwin21.0) Homebrew 3.6.20 python 3.10.8 / pip 22.3.1 git 2.39.1 mkdocs 1.4.2 I changed my mac screenshot setting from the default(PNG) to JPG with the following command. defaults write com.apple.screencapture type jpg hoose Text Editor Tex Editors are software where you write your codes in. I chose VScode for my text editor. VScode has wide range of extensions that help you code, debug and visualise your work. Here are the extensions I installed for Fab Academy: Git History HTML CSS Support Markdown All in One Getting started with Git I followed this tutorial of Git. Step 1. Download Git brew install git Step 2. Identify user git config --global user.name \"sosuke\" git config --global user.email \"sosuke.kanegae@mat.eng.osaka-u.ac.jp\" Step 3. Check if there is any SSH-Key existing (check) cat ~/.ssh/id_rsa.pub If not generate SSH-Key. (generate) ssh-keygen -t rsa -C \"sosuke.kaneage@mat.eng.osaka-u.ac.jp\" Step 4. Check the public key you just created cat ~/.ssh/id_rsa.pub Clone my repository from GitLab to a local workspace Now so that I got Git ready, I prepaired a new directory to store everything I do with Fab Academy. cd ~/FabAcademy/ mkdir workspace In new workspace, I first cloned my repo on GitLab git clone https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae.git Now, I have a newly cloned directory \"sosuke-kaneage\" in my workspace. And, I am ready to edit my website. Setting up MkDocs Using MkDocs, you can easily create documentatoin websites. You will have to code in HTML, CSS and JavaScript to create a website. However, in MkDocs all you have to edit is Markdowns, which is easy to use. Step 1. Install MkDocs pip install mkdocs Step 2. Create new Mkdocs project in workspace cd ~/FabAcademy/workspace mkdocs new fabacademy-docs Step 3. Launch test server mkdocs serve Now, I have a MkDocs project with the default settings in ~/FabAcademy/workspace/fabacademy-docs. And, I can check how the website will look in my browser( http://127.0.0.1:8000/ ). Build, Commit and Push After editing MkDocs project, I have to convert the markdowns to HTML files. cd ~/FabAcademy/workspace/fabacademy-docs mkdocs build The build commmand creates HTML files in ~/FabAcademy/workspace/fabacademy-docs/site/ To build directly into the git directory, add the following line to ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml % mkdocs.yml site_dir: ../sosuke-kanegae/public/ Finaly commit changes in local git repo and push to remote GitLab repo. git commit -a -m 'Comments about changes' git push Instead of commit and push in the command line, you can also commit and push from the Git tab in VScode. You can find the Git tab in the left column of the window. Click the tab and you will see a blue \"Commit\" button. Underneath the button, you can check the changes you made from last time. If you're good with the changes you can just simply press the \"Commit\" button. Or, you can select \"Commit & Push\" in the option of the \"Commit\" button. When everything is up to date in your local repo, the blue button will turn into a sync button. The number written on the button indicates how many times you commit since you last push git. To push you can simply press the sync button. Finally, when you have pushed and everything is up to date, the blue button will return into \"Commit\" and will be deativated 2. Create my website Choose a style There are several optional styles available for MkDocs. third party themes I chose Bootswatch Theme , because the menu interface was very useful. You can access to every page on my website easily. There is a content on every page, so you can jump to any h2 tag. Customize website I customize my website by editting: ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml I add Copyrights by adding the following line. copyright: Copyright 2023 Sosuke Kanegae - Creative Commons Attribution Non Commercial I made a link to the source code in GitLab by adding: repo_url: https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae 3. Plan a final project I want to make something to do with lights! I'd like to make a lamp that changes its appearance depending on the situation for my final project. Just putting a lamp in a room changes the atmosphere of the room. Every lighting equipment has its own mood. Among lighting equipments used n the daytime, my favorite is a projector with streaming devices. Streaming devices like AppleTV and Chromecast show pictues and landscape movies when they are at screensaver mode. I love the way pictures and landscape moving slowly on my wall. So, I want to make a lamp with silhouettes moving around the lamp shade . I love watching candles before bedtime. It makes me relax and feel calm. But, fire is dangerous. especially if you fell asleep with your candels on. I want to make a bedroom lamp that glows and flicker like a candle . These two are the concept of the lamp I want to make. It's not just I want to make both type of lamps, but I want to make a lamp that switches between the two . The lamp will change mode like: Turns ON with sunlight silhouettes (birds, butterflies and flowers) moving around the lampshade. (Senses enviormantal light) Changes to candle mode at bedtime. (Senses enviormantal light going low) Turns OFF when everybody is asleep. (Timer or acoustic sensor) Making images of my lamp I visualized the concept above using 3D CAD, graphic editor and AI art generator. 3D CAD: Fusion360 graphic editor: Affinity Designer AI art generator: wonder Step 1. Modeling the outline of my lamp The first thing I made is a 3D model of the outline of my lamp. I modeled a lamp that is shaped like a large snowdome. I inserted a lightbulb in the lamp. Then I changed the appearance of each part as follewed: lampshade: Fabric(White) base: Oak lightbulb: A Type Bulb - Frosted - 1500lm Step 2. Render materials for the concept image Rendered several materials with several light conditions. Rendered images as PNG files with transparent background. material1: Whole lamp with lightbulb off material2: lamp without lampshade (lightbulb on) material3: lampshade with enviroment light from front material4: lampshade with enviroment light from back material5: base only material6: lampshade with bird silhouettes Step 3. Generate background with AI I used an iPhone app, wonder , to generate backgraound image. In this app, you can select the style of image. And, I selected \"3D Render\" Set the aspect ratio to 3:2. Set the keyword as \"coworking space\" This is what I got: I used this table as the background: Step 4. Edit images If you put the lamp on a table it will look like this: the lamp in each situation would look like this: Daytime : projecting silhouettes on the lamp shade Nighttime : glows and flickers like a candle","title":"Week 01. Principles and Practices / Project Management"},{"location":"assignments/week01/#week-01-principles-and-practices-project-management","text":"The first week of Fab Academy! I did a sketch of my project and added it to the Final Project page.","title":"Week 01. Principles and Practices / Project Management"},{"location":"assignments/week01/#assignments-for-this-week","text":"plan and sketch a potential final project work through a git tutorial build a personal site in the class archive describing you and your final project","title":"Assignments for this week"},{"location":"assignments/week01/#what-ive-done-this-week","text":"Setting up PC enviroments Visual Studio Code (VScode) Git MkDocs Create a website Choose a style Customize website Plan a final project I want to make somethng to do with lights! Making images of my lamp How it would look like","title":"What I've done this week"},{"location":"assignments/week01/#1-setting-up-pc-enviroments","text":"The First thing I did this week was Setting up my PC enviroment . Here are the version of tools I use. MacBook Air (M1, 2020) macOS Monterey 12.3.1 VSCode 1.74.3 zsh 5.8 (x86_64-apple-darwin21.0) Homebrew 3.6.20 python 3.10.8 / pip 22.3.1 git 2.39.1 mkdocs 1.4.2 I changed my mac screenshot setting from the default(PNG) to JPG with the following command. defaults write com.apple.screencapture type jpg","title":"1. Setting up PC enviroments"},{"location":"assignments/week01/#hoose-text-editor","text":"Tex Editors are software where you write your codes in. I chose VScode for my text editor. VScode has wide range of extensions that help you code, debug and visualise your work. Here are the extensions I installed for Fab Academy: Git History HTML CSS Support Markdown All in One","title":"hoose Text Editor"},{"location":"assignments/week01/#getting-started-with-git","text":"I followed this tutorial of Git. Step 1. Download Git brew install git Step 2. Identify user git config --global user.name \"sosuke\" git config --global user.email \"sosuke.kanegae@mat.eng.osaka-u.ac.jp\" Step 3. Check if there is any SSH-Key existing (check) cat ~/.ssh/id_rsa.pub If not generate SSH-Key. (generate) ssh-keygen -t rsa -C \"sosuke.kaneage@mat.eng.osaka-u.ac.jp\" Step 4. Check the public key you just created cat ~/.ssh/id_rsa.pub","title":"Getting started with Git"},{"location":"assignments/week01/#clone-my-repository-from-gitlab-to-a-local-workspace","text":"Now so that I got Git ready, I prepaired a new directory to store everything I do with Fab Academy. cd ~/FabAcademy/ mkdir workspace In new workspace, I first cloned my repo on GitLab git clone https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae.git Now, I have a newly cloned directory \"sosuke-kaneage\" in my workspace. And, I am ready to edit my website.","title":"Clone my repository from GitLab to a local workspace"},{"location":"assignments/week01/#setting-up-mkdocs","text":"Using MkDocs, you can easily create documentatoin websites. You will have to code in HTML, CSS and JavaScript to create a website. However, in MkDocs all you have to edit is Markdowns, which is easy to use. Step 1. Install MkDocs pip install mkdocs Step 2. Create new Mkdocs project in workspace cd ~/FabAcademy/workspace mkdocs new fabacademy-docs Step 3. Launch test server mkdocs serve Now, I have a MkDocs project with the default settings in ~/FabAcademy/workspace/fabacademy-docs. And, I can check how the website will look in my browser( http://127.0.0.1:8000/ ).","title":"Setting up MkDocs"},{"location":"assignments/week01/#build-commit-and-push","text":"After editing MkDocs project, I have to convert the markdowns to HTML files. cd ~/FabAcademy/workspace/fabacademy-docs mkdocs build The build commmand creates HTML files in ~/FabAcademy/workspace/fabacademy-docs/site/ To build directly into the git directory, add the following line to ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml % mkdocs.yml site_dir: ../sosuke-kanegae/public/ Finaly commit changes in local git repo and push to remote GitLab repo. git commit -a -m 'Comments about changes' git push Instead of commit and push in the command line, you can also commit and push from the Git tab in VScode. You can find the Git tab in the left column of the window. Click the tab and you will see a blue \"Commit\" button. Underneath the button, you can check the changes you made from last time. If you're good with the changes you can just simply press the \"Commit\" button. Or, you can select \"Commit & Push\" in the option of the \"Commit\" button. When everything is up to date in your local repo, the blue button will turn into a sync button. The number written on the button indicates how many times you commit since you last push git. To push you can simply press the sync button. Finally, when you have pushed and everything is up to date, the blue button will return into \"Commit\" and will be deativated","title":"Build, Commit and Push"},{"location":"assignments/week01/#2-create-my-website","text":"","title":"2. Create my website"},{"location":"assignments/week01/#choose-a-style","text":"There are several optional styles available for MkDocs. third party themes I chose Bootswatch Theme , because the menu interface was very useful. You can access to every page on my website easily. There is a content on every page, so you can jump to any h2 tag.","title":"Choose a style"},{"location":"assignments/week01/#customize-website","text":"I customize my website by editting: ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml I add Copyrights by adding the following line. copyright: Copyright 2023 Sosuke Kanegae - Creative Commons Attribution Non Commercial I made a link to the source code in GitLab by adding: repo_url: https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae","title":"Customize website"},{"location":"assignments/week01/#3-plan-a-final-project","text":"","title":"3. Plan a final project"},{"location":"assignments/week01/#i-want-to-make-something-to-do-with-lights","text":"I'd like to make a lamp that changes its appearance depending on the situation for my final project. Just putting a lamp in a room changes the atmosphere of the room. Every lighting equipment has its own mood. Among lighting equipments used n the daytime, my favorite is a projector with streaming devices. Streaming devices like AppleTV and Chromecast show pictues and landscape movies when they are at screensaver mode. I love the way pictures and landscape moving slowly on my wall. So, I want to make a lamp with silhouettes moving around the lamp shade . I love watching candles before bedtime. It makes me relax and feel calm. But, fire is dangerous. especially if you fell asleep with your candels on. I want to make a bedroom lamp that glows and flicker like a candle . These two are the concept of the lamp I want to make. It's not just I want to make both type of lamps, but I want to make a lamp that switches between the two . The lamp will change mode like: Turns ON with sunlight silhouettes (birds, butterflies and flowers) moving around the lampshade. (Senses enviormantal light) Changes to candle mode at bedtime. (Senses enviormantal light going low) Turns OFF when everybody is asleep. (Timer or acoustic sensor)","title":"I want to make something to do with lights!"},{"location":"assignments/week01/#making-images-of-my-lamp","text":"I visualized the concept above using 3D CAD, graphic editor and AI art generator. 3D CAD: Fusion360 graphic editor: Affinity Designer AI art generator: wonder","title":"Making images of my lamp"},{"location":"assignments/week01/#step-1-modeling-the-outline-of-my-lamp","text":"The first thing I made is a 3D model of the outline of my lamp. I modeled a lamp that is shaped like a large snowdome. I inserted a lightbulb in the lamp. Then I changed the appearance of each part as follewed: lampshade: Fabric(White) base: Oak lightbulb: A Type Bulb - Frosted - 1500lm","title":"Step 1. Modeling the outline of my lamp"},{"location":"assignments/week01/#step-2-render-materials-for-the-concept-image","text":"Rendered several materials with several light conditions. Rendered images as PNG files with transparent background. material1: Whole lamp with lightbulb off material2: lamp without lampshade (lightbulb on) material3: lampshade with enviroment light from front material4: lampshade with enviroment light from back material5: base only material6: lampshade with bird silhouettes","title":"Step 2. Render materials for the concept image"},{"location":"assignments/week01/#step-3-generate-background-with-ai","text":"I used an iPhone app, wonder , to generate backgraound image. In this app, you can select the style of image. And, I selected \"3D Render\" Set the aspect ratio to 3:2. Set the keyword as \"coworking space\" This is what I got: I used this table as the background:","title":"Step 3. Generate background with AI"},{"location":"assignments/week01/#step-4-edit-images","text":"If you put the lamp on a table it will look like this:","title":"Step 4. Edit images"},{"location":"assignments/week01/#the-lamp-in-each-situation-would-look-like-this","text":"Daytime : projecting silhouettes on the lamp shade Nighttime : glows and flickers like a candle","title":"the lamp in each situation would look like this:"},{"location":"assignments/week02/","text":"Week 02. Computer Aided Design The second week of Fab Academy! I did a sketch of my project and added it to the Final Project page. Assignments for this week model a possible final project compress my images and videos post a description with your design files on my class pages What I've done this week Draw a 2D model of the silhouettes generator an image of a bird with AI make a silhouette of a bird Model a structure to express the glowing and flickering of candles Model structrures that make silhouettes of birds flapping their wings 1. Draw a 2D model of the silhouettes The first thing I did this week is to Draw the 2D model for silhouettes on my lamp generator an image of a bird with AI First, I used some AI art genorators to make some references of flying birds. wonder First, I used the same iPhone app as last week, wonder , to generate images of birds. This time I didn't select any style. Set the aspect ratio to 3:2. Set the keyword as \"bird flying\" This is what I got: Stable Diffusion The next AI art generator I tried was Stable Diffusion I entered each options as followed: option value prompt bird flying negative_prompt - width 768 height 512 num_outputs 4 The outputs were PNG files. I converted the images to JPG file. I made a bash file to convert every PNG file in a designated directory to JPG. png2jpg.sh for f in $1 /*.png ; do g = $( basename ${ f %.* } ) if [ ! -e $g .jpg ] ; then convert $f $g .jpg fi done To use this bash file, run the following command in cammoand line. bash png2jpg.sh pngs(directory with PNG files) This is what I got: make a silhouette of a bird I chose this picture as an example. I imported the picture into Affinity Designer Then I traced the outline of the bird. Filled the line with black. Edited the silhouetted to change the angle of the bird.","title":"Week 02. Computer Aided Design"},{"location":"assignments/week02/#week-02-computer-aided-design","text":"The second week of Fab Academy! I did a sketch of my project and added it to the Final Project page.","title":"Week 02. Computer Aided Design"},{"location":"assignments/week02/#assignments-for-this-week","text":"model a possible final project compress my images and videos post a description with your design files on my class pages","title":"Assignments for this week"},{"location":"assignments/week02/#what-ive-done-this-week","text":"Draw a 2D model of the silhouettes generator an image of a bird with AI make a silhouette of a bird Model a structure to express the glowing and flickering of candles Model structrures that make silhouettes of birds flapping their wings","title":"What I've done this week"},{"location":"assignments/week02/#1-draw-a-2d-model-of-the-silhouettes","text":"The first thing I did this week is to Draw the 2D model for silhouettes on my lamp","title":"1. Draw a 2D model of the silhouettes"},{"location":"assignments/week02/#generator-an-image-of-a-bird-with-ai","text":"First, I used some AI art genorators to make some references of flying birds.","title":"generator an image of a bird with AI"},{"location":"assignments/week02/#wonder","text":"First, I used the same iPhone app as last week, wonder , to generate images of birds. This time I didn't select any style. Set the aspect ratio to 3:2. Set the keyword as \"bird flying\" This is what I got:","title":"wonder"},{"location":"assignments/week02/#stable-diffusion","text":"The next AI art generator I tried was Stable Diffusion I entered each options as followed: option value prompt bird flying negative_prompt - width 768 height 512 num_outputs 4 The outputs were PNG files. I converted the images to JPG file. I made a bash file to convert every PNG file in a designated directory to JPG. png2jpg.sh for f in $1 /*.png ; do g = $( basename ${ f %.* } ) if [ ! -e $g .jpg ] ; then convert $f $g .jpg fi done To use this bash file, run the following command in cammoand line. bash png2jpg.sh pngs(directory with PNG files) This is what I got:","title":"Stable Diffusion"},{"location":"assignments/week02/#make-a-silhouette-of-a-bird","text":"I chose this picture as an example. I imported the picture into Affinity Designer Then I traced the outline of the bird. Filled the line with black. Edited the silhouetted to change the angle of the bird.","title":"make a silhouette of a bird"}]}
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
index ee979c1b004dac25e5cc0765ab2630567150ad98..b3a0d52c2ba6db9a463e0cabe4b22be55877a5b2 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -2,27 +2,32 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
     <url>
          <loc>None</loc>
-         <lastmod>2023-02-01</lastmod>
+         <lastmod>2023-02-05</lastmod>
          <changefreq>daily</changefreq>
     </url>
     <url>
          <loc>None</loc>
-         <lastmod>2023-02-01</lastmod>
+         <lastmod>2023-02-05</lastmod>
          <changefreq>daily</changefreq>
     </url>
     <url>
          <loc>None</loc>
-         <lastmod>2023-02-01</lastmod>
+         <lastmod>2023-02-05</lastmod>
          <changefreq>daily</changefreq>
     </url>
     <url>
          <loc>None</loc>
-         <lastmod>2023-02-01</lastmod>
+         <lastmod>2023-02-05</lastmod>
          <changefreq>daily</changefreq>
     </url>
     <url>
          <loc>None</loc>
-         <lastmod>2023-02-01</lastmod>
+         <lastmod>2023-02-05</lastmod>
+         <changefreq>daily</changefreq>
+    </url>
+    <url>
+         <loc>None</loc>
+         <lastmod>2023-02-05</lastmod>
          <changefreq>daily</changefreq>
     </url>
 </urlset>
\ No newline at end of file
diff --git a/public/sitemap.xml.gz b/public/sitemap.xml.gz
index cf2d736a5f0846e8491ebb6f3454f258dd3d1090..4e5fede03a44601ffbda0e32697010212d9c901d 100644
Binary files a/public/sitemap.xml.gz and b/public/sitemap.xml.gz differ