Skip to content

Commit 956efa7

Browse files
anatoliykmetyukanatoliykmetyuk
committed
Update the project cards
1 parent 383576a commit 956efa7

File tree

3 files changed

+166
-13
lines changed

3 files changed

+166
-13
lines changed

‎_includes/project-block.html

+6-13
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,6 @@
1010
<h3>{{ project.name }}</h3>
1111
{% endif %}
1212
<div class="references">
13-
{% if project.status %}
14-
<span class="status {{ project.status | downcase | remove: ' ' | remove: '!'}}">
15-
{{ project.status }}
16-
</span>
17-
{% endif %}
1813
{% if project.web %}
1914
<a href="{{ project.web }}" target="_blank"><i class="fa fa-globe"></i></a>
2015
{% endif %}
@@ -31,27 +26,25 @@ <h3>{{ project.name }}</h3>
3126
<i class="fa fa-plus"></i> Read more
3227
</a>
3328
{% endif %}
29+
{% if project.origin %}
30+
<a class="origin" href="{{ project.origin }}"><i class="fa fa-eye"></i> <span class="hidden-xs hidden-sm">Origin of the project</span></a>
31+
{% endif %}
3432
</div>
3533
<div class="hidden modal-content-text">
3634
{{ project }}
3735
</div>
3836
<div class="contributors">
3937
{% assign contributors = project.contributors | size %}
4038
{% if contributors > 0 %}
41-
<a class="contributors-modal" href="#" data-target="#modal-{{ project.label }}">
42-
<i class="fa fa-user"></i> <span class="hidden-xs hidden-sm">{{ contributors }} Contributors</span>
43-
</a>
4439
<ul>
4540
{% for contributor in project.contributors %}
4641
{% assign contr = site.data.team-members.members | where: "member", contributor| first %}
47-
<li title="{{ contr.name }}"><img src="{{ contr.photo }}" alt="{{ contr.name}}" ></li>
42+
{% if contr.photo %}
43+
<li title="{{ contr.name }}"><img src="{{ contr.photo }}" alt="{{ contr.name}}" ></li>
44+
{% endif %}
4845
{% endfor %}
4946
</ul>
5047
{% endif %}
51-
52-
{% if project.origin %}
53-
<a class="origin" href="{{ project.origin }}"><i class="fa fa-eye"></i> <span class="hidden-xs hidden-sm">Origin of the project</span></a>
54-
{% endif %}
5548
</div>
5649
</div>
5750
</div>

‎hall-of-fame.html

+66
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
---
2+
layout: page
3+
---
4+
<div class="row">
5+
<div class="col-md-12 search">
6+
<input class="col-xs-12 form-control" value="" placeholder="Search a Project..." type="text">
7+
</div>
8+
<div class="clearfix"></div>
9+
10+
<div class="projects">
11+
{% assign projects = site.projects | where: "category", "tooling" %}
12+
<div class="col-md-12 title tooling">
13+
<h2>Tooling</h2>
14+
</div>
15+
<div class=" project-list tooling">
16+
{% include project-block.html %}
17+
</div>
18+
{% assign projects = site.projects | where: "category", "scala3migration" %}
19+
<div class="col-md-12 title scala3migration">
20+
<h2>Scala 3 Migration</h2>
21+
</div>
22+
<div class=" project-list scala3migration">
23+
{% include project-block.html %}
24+
</div>
25+
{% assign projects = site.projects | where: "category", "enhancement" %}
26+
<div class="col-md-12 title enhancement">
27+
<h2>Scala Language Enhancements</h2>
28+
</div>
29+
<div class=" project-list enhancement">
30+
{% include project-block.html %}
31+
</div>
32+
{% assign projects = site.projects | where: "category", "community" %}
33+
<div class="col-md-12 title community">
34+
<h2>Community</h2>
35+
</div>
36+
<div class=" project-list community">
37+
{% include project-block.html %}
38+
</div>
39+
{% assign projects = site.projects | where: "category", "education" %}
40+
<div class="col-md-12 title education">
41+
<h2>Education</h2>
42+
</div>
43+
<div class=" project-list education">
44+
{% include project-block.html %}
45+
</div>
46+
{% assign projects = site.projects | where: "category", "process" %}
47+
<div class="col-md-12 title process">
48+
<h2>Processes Managed by the Scala Center</h2>
49+
</div>
50+
<div class=" project-list process">
51+
{% include project-block.html %}
52+
</div>
53+
<div class="col-md-12 no-results">
54+
<h3>No results found</h3>
55+
</div>
56+
</div>
57+
</div>
58+
59+
<div class="modal fade description-dialog" tabindex="-1" role="dialog" id="modal-description">
60+
<div class="modal-dialog modal-lg" role="document">
61+
<div class="modal-content">
62+
<div class="modal-body project">
63+
</div>
64+
</div><!-- /.modal-content -->
65+
</div><!-- /.modal-dialog -->
66+
</div>

‎resources/css/main.scss

+94
Original file line numberDiff line numberDiff line change
@@ -1470,3 +1470,97 @@ ul.nav {
14701470
}
14711471
}
14721472
}
1473+
1474+
/* HALL OF FAME */
1475+
.project {
1476+
background: #fff;
1477+
border: 1px solid #ddd;
1478+
border-radius: 4px;
1479+
padding: 20px;
1480+
margin-bottom: 20px;
1481+
1482+
height: 200px;
1483+
overflow: hidden;
1484+
}
1485+
1486+
.project .header {
1487+
display: flex;
1488+
align-items: center;
1489+
}
1490+
1491+
.project .header h3 {
1492+
margin: 0;
1493+
font-size: 24px;
1494+
}
1495+
1496+
.projects .title {
1497+
margin-top: 25px;
1498+
margin-bottom: 10px;
1499+
}
1500+
1501+
.project .header .project-logo {
1502+
height: 40px;
1503+
margin-right: 10px;
1504+
}
1505+
1506+
.project .references {
1507+
margin-left: auto;
1508+
font-size: 14px;
1509+
}
1510+
1511+
.project .references a {
1512+
color: #999;
1513+
margin-left: 10px;
1514+
}
1515+
1516+
.project .content {
1517+
margin-top: 10px;
1518+
font-size: 16px;
1519+
line-height: 1.5;
1520+
}
1521+
1522+
.project .status {
1523+
text-transform: uppercase;
1524+
font-size: 12px;
1525+
padding: 2px 6px;
1526+
border-radius: 3px;
1527+
margin-right: 10px;
1528+
}
1529+
1530+
.project .status.active {
1531+
background: green;
1532+
color: white;
1533+
}
1534+
1535+
.project .status.incubating {
1536+
background: orange;
1537+
color: white;
1538+
}
1539+
1540+
.project .status.contributed {
1541+
background: blue;
1542+
color: white;
1543+
}
1544+
1545+
.contributors ul {
1546+
list-style: none;
1547+
padding: 0;
1548+
margin: 0;
1549+
1550+
// Align to the bottom-right
1551+
position: absolute;
1552+
bottom: 25px;
1553+
right: 45px;
1554+
}
1555+
1556+
.contributors li {
1557+
display: inline-block;
1558+
margin-right: -25px;
1559+
}
1560+
1561+
.contributors img {
1562+
width: 50px;
1563+
height: 50px;
1564+
border-radius: 50%;
1565+
object-fit: cover;
1566+
}

0 commit comments

Comments
 (0)