[Pharo] Personal fitness tracker web app.
MFTPublicHomepage
src/MyFitnessTracker/MFTPublicHomepage.class.st
@@ -0,0 +1,55 @@
1
Added:
Class {
2
Added:
#name : #MFTPublicHomepage,
3
Added:
#superclass : #MFTTab,
4
Added:
#category : #'MyFitnessTracker-Components'
5
Added:
}
6
Added:
7
Added:
{ #category : #initialization }
8
Added:
MFTPublicHomepage >> initialize [
9
Added:
10
Added:
super initialize.
11
Added:
title := 'home'
12
Added:
]
13
Added:
14
Added:
{ #category : #rendering }
15
Added:
MFTPublicHomepage >> renderContentOn: html [
16
Added:
17
Added:
html container: [
18
Added:
html column smallVariableWidth with: [
19
Added:
self renderMainCardOn: html.
20
Added:
self renderPromisesCardOn: html ] ]
21
Added:
]
22
Added:
23
Added:
{ #category : #rendering }
24
Added:
MFTPublicHomepage >> renderMainCardOn: html [
25
Added:
26
Added:
html card: [
27
Added:
html jumbotron
28
Added:
class: 'p-3 bg-light';
29
Added:
with: [
30
Added:
html displayHeading
31
Added:
level: 1;
32
Added:
with: 'Welcome to My Fitness Tracker!'.
33
Added:
html big textMuted with: 'Free Software never looked so fit.'.
34
Added:
html form: [ "TODO"
35
Added:
html formButton
36
Added:
bePrimary;
37
Added:
beLarge;
38
Added:
class: 'mt-3';
39
Added:
callback: [ self call: MFTWorkoutDialog ];
40
Added:
with: 'Log a workout' ] ] ]
41
Added:
]
42
Added:
43
Added:
{ #category : #rendering }
44
Added:
MFTPublicHomepage >> renderPromisesCardOn: html [
45
Added:
46
Added:
html card
47
Added:
marginTopAndBottom: 3;
48
Added:
with: [
49
Added:
html cardHeader: 'We promise you...'.
50
Added:
html cardBody: [
51
Added:
html unorderedList: [
52
Added:
html listItem: 'All features shall always be entirely free.'.
53
Added:
html listItem: 'No user data shall ever be sold.'.
54
Added:
html listItem: '.' ] ] ]
55
Added:
]