* [gentoo-commits] proj/gentoo-packages:master commit in: layouts/, layouts/less/
@ 2012-06-13 23:16 Slava Bacherikov
0 siblings, 0 replies; only message in thread
From: Slava Bacherikov @ 2012-06-13 23:16 UTC (permalink / raw
To: gentoo-commits
commit: 96185f1a02bb307e172568b67b7b66b0a6c1ba6d
Author: Slava Bacherikov <slava <AT> bacher09 <DOT> org>
AuthorDate: Wed Jun 13 21:57:03 2012 +0000
Commit: Slava Bacherikov <slava <AT> bacherikov <DOT> org <DOT> ua>
CommitDate: Wed Jun 13 21:57:03 2012 +0000
URL: http://git.overlays.gentoo.org/gitweb/?p=proj/gentoo-packages.git;a=commit;h=96185f1a
Add category template
---
layouts/categories.html | 178 ++++++++++++++++++++++++++++++++++++++++++
layouts/first.html | 118 ++++++++++++++++++++++++----
layouts/less/packages_b.less | 2 +-
3 files changed, 282 insertions(+), 16 deletions(-)
diff --git a/layouts/categories.html b/layouts/categories.html
new file mode 100644
index 0000000..ecb3f54
--- /dev/null
+++ b/layouts/categories.html
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Gentoo Packages</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!-- Le styles -->
+ <link href="./css/style.css" rel="stylesheet">
+ <style>
+ .well {
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+ border-bottom-right-radius: 10px;
+ border-bottom-left-radius: 10px;
+ }
+ .package-well {
+ padding: 10px 10px 0px 10px;
+ }
+
+ .package-name {
+ border-radius: 6px 6px 6px 6px;
+ padding: 8px 10px 8px 10px;
+ margin: 0px 0px 20px 0px;
+ background-color: #CCC;
+
+ </style>
+ <link href="./css/bootstrap-responsive.css" rel="stylesheet">
+
+ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ </head>
+
+ <body>
+
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="#">Gentoo Packages</a>
+ <div class="nav-collapse">
+ <ul class="nav">
+ <li class="active"><a href="#">Home</a></li>
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ <ul class="nav pull-right">
+ <li class="dropdown" id="menu1">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
+ Language
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="#">English</a></li>
+ <li><a href="#">Russian</a></li>
+ <li><a href="#">Ukranian</a></li>
+ </ul>
+ </li>
+ <li>
+ <form action="" class="navbar-search pull-right">
+ <input type="text" class="search-query" placeholder="Search" />
+ </form>
+ </li>
+ </ul>
+
+
+ </div><!--/.nav-collapse -->
+ </div>
+ </div>
+ </div>
+
+ <div class="container">
+ <div class="row">
+ <ul class="breadcrumb">
+ <li class="active">Categories</li>
+ </ul>
+ </div>
+ <div class="row">
+ <div class="span9">
+ <table class='table table-striped table-hover'>
+ <colgroup>
+ <col class="span2" >
+ <col class="span7" >
+ </colgroup>
+
+ <thead>
+ <tr>
+ <th>Category</th>
+ <th>Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>app-accesebility (11/43)</td>
+ <td>Some descr</td>
+ </tr>
+ <tr>
+ <td>app-admin</td>
+ <td>Admin utils</td>
+ </tr>
+ <tr>
+ <td>app-dict</td>
+ <td>Dictionarys</td>
+ </tr>
+ <tr>
+ <td>www-client</td>
+ <td>Web clients</td>
+ </tr>
+ <tr>
+ <td>mail-clien</td>
+ <td>Mail User Agents</td>
+ </tr>
+ <tr>
+ <td>x11-thems</td>
+ <td>X11 Thems</td>
+ </tr>
+ </tbody>
+ </table>
+
+
+ </div>
+ <div class="span3">
+ <div class="well">
+ <div id="rightcontent">
+ <div>
+ <span class="label label-info" style="display: block"> Last update</span>11 Jun 2012<br/> 10:47 UTC
+ </div><br/>
+ <div>
+ <span class="left-legend label label-info" style="display: block;">Legend</span>
+ <ul class="legend left-bar-list">
+ <li><span class="stable">+</span> - stable</li>
+ <li><span class="unstable">~</span> - unstable</li>
+ <li><span class="hardmask">M</span> - hardmask</li>
+ </ul>
+ </div>
+ <ul class="nav nav-list" id="tab">
+
+ </ul>
+ </div>
+ </div> <!-- /well -->
+ <div class="well">
+ <ul class="nav nav-list">
+ <li class="nav-header">Navigation</li>
+ <li><a href="#">Categories</a></li>
+ <li><a href="#">Ebuilds</a></li>
+ <li><a href="#">Packages</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="row-fluid">
+ <div class="span12">
+ <hr>
+ <footer class="footer">
+ <p class="pull-right">Copyright 2007-2012 Gentoo Foundation, Inc.</p>
+ </footer>
+ </div>
+ </div>
+
+ </div> <!-- /container -->
+
+ <!-- Le javascript
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster -->
+ <script src="./js/jquery.js"></script>
+ <script src="./js/bootstrap.js"></script>
+
+ </body>
+</html>
diff --git a/layouts/first.html b/layouts/first.html
index 13c2d92..f173bf1 100644
--- a/layouts/first.html
+++ b/layouts/first.html
@@ -25,6 +25,11 @@
padding: 8px 10px 8px 10px;
margin: 0px 0px 20px 0px;
background-color: #CCC;
+ }
+ .keywords th,
+ .keywords td {
+ text-align: center;
+ }
</style>
<link href="./css/bootstrap-responsive.css" rel="stylesheet">
@@ -80,6 +85,43 @@
<div class="package-name">
<span>Test/java</span>
</div>
+ <table class="table table-bordered keywords table-condensed">
+ <thead>
+ <tr class="">
+ <th class=""></th>
+ <th class="">alpha</th>
+ <th class="">amd64</th>
+ <th class="">arm</th>
+ <th class="">hppa</th>
+ <th class="">ia64</th>
+ <th class="">ppc</th>
+ <th class="">ppc64</th>
+ <th class="">sparc</th>
+ <th class="">x86</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ebuild">0.10.3</td>
+ <td class="blank"></td>
+ <td class="unstable">~</td>
+ <td class="blank"></td>
+ <td class="blank"></td>
+ <td class="blank"></td>
+ <td class="blank"></td>
+ <td class="blank"></td>
+ <td class="blank"></td>
+ <td class="unstable">~</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+
+ <div class="well package-well">
+ <div class="package-name">
+ <span>www-client/firefox</span>
+ </div>
<table class="table table-bordered keywords">
<tr class="">
<td class=""></td>
@@ -107,9 +149,10 @@
</tr>
</table>
</div>
-
-
- <div class="well">
+ <div class="well package-well">
+ <div class="package-name">
+ <span>www-client/firefox</span>
+ </div>
<table class="table table-bordered keywords">
<tr class="">
<td class=""></td>
@@ -124,12 +167,12 @@
<td class="">x86</td>
</tr>
<tr>
- <td class="ebuild">7.15.3</td>
+ <td class="ebuild">0.10.3</td>
+ <td class="blank"></td>
+ <td class="unstable">~</td>
<td class="blank"></td>
- <td class="stable">+</td>
<td class="blank"></td>
<td class="blank"></td>
- <td class="stable">+</td>
<td class="blank"></td>
<td class="blank"></td>
<td class="blank"></td>
@@ -137,7 +180,10 @@
</tr>
</table>
</div>
- <div class="well">
+ <div class="well package-well">
+ <div class="package-name">
+ <span>www-client/firefox</span>
+ </div>
<table class="table table-bordered keywords">
<tr class="">
<td class=""></td>
@@ -152,12 +198,12 @@
<td class="">x86</td>
</tr>
<tr>
- <td class="ebuild">7.15.3</td>
+ <td class="ebuild">0.10.3</td>
+ <td class="blank"></td>
+ <td class="unstable">~</td>
<td class="blank"></td>
- <td class="stable">+</td>
<td class="blank"></td>
<td class="blank"></td>
- <td class="stable">+</td>
<td class="blank"></td>
<td class="blank"></td>
<td class="blank"></td>
@@ -165,7 +211,10 @@
</tr>
</table>
</div>
- <div class="well">
+ <div class="well package-well">
+ <div class="package-name">
+ <span>www-client/firefox</span>
+ </div>
<table class="table table-bordered keywords">
<tr class="">
<td class=""></td>
@@ -180,12 +229,43 @@
<td class="">x86</td>
</tr>
<tr>
- <td class="ebuild">7.15.3</td>
+ <td class="ebuild">0.10.3</td>
+ <td class="blank"></td>
+ <td class="unstable">~</td>
+ <td class="blank"></td>
+ <td class="blank"></td>
+ <td class="blank"></td>
+ <td class="blank"></td>
+ <td class="blank"></td>
+ <td class="blank"></td>
+ <td class="unstable">~</td>
+ </tr>
+ </table>
+ </div>
+ <div class="well package-well">
+ <div class="package-name">
+ <span>www-client/firefox</span>
+ </div>
+ <table class="table table-bordered keywords">
+ <tr class="">
+ <td class=""></td>
+ <td class="">alpha</td>
+ <td class="">amd64</td>
+ <td class="">arm</td>
+ <td class="">hppa</td>
+ <td class="">ia64</td>
+ <td class="">ppc</td>
+ <td class="">ppc64</td>
+ <td class="">sparc</td>
+ <td class="">x86</td>
+ </tr>
+ <tr>
+ <td class="ebuild">0.10.3</td>
+ <td class="blank"></td>
+ <td class="unstable">~</td>
<td class="blank"></td>
- <td class="stable">+</td>
<td class="blank"></td>
<td class="blank"></td>
- <td class="stable">+</td>
<td class="blank"></td>
<td class="blank"></td>
<td class="blank"></td>
@@ -374,7 +454,15 @@
</ul>
</div>
- </div>
+ </div> <!-- /well -->
+ <div class="well">
+ <ul class="nav nav-list">
+ <li class="nav-header">Navigation</li>
+ <li><a href="#">Categories</a></li>
+ <li><a href="#">Ebuilds</a></li>
+ <li><a href="#">Packages</a></li>
+ </ul>
+ </div>
</div>
<div class="row-fluid">
diff --git a/layouts/less/packages_b.less b/layouts/less/packages_b.less
index d0cdd6d..5f007a5 100644
--- a/layouts/less/packages_b.less
+++ b/layouts/less/packages_b.less
@@ -77,6 +77,6 @@ body {
background-color: #FFF;
}
-.keywords td {
+.keywords td, th {
text-align: center;
}
^ permalink raw reply related [flat|nested] only message in thread
only message in thread, other threads:[~2012-06-13 23:17 UTC | newest]
Thread overview: (only message) (download: mbox.gz follow: Atom feed
-- links below jump to the message on this page --
2012-06-13 23:16 [gentoo-commits] proj/gentoo-packages:master commit in: layouts/, layouts/less/ Slava Bacherikov
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox