@@ -26,9 +26,11 @@ const header = elFactory('section', {id: 'header'},
2626 elFactory ( 'select' , { calss : 'selectMenu' } ) ,
2727 elFactory ( 'option' , { value : '' } , 'alumni' ) ) ;
2828const bottomBox = elFactory ( 'div' , { class : 'bottom-box' } ) ;
29- const leftSide = elFactory ( 'section' , { id : 'left-side' } ,
30- elFactory ( 'div' , { calss : 'card' } ,
31- elFactory ( 'table' , { } ) ,
29+ const leftSide = elFactory ( 'section' , { id : 'left-side' } )
30+
31+
32+ const card = elFactory ( 'div' , { calss : 'card' } ,
33+ elFactory ( 'table' , { } ,
3234 elFactory ( 'tr' , { } ,
3335 elFactory ( 'td' , { class : 'col-left' } , 'Repositories: ' ) ,
3436 elFactory ( 'td' , { class : 'col-right rep-text' } , elFactory ( 'a' , { href : '#' , class : 'repo-link' } , 'SampleRepo1' ) ) ) ,
@@ -42,13 +44,16 @@ const leftSide = elFactory('section', {id: 'left-side'},
4244 elFactory ( 'td' , { class : 'col-left' } , 'Update: ' ) ,
4345 elFactory ( 'td' , { class : 'col-right rep-update' } , '2020-05-27 12:00:00' ) ) ) ) ;
4446
47+
4548const rightSide = elFactory ( 'section' , { id : 'right-side' } ,
46- elFactory ( 'div' , { id : 'contributor' } , 'Contributors' ) ,
47- elFactory ( 'div' , { class : 'card samll-card' } ,
49+ elFactory ( 'div' , { id : 'contributor' } , 'Contributors' ) ) ;
50+ const smallCard = elFactory ( 'div' , { class : 'card samll-card' } ,
4851 elFactory ( 'img' , { src : 'https://avatars3.githubusercontent.com/u/3985124?v=4' , calss : 'userPhoto' , width : '50px' } ) ,
4952 elFactory ( 'a' , { href : '' , class : 'userName' } , 'Isabela' ) ,
50- elFactory ( 'div' , { class : 'badge' } , '9' ) ) )
53+ elFactory ( 'div' , { class : 'badge' } , '9' ) ) ;
5154
55+ leftSide . appendChild ( card )
56+ rightSide . appendChild ( smallCard )
5257container . appendChild ( header ) ;
5358bottomBox . appendChild ( leftSide ) ;
5459bottomBox . appendChild ( rightSide )
0 commit comments