GNOME.org
 

[gnome-continuous] Add some styling

commit 2c1625c5fbbbee1f83466eb0e6075299ae5bbcea
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Tue Nov 12 12:28:09 2013 -0500

    Add some styling

 extras/build.gnome.org/app.css                     |   57 ++++++++++++++++++++
 extras/build.gnome.org/images/build-bad.svg        |   28 ++++++++++
 extras/build.gnome.org/images/build-good.svg       |   30 ++++++++++
 extras/build.gnome.org/index.html                  |   27 ++++++----
 .../build.gnome.org/partials/gnome-continuous.html |    4 +-
 extras/build.gnome.org/partials/home.html          |   28 ++++------
 .../partials/jhbuild-ubuntu-raring.html            |   12 ++---
 7 files changed, 149 insertions(+), 37 deletions(-)
---
diff --git a/extras/build.gnome.org/app.css b/extras/build.gnome.org/app.css
new file mode 100644
index 0000000..fc11836
--- /dev/null
+++ b/extras/build.gnome.org/app.css
@@ -0,0 +1,57 @@
+
+html, body {
+       font-family: sans-serif;
+       height: 100%;
+       margin: 0;
+       padding: 0;
+}
+
+h1 {
+       text-align: center;
+       margin: 0;
+}
+
+.container {
+       position: relative;
+       min-height: 100%;
+}
+
+article {
+       padding: 1em;
+       padding-bottom: 50px;
+}
+
+.machine {
+       display: block;
+       border-radius: 6px;
+       padding: 1em;
+       margin: 1em 0;
+
+       background-color: beige;
+       background-size: 64px 64px;
+       background-position: center right 32px;
+       background-repeat: no-repeat;
+       color: #333366;
+}
+
+.machine.good {
+       background-color: lightgreen;
+       background-image: url(images/build-good.svg);
+}
+
+.machine.bad {
+       background-color: salmon;
+       background-image: url(images/build-bad.svg);
+}
+
+footer {
+       position: absolute;
+       bottom: 0px;
+       width: 100%;
+       height: 50px;
+       line-height: 50px;
+
+       text-align: center;
+       background-color: lightgray;
+       font-size: smaller;
+}
diff --git a/extras/build.gnome.org/images/build-bad.svg b/extras/build.gnome.org/images/build-bad.svg
new file mode 100644
index 0000000..6329d1e
--- /dev/null
+++ b/extras/build.gnome.org/images/build-bad.svg
@@ -0,0 +1,28 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' 
xmlns:svg='http://www.w3.org/2000/svg' id='svg7384' version='1.1' height='16' 
xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' 
xmlns='http://www.w3.org/2000/svg' width='16'>
+  <title id='title9167'>Gnome Symbolic Icon Theme</title>
+  <metadata id='metadata90'>
+    <rdf:RDF>
+      <cc:Work rdf:about=''>
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs id='defs7386'/>
+  <g transform='translate(-60,-518)' id='layer9' style='display:inline'/>
+  <g transform='translate(-60,-518)' id='layer10'/>
+  <g transform='translate(-60,-518)' id='layer11'/>
+  <g transform='translate(-60,-518)' id='layer12'>
+    <g transform='translate(19,-242)' id='layer4-4-1' style='display:inline'>
+      
+      <path inkscape:connector-curvature='0' d='m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 
0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 
51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 
52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 
-0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c 
-3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 
44.97809,765.28075 45,765 l 0,-1 z' id='path10839-9' style='fill: #ffffff;'/>
+    </g>
+  </g>
+  <g transform='translate(-60,-518)' id='layer13'/>
+  <g transform='translate(-60,-518)' id='layer14'/>
+  <g transform='translate(-60,-518)' id='layer15'/>
+</svg>
diff --git a/extras/build.gnome.org/images/build-good.svg b/extras/build.gnome.org/images/build-good.svg
new file mode 100644
index 0000000..9f3c018
--- /dev/null
+++ b/extras/build.gnome.org/images/build-good.svg
@@ -0,0 +1,30 @@
+<?xml version='1.0' encoding='UTF-8' standalone='no'?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:dc='http://purl.org/dc/elements/1.1/' 
sodipodi:docname='emblem-ok-symbolic.svg' height='16' id='svg7384' 
xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' 
xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' 
xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' 
inkscape:version='0.48.2 r9819' version='1.1' width='16' xmlns='http://www.w3.org/2000/svg'>
+  <metadata id='metadata90'>
+    <rdf:RDF>
+      <cc:Work rdf:about=''>
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview inkscape:bbox-paths='false' bordercolor='#666666' borderopacity='1' 
inkscape:current-layer='layer15' inkscape:cx='13.231752' inkscape:cy='13.99294' gridtolerance='10' 
inkscape:guide-bbox='true' guidetolerance='10' id='namedview88' inkscape:object-nodes='false' 
inkscape:object-paths='false' objecttolerance='10' pagecolor='#555753' inkscape:pageopacity='1' 
inkscape:pageshadow='2' showborder='false' showgrid='false' showguides='true' inkscape:snap-bbox='true' 
inkscape:snap-bbox-midpoints='false' inkscape:snap-global='true' inkscape:snap-grids='true' 
inkscape:snap-nodes='false' inkscape:snap-others='false' inkscape:snap-to-guides='true' 
inkscape:window-height='1168' inkscape:window-maximized='1' inkscape:window-width='1600' 
inkscape:window-x='0' inkscape:window-y='0' inkscape:zoom='1'>
+    <inkscape:grid empspacing='2' enabled='true' id='grid4866' snapvisiblegridlinesonly='true' 
spacingx='1px' spacingy='1px' type='xygrid' visible='true'/>
+  </sodipodi:namedview>
+  <title id='title9167'>Gnome Symbolic Icon Theme</title>
+  <defs id='defs7386'/>
+  <g inkscape:groupmode='layer' id='layer9' inkscape:label='status' style='display:inline' 
transform='translate(-461.0002,-401)'/>
+  <g inkscape:groupmode='layer' id='layer10' inkscape:label='devices' transform='translate(-461.0002,-401)'/>
+  <g inkscape:groupmode='layer' id='layer11' inkscape:label='apps' transform='translate(-461.0002,-401)'/>
+  <g inkscape:groupmode='layer' id='layer13' inkscape:label='places' transform='translate(-461.0002,-401)'/>
+  <g inkscape:groupmode='layer' id='layer14' inkscape:label='mimetypes' 
transform='translate(-461.0002,-401)'/>
+  <g inkscape:groupmode='layer' id='layer15' inkscape:label='emblems' style='display:inline' 
transform='translate(-461.0002,-401)'>
+    <path inkscape:connector-curvature='0' d='M 472.9375,404.9375 468,409.875 l -1.9375,-1.9375 -2.125,2.125 
3,3 1.0625,1.0625 1.0625,-1.0625 6,-6 -2.125,-2.125 z' id='path5037' style='fill: #ffffff;'/>
+  </g>
+  <g inkscape:groupmode='layer' id='g71291' inkscape:label='emotes' style='display:inline' 
transform='translate(-461.0002,-401)'/>
+  <g inkscape:groupmode='layer' id='g4953' inkscape:label='categories' style='display:inline' 
transform='translate(-461.0002,-401)'/>
+  <g inkscape:groupmode='layer' id='layer12' inkscape:label='actions' style='display:inline' 
transform='translate(-461.0002,-401)'/>
+</svg>
diff --git a/extras/build.gnome.org/index.html b/extras/build.gnome.org/index.html
index 9e1a705..6e23b1c 100644
--- a/extras/build.gnome.org/index.html
+++ b/extras/build.gnome.org/index.html
@@ -1,14 +1,21 @@
 <!doctype html>
 <html ng-app="build.gnome.org">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js";></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-route.min.js";></script>
-    <script src="app.js"></script>
-    <script src="controllers.js"></script>
-  </head>
-  <body>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link href="app.css" rel="stylesheet">
+  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js";></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-route.min.js";></script>
+  <script src="app.js"></script>
+  <script src="controllers.js"></script>
+</head>
+<body>
+  <div class="container">
     <div ng-view></div>
-  </body>
+
+    <footer>
+      This site is maintained in the <a 
href="http://git.gnome.org/browse/gnome-continuous";>gnome-continuous</a> git module.
+    </footer>
+  </div>
+</body>
 </html>
diff --git a/extras/build.gnome.org/partials/gnome-continuous.html 
b/extras/build.gnome.org/partials/gnome-continuous.html
index e9da29d..f574896 100644
--- a/extras/build.gnome.org/partials/gnome-continuous.html
+++ b/extras/build.gnome.org/partials/gnome-continuous.html
@@ -1,4 +1,4 @@
-<div>
+<article>
   <h1>GNOME-Continuous</h1>
   <p>See <a href="https://wiki.gnome.org/GnomeContinuous";>GNOME-Continuous</a>
     for more information. </p>
@@ -22,4 +22,4 @@
       <img src="{{ smoketestImage }}"></img>
     </center>
   </p>
-</div>
+</article>
diff --git a/extras/build.gnome.org/partials/home.html b/extras/build.gnome.org/partials/home.html
index 5940e4c..fbc2863 100644
--- a/extras/build.gnome.org/partials/home.html
+++ b/extras/build.gnome.org/partials/home.html
@@ -1,19 +1,11 @@
-<div>
+<article>
   <h1>GNOME Build Status</h1>
-  <ul>
-    <li><a href="#/jhbuild-ubuntu-raring">
-       <h3>jhbuild (Ubuntu Raring)</h3>
-       <p>This builder uses JHBuild on Ubuntu Raring.</p>
-       <p><strong>status unknown</strong></p>
-    </a></li>
-    <li><a href="#/gnome-continuous">
-       <h3>GNOME-Continuous</h3>
-       <p>Custom build system; produces disk images that can
-         be updated from an OSTree repository.</p>
-       <p><strong>status unknown</strong></p>
-    </a></li>
-  </ul>
-  <p>This site is maintained in
-    the <a href="http://git.gnome.org/browse/gnome-continuous";>gnome-continuous</a>
-    git module.</p>
-</div>
+  <a class="machine" href="#/jhbuild-ubuntu-raring">
+    <h3>jhbuild (Ubuntu Raring)</h3>
+    <p>This builder uses JHBuild on Ubuntu Raring.</p>
+  </a>
+  <a class="machine" href="#/gnome-continuous">
+    <h3>GNOME-Continuous</h3>
+    <p>Custom build system; produces disk images that can be updated from an OSTree repository.</p>
+  </a>
+</article>
diff --git a/extras/build.gnome.org/partials/jhbuild-ubuntu-raring.html 
b/extras/build.gnome.org/partials/jhbuild-ubuntu-raring.html
index 880b2b1..547db97 100644
--- a/extras/build.gnome.org/partials/jhbuild-ubuntu-raring.html
+++ b/extras/build.gnome.org/partials/jhbuild-ubuntu-raring.html
@@ -1,8 +1,6 @@
-<div>
+<article>
   <h1>jhbuild (Ubuntu Raring)</h1>
-  <div>
-    <p><a href="https://jenkins.qa.ubuntu.com/view/Raring/view/JHBuild%20Gnome/";>Jenkins view</a>.</p>
-    <p>Uses <a href="https://wiki.gnome.org/Jhbuild";>Jhbuild</a> with custom Jenkins glue to build from git 
on an <a href="https://wiki.ubuntu.com/RaringRingtail/ReleaseSchedule";>Ubuntu Raring</a> base.</p>
-    <p>Maintainer: Martin Pitt &lt;pitti gnome org&gt;</p>
-  </div>
-</div>
+  <p><a href="https://jenkins.qa.ubuntu.com/view/Raring/view/JHBuild%20Gnome/";>Jenkins view</a>.</p>
+  <p>Uses <a href="https://wiki.gnome.org/Jhbuild";>Jhbuild</a> with custom Jenkins glue to build from git on 
an <a href="https://wiki.ubuntu.com/RaringRingtail/ReleaseSchedule";>Ubuntu Raring</a> base.</p>
+  <p>Maintainer: Martin Pitt &lt;pitti gnome org&gt;</p>
+</article>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]