<SHLabel@Label,SHButton@Button>:

size_hint_min: [v + dp(8) for v in self.texture_size]

halign: 'center'

<SHTask>:

orientation: 'vertical'

spacing: '4dp'

drag_timeout: 0

drag_cls: 'task_to_be_done'

size: '200dp', '200dp'

size_hint: None, None

opacity: .5 if self.is_being_dragged else 1.

canvas.before:

Color:

rgba: .4, .4, .4, 1

Line:

rectangle: (*self.pos, *self.size, )

Image:

allow_stretch: True

texture: root.datum.texture

size_hint_y: 3.

SHLabel:

text: '{} \n({} energy)'.format(root.datum.name, root.datum.energy)

color: rgba("#E75480")

bold: True

<CircularProgresBar>

canvas.before:

Color:

rgba: root.bar_color + [0.3]

Line:

width: root.bar_width/2

ellipse: (self.x, self.y, self.width, self.height, 0, 360)

canvas.after:

Color:

rgb: root.bar_color

Line:

width: root.bar_width/2

ellipse: (self.x, self.y, self.width, self.height, 0, root.set_value*36)

Label:

text : f"{root.set_value*10}%"

font_size:"40sp"

pos_hint:{"center_x":.5, "center_y":.5}

halign:"center"

color:root.bar_color

<SHActorImage@BoxLayout>:

orientation: 'vertical'

source : 'default'

name : 'default'

energy : 0

spacing: '4dp'

size: '200dp', '300dp'

size_hint: None, None

pos_hint: {'center_x': 0.5, 'center_y': 0.5}

color_code : "#E75480"

Image:

allow_stretch: True

source: root.source

size_hint_y: 3

Label:

text:'\n{}'.format(root.name)

color: rgba(root.color_code)

bold: True

CircularProgresBar:

size_hint: None, None

size : 200, 200

pos_hint:{"center_x":.5, "center_y":.5}

set_value: root.energy

<SHShelf@KXReorderableBehavior+RVLikeBehavior+StackLayout>:

padding: '10dp'

spacing: '10dp'

size_hint_min_y: self.minimum_height

drag_classes: ['task_to_be_done', ]

viewclass: 'SHTask'

<SHMain>:

orientation: 'vertical'

padding: '10dp'

spacing: '10dp'

prompt : prompt_text

fact_button : fact

EquitableBoxLayout:

BoxLayout:

BoxLayout:

orientation: 'vertical'

canvas.before:

Rectangle:

pos: self.pos

size: self.size

source: 'assets/city_bg.jpg'

SHLabel:

id : prompt_text

text: "Balance \n\n"

font_size: max(30, sp(20))

text_size: self.width, None

center_x: root.width / 4

top: root.top - 50

size: self.texture_size

bold: True

color: rgba("#A52A2A")

SHLabel:

text: '\n\n\nDistribute tasks for our lovely couple. Aim to Balance the % between them'

font_size: max(30, sp(20))

bold: True

color: rgba("#734F96")

ScrollView:

size_hint_y: 1000.

always_overscroll: False

SHShelf:

id: shelf

Splitter:

sizable_from: 'left'

min_size: 100

max_size: root.width

BoxLayout:

orientation: 'vertical'

canvas.before:

Rectangle:

pos: self.pos

size: self.size

source: 'assets/city_bg2.jpeg'

BoxLayout:

SHActorImage:

id : male_details

color_code:"#FF0000"

SHShelf:

canvas.before:

Color:

rgba: 1, 0, 0, 1

Line:

rectangle: (*self.pos, *self.size, )

width: 2

id: man

SHActorImage:

id : female_details

color_code:"#0000FF"

SHShelf:

canvas.before:

Color:

rgba: 0, 0, 1, 1

Line:

rectangle: (*self.pos, *self.size, )

width: 2

id: woman

BoxLayout:

size_hint_y: None

height: self.minimum_height

SHButton:

text: 'Complete Story'

on_press: root.complete_story()

SHButton:

id : fact

text: 'Do you know'

on_press: root.show_message(title='Gender equality', content=root._equality_text)

SHButton:

text: 'Restart'

on_press: app.restart_app()