Skip to content
Snippets Groups Projects
Commit 6ea1b21e authored by Sosuke Kanegae's avatar Sosuke Kanegae
Browse files

Edit week01 warning and custom mkdocs

parent f3d43d43
No related branches found
No related tags found
No related merge requests found
Pipeline #368431 failed
...@@ -238,6 +238,10 @@ If you're good with the changes you can just simply press the "Commit" button.</ ...@@ -238,6 +238,10 @@ If you're good with the changes you can just simply press the "Commit" button.</
To push you can simply press the sync button.</p> To push you can simply press the sync button.</p>
<p><img alt="push in VScode" src="../../images/push_in_VScode.jpg" /></p> <p><img alt="push in VScode" src="../../images/push_in_VScode.jpg" /></p>
<p>Finally, when you have pushed and everything is up to date, the blue button will return into "Commit" and will be deativated</p> <p>Finally, when you have pushed and everything is up to date, the blue button will return into "Commit" and will be deativated</p>
<div class="admonition warning">
<p class="admonition-title">Warning</p>
<p>An error will sometimes occur when pushed in VScode. So, it might be better to push from command line.</p>
</div>
<h2 id="2-create-my-website">2. Create my website</h2> <h2 id="2-create-my-website">2. Create my website</h2>
<h3 id="choose-a-style"><strong>Choose a style</strong></h3> <h3 id="choose-a-style"><strong>Choose a style</strong></h3>
<p>There are several optional styles available for MkDocs. <a href="https://github.com/mkdocs/mkdocs/wiki/MkDocs-Themes">third party themes</a></p> <p>There are several optional styles available for MkDocs. <a href="https://github.com/mkdocs/mkdocs/wiki/MkDocs-Themes">third party themes</a></p>
...@@ -246,6 +250,14 @@ To push you can simply press the sync button.</p> ...@@ -246,6 +250,14 @@ To push you can simply press the sync button.</p>
<li>You can access to every page on my website easily.</li> <li>You can access to every page on my website easily.</li>
<li>There is a content on every page, so you can jump to any h2 tag.</li> <li>There is a content on every page, so you can jump to any h2 tag.</li>
</ul> </ul>
<h3 id="customize-website"><strong>Customize website</strong></h3>
<p>I customize my website by editting ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml</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>
<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>
<h2 id="3-plan-a-final-project">3. Plan a final project</h2> <h2 id="3-plan-a-final-project">3. Plan a final project</h2>
<h3 id="a-lamp-that-changes-mood-depending-on-sunlight">A lamp that changes mood depending on sunlight</h3> <h3 id="a-lamp-that-changes-mood-depending-on-sunlight">A lamp that changes mood depending on sunlight</h3>
<p><img alt="Final Project Sketch" src="/images/lamp_off.jpg" /></p> <p><img alt="Final Project Sketch" src="/images/lamp_off.jpg" /></p>
...@@ -264,11 +276,11 @@ I want to make <strong>a bedroom lamp that glows and flicker like a candle</stro ...@@ -264,11 +276,11 @@ I want to make <strong>a bedroom lamp that glows and flicker like a candle</stro
<li>Changes to candle mode at bedtime. (Senses enviormantal light going low)</li> <li>Changes to candle mode at bedtime. (Senses enviormantal light going low)</li>
<li>Turns OFF when everybody is asleep. (Timer or acoustic sensor)</li> <li>Turns OFF when everybody is asleep. (Timer or acoustic sensor)</li>
</ol> </ol>
<h3 id="this-how-it-would-look-like">This how it would look like:</h3> <h3 id="how-it-would-look-like">How it would look like:</h3>
<p><strong>Daytime</strong>: projecting silhouettes on the lamp shade <p><strong>Daytime</strong>: projecting silhouettes on the lamp shade
<img alt="lamp in daytime" src="./images/lamp_bird.jpg" /></p> <img alt="lamp in daytime" src="../../images/lamp_bird.jpg" /></p>
<p><strong>Nighttime</strong>: glows and flickers like a candle <p><strong>Nighttime</strong>: glows and flickers like a candle
<img alt="lamp in night time" src="./images/lamp_candle.jpg" /></p></div> <img alt="lamp in night time" src="../../images/lamp_candle.jpg" /></p></div>
</div> </div>
</div> </div>
......
...@@ -215,5 +215,5 @@ ...@@ -215,5 +215,5 @@
<!-- <!--
MkDocs version : 1.4.2 MkDocs version : 1.4.2
Build Date UTC : 2023-01-30 23:20:27.450364+00:00 Build Date UTC : 2023-01-30 23:41:07.001804+00:00
--> -->
This diff is collapsed.
No preview for this file type
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment