alina/fitbit-echocentric
1
1
Fork 0
Code Pull Requests Releases Activity

initial commit

Browse Source
This commit is contained in:
Alina Marquardt
2023-04-04 23:17:35 +02:00
commit 173597e212
16 changed files with 990 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
resources/img/icon-actmin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 342 B

BIN
resources/img/icon-cal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 413 B

BIN
resources/img/icon-date.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 574 B

BIN
resources/img/icon-dist.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 367 B

BIN
resources/img/icon-elev.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 258 B

BIN
resources/img/icon-steps.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 446 B

50
resources/index.gui Normal file
View File

@@ -0,0 +1,50 @@
<svg viewport-fill="black">
<g transform="translate(100%-20,50%)">
<!--<g transform="rotate(12)">
<text class="time" />
</g>-->
<g transform="rotate(8)">
<text class="time" />
</g>
<g transform="rotate(4)">
<text class="time" />
</g>
<g>
<text class="time" />
</g>
<g transform="rotate(-4)">
<text class="time" id="mainTime" />
</g>
</g>
<use href="#healthText" x="100%-70" y="185" id="mainHealthText">
<set href="healthTextIcon" attributeName="href" to="img/icon-steps.png" />
</use>
<g id="overlay">
<use href="#overlayShade" id="overlayShadeInstance" />
<use href="#healthText" x="35%" y="20%" class="healthTextInstance" id="hrText">
</use>
<use href="#healthText" x="35%" y="50%" class="healthTextInstance" id="stepsText">
<set href="healthTextIcon" attributeName="href" to="img/icon-steps.png" />
</use>
<use href="#healthText" x="35%" y="80%" class="healthTextInstance" id="calText">
<set href="healthTextIcon" attributeName="href" to="img/icon-cal.png" />
</use>
<use href="#healthText" x="80%" y="20%" class="healthTextInstance" id="distText">
<set href="healthTextIcon" attributeName="href" to="img/icon-dist.png" />
</use>
<use href="#healthText" x="80%" y="50%" class="healthTextInstance" id="elevText">
<set href="healthTextIcon" attributeName="href" to="img/icon-elev.png" />
</use>
<use href="#healthText" x="80%" y="80%" class="healthTextInstance" id="actminText">
<set href="healthTextIcon" attributeName="href" to="img/icon-actmin.png" />
</use>
</g>
<rect x="0" y="0" width="100%" height="100%" opacity="0" id="touchArea" pointer-events="visible" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

33
resources/styles-common.css Normal file
View File

@@ -0,0 +1,33 @@
.time {
font-size: 140;
font-family: Fabrikat-Bold;
text-length: 5;
text-anchor: end;
x: 0;
}
#mainTime
{
fill: white;
}
#overlay {
display: none;
}
#overlayShadeColor {
fill: #009688;
fill: black;
}
.healthTextLabel {
font-size: 35;
font-family: Seville-Bold-Condensed;
text-length: 8;
text-anchor: end;
fill: white;
}
#healthTextHrIcon {
display: none;
}

0
resources/styles.css Normal file
View File

3
resources/styles~300x300.css Normal file
View File

@@ -0,0 +1,3 @@
.time {
font-size: 120;
}

47
resources/widgets.gui Normal file
View File

@@ -0,0 +1,47 @@
<svg>
<defs>
<link rel="stylesheet" href="styles-common.css" />
<link rel="stylesheet" href="styles.css" />
<link rel="import" href="/mnt/sysassets/widgets_common.gui" />
<symbol id="healthText">
<g opacity="0">
<g transform="rotate(-4)">
<text x="0" y="14" class="healthTextLabel" id="healthTextLabel" />
</g>
<image x="15" y="-14" width="30" height="30" href="" fill="white" id="healthTextIcon" />
<g transform="scale(1),translate(26, 3)" id="healthTextHrIcon">
<animateTransform attributeType="scale" begin="load" from="1.1" to="0.95" dur="0.9" final="restore" repeatCount="indefinite" easing="ease-out"/>
<svg width="27" height="27">
<circle cx="-24%" cy="-24%" r="26%" fill="white" />
<circle cx="24%" cy="-24%" r="26%" fill="white" />
<g transform="translate(0, 40%), rotate(-135)">
<rect x="0" y="0" width="62%" height="38%" fill="white" />
<rect x="0" y="0" width="38%" height="62%" fill="white" />
</g>
</svg>
</g>
<animate attributeName="opacity" begin="enable" from="0" to="1" dur="0.25" final="freeze" />
<animateTransform attributeType="translate" begin="enable" from="0, -10" to="0, 0" dur="0.25" final="freeze" easing="ease-out" />
<animate attributeName="opacity" begin="disable" from="1" to="0" dur="0.1" final="freeze" />
<animateTransform attributeType="translate" begin="disable" from="0, 0" to="0, 10" dur="0.1" final="freeze" easing="ease-out" />
</g>
</symbol>
<symbol id="overlayShade">
<rect id="overlayShadeColor" width="100%" height="100%" opacity="0.85" />
<animate attributeName="opacity" begin="enable" from="0" to="1" dur="0.25" final="freeze" />
<animate attributeName="opacity" begin="disable" from="1" to="0" dur="0.1" final="freeze" />
</symbol>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB