Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Step8 #60

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,6 @@
<meta charset="UTF-8">
</head>
<body>
<script src="step_1.js"></script>
</body>
</html>
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,6 @@
<meta charset="UTF-8">
</head>
<body>
<script src="step_2.js"></script>
</body>
</html>
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,6 @@
<meta charset="UTF-8">
</head>
<body>
<script src="step_3.js"></script>
</body>
</html>
Original file line number Diff line number Diff line change
Expand Up @@ -11,5 +11,6 @@
<label for="city">city : </label><input type="text" name="city" id="city"/>
<button name="validate" id="validate">Validate</button>
</form>
<script src="step_4.js"></script>
</body>
</html>
Original file line number Diff line number Diff line change
Expand Up @@ -10,5 +10,6 @@
<label for="second_number">second number : </label><input type="text" id="second_number" name="second_number"/><br/>
<button id="validate" name ="validate">validate</button>
</form>
<script src="step_5.js"></script>
</body>
</html>
Original file line number Diff line number Diff line change
Expand Up @@ -10,5 +10,6 @@
<label for="second_number">second number : </label><input type="text" id="second_number" name="second_number"/><br/>
<button id="validate" name ="validate">validate</button>
</form>
<script src="step_6.js"></script>
</body>
</html>
Original file line number Diff line number Diff line change
Expand Up @@ -10,5 +10,6 @@
<label for="year">Birth year : </label><input type="text" id="year" name="year"/><br/>
<button id="validate" name="validate">validate</button>
</form>
<script src="step_7.js"></script>
</body>
</html>
Original file line number Diff line number Diff line change
Expand Up @@ -9,5 +9,6 @@
<label for="age">your age : </label><input type="text" id="age" name="age"/><br/>
<button id="validate" name="validate">validate</button>
</form>
<script src="step_8.js"></script>
</body>
</html>
2 changes: 2 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step_1.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
var name='ali';
alert('ali');
3 changes: 3 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step_2.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@

var names='name=Beirute\n surrname=homsi\ncity=beirut';
alert (""+names+"");
4 changes: 4 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step_3.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
var name= prompt("What's your name?");


alert("Hello, " +name+ "");
4 changes: 4 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step_4.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
var name= prompt('enter name');
var surrname= prompt('enter surrname');
var city= prompt ('enter city');
alert("Hello, " +name+""+surrname+" from " +city+ "");
5 changes: 5 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step_5.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@

const num1 = parseInt(prompt('Enter the first number ')); const num2 = parseInt(prompt('Enter the second number '));
alert("result=" +num1*num2+"");


2 changes: 2 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step_6.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
const num1 = parseInt(prompt('Enter the first number ')); const num2 = parseInt(prompt('Enter the second number '));
alert("result=" +num1/num2+"");
2 changes: 2 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step_7.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
const num1 = prompt('enter shoe size '); const num2 = prompt('Enter bieth year');
alert("result=" +num1*2*50+5+1766/num2+"");
6 changes: 6 additions & 0 deletions 03_Exercises/03_JavaScript/javascript-basics-01/step_8.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
var age = prompt('enter your age');
if (age > 18 ){
age= alert('bigger than 18');
}else{
age= alert('smaller than 18');
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 3 additions & 2 deletions 04_Challenges/cv-styling-master/public/style1/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@

<!-- Stylesheets -->
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="style.css">
<!-- /Stylesheets -->

</head>
Expand All @@ -20,11 +21,11 @@
<header>
<div>
<hgroup>
<h1>Student Name</h1>
<h1>Ali Homsi</h1>
<h2>Codes and Sleeps</h2>
</hgroup>
<figure>
<img src="../images/110x110.png" alt="Student Name">
<img src="images.jpeg" alt="Student Name">
</figure>
</div>
</header>
Expand Down
4 changes: 1 addition & 3 deletions 04_Challenges/cv-styling-master/public/style1/normalize.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,9 +22,7 @@ html {
* Remove the margin in all browsers (opinionated).
*/

body {
margin: 0;
}


/**
* Add the correct display in IE 9-.
Expand Down
164 changes: 164 additions & 0 deletions 04_Challenges/cv-styling-master/public/style1/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,164 @@
#about{
float: left;
width: 45%;
padding: 10px;
height: 300px;

}
#experiences{
float: left;
width: 45%;
padding: 10px;
height: 300px;
}
#hobbies{
float: left;
width: 45%;
padding: 10px;
height: 300px;
position:absolute;
top: 720%;
}





#competencies{
float: right;
width: 50%;
padding: 10px;
height: 300px;
}
#education{
float: right;
width: 50%;
padding: 10px;
height: 300px;
}
.contacts{
float: right;
width: 50%;
padding: 1px;

position:absolute;
top:0px;
right:1px;
background-color: black;
margin-top: 2%;
}
body{
position: relative;
}
dl{
width:1;
display: grid;
grid-template-columns: 30% 70%;
height: 78%;
margin:0%;

}

header>div{
display: flex;
margin-bottom: 10%;

}
#contact:last-child h3{

position:fixed;
visibility: hidden;

}
.contact-type{
background-color: red;
color: white;
}
a{
color:red;
text-decoration: none;

}
header{
background-color: #999999;
}
body{
margin: auto;
width: 80%;
}
h3::after{
height: 25px;
position: absolute;
content: '';
display: block;
width: 25px;
border-radius: 50%;
background: red;
margin-top: -25px;
margin-left: -29px;


}
h3{
border-bottom: #999999 solid;
padding: 10px;
}
h4{
color:red;
}
.experience-institution::before{
content: '@';
}
.experience-date-separator{
color:red;
}
.day,.month,.year{
color:#AAAAAA
}
.experience-location::before{
content: 'In';
}
.skills-primary{
flex-direction: column;

}
.skills-primary::before{
content:'Main';

}
.skills-secondary::before{
content: 'Other';
}
[data-skill="5"]{
border:white 1px solid;
background-color: #999999;
padding:7px;
}
[data-skill="3"]{
border:white 1px solid;
background-color: #999999;
padding:7px;
}
[data-skill="1"]{
border:white 1px solid;
background-color: #999999;
padding:7px;
}
[data-skill="9"]{
border:#999999 6px solid;
background-color: red;
padding:7px;
margin-right: 5%;
}
[data-skill="7"]{
border:white 1px solid;
background-color: #999999;
padding:7px;
}
p{
width: 76%;
}
.skill{
color:white;
}

Loading