File tree Expand file tree Collapse file tree 1 file changed +11
-5
lines changed Expand file tree Collapse file tree 1 file changed +11
-5
lines changed Original file line number Diff line number Diff line change 18
18
}
19
19
20
20
table {
21
- width : 80 % ;
21
+ width : 90 % ;
22
22
border-collapse : collapse;
23
23
border : 0px ;
24
24
}
31
31
}
32
32
th {
33
33
padding : 10px 15px ;
34
- text-align : center ;
34
+ text-align : left ;
35
35
border : 0px ;
36
36
font-size : 20px ;
37
37
font-weight : bold;
40
40
a , a : visited , a : active {
41
41
color : # E0311D ;
42
42
text-decoration : none;
43
- font-weight : bold ;
43
+ font-weight : normal ;
44
44
}
45
45
46
46
a : hover {
@@ -57,6 +57,7 @@ <h1>Getting Started Guides</h1>
57
57
< table id ="data-table ">
58
58
< thead >
59
59
< tr >
60
+ < th > GitHub Repo</ th >
60
61
< th > Documentation</ th >
61
62
< th > Description</ th >
62
63
</ tr >
@@ -73,13 +74,18 @@ <h1>Getting Started Guides</h1>
73
74
// Iterate over each person object in the JSON data
74
75
$ . each ( data , function ( index , repo ) {
75
76
76
- // clean up name
77
77
var row = $ ( "<tr></tr>" ) ; // Create a new table row
78
78
79
- // Create table cells and fill them with the person's data
79
+ // Repo
80
+ var $td_r = $ ( "<td></td>" ) . html ( '<a href="' + repo . url + '">' + repo . name + '</a>' ) ;
81
+ row . append ( $td_r ) ;
82
+
83
+ // Documentation
80
84
var $td = $ ( "<td></td>" ) . html ( '<a href="' + repo . homepage + '">' + repo . name . replace ( / _ / g, ' ' ) + '</a>' ) ;
81
85
82
86
row . append ( $td ) ;
87
+
88
+ // Description
83
89
row . append ( $ ( "<td></td>" ) . text ( repo . description ) ) ;
84
90
85
91
tableBody . append ( row ) ; // Add the row to the table body
You can’t perform that action at this time.
0 commit comments