#:import ProfileScreen screens.profile.profile.ProfileScreen
#:import COLOR_TEXT main.COLOR_TEXT
#:import rgb main.rgb

<ProfileScreen>:
    id:profile_screen
    name:'profile'

<CoverImage>:
    size_hint: None,None
    # pos_hint: {'y':0}
    # canvas:
    #     Color:
    #         rgb: rgb(*COLOR_TEXT)
    #     Line:
    #         width: 1
    #         rectangle: (self.x, self.y, self.width, self.height)

<LayoutAvatar>:
    cols:1
    orientation:'vertical'
    size_hint:None,None
    adaptive_height: True
    # height:'200dp'
    # width:'300dp'
    # md_bg_color:0,0,0,1
    pos_hint: {'center_x':0.5, 'y':0} #,'top':0.25}
    # radius:[20,] 
    # border_radius:20
    canvas:
        Color:
            rgb: 0,0,0,1
        Line:
            width: 2
            # rectangle: (self.x, self.y, self.width, self.height)
            circle: (self.center_x, self.center_y, min(self.width, self.height) / 2) #(self.x, self.x, self.width)

<LayoutCover>:
    cols:1
    orientation:'vertical'
    size_hint:None,None
    # height:'200dp'
    # width:'300dp'
    md_bg_color:0,0,0,1
    # height: '500dp'
    pos_hint: {'center_x':0.5,'center_y':0.5} #,'y':0.8}
    # radius:[20,] 
    # border_radius:20
    
    canvas:
        # Rectangle:
        #     pos: self.pos
        #     size: self.size
        #     # source: self.source
        Color:
            rgb: 0,0,0,1
        Line:
            width: 2
            rectangle: (self.x, self.y, self.width, self.height)


<AuthorInfoLayout>:
    cols:1
    orientation:'vertical'
    size_hint:0.6666,None
    md_bg_color:0,0,0,1
    # width: '300dp'
    height: self.minimum_height
    pos_hint: {'center_x':0.5,'center_y':0.5}
    spacing:'10sp'
    radius:[20,] 
    border_radius:20
    padding:'10sp'
    canvas:
        Color:
            rgba: 0,0,0,0.5
        Line:
            width: 1
            rounded_rectangle: (self.x, self.y, self.width, self.height, 20, 20, 20, 20)

<AuthorName>:
    pos_hint: {'center_x':0.5}
    theme_text_color:'Custom'
    text_color: rgb(*COLOR_TEXT)
    halign:'center'
    
<AuthorUsername>:
    pos_hint: {'center_x':0.5}
    theme_text_color:'Custom'
    text_color: rgb(*COLOR_TEXT)
    halign:'center'

<AuthorDesc>:
    halign:'left'

<AuthorPlace>:
    theme_text_color: 'Custom'
    text_color:rgb(*COLOR_TEXT)

<AuthorWebsite>:
    theme_text_color: 'Custom'
    text_color:rgb(*COLOR_TEXT)


<AuthorFollowers>:
    theme_text_color: 'Custom'
    text_color:rgb(*COLOR_TEXT)
    size_hint:None,None
    pos_hint:{'right':1}

<AuthorFollowing>:
    theme_text_color: 'Custom'
    text_color:rgb(*COLOR_TEXT)
    pos_hint:{'left':1}

<ProfilePageLayout>:
    cols:1
    orientation:'vertical'
    spacing:'10dp'
    padding:'10dp'
    size_hint:1,None
    adaptive_height:True
    # md_bg_color:rgb(*COLOR_TEXT)
    pos_hint: {'center_x':0.5,'center_y':0.5}
    # md_bg_color:1,1,0,1

<ProfileAvatar>:
    size_hint:1,1
    # width: '200dp'

<FollowerLayout>:
    cols:2
    orientation:'horizontal'
    spacing:'25dp'
    height:self.minimum_height
    size_hint:1,None
    # md_bg_color:rgb(*COLOR_TEXT)
    pos_hint: {'center_x':0.5,'center_y':0.5}