Commit b2545753 authored by Pietro Albini's avatar Pietro Albini

Chat revamp #1

parent 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>
<!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
This diff is collapsed.
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;
}
......@@ -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