LifeData/index.html at main · umarfarooq478/LifeData · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Calender Events</title>
    <style>
        .central-div {
            text-align: left;
            /* Add this to left-align the text */
            width: 80%;
        }

        .google-button {
            background-color: #4285F4;
            color: #FFFFFF;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-family: Arial, sans-serif;
            cursor: pointer;
            margin-right: 30px;
        }

        .google-button:hover {
            background-color: #357AE8;
        }

        .google-button img {
            width: 18px;
            height: 18px;
            margin-right: 10px;
        }

        .green-button {
            background-color: #2E8B57;
            color: #FFFFFF;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-family: Arial, sans-serif;
            cursor: pointer;
            margin-right: 30px;

        }

        .green-button:hover {
            background-color: #228B3B;
        }

        .green-button img {
            width: 18px;
            height: 18px;
            margin-right: 10px;
        }

        .yellow-button {
            background-color: #F7DC6F;
            color: #000000;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-family: Arial, sans-serif;
            cursor: pointer;
            margin-right: 30px;
        }

        .yellow-button:hover {
            background-color: #F2C464;
        }

        .yellow-button img {
            width: 18px;
            height: 18px;
            margin-right: 10px;
        }
    </style>
</head>

<body>

    <center>
        <img src="Logo.png" alt="">
        <div class="button-container">
            <button class="google-button"
                onclick="location.href='https://script.google.com/macros/s/AKfycbwC1TBhPx3Hjfws-mvlJI6CdKcCVl1vABBY-KF9cuWwOU0ynsXIht6nU1KH24zGiBEN/exec'">
                <img src="https://developers.google.com/identity/images/g-logo.png" alt="Google logo">
                Continue with Google
            </button>
            <button class="green-button" onclick="location.href='manual_data_sync.html'">
                <img src="Logo.png" alt="Logo">
                Manual Data Sync
            </button>

            <button class="yellow-button"
                onclick="location.href='https://script.google.com/macros/s/AKfycbwC1TBhPx3Hjfws-mvlJI6CdKcCVl1vABBY-KF9cuWwOU0ynsXIht6nU1KH24zGiBEN/exec'">
                <img src="Logo.png" alt="Logo">
                Check My Sheets
            </button>
        </div>
        <div class="central-div"> <!-- Add the class to the div -->
            <h1>Welcome to UnilifeCycle</h1>
            <h2>
                What is Unilifecycle ?
            </h2>
            <p>

                Unilifecycle is a free, easy-to-use service designed to help you balance and optimize your life.
                Our app leverages Google Calendar to track your daily activities and creates comprehensive reports on your
                daily life. Based on Rob Dyrdek's Optimized Life Tracker (no affiliation, but we’re a big fan!),
            <h2>Key Features:</h2>
            <ul>
                <li>Automatic Tracking: Syncs with your Google Calendar to self-populate data.</li>
                <li>Detailed Reports: Get monthly, quarterly, and yearly reports to monitor your progress.</li>
                <li>Easy Setup: Simply sign up, link your google calendar and appoint 4 blank google sheets.</li>
            </ul>


            <h2>Get Started </h2>
            <ul>
                <li>Sign Up: Create your account and link your Google Calendar to begin.</li>
                <li>Maintain Your Data: Access and update your information easily from your personalized dashboard.</li>
            </ul>

            <h2>

                Important Information:
            </h2>
            <b>Beta Launch: </b>June 15, 2024<br>
            <b>Beta Phase Duration:</b>2 months<br>
            <b> User Limit:</b> Initial beta limited to 20 users<br>
            <b> Full Launch:</b>Expected Fall 2024<br>

            <b> Join Us on the Journey:</b> Unilifecycle is currently in the beta prototype stage.

            <br>
            By signing up,
            you'll
            help us refine and improve
            the
            service. It’s completely free to sign up and use!<br>


            </p>
        </div>
    </center>
</body>

</html>