VNF_Catalogue/views/index.jade

   1 extends layout
   2
   3 //
   4   Copyright (c) 2017 Kumar Rishabh and others.
   5   All rights reserved. This program and the accompanying materials
   6   are made available under the terms of the Apache License, Version 2.0
   7   which accompanies this distribution, and is available at
   8   http://www.apache.org/licenses/LICENSE-2.0
   9 block content
  10   link(rel='stylesheet', href='/stylesheets/3rd_party/bootstrap.css')
  11   .search-box
  12     h1 VNF Catalogue
  13     form.search-form
  14       input.search-input(type='search', placeholder='Search...', id='Tags')
  15       .space-10
  16       button.search-button(type='submit', value='Search', id='Search') Search
  17   .content.content-height-overwrite
  18     nav.z-depth-0.transparent
  19       .nav-wrapper
  20         ul#nav-mobile.center.float-center-magic.hide-on-med-and-down.most-menu
  21           li#lines_of_code.items
  22             b Most Lines of Code
  23           li#no_of_developers.items
  24             b Most Developers
  25           li#no_of_stars.items
  26             b Most Stars
  27   .content
  28     .container
  29       .row#content
  30         each key, index in json
  31           .box-container
  32             .col-md-3
  33               .content-box
  34                 .content-data
  35                   h1.content-title
  36                     a(href='/project_profile?vnf_id=#{key.vnf_id}') #{key.vnf_name}
  37                   .box
  38                     img.img-size.commit-icon(src='/uploads/#{key.photo_url}')
  39                     h3.commits
  40                       | #{key.lines_of_code}
  41                       br
  42                       | Lines Of Code
  43
  44     footer
  45       | © 2017 XYZ Company
  46       script(src='/javascripts/index_search_max.js')
  47   style(type='text/css').
  48     input[type="text"]:focus:not([readonly]) {
  49       transition: all 0s !important;
  50       border-radius: 5px;
  51       border: 2px solid #333333;
  52       box-shadow: 0 0 15px 1px rgba(0,0,0,0.50);
  53       color: #333333;
  54     }
  55     .gray {
  56       background: rgb(249,249,249);
  57     }
  58     .img-size {
  59       max-width:50px;
  60       max-height:50px;
  61     }
  62     ul#nav-mobile li {
  63       display: inline;
  64     }
  65     .float-center-magic {
  66       left: -40%;
  67     }