Skip to content

Commit

Permalink
cleanup
Browse files Browse the repository at this point in the history
  • Loading branch information
@Rytiggy
Rytiggy committed Aug 25, 2019
1 parent afb8dd2 commit 2660f16
Show file tree
Hide file tree
Showing 12 changed files with 437 additions and 244 deletions.
50 changes: 44 additions & 6 deletions website/src/components/Donations.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,22 +4,60 @@
<div class="text-white text-h3 text-center">Donations</div>
<div class="q-pb-md text-white text-center full-width">
<div class="description-lead text-body1">
I developed Glance to help people with diabetes! 50% of all donations will go directly to the
I developed Glance to help people with diabetes! 50% of all donations
will go directly to the
<a
class="text-primary"
target="_blank"
href="https://www.faustmanlab.org/"
>Faustman lab</a>.
The remaining 50% will be dedicated to future research and development of Glance.
>Faustman lab</a
>. The remaining 50% will be dedicated to future research and
development of Glance.
</div>
<div class="q-pt-md">
<q-card flat bordered class="donation-card text-grey-10">
<q-card-section>
<img src="../statics/paypal-logo.png">
<img src="../statics/paypal-logo.png" />
</q-card-section>

<q-card-section>Donations can be made through PayPal</q-card-section>
<q-card-section
>Donations can be made through PayPal</q-card-section
>
<q-card-section class="q-px-none">
<form
action="https://www.paypal.com/cgi-bin/webscr"
method="post"
target="_top"
>
<input type="hidden" name="cmd" value="_donations" />
<input
type="hidden"
name="business"
value="[email protected]"
/>
<input
type="hidden"
name="item_name"
value="Glance - Research and Development - Thank You!"
/>
<input type="hidden" name="currency_code" value="USD" />
<input
type="image"
src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
border="0"
name="submit"
title="PayPal - The safer, easier way to pay online!"
alt="Donate with PayPal button"
/>
<img
alt=""
border="0"
src="https://www.paypal.com/en_US/i/scr/pixel.gif"
width="1"
height="1"
/>
</form>

<q-btn-group push>
<q-btn
type="a"
Expand All @@ -30,7 +68,7 @@
>
$1
</q-btn>
<q-btn
<q-btn
type="a"
target="_blank"
href="https://paypal.me/ryanmasonjar/5"
Expand Down
51 changes: 27 additions & 24 deletions website/src/components/Features.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,11 @@
<div class="q-pa-xl">
<div class="text-white text-h3 text-center">Features</div>
<div class="q-pb-md text-white text-center full-width">
<div
class="description-lead text-body1"
>Glance is a watchface for use with Fitbit devices to view your blood glucose levels along with a variety of other health stats on the watch face. You can see your stats at a glance!</div>
<div class="description-lead text-body1">
Glance is a watchface for use with Fitbit devices to view your blood
glucose levels along with a variety of other health stats on the watch
face. You can see your stats at a glance!
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4">
Expand All @@ -15,9 +17,9 @@
<i class="fas fa-tint"></i>
</div>
<div class="text-h5 text-weight-medium">Current BG</div>
<div
class="text-subtitle1 text-weight-normal"
>Receive blood glucose readings every 5 minutes.</div>
<div class="text-subtitle1 text-weight-normal">
Receive blood glucose readings every 5 minutes.
</div>
</q-card-section>
</q-card>
</div>
Expand All @@ -27,10 +29,12 @@
<div class="text-h3">
<i class="fas fa-exclamation"></i>
</div>
<div class="text-h5 text-weight-medium text-center">Vibration Alerts</div>
<div class="text-h5 text-weight-medium text-center">
Vibration Alerts
</div>
<div class="text-subtitle1 text-weight-normal">
Vibrates to alert you when your blood glucose falls below or rises above your high or low
thresholds.
Vibrates to alert you when your blood glucose falls below or
rises above your high or low thresholds.
</div>
</q-card-section>
</q-card>
Expand All @@ -42,9 +46,10 @@
<i class="fas fa-chart-line"></i>
</div>
<div class="text-h5 text-weight-medium">Trend Direction</div>
<div
class="text-subtitle1 text-weight-normal"
>See a graph of trend data for the last 4 hours to better predict where your blood glucose is heading.</div>
<div class="text-subtitle1 text-weight-normal">
See a graph of trend data for the last 4 hours to better predict
where your blood glucose is heading.
</div>
</q-card-section>
</q-card>
</div>
Expand All @@ -55,10 +60,10 @@
<i class="fas fa-palette"></i>
</div>
<div class="text-h5 text-weight-medium">Customizations</div>
<div
class="text-subtitle1 text-weight-normal"
>
Customize Glance how you like it, change the background color, unit type (mgdl or mmol), various alerts you want to recieve, and so much more!
<div class="text-subtitle1 text-weight-normal">
Customize Glance how you like it, change the background color,
unit type (mgdl or mmol), various alerts you want to recieve,
and so much more!
</div>
</q-card-section>
</q-card>
Expand All @@ -70,10 +75,9 @@
<i class="fas fa-cloud"></i>
</div>
<div class="text-h5 text-weight-medium">Data Source Options</div>
<div
class="text-subtitle1 text-weight-normal"
>
Select from a variety of data sources, including <b>Dexcom</b>, <b>Nightscout</b>, <b>Spike</b>, <b>xDrip</b> and <b>Tomato</b>
<div class="text-subtitle1 text-weight-normal">
Select from a variety of data sources, including <b>Dexcom</b>,
<b>Nightscout</b>, <b>Spike</b>, <b>xDrip</b> and <b>Tomato</b>
</div>
</q-card-section>
</q-card>
Expand All @@ -85,10 +89,9 @@
<i class="fas fa-puzzle-piece"></i>
</div>
<div class="text-h5 text-weight-medium">Compatibility</div>
<div
class="text-subtitle1 text-weight-normal"
>
Glance is compatible with Fitbit smartwatchs that includes the Fitbit <b>Versa</b>, <b>Versa lite</b>, and <b>Ionic</b>.
<div class="text-subtitle1 text-weight-normal">
Glance is compatible with Fitbit smartwatchs that includes the
Fitbit <b>Versa</b>, <b>Versa lite</b>, and <b>Ionic</b>.
</div>
</q-card-section>
</q-card>
Expand Down
21 changes: 15 additions & 6 deletions website/src/components/Gallery.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,24 @@
<div class="q-pa-xl">
<div class="text-white text-h3 text-center">Gallery</div>
<div class="q-pb-md text-white text-center full-width">
<div
class="description-lead text-body1"
>
Glance is highly customizable allowing for you to change almost any aspect of the watch.
<div class="description-lead text-body1">
Glance is highly customizable allowing for you to change almost any
aspect of the watch.
</div>
</div>
<div class="row gallery-images">
<div class="col-xs-12 col-sm-4 col-md-4 q-pa-sm" v-for="(img, i) in galleryImgs" :key="i">
<q-img spinner-color="white" class="rounded-borders" rounded :src="img.url" :ratio="174/125" />
<div
class="col-xs-12 col-sm-4 col-md-4 q-pa-sm"
v-for="(img, i) in galleryImgs"
:key="i"
>
<q-img
spinner-color="white"
class="rounded-borders"
rounded
:src="img.url"
:ratio="174 / 125"
/>
</div>
</div>
</div>
Expand Down
17 changes: 10 additions & 7 deletions website/src/components/GlanceFooter.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,10 @@
<div class="glance-footer q-py-xl q-px-md">
<div class="text-white text-center full-width">
<div class="description-lead text-body1 text-white">
This program is free software distributed under the terms of the GNU General Public License
as published by the Free Software Foundation, either version 3 of the License, or any later
version. See http://www.gnu.org/licenses/gpl.txt for more details
This program is free software distributed under the terms of the GNU
General Public License as published by the Free Software Foundation,
either version 3 of the License, or any later version. See
http://www.gnu.org/licenses/gpl.txt for more details
<div class="q-py-sm">
<a
class="text-h4 q-px-sm text-white"
Expand All @@ -28,16 +29,18 @@
<i class="fab fa-discord"></i>
</a>
</div>
Made by <a href="http://ryanmasonjar.com" target="_blank" class="text-grey-10">Ryan Mason</a> | 2019
Made by
<a href="http://ryanmasonjar.com" target="_blank" class="text-grey-10"
>Ryan Mason</a
>
| 2019
</div>
</div>
</div>
</template>

<script>
export default {
}
export default {};
</script>

<style>
Expand Down
31 changes: 14 additions & 17 deletions website/src/components/GlanceHeader.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,35 +23,35 @@
</q-chip>
</div>
</div> -->
<div>
<div class="glance-header q-py-xl">
<div>
<div class="glance-header q-py-xl">
<div class="q-pa-xl">
<div class="q-pb-md text-white text-center full-width">
<div
class="description-lead text-body1"
>
<div class="description-lead text-body1">
<div class="full-width text-center">
<q-avatar size="200px">
<img src="../statics/logo.png">
<img src="../statics/logo.png" />
</q-avatar>
</div>

<div class="text-h3 text-weight-medium text-white">Glance</div>
<div
class="text-h6 text-weight-normal text-white"
>A project to help manage diabetes</div>
<div class="text-h6 text-weight-normal text-white">
A project to help manage diabetes
</div>
<q-chip clickable square>
<a
href="https://glance.page.link/download"
class="text-grey-10"
target="_blank"
>
<q-avatar icon="save_alt" color="primary" text-color="white" />Download Glance
<q-avatar
icon="save_alt"
color="primary"
text-color="white"
/>Download Glance
</a>
</q-chip>
<div
class="text-caption text-white"
>Version: 2.1.112</div>
<div class="text-caption text-white">Version: 2.1.112</div>
</div>
</div>
</div>
Expand All @@ -60,10 +60,7 @@
</template>

<script>
export default {
};
export default {};
</script>

<style>
Expand Down
Loading

0 comments on commit 2660f16

Please sign in to comment.