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