Skip to content

Commit ce70561

Browse files
n7bestn7best
committed
init
0 parents  commit ce70561

File tree

18 files changed

+1412
-0
lines changed

18 files changed

+1412
-0
lines changed

‎.gitignore‎

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

‎README.md‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
,-----.,--. ,--. ,---. ,--.,------. ,------.
2+
' .--./| | ,---. ,--.,--. ,-| || o \ | || .-. \ | .---'
3+
| | | || .-. || || |' .-. |`..' | | || | \ :| `--,
4+
' '--'\| |' '-' '' '' '\ `-' | .' / | || '--' /| `---.
5+
`-----'`--' `---' `----' `---' `--' `--'`-------' `------'
6+
-----------------------------------------------------------------
7+
8+
9+
Hi there! Welcome to Cloud9 IDE!
10+
11+
To get you started, we included a small hello world application.
12+
13+
1) Open the hello-world.html file
14+
15+
2) Click on the Preview button to open a live preview pane
16+
17+
3) Make some changes to the file, save, watch the preview, and have fun!
18+
19+
Happy coding!
20+
The Cloud9 IDE team
21+
22+
23+
## Support & Documentation
24+
25+
Visit http://docs.c9.io for documentation, or http://support.c9.io for support.
26+
To watch some training videos, visit http://www.youtube.com/user/c9ide

‎cmds/clear.js‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
define(function () {
2+
return function(args){
3+
terminal.clear();
4+
return ''
5+
};
6+
});

‎cmds/flipcoin.js‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
define(function () {
2+
return function(args){
3+
var options = ['head', 'tail']
4+
return options[Math.floor(Math.random()*options.length)];
5+
};
6+
});

‎cmds/get.js‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
define(function () {
2+
3+
return function(args){
4+
5+
if(args.length == 0) return 'No url provide'
6+
7+
let url = args[0]
8+
9+
return fetch(url)
10+
.then(function(response) {
11+
var res = response.text()
12+
try {
13+
return JSON.parse(res);
14+
} catch (e) {
15+
return res;
16+
}
17+
}).then(function(body) {
18+
return '<pre>' + body + '</pre>'
19+
}).catch(function(ex) {
20+
return '<p class="error">Error getting data</p>'
21+
})
22+
};
23+
});

‎cmds/help.js‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
define(function () {
2+
3+
var helps = {
4+
'clear' : 'command to clear display',
5+
'help' : 'this command',
6+
'skills': 'view my skillsets',
7+
'portfolio' : 'check out my awesome creations',
8+
'contact' : 'they ways you can contact me',
9+
10+
}
11+
12+
var fun = {
13+
'flipcoin' : 'flip a coin',
14+
'get' : 'a simple fetch tool to display api'
15+
}
16+
17+
18+
return function(args){
19+
var $ul = document.createElement("ul");
20+
$ul.classList.add('help')
21+
Object.keys(helps).forEach( function(key){
22+
var $cmd = document.createElement("cmd")
23+
$cmd.dataset.cmd = key
24+
25+
var $li = document.createElement("li");
26+
$li.innerHTML = '<p class="help-key">'+ key +'</p><p class="help-desc">' + helps[key] + '</p>'
27+
28+
$cmd.appendChild($li);
29+
$ul.appendChild($cmd);
30+
})
31+
32+
Object.keys(fun).forEach( function(key){
33+
var $cmd = document.createElement("cmd")
34+
$cmd.dataset.cmd = key
35+
36+
var $li = document.createElement("li");
37+
$li.innerHTML = '<p class="help-key">'+ key +'</p><p class="help-desc">' + fun[key] + '</p>'
38+
39+
$cmd.appendChild($li);
40+
$ul.appendChild($cmd);
41+
})
42+
43+
return $ul
44+
};
45+
});

‎cmds/portfolio.js‎

Lines changed: 147 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,147 @@
1+
define(function () {
2+
3+
var portfolio = {
4+
github : {
5+
link: 'https://github.com/n7best',
6+
desc: 'My github profile'
7+
},
8+
codepen: {
9+
link: 'https://codepen.io/n7best/',
10+
desc: 'My codepen profile'
11+
},
12+
'react-weui': {
13+
link: 'https://github.com/weui/react-weui',
14+
desc: 'WeUI Builds on React'
15+
},
16+
designs: {
17+
desc: 'My graphic designs',
18+
gallery: [
19+
{
20+
thumb: 'https://source.unsplash.com/CpHNKNRwXps/100x100',
21+
src: 'https://source.unsplash.com/CpHNKNRwXps/1600x900',
22+
title: 'Space',
23+
desc: 'Test image'
24+
},
25+
{
26+
thumb: 'https://source.unsplash.com/VBNb52J8Trk/100x100',
27+
src: 'https://source.unsplash.com/VBNb52J8Trk/1600x900',
28+
title: 'Space',
29+
desc: 'Test image'
30+
},
31+
{
32+
thumb: 'https://source.unsplash.com/n463SoeSiVY/100x100',
33+
src: 'https://source.unsplash.com/n463SoeSiVY/1600x900',
34+
title: 'Space',
35+
desc: 'Test image'
36+
}
37+
]
38+
},
39+
dailyui: {
40+
desc: 'My DailyUI designs',
41+
gallery: [
42+
{
43+
thumb: 'images/dailyui/1-signup/preview.jpg',
44+
src: 'images/dailyui/1-signup/preview.jpg',
45+
title: '#1 SignUp',
46+
desc: '#1 SignUp'
47+
},
48+
{
49+
thumb: 'images/dailyui/2-creditcard/preview.jpg',
50+
src: 'images/dailyui/2-creditcard/preview.jpg',
51+
title: '#2 Credit Card Checkout',
52+
desc: '#2 Credit Card Checkout'
53+
}
54+
]
55+
}
56+
}
57+
58+
return function(args){
59+
if(args.length > 0){
60+
if(typeof portfolio[args[0]] == 'undefined') return 'Portfolio no found'
61+
62+
var port = portfolio[args[0]]
63+
if(port.link){
64+
return '<p class="portfolio-link">Link: <a href="'+port.link+'" target="_blank">'+port.link+'</a></p>'
65+
}
66+
67+
if(port.gallery){
68+
var $ul = document.createElement("ul");
69+
$ul.classList.add('gallery')
70+
71+
port.gallery.forEach( function(image){
72+
var $li = document.createElement("li");
73+
74+
var $image = document.createElement("div");
75+
$image.classList.add('gallery-image');
76+
77+
var $img = document.createElement("img");
78+
$img.classList.add('image-thumb');
79+
80+
var $loadertext = document.createElement("p");
81+
$loadertext.classList.add('image-loader');
82+
$loadertext.innerHTML = 'loading...'
83+
84+
var $p = document.createElement("p");
85+
$p.classList.add('image-title')
86+
87+
88+
$p.innerHTML = image.title
89+
$image.append($img)
90+
$image.append($loadertext)
91+
$image.append($p)
92+
$li.append($image)
93+
94+
var downloadingImage = new Image();
95+
downloadingImage.onload = function(){
96+
$img.src = this.src;
97+
$loadertext.style.display = 'none';
98+
};
99+
downloadingImage.src = image.thumb;
100+
101+
102+
$li.addEventListener('click', function(e){
103+
104+
if($li.classList.contains('active')){
105+
$img.src = downloadingImage.src;
106+
$li.classList.remove('active')
107+
}else{
108+
$loadertext.style.display = 'block';
109+
$img.style.display = 'none'
110+
var fullimg = new Image();
111+
fullimg.onload = function(){
112+
$img.src = this.src;
113+
$loadertext.style.display = 'none';
114+
$img.style.display = 'block'
115+
};
116+
fullimg.src = image.src;
117+
118+
$li.classList.add('active')
119+
}
120+
})
121+
122+
$ul.appendChild($li);
123+
})
124+
125+
return $ul
126+
}
127+
128+
return 'Not yet finish, constructing...'
129+
}else{
130+
131+
var $ul = document.createElement("ul");
132+
$ul.classList.add('help')
133+
Object.keys(portfolio).forEach( function(key){
134+
var $cmd = document.createElement("cmd")
135+
$cmd.dataset.cmd = 'portfolio ' + key
136+
137+
var $li = document.createElement("li");
138+
$li.innerHTML = '<p class="help-key">'+ key +'</p><p class="help-desc">' + portfolio[key].desc + '</p>'
139+
140+
$cmd.appendChild($li);
141+
$ul.appendChild($cmd);
142+
})
143+
144+
return $ul.outerHTML
145+
}
146+
};
147+
});

‎cmds/skills.js‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
define(function () {
2+
var skills = {
3+
'HTML5/CSS3/Javascript': 90,
4+
'ReactJS/Angular': 80,
5+
'PHP/Laravel': 80,
6+
'Design/Photoshop': 80,
7+
'Marketing': 70
8+
}
9+
10+
return function(args){
11+
var $ul = document.createElement("ul");
12+
$ul.classList.add('skills')
13+
Object.keys(skills).forEach( function(key){
14+
var $li = document.createElement("li");
15+
$li.innerHTML = '<p class="skill-key">'+ key +'</p><p class="skill-bar"><span class="skill-value p-' + skills[key] + '"></span></p>'
16+
17+
$ul.appendChild($li);
18+
})
19+
20+
return $ul
21+
}
22+
});

0 commit comments

Comments
 (0)