be-hacking-hyf · denacho · Sep 18, 2019 · Sep 19, 2019 · Sep 19, 2019 · Sep 19, 2019
diff --git a/.DS_Store b/.DS_Store
diff --git a/homework/.DS_Store b/homework/.DS_Store
diff --git a/homework/week-1-project/.DS_Store b/homework/week-1-project/.DS_Store
diff --git a/homework/week-1-project/1-head-and-header/index.html b/homework/week-1-project/1-head-and-header/index.html
@@ -0,0 +1,11 @@
+<div class="header">
+    <h1> Tic Tac Toe </h1>
+</div>
+
+<div class="controls">
+    <h3> Choose to play X or O </h3>
+    <form action="#">
+    <input class="checkBox" type="checkbox"> X Player
+    <input class="checkBox" type="checkbox"> O Player
+    </form>
+</div>
diff --git a/homework/week-1-project/1-head-and-header/style.css b/homework/week-1-project/1-head-and-header/style.css
@@ -0,0 +1,10 @@
+body {
+    font-family: Helvetica, Arial, sans-serif;
+    background-color: #EFD1C6;
+}
+
+.header h1 {
+    color: black;
+    font-size: 5rem;
+    text-align: center;
+}
diff --git a/homework/week-1-project/2-rules-of-the-game/index.html b/homework/week-1-project/2-rules-of-the-game/index.html
@@ -0,0 +1,2 @@
+
+<h2>a paper-and-pencil game for two players, X and O. The player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game.</h2>
diff --git a/homework/week-1-project/2-rules-of-the-game/style.css b/homework/week-1-project/2-rules-of-the-game/style.css
@@ -0,0 +1,6 @@
+
+h2 {
+    text-align: center;
+    font-size:"6"
+    color: black;
+}
diff --git a/homework/week-1-project/3-unplayable-board/index.html b/homework/week-1-project/3-unplayable-board/index.html
@@ -0,0 +1,41 @@
+<html>
+
+    <body onload="mode();"> 
+     <div id="screen">
+         <h1 class="h1" align="center">Please Choose Game Mode</h1>
+         <select id="mode">
+               <option Selected>Choose Mode</option>
+               <option value="1">Computer Vs Human</option>
+               <option value="2">Human Vs Human</option>
+               <option disabled value="3">Computer Vs Computer (comming soon)</option>
+            </select>
+    </div>
+    <h1>Tic Tac Toe </h1>
+    <div id="reset"></div>
+   <button class="btn d" id="draw">Draw!</button>
+    <button class="btn l" id="loss">You Lost!</button>
+     <button class="btn w" id="win">You Won!</button>
+       <button class="btn w1" id="p2win">Player 1 (O)Won!</button>
+       <button class="btn w1" id="p1win">Player 2 (X)Won!</button>
+    <button class="btn r" id="resetbtn" onclick="resetclick()">Reset</button>    
+    <div id="turn" style="display:none;">
+    <span id="p1" class="p1">Player2's (X)Turn</span>
+    <span id="p2" class="p2">Player1's (O)Turn</span></div>
+    <div id="turnc" style="display:none;">
+    <span id="ct" class="p1">Computer's' Turn</span>
+    <span id="yt" class="p2">Your Turn</span></div>
+    <span id="tt"></span>
+   <form  align="center" >
+<input type="button"  id="b1" value="     " onclick="btn1(mode)">
+<input  type="button" id="b2" value="     " onclick="btn2(mode)">
+<input type="button" id="b3"  value="     " onclick="btn3(mode)"><br />
+<input type="button" id="b4"  value="     " onclick="btn4(mode)">
+<input type="button" id="b5"  value="     " onclick="btn5(mode)">
+<input type="button" id="b6"  value="     " onclick="btn6(mode)"><br />
+<input type="button"  id="b7"  value="     " onclick="btn7(mode)">
+<input type="button"  id="b8"  value="     " onclick="btn8(mode)">
+<input type="button" id="b9"   value="     " onclick="btn9(mode)">
+</form>
+
+    </body>
+</html>
diff --git a/homework/week-1-project/3-unplayable-board/style.css b/homework/week-1-project/3-unplayable-board/style.css
@@ -0,0 +1,122 @@
+body {
+    background-color:#000;
+}
+h1{
+   color:#4CAF50; 
+  text-align:center;
+  text-decoration:underline ;
+}
+.h1{
+    position:fixed;
+    top:180px;
+    align:center;
+}
+#tt{
+    position:fixed;
+    color:#4CAF50;
+    left:40%;
+    top:330px;
+}
+#screen{
+   position:fixed;
+    width:100%;
+    height:1000px;
+    background-color:#0f0f0f;
+    z-index:1;
+    align:center;
+}
+select{
+    background-color: #4CAF50;
+    border: none;
+    color: white;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin: 4px 2px;
+    cursor: pointer;
+    position:absolute;
+    top:300px;
+    left:30%;
+    height:40px;
+    width:40%;
+}
+input{
+    width:80px;
+    height:80px;
+    background-color:#4CAF50;
+    color:#fff;
+    font-size:50px;
+}
+#reset{
+    position:fixed;
+    width:100%;
+    opacity:0;
+    display:none;
+    background-color:#000;
+    height:1000px;
+}
+.vote{
+    color:#fff;
+    position:fixed;
+    bottom:15px;
+    font-size:20px;
+    font-style: oblique;
+}
+.btn{
+    border: none;
+    position:fixed;
+    color: white;
+    left:30%;
+    display:none;
+    padding: 15px 32px;
+    width:150px;
+    text-decoration: none;
+    margin: 4px 2px;
+    cursor: pointer;
+    height:40px;
+    font-size:20px;
+}
+.w1{
+    top:350px;
+    background-color: #0cf;
+    color:#000;
+   width:200px;   
+   left:20%;
+}
+.p1{
+position:fixed;
+ color:#4CAF50;
+ left:10px;
+ top:330px;
+ display:none;
+} 
+.p2{
+    position:fixed;
+    color:#4CAF50;
+    right:10px;
+    top:330px;
+}
+.r{
+     z-index:1;
+    top:400px;
+    background-color: #4CAF50;
+}
+.l{
+    top:350px;
+    background-color: red;
+} 
+.w{
+    top:350px;
+    background-color: #0cf;
+      color:#000;
+}
+.vote a{
+    color:#4CAF50;
+}
+.d{
+    z-index:1;
+    top:350px;
+    background-color: #fff;
+    color:#000;
+}
diff --git a/homework/week-1-project/4-playable-board/index.html b/homework/week-1-project/4-playable-board/index.html
@@ -0,0 +1,17 @@
+<table>
+    <tr>
+      <td></td>
+      <td class="vert"></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td class="hori"></td>
+      <td class="vert hori"></td>
+      <td class="hori"></td>
+    </tr>
+    <tr>
+      <td></td>
+      <td class="vert"></td>
+      <td></td>
+    </tr>
+  </table>
diff --git a/homework/week-1-project/4-playable-board/style.css b/homework/week-1-project/4-playable-board/style.css
@@ -0,0 +1,15 @@
+td {
+    width: 100px;
+    height: 100px;
+  }
+  table {
+    margin: 5px auto;
+  }
+  .vert {
+    border-left: 2px solid black;
+    border-right: 2px solid black;
+  }
+  .hori {
+    border-top: 2px solid black;
+    border-bottom: 2px solid black;
+  }
diff --git a/homework/week-2-project/.DS_Store b/homework/week-2-project/.DS_Store
diff --git a/homework/week-2-project/0-blank-page-setup/index.html b/homework/week-2-project/0-blank-page-setup/index.html
@@ -7,9 +7,4 @@
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <link rel="stylesheet" href="./style.css">
 </head>
-
-<body>
-
-</body>
-
 </html>
diff --git a/homework/week-2-project/1-head and header/index.html b/homework/week-2-project/1-head and header/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+     <meta charset="utf-8">
+     <meta name= "viewport" content="width=device-width">
+     <link rel="stylesheet" href= style.css>
+     <meta name="description" content="lagi coba bikin mirip webpage nya Gita">
+      <meta name="keywords" content="Web design, gatau bener apa engga">
+     <meta name="author" content="Dena Cho">
+
+     <title> A Cup of Tea </title>
+
+ </head>
diff --git a/homework/week-2-project/1-head and header/style.css b/homework/week-2-project/1-head and header/style.css
@@ -0,0 +1,44 @@
+/* Header **/
+Header {
+    Background: #2F586D;
+    color: #ffffff;
+    padding-top : 30px;
+    min-height: 70px;
+    border-bottom: #E94181 3px solid ;
+
+}
+
+header a {
+    color: #ffffff;
+    text-decoration:none;
+    text-transform: uppercase;
+    font-size: 16px;
+}
+
+header li{
+    display: inline;
+    padding: 0 20px 0 20px;
+}
+
+header #branding {
+    float:left;
+}
+
+header #branding h1{
+    margin: 0;
+}
+
+header nav {
+    float:right;
+    margin-top: 10px;
+}
+
+header .highlight, header .current a{
+    color: #e8491d;
+    font-weight: bold;
+
+}
+ header a:hover{
+     color: #cccccc;
+     font-weight:bold;
+ }
diff --git a/homework/week-2-project/2-showcase/index.html b/homework/week-2-project/2-showcase/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+     <meta charset="utf-8">
+     <meta name= "viewport" content="width=device-width">
+     <link rel="stylesheet" href= style.css>
+     <meta name="description" content="lagi coba bikin mirip webpage nya Gita">
+      <meta name="keywords" content="Web design, gatau bener apa engga">
+     <meta name="author" content="Dena Cho">
+
+     <title> A Cup of Tea </title>
+
+<body>
+        <section id="showcase">
+                <div class="container">
+                    <h1> Content Creator </h1>
+                    <p> Lorem ipsum coba dulu ah </p>
+                </div>
+            </section>
+</body>
+</html>
diff --git a/homework/week-2-project/2-showcase/style.css b/homework/week-2-project/2-showcase/style.css
@@ -0,0 +1,31 @@
+body {
+    font: 15px/1.5 Arial, Helvetica, sans-serif;
+    padding: 0;
+    margin: 0;
+    background-color: #EBEDEE;
+    }
+
+    /* Global */
+    .container {
+        width: 80%;
+        margin: auto;
+        overflow:hidden;
+    }
+
+    #showcase{
+        min-height: 400px;
+        background: url('gambar.jpg') no repeat 0 -400px;
+        text-align: center;
+        color: #ffffff;
+    }
+
+    #showcase h1{
+        margin-top:100px;
+        font-size:55px;
+        margin-bottom:10px;  
+    }
+
+    #showcase p{
+        font-size:20px;
+    }
+
diff --git a/homework/week-2-project/3-newsletter/index.html b/homework/week-2-project/3-newsletter/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+     <meta charset="utf-8">
+     <meta name= "viewport" content="width=device-width">
+     <link rel="stylesheet" href= style.css>
+     <meta name="description" content="lagi coba bikin mirip webpage nya Gita">
+      <meta name="keywords" content="Web design, gatau bener apa engga">
+     <meta name="author" content="Dena Cho">
+
+     <title> A Cup of Tea </title>
+
+ </head>
+
+ <body>
+        <section id="newsletter">
+                <div class="container">
+                 <h1> Subscribe To My New Article</h1>
+                 <form>
+                    <input type="email" placeholder="Enter Email...">
+                    <button type="submit" class="button_1">Subscribe </button>
+                </form>
+            </div>
+            </section>
+
+ </body>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@

		<h2>a paper-and-pencil game for two players, X and O. The player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game.</h2>
-Original file line number
+Diff line change
@@ Expand Up / @@ -7,9 +7,4 @@ @@
       <meta http-equiv="X-UA-Compatible" content="ie=edge">
       <link rel="stylesheet" href="./style.css">
     </head>
-    <body>
-    </body>
     </html>