Skip to content

Commit 12f8cc0

Browse files
iddliddl
committed
Adding multiuser example
1 parent 45a559e commit 12f8cc0

34 files changed

+3164
-2
lines changed

‎.gitignore

-2
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,6 @@ hMixer/hMixer.bbprojectd/danielhadley.bbprojectsettings
66

77
hMixer/hMixer.bbprojectd/project.bbprojectdata
88

9-
examples/multiuser
10-
119
.swp
1210
.DS_Store
1311

‎examples/multiuser/README.md

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
hGraph
2+
======
3+
An example of a multiple user environment using the hGraph library.
4+
5+
This example needs to have access to a JSON encoded file containing health metrics, any local http server can be used to enable the page to load correctly.
6+
7+
You can create a local http server by issuing the command "python -m SimpleHTTPServer" from the hGraph root directory, you can then access the example by pointing your browser to "http://localhost:8000/examples/basic/".
8+

‎examples/multiuser/css/droidsans.css

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
@font-face {
2+
font-family: 'Droid Sans';
3+
font-style: normal;
4+
font-weight: 400;
5+
src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
6+
}
7+
@font-face {
8+
font-family: 'Droid Sans';
9+
font-style: normal;
10+
font-weight: 700;
11+
src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMfEr6Hm6RMS0v1dtXsGir4g.ttf) format('truetype');
12+
}

‎examples/multiuser/css/global.css

+182
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
/*
2+
File Overview: Global SCSS
3+
Author: Michael Bester
4+
Description: Includes all styles for primary styles for the site.
5+
*/
6+
/*
7+
File Overview: Basic structural styles.
8+
Author: Michael Bester
9+
*/
10+
/* line 6, ../scss/partials/_structure.scss */
11+
html {
12+
min-height: 100%;
13+
margin-bottom: 1px;
14+
overflow: hidden;
15+
}
16+
17+
/* line 12, ../scss/partials/_structure.scss */
18+
body {
19+
-moz-user-select: none;
20+
-khtml-user-select: none;
21+
-webkit-user-select: none;
22+
user-select: none;
23+
}
24+
25+
/*
26+
* Window sizes
27+
*/
28+
/*
29+
* Defaults to > 1200px width (>2013)
30+
*/
31+
/* line 26, ../scss/partials/_structure.scss */
32+
#main {
33+
width: 100%;
34+
height: 100%;
35+
}
36+
/* line 30, ../scss/partials/_structure.scss */
37+
#main #viz {
38+
height: 100%;
39+
min-height: 690px;
40+
min-width: 1024px;
41+
}
42+
43+
/*
44+
* Ipad Portait + Landscape
45+
*/
46+
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
47+
/* line 43, ../scss/partials/_structure.scss */
48+
#main {
49+
width: 980px;
50+
}
51+
/* line 46, ../scss/partials/_structure.scss */
52+
#main #viz {
53+
min-height: 680px;
54+
}
55+
}
56+
/* line 7, ../scss/partials/_multiuser.scss */
57+
html, body {
58+
color: #616363;
59+
}
60+
61+
/* line 12, ../scss/partials/_multiuser.scss */
62+
#user-info {
63+
position: absolute;
64+
top: 0;
65+
left: 0;
66+
width: 100%;
67+
height: auto;
68+
text-align: center;
69+
}
70+
/* line 20, ../scss/partials/_multiuser.scss */
71+
#user-info .user {
72+
padding-top: 6px;
73+
cursor: pointer;
74+
display: inline-block;
75+
cursor: pointer;
76+
}
77+
/* line 27, ../scss/partials/_multiuser.scss */
78+
#user-info .user div {
79+
position: relative;
80+
}
81+
/* line 32, ../scss/partials/_multiuser.scss */
82+
#user-info .user .name {
83+
position: relative;
84+
font-size: 2em;
85+
margin-top: -10px;
86+
}
87+
/* line 39, ../scss/partials/_multiuser.scss */
88+
#user-info .user .intro {
89+
line-height: .5em;
90+
}
91+
/* line 43, ../scss/partials/_multiuser.scss */
92+
#user-info .user img {
93+
border-radius: 50%;
94+
height: 50px;
95+
width: 50px;
96+
line-height: 0px;
97+
}
98+
99+
/* line 52, ../scss/partials/_multiuser.scss */
100+
#user-timeline {
101+
display: none;
102+
max-width: 1024px;
103+
position: absolute;
104+
top: 0;
105+
}
106+
/* line 57, ../scss/partials/_multiuser.scss */
107+
#user-timeline img {
108+
width: 100%;
109+
}
110+
111+
/* line 63, ../scss/partials/_multiuser.scss */
112+
#user-selection {
113+
position: absolute;
114+
bottom: 0;
115+
left: 0;
116+
height: 15%;
117+
background-color: #e2e4e3;
118+
width: 100%;
119+
text-align: center;
120+
-moz-box-shadow: 0px -3px 3px #eee;
121+
-webkit-box-shadow: 0px -3px 3px #eee;
122+
box-shadow: 0px -3px 3px #eee;
123+
}
124+
/* line 75, ../scss/partials/_multiuser.scss */
125+
#user-selection .user {
126+
display: inline-block;
127+
margin-left: 15px;
128+
margin-right: 15px;
129+
cursor: pointer;
130+
width: 120px;
131+
}
132+
/* line 82, ../scss/partials/_multiuser.scss */
133+
#user-selection .user:hover {
134+
-webkit-transform: translate(0, -5px);
135+
transition: all 0.1s ease-in-out;
136+
}
137+
/* line 87, ../scss/partials/_multiuser.scss */
138+
#user-selection .user.selected {
139+
-webkit-transform: translate(0, -5px);
140+
transition: all 0.25s ease-in-out;
141+
}
142+
/* line 92, ../scss/partials/_multiuser.scss */
143+
#user-selection .user img {
144+
border-radius: 50%;
145+
background-color: #97be8c;
146+
border: solid #97be8c 8px;
147+
height: 50px;
148+
width: 50px;
149+
margin-bottom: 5px;
150+
}
151+
152+
/* line 104, ../scss/partials/_multiuser.scss */
153+
.hline {
154+
position: absolute;
155+
width: 100%;
156+
}
157+
158+
/* line 110, ../scss/partials/_multiuser.scss */
159+
.hline:before,
160+
.hline:after {
161+
border-top: 1px solid #e2e4e3;
162+
display: inline-block;
163+
height: 1px;
164+
content: "";
165+
width: 40%;
166+
top: 100%;
167+
position: absolute;
168+
left: 0;
169+
}
170+
171+
/* line 121, ../scss/partials/_multiuser.scss */
172+
.hline:after {
173+
right: 0;
174+
left: auto;
175+
}
176+
177+
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
178+
/* line 128, ../scss/partials/_multiuser.scss */
179+
#user-info {
180+
font-size: 0.8rem;
181+
}
182+
}

‎examples/multiuser/css/hgraph.css

Whitespace-only changes.

‎examples/multiuser/css/ie.css

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
/*
2+
Syntax error: File to import not found or unreadable: partials/base.
3+
Load paths:
4+
/Users/fnk/local/hGraph/hMixer/demo/hGraph/scss
5+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/blueprint/stylesheets
6+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets
7+
Compass::SpriteImporter
8+
on line 7 of /Users/fnk/local/hGraph/hMixer/demo/hGraph/scss/ie.scss
9+
10+
Backtrace:
11+
/Users/fnk/local/hGraph/hMixer/demo/hGraph/scss/ie.scss:7
12+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/import_node.rb:67:in `import'
13+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/import_node.rb:28:in `imported_file'
14+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/import_node.rb:37:in `css_import?'
15+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:217:in `visit_import'
16+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:37:in `send'
17+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
18+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:100:in `visit'
19+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
20+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:53:in `map'
21+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
22+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:109:in `visit_children'
23+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:121:in `with_environment'
24+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:108:in `visit_children'
25+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
26+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:128:in `visit_root'
27+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:37:in `send'
28+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
29+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:100:in `visit'
30+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:7:in `send'
31+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/visitors/perform.rb:7:in `visit'
32+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/tree/root_node.rb:20:in `render'
33+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/engine.rb:315:in `_render'
34+
/Library/Ruby/Gems/1.8/gems/sass-3.2.7/lib/sass/../sass/engine.rb:262:in `render'
35+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:140:in `compile'
36+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed'
37+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:139:in `compile'
38+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/logger.rb:45:in `red'
39+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:138:in `compile'
40+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:118:in `compile_if_required'
41+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:103:in `run'
42+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `each'
43+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `run'
44+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed'
45+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/compiler.rb:100:in `run'
46+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/commands/watch_project.rb:147:in `recompile'
47+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/commands/watch_project.rb:68:in `perform'
48+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/commands/base.rb:18:in `execute'
49+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/commands/project_base.rb:19:in `execute'
50+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:43:in `perform!'
51+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:15:in `run!'
52+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/bin/compass:30
53+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/bin/compass:44:in `call'
54+
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/bin/compass:44
55+
/usr/bin/compass:19:in `load'
56+
/usr/bin/compass:19
57+
*/
58+
body:before {
59+
white-space: pre;
60+
font-family: monospace;
61+
content: "Syntax error: File to import not found or unreadable: partials/base.\A Load paths:\A /Users/fnk/local/hGraph/hMixer/demo/hGraph/scss\A /Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/blueprint/stylesheets\A /Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets\A Compass::SpriteImporter\A on line 7 of /Users/fnk/local/hGraph/hMixer/demo/hGraph/scss/ie.scss"; }

0 commit comments

Comments
 (0)