Tal

.gitignore

@@ -92,3 +92,4 @@ typings/
 98-Projects/GRJ/server.ts
 .vscode/settings.json
 .vscode/settings.json
+.vscode/settings.json

.vscode/.vscode.code-workspace

@@ -0,0 +1,13 @@
+{
+	"folders": [
+		{
+			"path": "."
+		},
+		{
+			"path": "../01-HTML-CSS"
+		},
+		{
+			"path": "../09-CSS-final-test"
+		}
+	]
+}

.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "wscats.eno"
+    ]
+}

.vscode/launch.json

@@ -0,0 +1,16 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,27 @@
+{
+  "liveServer.settings.port": 5503,
+  "compile-hero.disable-compile-files-on-did-save-code": false,
+  "cSpell.words": [
+    "divs",
+    "imgs",
+    "Karako",
+    "Nemo",
+    "Sahandrin",
+    "Sheva",
+    "Succ",
+    "בבית",
+    "בהרי",
+    "במקום",
+    "בעיירה",
+    "למשתמש",
+    "מופלא",
+    "מידע",
+    "מציגים",
+    "מתגוררת",
+    "קולומביה",
+    "קסום",
+    "שומרים"
+  ],
+  "explorer.openEditors.sortOrder": "alphabetical",
+  "explorer.sortOrder": "type"
+}

00-principles of good code/ppogc.md

@@ -0,0 +1,10 @@
+# Variables #
+
+## Globals are bad ##
+Globals are bad: somebody can change your variable, which will change the code's behavior unexpectedly. Avoid them as much as you can.
+
+## const is better than let ##
+Const is better than let: Nobody can change your variable unexpectedly when using const. Use let only when you must. 
+
+## Functions ##
+Pure functions is better than unpure functions. in pure functions you know what you get and what you return. in unpure functions you 

01-HTML-CSS/02-position-box-model/Exrecise2/aviva-elias/style.css

@@ -1,29 +1,42 @@
+body{
+    margin: 0;
+
+}
 
-
-
-
-
+.wrapper{
+
+    background-color: lightgrey;
+    width: 100%;
+    height: 1600px;
+    position: relative;
+}
+.logo{
+    width: 200px;
+    width: 200px;
+    position: fixed;
+    left: 1200px;
+    top: 80px;
+    z-index: 1;
+}
+.logo img{
+    height: 100%;
+    width: 100%;
+}
 
 .box1{
     width: 100%;
 height: 150px;
 background-color:red;
 position: fixed;
+z-index: 1;
 
 
 }
-.logo{
-
-    width: 150px;
-    height: 150px;
-    position: fixed;
-    left: 700px;
-    top: 80px
-}
+
 
 .box2{
     width: 100%;
-    height: 250px;
+    height: 150px;
     background-color: grey;
 
 } 
@@ -32,7 +45,7 @@ position: fixed;
 height: 150px;
 background-color: grey;
 position: sticky;
-top: 150px;
+top: 75px;
        }
 
 
@@ -48,14 +61,4 @@ top: 150px;
 
 
 
-.wrapper{
-
-    background-color: lightgrey;
-    width: 100%;
-    height: 1600px;
-    position: relative;
-}
 
-body{
-    margin: 0;
-}

01-HTML-CSS/02-position-box-model/HW/Itay-Amosi-Instgram.html/style.css

@@ -0,0 +1,217 @@
+body {
+  margin: -1;
+  overflow-x: hidden;
+}
+
+.all {
+  width: 90%;
+  max-width: 800px;
+  position: relative;
+  margin: auto;
+  height: 5500px;
+  border: 2px solid rgb(255, 255, 255);
+}
+
+.instagram-bar {
+  outline: 1px solid black;
+  background-color: white;
+  position: fixed;
+  width: 800px;
+  height: 4rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  top: 0;
+}
+
+._ab6- {
+  margin-right: 25px;
+}
+
+.heart {
+  height: 45px;
+  margin-left: 29px;
+  transform: scale(1.3);
+}
+
+body {
+  margin: 0px;
+  padding: 0;
+  height: 100vh;
+  justify-content: center;
+  align-items: center;
+}
+
+.search-container {
+  background: #fff;
+  height: 30px;
+  border-radius: 30px;
+  padding: 10px 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  transition: 0.8s;
+  box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, 0.3), -4px -4px 6px 0 rgba(116, 125, 136, 0.2), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.2), inset 4px 4px 6px 0 rgba(0, 0, 0, 0.2);
+}
+
+.search-container:hover > .search-input {
+  width: 400px;
+}
+
+.search-container .search-input {
+  background: transparent;
+  border: none;
+  outline: none;
+  width: 0px;
+  font-weight: 500;
+  font-size: 16px;
+  transition: 0.8s;
+}
+
+.search-container .search-btn .fas {
+  color: #0b100f;
+}
+
+.search-container:hover {
+  -webkit-animation: hoverShake 0.15s linear 3;
+          animation: hoverShake 0.15s linear 3;
+}
+
+.bottom-bar {
+  outline: 1px solid black;
+  background-color: rgb(255, 254, 254);
+  position: fixed;
+  width: 800px;
+  height: 4rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  bottom: 0;
+}
+
+.home {
+  height: 50px;
+  margin-left: 90px;
+}
+
+.explor {
+  height: 35px;
+  margin-right: 31rem;
+}
+
+.plus {
+  height: 50px;
+  position: absolute;
+  margin-left: 25rem;
+}
+
+.message {
+  height: 60px;
+  position: absolute;
+  left: 33rem;
+}
+
+.img {
+  height: 60px;
+  position: absolute;
+  left: 42rem;
+}
+
+.picher1 {
+  width: 50px;
+  height: 80px;
+  margin-top: 850px;
+  margin-right: 80px;
+}
+
+.insta-1 {
+  width: 600px;
+  height: 900px;
+  border: 2px solid black;
+  margin-top: 150px;
+  margin-left: 90px;
+}
+
+.insta-1__bar {
+  width: 600px;
+  height: 60px;
+}
+
+.insta-img {
+  height: 60px;
+}
+
+.insta-1p {
+  float: right;
+  margin-right: 380px;
+}
+
+.dot {
+  float: right;
+  margin-top: 20px;
+  margin-right: 15px;
+}
+
+.insta-pic {
+  width: 600px;
+  height: 500px;
+}
+
+.icons {
+  width: 600px;
+  height: 50px;
+  margin-top: 31.5rem;
+}
+
+.like {
+  height: 50px;
+}
+
+.comment {
+  height: 30px;
+  margin-bottom: 10px;
+}
+
+.share {
+  height: 40px;
+  margin-left: 7px;
+  margin-bottom: 3px;
+}
+
+.pin {
+  height: 40px;
+  margin-left: 400px;
+}
+
+.pic {
+  width: 60px;
+}
+
+.divlikes {
+  width: 600px;
+  height: 100px;
+}
+
+.post {
+  width: 600px;
+  height: 60px;
+  margin-top: 40px;
+  display: flex;
+}
+
+.input {
+  width: 700px;
+  height: 50px;
+  margin-left: 14px;
+}
+
+.icon {
+  width: 50px;
+  margin-left: 12px;
+}
+
+.button {
+  width: 150px;
+  margin-left: 60px;
+}