Skip to content

chat.ubuntu-it.org
chat.ubuntu-it.org
Commit b2545753 authored by Pietro Albini's avatar Pietro Albini
Browse files
Options

Chat revamp #1

parent fdae6dae
Hide whitespace changes
Inline Side-by-side
Showing with 220 additions and 171 deletions
www/chat-index.html deleted 100644 → 0
View file @ fdae6dae
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="libs/favicon.ico" rel="shortcut icon"/>
<meta name="robots" content="nofollow" />
<link rel="stylesheet" type="text/css" href="libs/chat-index.css" />
</head>
<body>
<div id="intro">
<h1>Scegli il canale di chat!</h1>
</div>
<div id="channels">
<h2>Canali della comunit&agrave;</h2>
<ul>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it">Supporto</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it+1">Supporto alla versione in fase di sviluppo</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-chat">Chat libera</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-meeting">Meeting della comunit&agrave;</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-party">Party!</a></li>
</ul>
<h2>Canali dei gruppi</h2>
<ul>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-ops">Gruppo IRC</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-doc">Gruppo Documentazione</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-forum">Gruppo Forum</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-promo">Gruppo Promozione</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-dev">Gruppo Sviluppo</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-web">Gruppo Web</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-trad">Gruppo Traduzione</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-fcm">Gruppo FCM</a></li>
<li><a href="http://webchat.freenode.net/?channels=#ubuntu-it-test">Gruppo Test</a></li>
</ul>
<p id="group-info">Ricordiamo che i canali dei gruppi non sono dedicati al supporto tecnico, ma al coordinamento delle attivit&agrave; della <a href="http://www.ubuntu-it.org/comunita" target="_blank">Comunit&agrave; Italiana di Ubuntu</a>.</p>
</div>
<div class="clear">
<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Ubuntu' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
</body>
</html>
www/iframe_container.html 0 → 100644
View file @ b2545753
<!DOCTYPE html>
<html lang="it" style="height: 100%; overflow: hidden;">
<head>
<title>Iframe container for KiwiIRC</title>
</head>
<body style="margin: 0; padding: 0; height: 100%;">
<iframe height="100%" width="100%" frameborder="0" id='frame'></iframe>
<script type="text/javascript">
var iframe = document.getElementById('frame');
iframe.src = "https://kiwiirc.com/client/chat.freenode.net:6667/?nick=guest_?&theme=mini"+document.location.hash;
</script>
</body>
</html>
\ No newline at end of file
www/index.html
View file @ b2545753
......@@ -13,7 +13,7 @@
<script type="text/javascript" src="http://ubuntu-it.org/sites/all/themes/light-drupal-theme/js/accessibility.js"></script>
<script type="text/javascript" src="http://ubuntu-it.org/sites/all/themes/light-drupal-theme/js/cookies.js"></script>
<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!-- <script type="text/javascript">-->
<!-- window.onload = function()-->
<!-- {-->
......@@ -47,9 +47,9 @@
<div id="header" class="shadowed curved-bottom">
<div class="container">
<ul class="links">
<li><a href="http://wiki.ubuntu-it.org/GruppoIrc/LineeGuida" title="Le linee guida di IRC" target="_blank">Linee Guida</a></li>
<li><a href="http://www.ubuntu-it.org/supporto" title="Altri metodi di supporto" target="_blank">Supporto</a></li>
<li><a href="http://www.ubuntu-it.org/contatti" title="Tutti i contatti della comunit&agrave;" target="_blank">Contatti</a></li>
<li><a href="http://wiki.ubuntu-it.org/GruppoIrc/LineeGuida" title="Le linee guida di IRC" target="_blank">Linee guida nei canali</a></li>
<li><a href="http://www.ubuntu-it.org/supporto" title="Altri metodi di supporto" target="_blank">Ottieni supporto</a></li>
<li><a href="http://www.ubuntu-it.org/contatti" title="Tutti i contatti della comunit&agrave;" target="_blank">Contattaci</a></li>
</ul>
......@@ -58,7 +58,7 @@
<a href="http://www.ubuntu-it.org" target="_blank">web</a>
<a href="http://wiki.ubuntu-it.org" target="_blank">wiki</a>
<a href="http://forum.ubuntu-it.org" target="_blank">forum</a>
<a id="" href="http://chiedi.ubuntu-it.org">chiedi</a>
<a href="http://chiedi.ubuntu-it.org" target="_blank">chiedi</a>
<a href="http://chat.ubuntu-it.org" class="active" target="_blank">chat</a>
<a href="http://cerca.ubuntu-it.org" target="_blank">cerca</a>
<a href="http://planet.ubuntu-it.org" target="_blank">planet</a>
......@@ -78,10 +78,9 @@
<div class="container">
<div class="container-inside">
<ul class="links secondary-links">
<li><a href="http://chat.ubuntu-it.org/" target="_blank">Nuova finestra</a></li>
<li><a href="http://wiki.ubuntu-it.org/GruppoIrc" target="_blank">Gruppo IRC</a></li>
<li><a href="http://irclogs.ubuntu.com/" target="_blank">Log dei canali</a></li>
<li><a href="http://wiki.ubuntu-it.org/GruppoIrc/UbotIt" target="_blank">Ubot-it</a></li>
<li><a href="http://wiki.ubuntu-it.org/GruppoIrc" target="_blank">Il gruppo IRC</a></li>
<li><a href="http://irclogs.ubuntu.com/" target="_blank">Guarda i log dei canali</a></li>
<li><a href="http://wiki.ubuntu-it.org/GruppoIrc/UbotIt" target="_blank">Scopri Ubot-it</a></li>
</ul>
</div>
</div>
......@@ -93,43 +92,111 @@
<div id="content-top"></div>
<div class="container">
<div>
<!-- Inzio Chat -->
<h1 class="pagetitle">La chat della comunità italiana di Ubuntu</h1>
<div class="page_info">
Ubuntu-it dispone di diversi canali di chat, dedicati sia al supporto - per chi ha bisogno di aiuto su Ubuntu - che specifici dei vari
gruppi della comunità - per chi vuole dare una mano.<br />
Da questa pagina puoi entrare nei canali di chat direttamente dal browser, grazie al servizio di webchat.
</div>
<iframe src="chat-index.html" frameborder="0" height="420px" width="100%" name="chat"></iframe>
<script type="text/javascript">
channel = window.location.hash;
if(channel)
{
chat.location.href = "http://webchat.freenode.net/?channels="+channel;
}
</script>
<div class="middleinfo">
<h3><a href="http://wiki.ubuntu-it.org/GruppoIrc" target="_blank">Il gruppo IRC</a></h3>
<p>Il gruppo IRC della Comunità di Ubuntu-it si occupa di garantire il corretto funzionamento dei canali di chat IRC, sia per quanto riguarda gli aspetti tecnici organizzativi, sia per quanto riguarda la moderazione e l'ordine all'interno del gruppo, assicurando il miglior supporto possibile per la comunità e per i visitatori.</p>
<!-- Inzio Chat -->
<h1 class="pagetitle">La chat della comunità italiana di Ubuntu</h1>
<div class="page_info">
Ubuntu-it dispone di diversi canali di chat, dedicati sia al supporto - per chi ha bisogno di aiuto su Ubuntu - che specifici dei vari
gruppi della comunità - per chi vuole dare una mano.<br />
Da questa pagina puoi entrare nei canali di chat direttamente dal browser, grazie al servizio di webchat.
</div>
</div>
<div class="middleinfo">
<h3><a href="http://irclogs.ubuntu.com/" target="_blank">Log dei canali</a></h3>
<p>Alcune chat di Ubuntu (quelle sul canale di supporto) sono memorizzate su appositi "log", registri giornalieri di quanto avviene.<br />I log possono essere utili per rintracciare qualche suggerimento, trucchetto, o dissertazione interessante.</p>
</div>
<div id="content-bottom"></div>
<div id="chat" style="display: none;">
<div id="content-top"></div>
<div class="container">
<div style="padding: 3px;">
<iframe id="chat_frame" src="javascript:void()"></iframe>
</div>
</div>
<div class="middleinfo">
<h3><a href="http://wiki.ubuntu-it.org/GruppoIrc/UbotIt" target="_blank">Il bot della comunità</a></h3>
<p>Il "bot della comunità" ubot-it è il corrispettivo italiano del "bot internazionale" Ubotu. In linea generale, ubot-it serve per dare in maniera molto semplice e con un solo comando, risposte a domande poste di frequente. Conoscere i comandi del "bot" può essere utile per comunicare più velocemente.</p>
<div id="content-bottom"></div>
</div>
<div id="content-top" class="selector-hide"></div>
<div class="container selector-hide">
<div>
<div class="intro">Seleziona un canale di chat!</div>
<span class="button-semi-offset"></span>
<a href="#" class="join button" data-channel="#ubuntu-it">Supporto tecnico</a>
<a href="#" class="join button" data-channel="#ubuntu-it-chat">Chat libera</a>
<a href="#" class="toggle-comunita">Visualizza i canali dei gruppi di lavoro</a>
<div class="comunita" style="display: none;">
<div class="comunita-notice">
<b>Attenzione!</b> I canali sotto indicati sono dedicati ai gruppi di lavoro della comunità di Ubuntu-it,<br>
entrate per contribuire o per segnalare relativi problemi.
</div>
<a href="#" class="join button" data-channel="#ubuntu-it-ops">Gruppo IRC</a>
<a href="#" class="join button" data-channel="#ubuntu-it-doc">Gruppo Documentazione</a>
<a href="#" class="join button" data-channel="#ubuntu-it-forum">Gruppo Forum</a>
<a href="#" class="join button" data-channel="#ubuntu-it-promo">Gruppo Promozione</a>
<a href="#" class="join button" data-channel="#ubuntu-it-dev">Gruppo Sviluppo</a>
<a href="#" class="join button" data-channel="#ubuntu-it-web">Gruppo Web</a>
<a href="#" class="join button" data-channel="#ubuntu-it-trad">Gruppo Traduzione</a>
<a href="#" class="join button" data-channel="#ubuntu-it-fcm">Gruppo FCM</a>
<a href="#" class="join button" data-channel="#ubuntu-it-test">Gruppo Test</a>
<span class="button-offset">
&nbsp;
</span>
<a href="#" class="join button" data-channel="#ubuntu-it-meeting">Canale dei meeting</a>
</div>
</div>
<div class="clear"></div>
</div>
<div id="content-bottom" class="selector-hide"></div>
<script type="text/javascript">
// The iframe_container.html is a dirty hack to allow us to
// force reload the iframe, which was denied by security limits
function join(channel) {
document.getElementById('chat_frame').contentWindow.location.reload(true);
$( '#chat_frame' ).attr('src', "iframe_container.html"+channel);
$('#chat').show();
$('.selector-hide').hide();
}
$('.join').click(function(event) {
event.preventDefault(); // Avoid following the link
join( $(this).attr('data-channel') );
});
$('.toggle-comunita').click(function(event) {
event.preventDefault(); // Avoid following the link
$(this).slideUp(100);
$('.comunita').slideDown(400);
});
channel = window.location.hash;
if(channel)
{
join(channel);
}
</script>
<div id="content-top"></div>
<div class="container">
<div>
<div class="middleinfo">
<h3><a href="http://wiki.ubuntu-it.org/GruppoIrc" target="_blank">Il gruppo IRC</a></h3>
<p>Il gruppo IRC della Comunità di Ubuntu-it si occupa di garantire il corretto funzionamento dei canali di chat IRC, sia per quanto riguarda gli aspetti tecnici organizzativi, sia per quanto riguarda la moderazione e l'ordine all'interno del gruppo, assicurando il miglior supporto possibile per la comunità e per i visitatori.</p>
</div>
<div class="middleinfo">
<h3><a href="http://irclogs.ubuntu.com/" target="_blank">Log dei canali</a></h3>
<p>Alcune chat di Ubuntu (quelle sul canale di supporto) sono memorizzate su appositi "log", registri giornalieri di quanto avviene.<br />I log possono essere utili per rintracciare qualche suggerimento, trucchetto, o dissertazione interessante.</p>
</div>
<div class="middleinfo">
<h3><a href="http://wiki.ubuntu-it.org/GruppoIrc/UbotIt" target="_blank">Il bot della comunità</a></h3>
<p>Il "bot della comunità" ubot-it è il corrispettivo italiano del "bot internazionale" Ubotu. In linea generale, ubot-it serve per dare in maniera molto semplice e con un solo comando, risposte a domande poste di frequente. Conoscere i comandi del "bot" può essere utile per comunicare più velocemente.</p>
</div>
<div class="clear"></div>
<!-- Fine Chat -->
</div>
</div>
<div id="content-bottom"></div>
<div id="footer">
<p>Ubuntu e Canonical sono marchi registrati da Canonical Ltd.</p>
</div>
</div>
<div id="content-bottom"> </div>
<div id="footer">
<p>Ubuntu e Canonical sono marchi registrati da Canonical Ltd.</p>
</div>
<script type="text/javascript">
WebFontConfig = {
......
www/libs/chat-index.css deleted 100644 → 0
View file @ fdae6dae
html {
font-family: Ubuntu,"Ubuntu Beta",UbuntuBeta,"Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif !important;
font-size: 13px;
line-height: 1.25em;
}
a, a:link, a:visited {
text-decoration: none;
color: #DD4814;
}
a:hover {
text-decoration: underline;
color: #DD4814;
}
h1, h2, h3, h4, h5, h6 {
color: #222222;
font-weight: normal;
margin-top: 20px;
margin-bottom: 20px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
}
h1 {
font-size: 36px;
line-height: 40px;
margin: 62px 0 32px;
padding-left: 120px;
padding-top: 110px;
}
h2 {
font-size: 16px;
line-height: 20px;
padding: 0;
}
.clear {
clear: both;
}
#intro {
float: left;
width: 65%;
}
#channels {
float: right;
width: 35%;
}
#group-info
{
font-size: 11px;
font-style: italic;
}
www/libs/chat.css
View file @ b2545753
......@@ -4,13 +4,38 @@ body * {
font-family: Ubuntu,"Ubuntu Beta",UbuntuBeta,"Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif !important;
}
#content * {
font-family: Ubuntu Light,"Ubuntu Light",UbuntuLight,"Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif !important;
font-weight: 300;
font-size: 15px;
line-height: 1.45em;
}
a {
outline: none;
-moz-outline-style: none;
}
.secondary-links li {
padding: 0 !important;
}
#logo > a > span {
/*display: inline;*/
display: inline;
}
h1.pagetitle {
margin:0.35em 0 0.5em;
font-size:2em;
font-size: 2em !important;
}
h3 {
margin-top: 0;
}
h3 a {
font-size: 18px !important;
line-height: 22px !important;
}
.page_info {
......@@ -20,22 +45,13 @@ h1.pagetitle {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 16px;
line-height: 22px;
margin-bottom: 22px;
font-size: 16px !important;
margin-bottom: 22px !important;
}
.middleinfo {
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid #F0F0F0;
padding: 8px;
margin: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
min-height: 208px;
margin-bottom: 6px;
width: 30%;
width: 31%;
float: left;
}
......@@ -64,8 +80,73 @@ h1.pagetitle {
padding: 6px;
}
iframe {
border: 1px solid #CCC;
border-radius: 3px;
padding-bottom: 1px;
#chat_frame {
border: 0;
height: 450px;
width: 100%;
}
.button {
background: #f7f7f7;
border: 1px solid #f0f0f0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
text-align: center;
font-size: 16px !important;
line-height: 50px !important;
width: 31%;
color: #333333 !important;
text-decoration: none !important;
font-weight: bold !important;
margin: 5px 8px;
}
.button:hover {
color: #dd4814 !important;
}
.intro {
font-size: 22px !important;
text-align: center;
margin-bottom: 16px;
}
.toggle-comunita {
display: block;
margin-top: 10px;
text-align: center;
}
.comunita-notice {
display: block;
margin: 10px 0;
text-align: center;
}
.comunita-notice b {
font-weight: bold !important;
}
.button-offset {
display: inline-block;
font-size: 16px !important;
line-height: 50px !important;
width: 31%;
color: transparent !important;
text-decoration: none !important;
font-weight: bold !important;
margin: 5px 8px;
}
.button-semi-offset {
display: inline-block;
font-size: 16px !important;
line-height: 50px !important;
width: 15.5%;
color: transparent !important;
text-decoration: none !important;
font-weight: bold !important;
margin: 5px 8px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment