405 lines
17 KiB
HTML
405 lines
17 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<title>Сборочная среда</title>
|
||
<script type="text/javascript" src="js/html5shiv.js"></script>
|
||
<link rel="stylesheet" type="text/css" href="styles/main.css" />
|
||
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
|
||
<script type="text/javascript" src="js/all.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="wrap columns">
|
||
<!--Top block-->
|
||
<header>
|
||
<div class="left">
|
||
</div>
|
||
<div class="middle">
|
||
<!--Main menu-->
|
||
<menu>
|
||
<ul>
|
||
<li>
|
||
<a href="#" class="first active">Главная</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Проекты</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Группы</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Мониторинг</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Платформа</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Документация</a>
|
||
</li>
|
||
</ul>
|
||
<div class="logo">
|
||
<img src="pics/logo-mini.png" alt="logo" />
|
||
</div>
|
||
</menu>
|
||
<div class="information">
|
||
<!--Search-->
|
||
<div class="search">
|
||
<div class="pic">
|
||
</div>
|
||
<div class="field">
|
||
<input type="text" value="Поиск" class="gray" onClick="if(this.value=='Поиск'){this.value='';this.className='black';}" onblur="if(this.value==''){this.value='Поиск';this.className='gray';}" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="user">
|
||
<div class="avatar" onclick="droplist();">
|
||
<img src="pics/ava.png" alt="avatar" height="30" />
|
||
</div>
|
||
<div class="profile" onclick="droplist();">
|
||
<a href="#" onclick="droplist();">mikimaus <img src="pics/expand-white.png" alt="ex" /></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="both">
|
||
</div>
|
||
|
||
<div class="droplist-wrap">
|
||
<div class="droplist" id="droplist">
|
||
<div class="a"><a href="#">Публичный профиль</a></div>
|
||
<div class="a"><a href="#">Настройки</a></div>
|
||
<div class="a"><a href="#">Выйти</a></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="right">
|
||
</div>
|
||
<div class="both">
|
||
</div>
|
||
</header>
|
||
<!--Submenu-->
|
||
<div class="sub-menu">
|
||
<nav>
|
||
<ul>
|
||
<li>
|
||
<a href="#" class="active">Все</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Коммиты</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Комментарии</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Сборка</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="both">
|
||
</div>
|
||
|
||
<!--Page-->
|
||
<article>
|
||
<!--Left part of page-->
|
||
<aside>
|
||
<div class="bordered">
|
||
<a href="#" class="button">Создать проект</a>
|
||
<h3>Мои последние проекты</h3>
|
||
<table>
|
||
<tr>
|
||
<td>
|
||
<img src="pics/unlock.png" alt="unlock" />
|
||
</td>
|
||
<td>
|
||
<a href="#">gsapronov/ROSA-Jabber</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<img src="pics/lock.png" alt="lock" />
|
||
</td>
|
||
<td>
|
||
<a href="#">santaux/WacomDrivers</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<img src="pics/unlock.png" alt="unlock" />
|
||
</td>
|
||
<td>
|
||
<a href="#">snigipini/Gimp-Extensions</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<img src="pics/lock.png" alt="lock" />
|
||
</td>
|
||
<td>
|
||
<a href="#">pinovd/Rosa_Media_Player</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<img src="pics/lock.png" alt="lock" />
|
||
</td>
|
||
<td>
|
||
<a href="#">gsapronov/Inkscape-Plugins</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
|
||
</td>
|
||
<td>
|
||
<a href="#">Все мои проекты</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="block">
|
||
<h3>Мои сборки за 24 часа</h3>
|
||
<table cellpadding="0" cellspacing="0">
|
||
<tr>
|
||
<td class="first"><a href="#">Опубликовано</a></td>
|
||
<td>25</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="first"><a href="#">Собрано</a></td>
|
||
<td>15</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="first"><a href="#">Собирается</a></td>
|
||
<td>3</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="first"><a href="#">Ожидает</a></td>
|
||
<td>1</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="first"><a href="#">Ошибок</a></td>
|
||
<td>0</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="first"><a href="#">Все мои сборки</a></td>
|
||
<td> </td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
</aside>
|
||
<!--Right part of page-->
|
||
<div class="right">
|
||
<h3 class="fix">Лента активности</h3>
|
||
<div class="messages" onclick="loadMessages();" id="messages-new">
|
||
<p><img src="pics/expand.png" alt="expand" /> 2 новых сообщения</p>
|
||
</div>
|
||
|
||
<div id="new-messages" style="display: none;">
|
||
<div class="activity" id="messages1" >
|
||
<div class="top">
|
||
<div class="image">
|
||
<img src="pics/ava.png" alt="avatar" />
|
||
</div>
|
||
<div class="text">
|
||
<span class="name">Mike Shane внес изменения в проект <a href="#">gsapronov/ROSA-Jabber</a></span><br />
|
||
<span class="date">сегодня в 11:45</span><br />
|
||
<span class="subject">Merge pull request #112 from snigipigi/issues</span><div class="expand-gray-down" onclick="showActivity(1)" id="expand1"></div>
|
||
|
||
</div>
|
||
|
||
<div class="both">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="fulltext" id="activity-bottom1">
|
||
Наша команда благодарит вас за то, что решили уделить нашему продукту немного внимания. Наша сборочная среда предоставляет широкий спектр возможностей как для личного использования, так и для бизнеса. Нам бы хотелось немного подробнее узнать о вас, поэтому, в удобное для вас время, <a href="#">заполните ваш профиль.</a>
|
||
<br /><br />
|
||
Также вы можете познакомиться с <a href="#">подробной документацией</a>, включающей в себя не только описание с картинками, но и видеоуроки.
|
||
<br /><br />
|
||
Если вы разработчик, то советуем заглянуть в <a href="#">раздел для разработчиков</a>.<br />
|
||
Если вы мейнтейнер, то советуем заглянуть в <a href="#">раздел для мейнтейнеров</a>.<br />
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="activity" id="messages2">
|
||
<div class="top">
|
||
<div class="image">
|
||
<img src="pics/ava.png" alt="avatar" />
|
||
</div>
|
||
<div class="text">
|
||
<span class="name">Mike Shane внес изменения в проект <a href="#">gsapronov/ROSA-Jabber</a></span><br />
|
||
<span class="date">сегодня в 11:45</span><br />
|
||
<span class="subject">Merge pull request #112 from snigipigi/issues</span><div class="expand-gray-down" onclick="showActivity(2)" id="expand2"></div>
|
||
</div>
|
||
|
||
<div class="both">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="fulltext" id="activity-bottom2">
|
||
Наша команда благодарит вас за то, что решили уделить нашему продукту немного внимания. Наша сборочная среда предоставляет широкий спектр возможностей как для личного использования, так и для бизнеса. Нам бы хотелось немного подробнее узнать о вас, поэтому, в удобное для вас время, <a href="#">заполните ваш профиль.</a>
|
||
<br /><br />
|
||
Также вы можете познакомиться с <a href="#">подробной документацией</a>, включающей в себя не только описание с картинками, но и видеоуроки.
|
||
<br /><br />
|
||
Если вы разработчик, то советуем заглянуть в <a href="#">раздел для разработчиков</a>.<br />
|
||
Если вы мейнтейнер, то советуем заглянуть в <a href="#">раздел для мейнтейнеров</a>.<br />
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="activity">
|
||
<div class="top">
|
||
<div class="image">
|
||
<img src="pics/ava.png" alt="avatar" />
|
||
</div>
|
||
<div class="text">
|
||
<span class="name">Mike Shane внес изменения в проект <a href="#">gsapronov/ROSA-Jabber</a></span><br />
|
||
<span class="date">сегодня в 11:45</span><br />
|
||
<span class="subject">Merge pull request #112 from snigipigi/issues</span><div class="expand-gray-down" onclick="showActivity(3)" id="expand3"></div>
|
||
</div>
|
||
|
||
<div class="both">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="fulltext" id="activity-bottom3">
|
||
Наша команда благодарит вас за то, что решили уделить нашему продукту немного внимания. Наша сборочная среда предоставляет широкий спектр возможностей как для личного использования, так и для бизнеса. Нам бы хотелось немного подробнее узнать о вас, поэтому, в удобное для вас время, <a href="#">заполните ваш профиль.</a>
|
||
<br /><br />
|
||
Также вы можете познакомиться с <a href="#">подробной документацией</a>, включающей в себя не только описание с картинками, но и видеоуроки.
|
||
<br /><br />
|
||
Если вы разработчик, то советуем заглянуть в <a href="#">раздел для разработчиков</a>.<br />
|
||
Если вы мейнтейнер, то советуем заглянуть в <a href="#">раздел для мейнтейнеров</a>.<br />
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="activity">
|
||
<div class="top">
|
||
<div class="image">
|
||
<img src="pics/ava.png" alt="avatar" />
|
||
</div>
|
||
<div class="text">
|
||
<span class="name">ROSA ABF Team</span><br />
|
||
<span class="date">сегодня в 10:45</span><br />
|
||
<span class="subject">Добро пожаловать!</span>
|
||
</div>
|
||
|
||
<div class="both">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="fulltext" style="display: block;">
|
||
Наша команда благодарит вас за то, что решили уделить нашему продукту немного внимания. Наша сборочная среда предоставляет широкий спектр возможностей как для личного использования, так и для бизнеса. Нам бы хотелось немного подробнее узнать о вас, поэтому, в удобное для вас время, <a href="#">заполните ваш профиль.</a>
|
||
<br /><br />
|
||
Также вы можете познакомиться с <a href="#">подробной документацией</a>, включающей в себя не только описание с картинками, но и видеоуроки.
|
||
<br /><br />
|
||
Если вы разработчик, то советуем заглянуть в <a href="#">раздел для разработчиков</a>.<br />
|
||
Если вы мейнтейнер, то советуем заглянуть в <a href="#">раздел для мейнтейнеров</a>.<br />
|
||
</div>
|
||
</div>
|
||
|
||
<div id="old-messages" style="display: none;">
|
||
<div class="activity" id="messages4" >
|
||
<div class="top">
|
||
<div class="image">
|
||
<img src="pics/ava.png" alt="avatar" />
|
||
</div>
|
||
<div class="text">
|
||
<span class="name">Mike Shane внес изменения в проект <a href="#">gsapronov/ROSA-Jabber</a></span><br />
|
||
<span class="date">сегодня в 11:45</span><br />
|
||
<span class="subject">Merge pull request #112 from snigipigi/issues</span><div class="expand-gray-down" onclick="showActivity(4)" id="expand4"></div>
|
||
</div>
|
||
|
||
<div class="both">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="fulltext" id="activity-bottom4">
|
||
Наша команда благодарит вас за то, что решили уделить нашему продукту немного внимания. Наша сборочная среда предоставляет широкий спектр возможностей как для личного использования, так и для бизнеса. Нам бы хотелось немного подробнее узнать о вас, поэтому, в удобное для вас время, <a href="#">заполните ваш профиль.</a>
|
||
<br /><br />
|
||
Также вы можете познакомиться с <a href="#">подробной документацией</a>, включающей в себя не только описание с картинками, но и видеоуроки.
|
||
<br /><br />
|
||
Если вы разработчик, то советуем заглянуть в <a href="#">раздел для разработчиков</a>.<br />
|
||
Если вы мейнтейнер, то советуем заглянуть в <a href="#">раздел для мейнтейнеров</a>.<br />
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="activity" id="messages5">
|
||
<div class="top">
|
||
<div class="image">
|
||
<img src="pics/ava.png" alt="avatar" />
|
||
</div>
|
||
<div class="text">
|
||
<span class="name">Mike Shane внес изменения в проект <a href="#">gsapronov/ROSA-Jabber</a></span><br />
|
||
<span class="date">сегодня в 11:45</span><br />
|
||
<span class="subject">Merge pull request #112 from snigipigi/issues</span><div class="expand-gray-down" onclick="showActivity(5)" id="expand5"></div>
|
||
</div>
|
||
|
||
<div class="both">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="fulltext" id="activity-bottom5">
|
||
Наша команда благодарит вас за то, что решили уделить нашему продукту немного внимания. Наша сборочная среда предоставляет широкий спектр возможностей как для личного использования, так и для бизнеса. Нам бы хотелось немного подробнее узнать о вас, поэтому, в удобное для вас время, <a href="#">заполните ваш профиль.</a>
|
||
<br /><br />
|
||
Также вы можете познакомиться с <a href="#">подробной документацией</a>, включающей в себя не только описание с картинками, но и видеоуроки.
|
||
<br /><br />
|
||
Если вы разработчик, то советуем заглянуть в <a href="#">раздел для разработчиков</a>.<br />
|
||
Если вы мейнтейнер, то советуем заглянуть в <a href="#">раздел для мейнтейнеров</a>.<br />
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="messages messages-last" onclick="loadOldMessages();">
|
||
<p>Загрузить сообщения</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="both">
|
||
</div>
|
||
</article>
|
||
|
||
</div>
|
||
<!--Footer-->
|
||
<footer>
|
||
<ul>
|
||
<li>
|
||
ROSA Лаб. © 2012 <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<img src="pics/flag.png" alt="rosa" /> <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<a href="#">О компании</a> <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<a href="#">Контакты</a> <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<a href="#">Условия использования</a> <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<a href="#">Конфиденциальность</a> <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<a href="#">Безопасность</a>
|
||
</li>
|
||
</ul>
|
||
</footer>
|
||
</body>
|
||
</html> |