blob: d04853ca695752cf57fc3cfe174513b979dfde6a (
plain)
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
68
69
70
71
72
73
74
75
76
77
78
|
{% extends "ndf/base.html" %}
{% load i18n %}
{% load ndf_tags %}
{% load cache %}
{% cache 3600 repository request.LANGUAGE_CODE %}
{% block title %} Repository {% endblock %}
{% block style %}
.card-holder{
padding-left: 5%;
}
.app-card{
width: 17rem;
min-height: 17rem;
margin: 20px 1rem;
background-color: #efefef;
border: thin solid lightgray;
float: left;
padding: 1em;
}
.app-card:hover{
box-shadow: 0px 0px 15px gray;
border: thin solid lightgray;
border-radius: 5px;
transition: ease 0.6s;
}
.icons{
position: absolute;
font-size: 7em;
z-index: 0;
opacity: 0.1;
padding-top: 2rem;
}
{% endblock %}
{% block meta_content %}
<h2 class="subheader">{% trans "Repository" %}</h2>
{% endblock %}
{% block related_content%}
content goes here...
{% endblock %}
{% block body_content %}
<!-- <ul class="inline-list card-holder"> -->
<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-3">
{% for each_gapp in gapps_obj_list %}
<li>
<a class="app-card text-center" href="{% url each_gapp.name|lower group_id %}">
<h4><small>{{ each_gapp.altnames }}</small></h4>
<hr/>
<i class="icons {{ each_gapp.url }}"></i>
<p>{{ each_gapp.content|safe }}</p>
</a>
</li>
{% endfor %}
</ul>
<script type="text/javascript">
// // removing left panel:
// $("main.row > aside.columns").detach();
// // making body_content block to take 12-large columns
// $article = $("main.row > article.columns");
// $article.removeClass("medium-10").addClass("large-12");
</script>
{% endblock %}
{% endcache %}
|