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

initial commit

Browse Source
This commit is contained in:
Alina Marquardt
2023-04-04 23:18:18 +02:00
commit e86d3f6358
11 changed files with 918 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
resources/index.gui Normal file
View File

@@ -0,0 +1,25 @@
<svg class="background">
<use href="#digit" x="40" y="15" id="digit0" class="digits">
</use>
<use href="#digit" x="160" y="15" id="digit1" class="digits">
</use>
<use href="#digit" x="40" y="131" id="digit2" class="digits">
</use>
<use href="#digit" x="160" y="131" id="digit3" class="digits">
</use>
<use href="#digit" x="40" y="245" id="digit4" class="digits">
<set href="scaler" attributeName="transform" to="scale(0.4)" />
</use>
<use href="#digit" x="100" y="245" id="digit5" class="digits">
<set href="scaler" attributeName="transform" to="scale(0.4)" />
</use>
<use href="#digit" x="160" y="245" id="digit6" class="digits">
<set href="scaler" attributeName="transform" to="scale(0.4)" />
</use>
<use href="#digit" x="220" y="245" id="digit7" class="digits">
<set href="scaler" attributeName="transform" to="scale(0.4)" />
</use>
<rect x="0" y="0" width="100%" height="100%" opacity="0" id="touchArea" pointer-events="visible" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1004 B

8
resources/styles.css Normal file
View File

@@ -0,0 +1,8 @@
.background {
viewport-fill: black;
}
.square {
fill: #444444;
display: inline;
}

115
resources/widgets.gui Normal file
View File

@@ -0,0 +1,115 @@
<svg>
<defs>
<link rel="stylesheet" href="styles.css" />
<link rel="import" href="/mnt/sysassets/widgets_common.gui" />
<symbol id="digit">
<g id="scaler" transform="scale(1)">
<rect x="0" y="0" width="20" height="20" id="0-0" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="20" y="0" width="20" height="20" id="0-1" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="40" y="0" width="20" height="20" id="0-2" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="60" y="0" width="20" height="20" id="0-3" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="80" y="0" width="20" height="20" id="0-4" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="0" y="20" width="20" height="20" id="1-0" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="20" y="20" width="20" height="20" id="1-1" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="40" y="20" width="20" height="20" id="1-2" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="60" y="20" width="20" height="20" id="1-3" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="80" y="20" width="20" height="20" id="1-4" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="0" y="40" width="20" height="20" id="2-0" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="20" y="40" width="20" height="20" id="2-1" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="40" y="40" width="20" height="20" id="2-2" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="60" y="40" width="20" height="20" id="2-3" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="80" y="40" width="20" height="20" id="2-4" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="0" y="60" width="20" height="20" id="3-0" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="20" y="60" width="20" height="20" id="3-1" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="40" y="60" width="20" height="20" id="3-2" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="60" y="60" width="20" height="20" id="3-3" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="80" y="60" width="20" height="20" id="3-4" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="0" y="80" width="20" height="20" id="4-0" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="20" y="80" width="20" height="20" id="4-1" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="40" y="80" width="20" height="20" id="4-2" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="60" y="80" width="20" height="20" id="4-3" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
<rect x="80" y="80" width="20" height="20" id="4-4" class="square">
<animate attributeName="width" begin="enable" from="0" to="100" dur="0.4" easing="linear" />
<animate attributeName="width" begin="disable" from="100" to="0" dur="0" easing="linear" />
</rect>
</g>
</symbol>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB