Skip to content

Commit b1de28d

Browse files
tomFlidrtomFlidr
committed
release 1.0.0
1 parent aacc4a6 commit b1de28d

File tree

20 files changed

+34288
-0
lines changed

20 files changed

+34288
-0
lines changed

‎.gitignore‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
# Windows image file caches
2+
Thumbs.db
3+
ehthumbs.db
4+
5+
# Folder config file
6+
Desktop.ini
7+
8+
# Recycle Bin used on file shares
9+
$RECYCLE.BIN/
10+
11+
# Windows Installer files
12+
*.cab
13+
*.msi
14+
*.msm
15+
*.msp
16+
17+
# Windows shortcuts
18+
*.lnk
19+
20+
# =========================
21+
# Operating System Files
22+
# =========================
23+
24+
# OSX
25+
# =========================
26+
27+
.DS_Store
28+
.AppleDouble
29+
.LSOverride
30+
31+
# Thumbnails
32+
._*
33+
34+
# Files that might appear in the root of a volume
35+
.DocumentRevisions-V100
36+
.fseventsd
37+
.Spotlight-V100
38+
.TemporaryItems
39+
.Trashes
40+
.VolumeIcon.icns
41+
42+
# Directories potentially created on remote AFP share
43+
.AppleDB
44+
.AppleDesktop
45+
Network Trash Folder
46+
Temporary Items
47+
.apdisk
48+
49+
# subversion
50+
.svn
51+
.svnignore
52+
53+
# mercurial
54+
.hg
55+
.hgignore
56+
.hgtags
57+
58+
# third party node modules
59+
node_modules

‎chat/README.txt‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
Jak na spuštění:
2+
- spusť soubor v root adresáři "run-server.cmd"
3+
- otevři dva různé prohlížeče na adrese localhost:8000/examples/15-chat/
4+
- přihlás se pod různými jmény
5+
- chatuj od jednoho uživatele k druhému

‎chat/css/style.css‎

Lines changed: 209 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,209 @@
1+
html,body,select,option,label,td,th{
2+
font-family:Arial,helvetica;
3+
font-size:14px;
4+
line-height:1.4em;
5+
}
6+
7+
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
8+
h4, h5, h6, pre, code, form, field set, legend,
9+
textarea, p, blockquote, th, td {
10+
margin:0;
11+
adding:0;
12+
-webkit-appearance:none;
13+
}
14+
a{
15+
color:#2982e5;
16+
text-decoration:none;
17+
}
18+
a:hover,
19+
a:focus
20+
a:active {
21+
color:#f60;
22+
}
23+
body {
24+
background:#efeff4;
25+
}
26+
27+
form.loginbox{
28+
display: block;
29+
position: absolute;
30+
top: 50%;
31+
left: 50%;
32+
width: 300px;
33+
height: 64px;
34+
margin: -50px 0 0 -150px;
35+
}
36+
form.loginbox label{
37+
display: block;
38+
margin: 0 0 10px 0;
39+
text-align: center;
40+
}
41+
form.loginbox input[type=email]{
42+
width: 160px;
43+
float: left;
44+
padding: 5px 10px;
45+
font-size: 20px;
46+
margin: 0 10px 0 0;
47+
border-radius: 5px;
48+
}
49+
form.loginbox button{
50+
float: right;
51+
padding: 5px;
52+
font-size: 20px;
53+
font-weight: bold;
54+
border-radius: 5px;
55+
}
56+
.chatbox{
57+
position: absolute;
58+
width:100%;
59+
height:100%;
60+
}
61+
.chatbox header{
62+
background: #3d3d3d;
63+
height: 4%;
64+
width: 100%;
65+
font-size: 12px;
66+
line-height: 28px;
67+
color: #fff;
68+
position: fixed;
69+
z-index: 9999;
70+
}
71+
.chatbox header b{
72+
text-align:left;
73+
margin-left:10px;
74+
}
75+
.chatbox header span {
76+
float:right;
77+
margin-right:10px;
78+
}
79+
.chatbox header a {
80+
float:right;
81+
margin-right:10px;
82+
color:#fff;
83+
border-bottom: 1px solid white;
84+
text-decoration: none;
85+
line-height: 16px;
86+
display: inline-block;
87+
margin-top: 5px;
88+
}
89+
.online-users{
90+
background: #EFEFF4;
91+
font-size: 12px;
92+
margin-left: 10px;
93+
color: #666;
94+
position: fixed;
95+
top: 5%;
96+
z-index: 999;
97+
}
98+
.messages {
99+
height: 77%;
100+
position: absolute;
101+
width: 97%;
102+
top: 8%;
103+
overflow-y: auto;
104+
overflow-x: hidden;
105+
padding: 0 10px;
106+
}
107+
.message.notify{
108+
clear:both;
109+
margin: 5px 0;
110+
color:#888;
111+
font-size: 10px;
112+
font-style: italic;
113+
text-align: center;
114+
}
115+
.message.content.user{
116+
float: right;
117+
text-align: right;
118+
}
119+
.message.content.other{
120+
float: left;
121+
text-align: left;
122+
}
123+
.message.content{
124+
clear:both;
125+
margin: 5px 0;
126+
}
127+
.message.content div{
128+
max-width: 225px;
129+
position: relative;
130+
display: inline-block;
131+
padding: 8px;
132+
text-align: left;
133+
border-radius: 10px;
134+
color: #fff;
135+
vertical-align: top;
136+
word-break: break-all;
137+
}
138+
.message.content.user div{
139+
box-shadow: inset 0 0 1px #007aff;
140+
background-color: #007aff;
141+
}
142+
.message.content.other div{
143+
box-shadow: inset 0 0 1px #00a617;
144+
background-color: #00a617;
145+
}
146+
.message.content div:before{
147+
content: "";
148+
position: absolute;
149+
top: 4px;
150+
width: 0;
151+
height: 0;
152+
border-top: solid transparent;
153+
border-bottom: 4px solid transparent;
154+
}
155+
.message.content.user div:before{
156+
right: -5px;
157+
border-left: 7px solid #007aff;
158+
}
159+
.message.content.other div:before{
160+
left: -5px;
161+
border-right: 7px solid #00a617;
162+
}
163+
.message.content span{
164+
font-weight: normal;
165+
font-size: 10px;
166+
color: #f60;
167+
overflow: hidden;
168+
display: block;
169+
}
170+
.message.notify span{
171+
display: hidden;
172+
}
173+
form.input-box{
174+
position: fixed;
175+
height: 16%;
176+
bottom: 0;
177+
width: 100%;
178+
background: #fff;
179+
top: 85%;
180+
border-top: 1px solid #aaa;
181+
}
182+
form.input-box input[type=text]{
183+
padding: 5px 10px;
184+
width: 80%;
185+
margin: 20px 0 0 20px;
186+
border-radius: 4px;
187+
border: 1px solid #aaa;
188+
}
189+
form.input-box button{
190+
width: 13%;
191+
padding: 5px;
192+
float: right;
193+
margin: 20px 20px 0 0;
194+
border: 1px solid #aaa;
195+
border-radius: 4px;
196+
}
197+
form.input-box .recepients{
198+
margin: 10px 20px 0 20px;
199+
}
200+
form.input-box .recepients div{
201+
float:left;
202+
margin-right:20px;
203+
}
204+
form.input-box .recepients input[type=radio]{
205+
206+
}
207+
form.input-box .recepients label{
208+
209+
}

0 commit comments

Comments
 (0)