Find file
Fetching contributors…
Cannot retrieve contributors at this time
141 lines (128 sloc) 5.03 KB
<!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]
&lt;script&gt;
alert('soy un codigo');
&lt;/script&gt;
[/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>