Commit ed8ca017 by Ye Eun Choi

week2update

parent 1246405e
Pipeline #55604 passed with stage
in 13 seconds
......@@ -28,35 +28,38 @@ a, u {
<div class="w3-white w3-xlarge" style="max-width:1200px;margin:auto">
<div class="w3-button w3-padding-24 w3-left" onclick="w3_open()"></div>
<div class="w3-right w3-padding-24"> <a href="http://www.fabacademy.org/">Fab Academy</a></div>
<div class="w3-center w3-padding-24"> <a href="index.html">Miriam Choi</a> </div>
<div class="w3-center w3-padding-24"> <a href="index.html">Miriam Choi</a> </div>
</div>
</div>
<!-- !PAGE CONTENT! -->
<div class="w3-main w3-content w3-padding" style="max-width:1200px;margin-top:300px">
<!-- First Photo Grid-->
<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-third">
<a href="about.html">
<img src="images/fababout.gif" alt="about" style="height:300px">
<h3>About Miriam</h3>
</a>
</a>
</div>
<div class="w3-third"">
<a href="assign.html">
<img src="images/fabass.gif" alt="assignment" style="height:300px">
<div class="w3-third">
<a href="assign.html">
<img src="images/fabass.gif" alt="assign" style="height:300px">
<h3>Assignments</h3>
<p>.</p>
</a>
</div>
<div class="w3-third"">
<a href="final.html">
<div class="w3-third">
<a href="final.html">
<img src="images/fabfin.gif" alt="final" style="height:300px">
<h3>Final Project</h3>
<p>.</p>
</a>
</div>
</div>
<script>
......@@ -64,7 +67,7 @@ a, u {
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
}
......
week/1/rodi1.gif

5.34 KB | W: | H:

week/1/rodi1.gif

5.55 KB | W: | H:

week/1/rodi1.gif
week/1/rodi1.gif
week/1/rodi1.gif
week/1/rodi1.gif
  • 2-up
  • Swipe
  • Onion skin
......@@ -145,17 +145,6 @@ p.d {margin:150px 0;}
<!----------!FINISHING NOTE!------------>
<h2 class="w3-text-green" style=margin-left:50px;> Rodrigo says... </h2>
<p class="a"></p>
<h4 class="w3-center w3-container">
<img src="week/1/rodi1.gif" style="width:200px"></h4>
<p class="b"></p>
<h4 class="w3-center">
First, look up at least 10 websites to help you, and watch some online tutorials ahead of time.
you might fight with me to get what you want, but remember, I am on your side, and will try to help you be able to make what you want to make. </h4>
<p class="c"></p>
<h2 class="w3-text-red" style=margin-left:50px;> WARNING </h2>
......@@ -173,7 +162,14 @@ p.d {margin:150px 0;}
<!----------!RIGHT LINKS!----------->
<div class="w3-quarter w3-container">
<h2 class="w3-text-pink">Rodrigo says...</h2>
<img src="images/rodi1.gif" style="width:250px">
<h4>
First, look up at least 10 websites to help you, and watch some online tutorials ahead of time. You might fight with me to get what you want, but remember, I am on your side, and will try to help you be able to make what you want to make. </h4>
<p class="c"></p>
<h2 class="w3-text-pink">Links</h2>
<p class="w3-border w3-padding-large w3-padding-24 w3-center">
......@@ -191,11 +187,9 @@ p.d {margin:150px 0;}
<p class="w3-border w3-padding-large w3-padding-24 w3-center">
<a href="https://learn.adafruit.com/adafruit-trellis-diy-open-source-led-keypad/overview"> MIDI PAD </a>
</p>
</div>
<!----------!HERE BE SCRIPTS!--------->
<script>
// Script to open and close sidebar
......
......@@ -14,7 +14,7 @@ h3,h4,h5,h6,p {font-family: "Aleo-Regular";}
a, u {text-decoration: none;}
a:hover {color: purple;}
p.a {margin:40px 0;}
p.a {margin:30px 0;}
p.b {margin:60px 0;}
p.c {margin:100px 0;}
p.d {margin:150px 0;}
......@@ -63,33 +63,64 @@ p.d {margin:150px 0;}
<div class="w3-threequarter w3-container">
<h1 class="w3-text-teal" id="top">Week 2: Project Management</h1>
<!---------!ASSIGNMENT! ------->
<h2 class="w3-text-light-green" style=margin-left:50px;>Assignment</h2>
<p class="a"></p>
<h4 style=margin-left:80px> Learn Git, Make your own Webpage </h4>
<h4 style=margin-left:80px>Make your own Webpage</h4>
<h4 style=margin-left:80px><a href="#git"> Learn Git </a></h4>
<p class="b"></p>
<!---------!BRAINSTORMING! ------->
<!---------!BRAINSTORMING! ------->
<h2 class="w3-text-yellow" style=margin-left:50px;> Think first...</h2>
<p class="b"></p>
<h4 style=margin-left:100px> What are my options?</h4>
<h2 class="w3-text-green" style=margin-left:50px;>Making your Webpage</h2>
<p class="a"></p>
<h4 style=margin-left:100px> Language</h4>
<p class="a"></p>
<h5 style=margin-left:200px> 1. Modular lamp - lego shaped? </h5>
<h5 style=margin-left:200px> 2. Music box - how does arduino go in? </h5>
<h5 style=margin-left:200px> 3. Electric-longboard - can I make it? </h5>
<h5 style=margin-left:200px> 4. Board game - what kind of functions? </h5>
<h5 style=margin-left:200px> 5. MIDI drum pad - Can I even use it? </h5>
<h5 style=margin-left:120px>
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML">
1. HTML - HyperText Markup Language</a></h5>
<h5 style=margin-left:120px>
<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5">
2. HTML5 - Latest evolution </a></h5>
<h5 style=margin-left:120px>
<a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Syntax">
3. CSS - Cascading Style Sheet</a></h5>
<h5 style=margin-left:120px>
<a href="https://www.w3.org/">
4. W3C - World Wide Web Consortium </a></h5>
<p class="b"> </p>
<h4 style=margin-left:100px> Research: Is it possible? (Links to each in "links" section) </h4>
<p class="a"></p>
<h4 style=margin-left:100px> Text Editors</h4>
<p class="a"></p>
<h5 style=margin-left:120px>
<img src="week/2/texteditor1.png" style="width:50px">
TextEdit - It's on my mac very simple, free</h5>
<h5 style=margin-left:120px>
<img src="week/2/texteditor3.png" style="width:50px">
Sublime Text - Colorful, customizing, </h5>
<h5 style=margin-left:120px>
<img src="week/2/texteditor2.png" style="width:50px">
Atom - Available for Mac and Windows, pretty and easy interface</h5>
<h5 style=margin-left:120px>
<img src="week/2/texteditor4.png" style="width:50px">
Dreamweaver - Adobe software, coding and designing simultaneously</h5>
<p class="b"></p>
<h5 style=margin-left:200px>
1. Modular lamp <img src="week/1/pic1.jpg" style="width:650px"> there is already a beautiful one. </h5>
......@@ -110,10 +141,11 @@ p.d {margin:150px 0;}
<h5 style=margin-left:200px>
5. MIDI drum pad <img src="week/1/pic5.jpg" style="width:650px"> Super cool, perhaps I can add it to the music box.</h5>
<p class="b"> </p>
<p id="git"> </p>
<!-------------!MAIN CONTENT!--------->
<h2 class="w3-text-yellow" style=margin-left:50px;> What I did... </h2>
<h2 class="w3-text-green" style=margin-left:50px;> Learning Git </h2>
<p class="b"></p>
<h4 style=margin-left:100px> MUSICBOX</h4>
......@@ -136,27 +168,14 @@ p.d {margin:150px 0;}
<img src="week/1/final2.jpg" style="width:650px"> </h5>
<h5 style=margin-left:200px>
<img src="week/1/final3.jpg" style="width:650px"> </h5>
<p class="a"></p>
<p class="c"></p>
<p class="b"> </p>
<!----------!FINISHING NOTE!------------>
<h2 class="w3-text-green" style=margin-left:50px;> Rodrigo says... </h2>
<p class="a"></p>
<h4 class="w3-center w3-container">
<img src="week/1/rodi1.gif" style="width:200px"></h4>
<p class="b"></p>
<h4 class="w3-center">
First, look up at least 10 websites to help you, and watch some online tutorials ahead of time.
you might fight with me to get what you want, but remember, I am on your side, and will try to help you be able to make what you want to make. </h4>
<p class="c"></p>
<!----------!FINISHING NOTE!------------>
<h2 class="w3-text-red" style=margin-left:50px;> WARNING </h2>
<h5 style=margin-left:70px; class=" w3-padding-large w3-padding-24">
......@@ -172,9 +191,14 @@ p.d {margin:150px 0;}
</div>
</div>
<!----------!RIGHT LINKS!----------->
<div class="w3-quarter w3-container">
<h2 class="w3-text-pink">Rodrigo says...</h2>
<img src="images/rodi1.gif" style="width:250px">
<h4>
First, look up at least 10 websites to help you, and watch some online tutorials ahead of time. You might fight with me to get what you want, but remember, I am on your side, and will try to help you be able to make what you want to make. </h4>
<p class="c"></p>
<h2 class="w3-text-pink">Links</h2>
<p class="w3-border w3-padding-large w3-padding-24 w3-center">
......@@ -191,12 +215,10 @@ p.d {margin:150px 0;}
<p class="w3-border w3-padding-large w3-padding-24 w3-center">
<a href="https://learn.adafruit.com/adafruit-trellis-diy-open-source-led-keypad/overview"> MIDI PAD </a>
</p>
</p>
</div>
<!----------!HERE BE SCRIPTS!--------->
<script>
// Script to open and close sidebar
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment