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 @@ ...@@ -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/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://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">--> <!-- <script type="text/javascript">-->
<!-- window.onload = function()--> <!-- window.onload = function()-->
<!-- {--> <!-- {-->
...@@ -47,9 +47,9 @@ ...@@ -47,9 +47,9 @@
<div id="header" class="shadowed curved-bottom"> <div id="header" class="shadowed curved-bottom">
<div class="container"> <div class="container">
<ul class="links"> <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://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">Supporto</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">Contatti</a></li> <li><a href="http://www.ubuntu-it.org/contatti" title="Tutti i contatti della comunit&agrave;" target="_blank">Contattaci</a></li>
</ul> </ul>
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
<a href="http://www.ubuntu-it.org" target="_blank">web</a> <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://wiki.ubuntu-it.org" target="_blank">wiki</a>
<a href="http://forum.ubuntu-it.org" target="_blank">forum</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://chat.ubuntu-it.org" class="active" target="_blank">chat</a>
<a href="http://cerca.ubuntu-it.org" target="_blank">cerca</a> <a href="http://cerca.ubuntu-it.org" target="_blank">cerca</a>
<a href="http://planet.ubuntu-it.org" target="_blank">planet</a> <a href="http://planet.ubuntu-it.org" target="_blank">planet</a>
...@@ -78,10 +78,9 @@ ...@@ -78,10 +78,9 @@
<div class="container"> <div class="container">
<div class="container-inside"> <div class="container-inside">
<ul class="links secondary-links"> <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">Il gruppo IRC</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">Guarda i log dei canali</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">Scopri Ubot-it</a></li>
<li><a href="http://wiki.ubuntu-it.org/GruppoIrc/UbotIt" target="_blank">Ubot-it</a></li>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -93,43 +92,111 @@ ...@@ -93,43 +92,111 @@
<div id="content-top"></div> <div id="content-top"></div>
<div class="container"> <div class="container">
<div> <div>
<!-- Inzio Chat --> <!-- Inzio Chat -->
<h1 class="pagetitle">La chat della comunità italiana di Ubuntu</h1> <h1 class="pagetitle">La chat della comunità italiana di Ubuntu</h1>
<div class="page_info"> <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 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 /> 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. Da questa pagina puoi entrare nei canali di chat direttamente dal browser, grazie al servizio di webchat.
</div> </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>
</div> </div>
<div class="middleinfo"> </div>
<h3><a href="http://irclogs.ubuntu.com/" target="_blank">Log dei canali</a></h3> <div id="content-bottom"></div>
<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 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>
<div class="middleinfo"> <div id="content-bottom"></div>
<h3><a href="http://wiki.ubuntu-it.org/GruppoIrc/UbotIt" target="_blank">Il bot della comunità</a></h3> </div>
<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-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>
<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 --> <!-- 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>
<div id="content-bottom"> </div>
<div id="footer">
<p>Ubuntu e Canonical sono marchi registrati da Canonical Ltd.</p>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
WebFontConfig = { 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 * { ...@@ -4,13 +4,38 @@ body * {
font-family: Ubuntu,"Ubuntu Beta",UbuntuBeta,"Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif !important; 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 { #logo > a > span {
/*display: inline;*/ display: inline;
} }
h1.pagetitle { h1.pagetitle {
margin:0.35em 0 0.5em; 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 { .page_info {
...@@ -20,22 +45,13 @@ h1.pagetitle { ...@@ -20,22 +45,13 @@ h1.pagetitle {
border-radius: 5px; border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
font-size: 16px; font-size: 16px !important;
line-height: 22px; margin-bottom: 22px !important;
margin-bottom: 22px;
} }
.middleinfo { .middleinfo {
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid #F0F0F0;
padding: 8px; padding: 8px;
margin: 5px; width: 31%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
min-height: 208px;
margin-bottom: 6px;
width: 30%;
float: left; float: left;
} }
...@@ -64,8 +80,73 @@ h1.pagetitle { ...@@ -64,8 +80,73 @@ h1.pagetitle {
padding: 6px; padding: 6px;
} }
iframe { #chat_frame {
border: 1px solid #CCC; border: 0;
border-radius: 3px; height: 450px;
padding-bottom: 1px; 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