Skip to content

Commit 5eb8aa3

Browse files
uditaliasuditalias
committed
Upload
0 parents  commit 5eb8aa3

File tree

15 files changed

+4661
-0
lines changed

15 files changed

+4661
-0
lines changed

‎.gitattributes

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
# Auto detect text files and perform LF normalization
2+
* text=auto
3+
4+
# Custom for Visual Studio
5+
*.cs diff=csharp
6+
*.sln merge=union
7+
*.csproj merge=union
8+
*.vbproj merge=union
9+
*.fsproj merge=union
10+
*.dbproj merge=union
11+
12+
# Standard to msysgit
13+
*.doc diff=astextplain
14+
*.DOC diff=astextplain
15+
*.docx diff=astextplain
16+
*.DOCX diff=astextplain
17+
*.dot diff=astextplain
18+
*.DOT diff=astextplain
19+
*.pdf diff=astextplain
20+
*.PDF diff=astextplain
21+
*.rtf diff=astextplain
22+
*.RTF diff=astextplain

‎.gitignore

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
#################
2+
## Eclipse
3+
#################
4+
5+
*.pydevproject
6+
.project
7+
.metadata
8+
bin/
9+
tmp/
10+
*.tmp
11+
*.bak
12+
*.swp
13+
*~.nib
14+
local.properties
15+
.classpath
16+
.settings/
17+
.loadpath
18+
19+
# External tool builders
20+
.externalToolBuilders/
21+
22+
# Locally stored "Eclipse launch configurations"
23+
*.launch
24+
25+
# CDT-specific
26+
.cproject
27+
28+
# PDT-specific
29+
.buildpath
30+
31+
32+
#################
33+
## Visual Studio
34+
#################
35+
36+
## Ignore Visual Studio temporary files, build results, and
37+
## files generated by popular Visual Studio add-ons.
38+
39+
# User-specific files
40+
*.suo
41+
*.user
42+
*.sln.docstates
43+
44+
# Build results
45+
[Dd]ebug/
46+
[Rr]elease/
47+
*_i.c
48+
*_p.c
49+
*.ilk
50+
*.meta
51+
*.obj
52+
*.pch
53+
*.pdb
54+
*.pgc
55+
*.pgd
56+
*.rsp
57+
*.sbr
58+
*.tlb
59+
*.tli
60+
*.tlh
61+
*.tmp
62+
*.vspscc
63+
.builds
64+
*.dotCover
65+
66+
## TODO: If you have NuGet Package Restore enabled, uncomment this
67+
#packages/
68+
69+
# Visual C++ cache files
70+
ipch/
71+
*.aps
72+
*.ncb
73+
*.opensdf
74+
*.sdf
75+
76+
# Visual Studio profiler
77+
*.psess
78+
*.vsp
79+
80+
# ReSharper is a .NET coding add-in
81+
_ReSharper*
82+
83+
# Installshield output folder
84+
[Ee]xpress
85+
86+
# DocProject is a documentation generator add-in
87+
DocProject/buildhelp/
88+
DocProject/Help/*.HxT
89+
DocProject/Help/*.HxC
90+
DocProject/Help/*.hhc
91+
DocProject/Help/*.hhk
92+
DocProject/Help/*.hhp
93+
DocProject/Help/Html2
94+
DocProject/Help/html
95+
96+
# Click-Once directory
97+
publish
98+
99+
# Others
100+
[Bb]in
101+
[Oo]bj
102+
sql
103+
TestResults
104+
*.Cache
105+
ClientBin
106+
stylecop.*
107+
~$*
108+
*.dbmdl
109+
Generated_Code #added for RIA/Silverlight projects
110+
111+
# Backup & report files from converting an old project file to a newer
112+
# Visual Studio version. Backup files are not needed, because we have git ;-)
113+
_UpgradeReport_Files/
114+
Backup*/
115+
UpgradeLog*.XML
116+
117+
118+
119+
############
120+
## Windows
121+
############
122+
123+
# Windows image file caches
124+
Thumbs.db
125+
126+
# Folder config file
127+
Desktop.ini
128+
129+
130+
#############
131+
## Python
132+
#############
133+
134+
*.py[co]
135+
136+
# Packages
137+
*.egg
138+
*.egg-info
139+
dist
140+
build
141+
eggs
142+
parts
143+
bin
144+
var
145+
sdist
146+
develop-eggs
147+
.installed.cfg
148+
149+
# Installer logs
150+
pip-log.txt
151+
152+
# Unit test / coverage reports
153+
.coverage
154+
.tox
155+
156+
#Translations
157+
*.mo
158+
159+
#Mr Developer
160+
.mr.developer.cfg
161+
162+
# Mac crap
163+
.DS_Store

‎README.md

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
Multi-Room Chat Application
2+
===
3+
4+
This application created as part of a node.js and socket.io tutorial.
5+
It includes a server built in node.js and a html client.
6+
7+
You can read the full tutorial at:
8+
http://udidu.blogspot.com/2012/11/chat-evolution-nodejs-and-socketio.html
9+
10+
### To run:
11+
12+
Please be sure you have expressjs and socket.io modules installed before running this application.
13+
14+
On Windows/Mac/Linux:
15+
16+
$ node server.js
17+
18+
After running go to this address:
19+
20+
http://locahost:8080/
21+
22+
23+
### Live demo
24+
25+
For a live demo go to:
26+
27+
http://uditalias.github.com/chat-nodejs
28+
29+
30+
31+
### Credits
32+
33+
This application uses the following:
34+
35+
- Animate.css library - by Dan Eden: http://daneden.me/animate/
36+
- Avgrung modal - by Hakim El Hattab: http://lab.hakim.se/avgrund/
37+
38+
39+
###Enjoy!

‎public/images/bg.png

2.08 KB
Loading

‎public/images/darkbg.png

5.7 KB
Loading

‎public/images/github.png

3.27 KB
Loading

‎public/images/noise.png

3.08 KB
Loading

‎public/index.html

Lines changed: 138 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>Multi-Room Chat Application &mdash; made by Udi Talias</title>
6+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
7+
8+
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css' />
9+
<link href="/styles/animate.css" rel="stylesheet" type="text/css" />
10+
<link href="/styles/style.css" rel="stylesheet" type="text/css" />
11+
<link href="/styles/avgrund.css" rel="stylesheet" type="text/css" />
12+
13+
</head>
14+
<body>
15+
<div class="avgrund-contents">
16+
<header>
17+
<h1>Multi-Room Chat Application <sup>{info}</sup></h1>
18+
<h3>with node.js and socket.io &mdash; made by <a href="http://udidu.blogspot.com" target="_blank">Udi Talias</a></h3>
19+
<a href="https://uditalias.github.com/chat-nodejs/"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a>
20+
</header>
21+
<div class="pr center wrapper">
22+
<div class="cf pr chat animate">
23+
<div class="pa chat-shadow">
24+
<div class="content animate bounceInDown">Click <div class="big-button-green start">Start</div> to begin...</div>
25+
</div>
26+
<div class="cf chat-top">
27+
<div class="fl chat-left">
28+
<div class="chat-messages">
29+
<ul></ul>
30+
</div>
31+
</div>
32+
<div class="fl chat-right">
33+
<div class="chat-clients">
34+
<div class="cf title">
35+
<div class="fl">Users</div>
36+
</div>
37+
<ul></ul>
38+
</div>
39+
<div class="chat-rooms">
40+
<div class="cf title">
41+
<div class="fl">Rooms</div>
42+
<div class="fr title-button">+</div>
43+
</div>
44+
<ul class="pr"></ul>
45+
</div>
46+
</div>
47+
</div>
48+
<div class="cf chat-bottom">
49+
<div class="fl chat-input">
50+
<input type="text" placeholder="compose message..." />
51+
</div>
52+
<div class="fl chat-submit">
53+
<button>Send &rarr;</button>
54+
</div>
55+
</div>
56+
</div>
57+
<div class="pa info animate">
58+
<h2>About this Project</h2>
59+
<div class="image">
60+
<img alt="" src="http://0.gravatar.com/avatar/838347acc4c97bfc938a2dac4043bd2a" />
61+
</div>
62+
<div class="text">
63+
This project created by Udi Talias</br>
64+
as part of a Node.js & Socket.io tutorial.<br />
65+
You can read the full tutorial <a href="http://udidu.blogspot.com/2012/11/chat-evolution-nodejs-and-socketio.html">here</a>.
66+
<br/><br />
67+
<img alt="github" class="git-icon" src="/images/github.png" /><br/><br/>
68+
Get the code for this project from <a href="https://uditalias.github.com/chat-nodejs" target="_blank">github</a>
69+
</div>
70+
71+
72+
</div>
73+
</div>
74+
75+
</div>
76+
77+
<aside id="nickname-popup" class="popup animate avgrund-popup">
78+
<div class="title">Enter a nickname</div>
79+
<div class="content">Please select a nickname, up to 15 characters</div>
80+
<div class="input"><input type="text" maxlength="15" placeholder="nickname..." /></div>
81+
<div class="big-button-green small begin">&mdash; Begin &mdash;</div>
82+
</aside>
83+
<aside id="addroom-popup" class="popup animate avgrund-popup">
84+
<div class="title">Enter a room name</div>
85+
<div class="content">Room name up to 10 characters</div>
86+
<div class="input"><input type="text" maxlength="10" placeholder="room name..." /></div>
87+
<div class="big-button-green small create">Create &rarr;</div>
88+
</aside>
89+
<div class="avgrund-cover"></div>
90+
91+
92+
<footer>
93+
<div class="share">
94+
<a href="https://twitter.com/share" class="twitter-share-button" data-size="large">Tweet</a>
95+
<div class="g-plusone" data-href="http://chatjs.io:8080/"></div>
96+
</div>
97+
</fotter>
98+
99+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
100+
<script type="text/javascript" src="/scripts/jquery.tmpl.min.js"></script>
101+
<script type="text/javascript" src="/socket.io/socket.io.js"></script>
102+
<script type="text/javascript" src="/scripts/avgrund.js"></script>
103+
<script type="text/javascript" src="/scripts/chat.io.js"></script>
104+
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
105+
<script type="text/javascript">
106+
(function() {
107+
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
108+
po.src = 'https://apis.google.com/js/plusone.js';
109+
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
110+
})();
111+
</script>
112+
<script type="text/javascript">
113+
$('h1 sup').on('click', function () {
114+
if($('.chat').hasClass('bounceOutRight')){
115+
$('.chat').removeClass('bounceOutRight');
116+
$('.chat').addClass('bounceInLeft');
117+
118+
$('.info').removeClass('bounceInLeft');
119+
$('.info').addClass('bounceOutRight');
120+
121+
window.setTimeout(function(){
122+
$('.chat').removeClass('bounceInLeft');
123+
}, 1500);
124+
} else {
125+
$('.chat').removeClass('bounceInLeft');
126+
$('.chat').addClass('bounceOutRight');
127+
128+
$('.info').removeClass('bounceOutRight');
129+
$('.info').addClass('bounceInLeft');
130+
}
131+
132+
});
133+
</script>
134+
135+
136+
</body>
137+
138+
</html>

0 commit comments

Comments
 (0)