feat: add karma users list to the website at index page

Ref karma-runner/karma#2200
karma-runner · Feb 3, 2017 · 1f70b72 · 1f70b72
1 parent 0fc42cc
commit 1f70b72
Show file tree

Hide file tree

Showing 6 changed files with 74 additions and 3 deletions.
diff --git a/1.0/index.html b/1.0/index.html
@@ -200,6 +200,19 @@ <h3>Continuous Integration</h3>
         </ul>
       </div>
     </div>
+    <div class="container">
+      <div class="sixteen columns bottom">
+        <p class="bold large center">Who uses Karma ?</p>
+      </div>
+      <div class="sixteen columns bottom center">
+        <div class="user-item"><a href="https://mochajs.org/" title="Mocha"><img src="https://cldup.com/xFVFxOioAU.svg" alt="Mocha"/></a></div>
+        <div class="user-item"><a href="https://svgdotjs.github.io/" title="SVG"><img src="https://cloud.githubusercontent.com/assets/43763/20244488/f8931606-a984-11e6-8075-a6a047e9cd2b.png" alt="SVG"/></a></div>
+        <div class="user-item"><a href="https://github.com/TrustTIC" title="TrustTIC"><img src="https://cloud.githubusercontent.com/assets/3668245/21148402/6a37daa4-c158-11e6-91cd-25e7068bc07d.png" alt="TrustTIC"/></a></div>
+        <div class="user-item"><a href="https://www.jetbrains.com" title="JetBrains"><img src="https://cloud.githubusercontent.com/assets/616193/21158499/7d273660-c18e-11e6-9b85-28ff217b987c.png" alt="JetBrains"/></a></div>
+        <div class="user-item"><a href="www.inftec.ch" title="InfTec"><img src="https://camo.githubusercontent.com/e03bacb5b51c17612e1b010aabe43e9fe050c8de/687474703a2f2f7777772e696e667465632e63682f7468656d65732f626173652f696d616765732f6c6f676f2e706e67" alt="InfTec"/></a></div>
+        <div class="user-item"><a href="https://rplan.com" title="RPLAN"><img src="https://cloud.githubusercontent.com/assets/1228437/16383838/08be8a26-3c87-11e6-8739-fc657cd89b3b.png" alt="RPLAN"/></a></div>
+      </div>
+    </div>
     <div class="container clearfix bottom">
       <div class="sixteen columns bottom">
         <hr>

diff --git a/assets/css/app.css b/assets/css/app.css
diff --git a/src/jade/homepage.jade b/src/jade/homepage.jade
@@ -104,6 +104,13 @@ block content
               [Travis](plus/travis.html) or
               [Semaphore](plus/semaphore.html).
 
+  .container
+    .sixteen.columns.bottom
+      p.bold.large.center.
+        Who uses Karma ?
+    .sixteen.columns.bottom.center
+      mixin usersSection(users)
+
   .container.clearfix.bottom
     .sixteen.columns.bottom
       hr

diff --git a/src/jade/lib.jade b/src/jade/lib.jade
@@ -19,3 +19,12 @@ mixin versionDropdown(versions, current)
       each version in versions
         li
           a(href='/#{version}/index.html')= 'v' + version
+
+
+
+mixin usersSection(users)
+  if(users)
+    for item in users
+      div(class='user-item')
+        a(href='#{item.webUrl}' title='#{item.name}')
+          img(src='#{item.imgUrl}' alt='#{item.name}')
diff --git a/src/less/custom.less b/src/less/custom.less
@@ -31,3 +31,13 @@
 .logo {
   margin: 12px 0 12px 0;
 }
+.user-item{
+  display: inline-block;
+  width: 150px;
+}
+.user-item img{
+  width: auto;
+  height: auto;
+  max-width: 150px;
+  max-height: 90px;
+}
diff --git a/tasks/static.js b/tasks/static.js
@@ -116,14 +116,46 @@ module.exports = function (grunt) {
             var jadeTpl = args[0]
 
             file.newUrl = file.url.replace(file.version, versions[0])
-            file.newUrl = file.url.replace("coverage.html", "preprocessors.html")
+            file.newUrl = file.url.replace('coverage.html', 'preprocessors.html')
             return fs.write(fileUrl, jadeTpl({
               versions: versions,
               oldVersion: file.version !== versions[0],
               canonicalUrl: file.newUrl,
               editButton: file.editButton && file.version === versions[0],
               menu: menu[file.version],
-              self: file
+              self: file,
+              users: [
+                {
+                  name: 'Mocha',
+                  imgUrl: 'https://cldup.com/xFVFxOioAU.svg',
+                  webUrl: 'https://mochajs.org/'
+                },
+                {
+                  name: 'SVG',
+                  imgUrl: 'https://cloud.githubusercontent.com/assets/43763/20244488/f8931606-a984-11e6-8075-a6a047e9cd2b.png',
+                  webUrl: 'https://svgdotjs.github.io/'
+                },
+                {
+                  name: 'TrustTIC',
+                  imgUrl: 'https://cloud.githubusercontent.com/assets/3668245/21148402/6a37daa4-c158-11e6-91cd-25e7068bc07d.png',
+                  webUrl: 'https://github.com/TrustTIC'
+                },
+                {
+                  name: 'JetBrains',
+                  imgUrl: 'https://cloud.githubusercontent.com/assets/616193/21158499/7d273660-c18e-11e6-9b85-28ff217b987c.png',
+                  webUrl: 'https://www.jetbrains.com'
+                },
+                {
+                  name: 'InfTec',
+                  imgUrl: 'https://camo.githubusercontent.com/e03bacb5b51c17612e1b010aabe43e9fe050c8de/687474703a2f2f7777772e696e667465632e63682f7468656d65732f626173652f696d616765732f6c6f676f2e706e67',
+                  webUrl: 'www.inftec.ch'
+                },
+                {
+                  name: 'RPLAN',
+                  imgUrl: 'https://cloud.githubusercontent.com/assets/1228437/16383838/08be8a26-3c87-11e6-8739-fc657cd89b3b.png',
+                  webUrl: 'https://rplan.com'
+                }
+              ]
             }))
           })
         }))