-html(lang='en')
- head
- meta(charset='UTF-8')
- title Document
- link(rel='stylesheet', href='/stylesheets/3rd_party/bootstrap.css')
- link(rel='stylesheet', href='/stylesheets/style.css')
- body
- header
- ul.navigation
- li.logo
- li.links
- a(href='#') Projects
- li.links
- a(href='#') People
- li.links
- a(href='#') About
- ul.navigation-right
- li.signup
- a(href='#') Sign up
- li.option or
- li.signin
- a(href='#') Sign in
- .search-box
- h1 VNF Catalogue
- form.search-form
- input.search-input(type='text', placeholder='Search...')
- .space-10
- button.search-button(type='submit', value='Search') Search
- .content
- ul.most-menu
- li.items.active
- a(href='#') Most Popular
- li.items
- a(href='#') Most Active
- li.items
- a(href='#') Most Active Contributions
- .container
- .row
- .box-container
- .col-md-3
- .content-box
- .content-data
- h1.content-title AAA
- .box
- img.commit-icon(src='/images/3rd_party/commits.png')
- h3.commits
- | 4,845
- br
- | commits
- .col-md-3
- .content-box
- .content-data
- h1.content-title AAA
- .box
- img.commit-icon(src='/images/3rd_party/commits.png')
- h3.commits
- | 4,845
- br
- | commits
- .col-md-3
- .content-box
- .content-data
- h1.content-title AAA
- .box
- img.commit-icon(src='/images/3rd_party/commits.png')
- h3.commits
- | 4,845
- br
- | commits
- .col-md-3
- .content-box
- .content-data
- h1.content-title AAA
- .box
- img.commit-icon(src='/images/3rd_party/commits.png')
- h3.commits
- | 4,845
- br
- | commits
- .col-md-3
- .content-box
- .content-data
- h1.content-title AAA
- .box
- img.commit-icon(src='/images/3rd_party/commits.png')
- h3.commits
- | 4,845
- br
- | commits
- .col-md-3
- .content-box
- .content-data
- h1.content-title AAA
- .box
- img.commit-icon(src='/images/3rd_party/commits.png')
- h3.commits
- | 4,845
- br
- | commits
- .col-md-3
- .content-box
- .content-data
- h1.content-title AAA
- .box
- img.commit-icon(src='/images/3rd_party/commits.png')
- h3.commits
- | 4,845
- br
- | commits
- .col-md-3
- .content-box
- .content-data
- h1.content-title AAA
- .box
- img.commit-icon(src='/images/3rd_party/commits.png')
- h3.commits
- | 4,845
- br
- | commits
- footer
- | © 2017 OPNFV
+block search
+ include search
+block add_project
+ include add_project
+block content
+ .content
+ each key, index in json
+ .container.container-custom
+ .card.card-shadow-custom.horizontal
+ .row.row-custom
+ .col.s5.card-title-div-custom
+ span.card-title.card-title-span-custom #{key.vnf_name}
+ .col.s5.card-title-div-custom
+ i.material-icons grade
+ span.card-title PenguinScore: 42
+ .col.s2.card-title-div-custom-right
+ form(action='#')
+ input#search_result_1(type='checkbox', name='#{key.vnf_name}')
+ label(for='search_result_1') Compare
+ //
+ <div class="card-action">
+ <a href="#">This is a link</a>
+ </div>
+ .col.s4.card-image.card-image-custom
+ img.card-image-picture-custom(src='/uploads/#{key.photo_url}')
+ .col.s8.card-stacked
+ .card-content
+ p
+ .collection.collection-custom
+ a.collection-item(href='#!')
+ span
+ i.material-icons code
+ | Lines Of Code: #{key.lines_of_code}
+ a.collection-item(href='#!')
+ span
+ i.material-icons person
+ | Number of Developers: #{key.no_of_developers}
+ a.collection-item(href='#!')
+ span
+ i.material-icons star
+ | Number of Stars: #{key.no_of_stars}
+ a.collection-item(href='#!')
+ span
+ i.material-icons description
+ | Number of Versions: #{key.versions}
+ .card-action
+ | Tags:
+ each tag, index in key.tags
+ .chip
+ a.a-custom(href='/search_projects?tags=#{tag.tag_name}') #{tag.tag_name}
+ //
+ .chip
+ a.a-custom(href='#!') tag1
+ .chip
+ a.a-custom(href='#!') Tag2
+ .chip
+ a.a-custom(href='#!') Tag3
+ .chip
+ a.a-custom(href='#!') Tag4
+ .chip
+ a.a-custom(href='#!') Tag5
+ a.a-custom-more(href='#!') more
+ .divider
+ .card-action-custom.col.s12.card-action
+ | License:
+ a(href='#') #{key.license}
+ | Complexity:
+ a(href='#') Atomic
+ | Activity:
+ a(href='#') Medium
+ | OPNFV Indicator:
+ a(href='#') #{key.opnfv_indicator}
+ footer
+ | © 2017 XYZ Company
+ link(rel='stylesheet', href='/stylesheets/search_projects.css')