Skip to content

Commit 6c205f2

Browse files
author
Ubuntu
committed
Initial commit
0 parents  commit 6c205f2

File tree

10 files changed

+158
-0
lines changed

10 files changed

+158
-0
lines changed

‎.c9/.nakignore

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
*~backup-*
2+
.c9revisions
3+
.c9
4+
.git
5+
.svn
6+
.DS_Store
7+
.bzr
8+
.cdv
9+
~.dep
10+
~.dot
11+
~.nib
12+
~.plst
13+
.hg
14+
.pc
15+
*.min.js
16+
.nakignore
17+
/dev

‎.c9/metadata/environment/button.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"filter":false,"title":"button.html","tooltip":"/button.html","undoManager":{"mark":13,"position":13,"stack":[[{"start":{"row":0,"column":0},"end":{"row":21,"column":7},"action":"insert","lines":["<!doctype html>","<html lang=\"en\">","<head>","\t<meta charset=\"utf-8\">","\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">","\t<title>jQuery</title>","\t<link href=\"css/style.css\" rel=\"stylesheet\">","</head>","<body>","\t<div id=\"container\">","\t\t<div class='card'>","\t\t\t<button id='button1' class=\"bottom_button\">Button 1</button>\t","\t\t\t<p id='para1' class=\"card_para\">Once you join a Code Institute Bootcamp you will be taken on an accelerated contextualised learning path across 3 streams. Nothing is learned in isolation.We contextualise the content so that the knowledge and skills gained in each learning unit feeds into, and is expanded upon, within the next unit.The outputs of each stream will be a project. </p>","\t\t</div>","\t</div>\t\t","\t<script src=\"https://code.jquery.com/jquery-3.2.1.js\"","\tintegrity=\"sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=\"","\tcrossorigin=\"anonymous\"></script>","\t<script src=\"js/script.js\"></script> <!-- Scripts located at the bottom of the body to insure page is fully loaded before execution -->","\t","</body>","</html>"],"id":1}],[{"start":{"row":11,"column":24},"end":{"row":11,"column":25},"action":"remove","lines":[" "],"id":2}],[{"start":{"row":11,"column":44},"end":{"row":11,"column":45},"action":"insert","lines":[" "],"id":3},{"start":{"row":11,"column":45},"end":{"row":11,"column":46},"action":"insert","lines":["m"]},{"start":{"row":11,"column":46},"end":{"row":11,"column":47},"action":"insert","lines":["a"]},{"start":{"row":11,"column":47},"end":{"row":11,"column":48},"action":"insert","lines":["k"]},{"start":{"row":11,"column":48},"end":{"row":11,"column":49},"action":"insert","lines":["e"]},{"start":{"row":11,"column":49},"end":{"row":11,"column":50},"action":"insert","lines":["R"]},{"start":{"row":11,"column":50},"end":{"row":11,"column":51},"action":"insert","lines":["e"]},{"start":{"row":11,"column":51},"end":{"row":11,"column":52},"action":"insert","lines":["d"]}],[{"start":{"row":13,"column":8},"end":{"row":14,"column":0},"action":"insert","lines":["",""],"id":4},{"start":{"row":14,"column":0},"end":{"row":14,"column":2},"action":"insert","lines":["\t\t"]}],[{"start":{"row":14,"column":2},"end":{"row":17,"column":8},"action":"insert","lines":["<div class='card'>","\t\t\t<button id='button1' class=\"bottom_button makeRed\">Button 1</button>\t","\t\t\t<p id='para1' class=\"card_para\">Once you join a Code Institute Bootcamp you will be taken on an accelerated contextualised learning path across 3 streams. Nothing is learned in isolation.We contextualise the content so that the knowledge and skills gained in each learning unit feeds into, and is expanded upon, within the next unit.The outputs of each stream will be a project. </p>","\t\t</div>"],"id":5}],[{"start":{"row":15,"column":21},"end":{"row":15,"column":22},"action":"remove","lines":["1"],"id":6}],[{"start":{"row":15,"column":21},"end":{"row":15,"column":22},"action":"insert","lines":["2"],"id":7}],[{"start":{"row":15,"column":51},"end":{"row":15,"column":52},"action":"remove","lines":["d"],"id":8},{"start":{"row":15,"column":50},"end":{"row":15,"column":51},"action":"remove","lines":["e"]},{"start":{"row":15,"column":49},"end":{"row":15,"column":50},"action":"remove","lines":["R"]},{"start":{"row":15,"column":48},"end":{"row":15,"column":49},"action":"remove","lines":["e"]},{"start":{"row":15,"column":47},"end":{"row":15,"column":48},"action":"remove","lines":["k"]},{"start":{"row":15,"column":46},"end":{"row":15,"column":47},"action":"remove","lines":["a"]},{"start":{"row":15,"column":45},"end":{"row":15,"column":46},"action":"remove","lines":["m"]},{"start":{"row":15,"column":44},"end":{"row":15,"column":45},"action":"remove","lines":[" "]}],[{"start":{"row":16,"column":14},"end":{"row":16,"column":15},"action":"remove","lines":["1"],"id":9}],[{"start":{"row":16,"column":14},"end":{"row":16,"column":15},"action":"insert","lines":["2"],"id":10}],[{"start":{"row":16,"column":35},"end":{"row":16,"column":382},"action":"remove","lines":["Once you join a Code Institute Bootcamp you will be taken on an accelerated contextualised learning path across 3 streams. Nothing is learned in isolation.We contextualise the content so that the knowledge and skills gained in each learning unit feeds into, and is expanded upon, within the next unit.The outputs of each stream will be a project. "],"id":11},{"start":{"row":16,"column":35},"end":{"row":16,"column":36},"action":"insert","lines":["l"]},{"start":{"row":16,"column":36},"end":{"row":16,"column":37},"action":"insert","lines":["o"]},{"start":{"row":16,"column":37},"end":{"row":16,"column":38},"action":"insert","lines":["r"]},{"start":{"row":16,"column":38},"end":{"row":16,"column":39},"action":"insert","lines":["e"]},{"start":{"row":16,"column":39},"end":{"row":16,"column":40},"action":"insert","lines":["m"]},{"start":{"row":16,"column":40},"end":{"row":16,"column":41},"action":"insert","lines":["2"]},{"start":{"row":16,"column":41},"end":{"row":16,"column":42},"action":"insert","lines":["5"]}],[{"start":{"row":16,"column":41},"end":{"row":16,"column":42},"action":"remove","lines":["5"],"id":13},{"start":{"row":16,"column":40},"end":{"row":16,"column":41},"action":"remove","lines":["2"]}],[{"start":{"row":16,"column":40},"end":{"row":16,"column":41},"action":"insert","lines":["4"],"id":14},{"start":{"row":16,"column":41},"end":{"row":16,"column":42},"action":"insert","lines":["0"]}],[{"start":{"row":16,"column":35},"end":{"row":16,"column":42},"action":"remove","lines":["lorem40"],"id":15},{"start":{"row":16,"column":35},"end":{"row":16,"column":334},"action":"insert","lines":["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolores ratione incidunt excepturi enim repellat, similique, ipsum libero unde minus hic dolor omnis reprehenderit cumque cum? Minima, ipsum, dignissimos! Dolores iste saepe consequatur deserunt pariatur nobis, quam veniam est illo."]}]]},"ace":{"folds":[],"scrolltop":60,"scrollleft":0,"selection":{"start":{"row":16,"column":35},"end":{"row":16,"column":35},"isBackwards":false},"options":{"guessTabSize":true,"useWrapMode":false,"wrapToView":true},"firstLineState":{"row":2,"state":"start","mode":"ace/mode/html"}},"timestamp":1568710370401,"hash":"912f5138aaa0f9b0a1f53a89ceeec9d1d8cb1dfa"}

‎.c9/metadata/environment/css/style.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.c9/metadata/environment/js/script.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.c9/metadata/tab1

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"changed":false,"filter":false,"title":"bash - \"ip-172-31-83-102\" ","tooltip":"bash - \"ip-172-31-83-102\" ","value":"","undoManager":{"mark":-1,"position":-1,"stack":[]},"terminal":{"id":"cloud9_terminal_953","cwd":"","width":1008,"height":121,"scrollTop":-1},"timestamp":1568707742208}

‎.c9/out_of_memory

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
1568707819849

‎.c9/project.settings

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
{
2+
"build": {
3+
"@saveall": true
4+
},
5+
"language": {
6+
"tern_defs": {
7+
"json()": {
8+
"browser": {
9+
"enabled": true
10+
},
11+
"ecma5": {
12+
"enabled": true
13+
},
14+
"jQuery": {
15+
"enabled": true
16+
}
17+
}
18+
}
19+
},
20+
"python": {
21+
"@path": "/usr/local/lib/python3.4/dist-packages:/usr/local/lib/python3.5/dist-packages"
22+
},
23+
"run": {
24+
"configs": {
25+
"@inited": "true",
26+
"json()": {}
27+
}
28+
},
29+
"welcome": {
30+
"@first": true
31+
}
32+
}

‎button.html

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>jQuery</title>
7+
<link href="css/style.css" rel="stylesheet">
8+
</head>
9+
<body>
10+
<div id="container">
11+
<div class='card'>
12+
<button id='button1' class="bottom_button makeRed">Button 1</button>
13+
<p id='para1' class="card_para">Once you join a Code Institute Bootcamp you will be taken on an accelerated contextualised learning path across 3 streams. Nothing is learned in isolation.We contextualise the content so that the knowledge and skills gained in each learning unit feeds into, and is expanded upon, within the next unit.The outputs of each stream will be a project. </p>
14+
</div>
15+
<div class='card'>
16+
<button id='button2' class="bottom_button">Button 1</button>
17+
<p id='para2' class="card_para">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolores ratione incidunt excepturi enim repellat, similique, ipsum libero unde minus hic dolor omnis reprehenderit cumque cum? Minima, ipsum, dignissimos! Dolores iste saepe consequatur deserunt pariatur nobis, quam veniam est illo.</p>
18+
</div>
19+
</div>
20+
<script src="https://code.jquery.com/jquery-3.2.1.js"
21+
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
22+
crossorigin="anonymous"></script>
23+
<script src="js/script.js"></script> <!-- Scripts located at the bottom of the body to insure page is fully loaded before execution -->
24+
25+
</body>
26+
</html>

‎css/style.css

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
#container
2+
{
3+
display: flex; /* makes container a flexbox*/
4+
flex-flow: row wrap; /* layout the boxes in rows and wrap them*/
5+
box-sizing:border-box;
6+
margin-right:auto;
7+
margin-left:auto;
8+
max-width:1050px;
9+
}
10+
.bottom_button{
11+
display: flex;
12+
box-sizing:border-box;
13+
border-radius: 4px;
14+
display: block;
15+
width: 100%;
16+
background-color:rgba(129, 187, 201,.85);
17+
text-align: center;
18+
padding: 1em .75em;
19+
text-decoration: none;
20+
color: #fff;
21+
22+
}
23+
24+
.card_bottom{
25+
display: flex;
26+
flex-flow:column;
27+
}
28+
29+
.card{
30+
flex:1; /* */
31+
display: flex; /* make the contents controllable by flexbox*/
32+
flex-flow:column; /* */
33+
max-width: 340px; /**/
34+
margin: 10px;
35+
padding: 20px;
36+
background-color: #fff;
37+
}
38+
39+
.makeRed {
40+
background: red;
41+
}
42+
43+
.makeBorder {
44+
border: 2px solid black;
45+
}
46+
47+
48+
/*************************
49+
Navigation
50+
**************************/
51+
52+
53+
.underline{
54+
text-decoration:underline;
55+
}
56+
.border{
57+
border: solid 5px #ccc;
58+
}

‎js/script.js

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
$(document).ready(function() {
2+
$('button').mouseenter(function() {
3+
$('button').removeClass('makeRed').addClass('makeBorder');
4+
});
5+
$('button').mouseleave(function() {
6+
$('button').removeClass('makeBorder').addClass('makeRed');
7+
});
8+
9+
$('button').click(function() {
10+
$('p').slideToggle(1000, 'linear');
11+
});
12+
13+
$('button').click(function() {
14+
$('p').hide(5000, 'linear').show(2000);
15+
});
16+
17+
$('button').click(function() {
18+
$('p').fadeOut(5000, 'linear').fadeIn(8000);
19+
});
20+
});

0 commit comments

Comments
 (0)