userDetail.pug 2.03 KB
extends layouts/main

block content
    .user-quote
        h2=quote 
        h3=author

    hr
    .user-profile 
        .user-profile__column 
            img(src=`/${user.avatarUrl}`)
            .user-profile__link 
                a(href=user.githubUrl target="_blank") Github 
                a(href=`//${user.blogUrl}` target="_blank") Blog
        .user-profile__column
            .user-profile__info
                .user-profile__name
                    h3 NAME:  
                    h4=user.name  
                .user-profile__github              
                    h3 GITHUB NICKNAME: 
                    h4=user.githubName  
                .user-profile__email
                    h3 EMAIL: 
                    h4=user.email 
                .user-profile__school      
                    h3 SCHOOL:   
                    h4=user.school
                .user-profile__tech
                    h3 TECH:
                    ul
                        each tech in user.tech 
                            li=tech
                .user-profile__career
                    h3 CAREER:
                    ul
                        each career in user.career
                            li=career
                .user-profile__introduction            
                    h3 SELF-INTRODUCTION:        
                    h4=user.introduction
    hr
    .user-status
        .user-status__contributions
            span#jsTotalContributions=totalContributions
            img(src=`http://ghchart.rshah.org/${user.githubName}` alt="Name Your Github chart")
        .user-status__character
            h3 Your step
            img(src="https://preview.free3d.com/img/2019/12/2269306250288170045/1oe8ymrc-900.jpg" alt="character" style="height:200px; width:250px;")
    .user-repositories
        .user-repo
            a(href=firstRepoUrl)
                h3 REPO 1
                p=fitstRepoName
            br
            a(href=secondRepoUrl)
                h3 REPO 2
                p=secondRepoName
block scripts 
    script(src="/static/js/githubInfo.js")