-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
141 lines (128 loc) · 5.03 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!doctype html>
<!-- [ Power By Dannegm (c) 2012 - http://dannegm.com ] -->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>Magic Chat</title>
<link rel="stylesheet/less" href="less/default.less" />
<link rel="author" href="humans.txt" />
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="image_src" href="apple-touch-icon-144x144-precomposed.png">
<script id="facebook-jssdk" async src="http://connect.facebook.net/en_US/all.js"></script>
<script src="http://dannegm.com:7873/socket.io/socket.io.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/less.min.js"></script>
<script src="js/dannegm.dialogs.js"></script>
<script src="js/functions.js"></script>
<script src="js/script.js"></script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30390599-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="fb-root"></div>
<div id="fbLogin">
<article>
<h1>Inicia sesión con facebook</h1>
<p>Debes loguearte con Facebook para poder acceder al chat</p>
<button id="intoFace">Iniciar con facebook</button>
</article>
</diV>
<div id="main">
<header id="hed">
<h1>
<span>Magic Chat</span>
</h1>
<nav>
<button id="goChat" class="active">Chat</button>
<button id="goInbox">Inbox</button>
<button id="goMedia">Multimedia</button>
<button id="goHelp">Ayuda</button>
</nav>
</header>
<div id="contenedor">
<aside id="menuUsers">
<h2>
<span>Usuarios en línea</span>
<span id="nOnline"><span>
</h2>
<ul id="online">
</ul>
<iframe id="github" class="github-btn" src="http://ghbtns.com/github-btn.html?user=AprendiendoNode&repo=MagicChat&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="98px" height="20px"></iframe>
</aside>
<div id="rom">
<div id="history">
<section id="logs">
</section>
<section id="media"></section>
<section id="inbox">
</section>
<section id="help">
<article>
<strong>Poner una imagen</strong><br />
<span>Sólo debes poner el comando <code>$img::</code> seguido de la url de tu imagen, ej.</span>
<pre>$img::http://www.micafeina.com/wp-content/uploads/2011/07/Nyan-Cat.png</pre><br />
<strong>Poner una link</strong><br />
<span>Sólo debes poner el comando <code>$url::</code> seguido del link, ej.</span>
<pre>$url::http://google.com</pre><br />
<strong>Poner un video</strong><br />
<span>Sólo debes poner el comando <code>$youtube::</code> seguido del id del video, ej.</span>
<pre>$youtube::QH2-TGUlwu4</pre><br />
<strong>Poner un código inline</strong><br />
<span>Sólo debes ecribir el código entre dos pares de corchetes, ej.</span>
<pre>[[alert('soy un codigo');]]</pre><br />
<strong>Poner un código block</strong><br />
<span>Sólo debes escribir el código entre las etiquetas <code>[code][/code]</code>, ej.</span>
<pre>[code]
<script>
alert('soy un codigo');
</script>
[/code]</pre><br />
<strong>Limpiar chat</strong><br />
<span>Sólo debes de escribir el comando <code>$clear::</code></span><br /><br />
<strong>Mandar un mensaje en un popup</strong><br />
<span>Sólo debes poner el comando <code>$alert::</code> seguido del mensaje, ej.</span>
<pre>$alert::soy una alerta bonita :D</pre><br />
<strong>Mandar un sonidito</strong><br />
<span>Sólo debes poner el comando <code>$sonidito::</code></span><br /><br />
<strong>Enviar mensaje privado</strong><br />
<span>Sólo debes poner el comando <code>$privado::</code> seguido del nombre destinatario y seguido del mensaje, ej.</span>
<pre>$privado::Fuckencio::hola! :D</pre>
</article>
</section>
</div>
<form id="formulario">
<div class="controls">
<span id="action"></span>
<span id="conrols">
<label>
<input id="cSonido" type="checkbox" checked>
<span>Sonido</span>
</label>
<label>
<input id="cScroll" type="checkbox" checked>
<span>Scroll automatico</span>
</label>
</span>
</div>
<div class="textarea">
<textarea id="mensaje" placeholder="Escribe un mensaje..."></textarea>
</div>
</form>
</div>
</div>
</div>
</body>
</html>