feat: new name and icon

This commit is contained in:
joshuafhiggins committed 2026-01-04 17:05:40 -05:00
1 parent 47970891ef
commit 05e423ea4e
10 files changed
+89 -193

No files matched your search

+1 -1
View File
@@ -1,4 +1,4 @@
# UpSnap Mobile # Jumpstart - Client for UpSnap
A React Native Expo app that connects to an UpSnap server and provides mobile access to all Wake-on-LAN features. A React Native Expo app that connects to an UpSnap server and provides mobile access to all Wake-on-LAN features.
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"expo": { "expo": {
"name": "Remote WoL", "name": "Jumpstart",
"slug": "remote-wol", "slug": "remote-wol",
"version": "1.0.0", "version": "1.0.0",
"orientation": "portrait", "orientation": "portrait",
+50 -69
View File
@@ -1,4 +1,4 @@
import React from "react"; import React from 'react';
import { import {
Alert, Alert,
ScrollView, ScrollView,
@@ -6,32 +6,33 @@ import {
Text, Text,
TouchableOpacity, TouchableOpacity,
View, View,
} from "react-native"; } from 'react-native';
import { useColorScheme } from "../../hooks/use-color-scheme"; import { useColorScheme } from '../../hooks/use-color-scheme';
import { useAuth } from "../../src/context/AuthContext"; import { useAuth } from '../../src/context/AuthContext';
import { useRouter } from "expo-router"; import { useRouter } from 'expo-router';
import Constants from 'expo-constants';
export default function SettingsScreen() { export default function SettingsScreen() {
const { user, serverAddress, logout } = useAuth(); const { user, serverAddress, logout } = useAuth();
const router = useRouter(); const router = useRouter();
const colorScheme = useColorScheme() ?? "light"; const colorScheme = useColorScheme() ?? 'light';
const isDark = colorScheme === "dark"; const isDark = colorScheme === 'dark';
const bgColor = isDark ? "#0b0b0d" : "#f5f5f5"; const bgColor = isDark ? '#0b0b0d' : '#f5f5f5';
const sectionBg = isDark ? "#1c1c1e" : "#fff"; const sectionBg = isDark ? '#1c1c1e' : '#fff';
const sectionTitleBg = isDark ? "#111111" : "#f9f9f9"; const sectionTitleBg = isDark ? '#111111' : '#f9f9f9';
const textColor = isDark ? "#fff" : "#333"; const textColor = isDark ? '#fff' : '#333';
const subTextColor = isDark ? "#c6c6c8" : "#666"; const subTextColor = isDark ? '#c6c6c8' : '#666';
const primary = isDark ? "#0A84FF" : "#007AFF"; const primary = isDark ? '#0A84FF' : '#007AFF';
const destructiveColor = "#f44336"; const destructiveColor = '#f44336';
const handleLogout = () => { const handleLogout = () => {
Alert.alert("Logout", "Are you sure you want to logout?", [ Alert.alert('Logout', 'Are you sure you want to logout?', [
{ text: "Cancel", style: "cancel" }, { text: 'Cancel', style: 'cancel' },
{ {
text: "Logout", text: 'Logout',
style: "destructive", style: 'destructive',
onPress: async () => { onPress: async () => {
router.replace("/login"); router.replace('/login');
await logout(); await logout();
}, },
}, },
@@ -50,7 +51,7 @@ export default function SettingsScreen() {
<TouchableOpacity <TouchableOpacity
style={[ style={[
styles.settingItem, styles.settingItem,
{ borderBottomColor: isDark ? "rgba(255,255,255,0.03)" : "#f0f0f0" }, { borderBottomColor: isDark ? 'rgba(255,255,255,0.03)' : '#f0f0f0' },
]} ]}
onPress={onPress} onPress={onPress}
disabled={!onPress} disabled={!onPress}
@@ -96,7 +97,7 @@ export default function SettingsScreen() {
styles.section, styles.section,
{ {
backgroundColor: sectionBg, backgroundColor: sectionBg,
shadowColor: isDark ? "rgba(255,255,255,0.02)" : "#000", shadowColor: isDark ? 'rgba(255,255,255,0.02)' : '#000',
}, },
]} ]}
> >
@@ -106,11 +107,12 @@ export default function SettingsScreen() {
{ color: subTextColor, backgroundColor: sectionTitleBg }, { color: subTextColor, backgroundColor: sectionTitleBg },
]} ]}
> >
User Information Information
</Text> </Text>
<SettingItem label="Username" value={user?.username || "Admin"} /> <SettingItem label="Username" value={user?.username || 'Admin'} />
<SettingItem label="Email" value={user?.email || "N/A"} /> <SettingItem label="Email" value={user?.email || 'N/A'} />
<SettingItem label="Server URL" value={serverAddress || "N/A"} /> <SettingItem label="Server URL" value={serverAddress || 'N/A'} />
<SettingItem label="App Version" value={`${Constants.expoConfig?.version}`} />
</View> </View>
<View <View
@@ -118,28 +120,7 @@ export default function SettingsScreen() {
styles.section, styles.section,
{ {
backgroundColor: sectionBg, backgroundColor: sectionBg,
shadowColor: isDark ? "rgba(255,255,255,0.02)" : "#000", shadowColor: isDark ? 'rgba(255,255,255,0.02)' : '#000',
},
]}
>
<Text
style={[
styles.sectionTitle,
{ color: subTextColor, backgroundColor: sectionTitleBg },
]}
>
App Info
</Text>
<SettingItem label="Version" value="1.0.0" />
<SettingItem label="Build" value="Expo" />
</View>
<View
style={[
styles.section,
{
backgroundColor: sectionBg,
shadowColor: isDark ? "rgba(255,255,255,0.02)" : "#000",
}, },
]} ]}
> >
@@ -170,17 +151,17 @@ export default function SettingsScreen() {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
backgroundColor: "#f5f5f5", backgroundColor: '#f5f5f5',
}, },
content: { content: {
padding: 20, padding: 20,
}, },
section: { section: {
backgroundColor: "#fff", backgroundColor: '#fff',
borderRadius: 12, borderRadius: 12,
marginBottom: 20, marginBottom: 20,
overflow: "hidden", overflow: 'hidden',
shadowColor: "#000", shadowColor: '#000',
shadowOffset: { width: 0, height: 2 }, shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.1, shadowOpacity: 0.1,
shadowRadius: 4, shadowRadius: 4,
@@ -188,63 +169,63 @@ const styles = StyleSheet.create({
}, },
sectionTitle: { sectionTitle: {
fontSize: 14, fontSize: 14,
fontWeight: "bold", fontWeight: 'bold',
color: "#666", color: '#666',
paddingHorizontal: 15, paddingHorizontal: 15,
paddingTop: 15, paddingTop: 15,
paddingBottom: 10, paddingBottom: 10,
backgroundColor: "#f9f9f9", backgroundColor: '#f9f9f9',
borderTopLeftRadius: 12, borderTopLeftRadius: 12,
borderTopRightRadius: 12, borderTopRightRadius: 12,
}, },
settingItem: { settingItem: {
flexDirection: "row", flexDirection: 'row',
justifyContent: "space-between", justifyContent: 'space-between',
alignItems: "center", alignItems: 'center',
paddingHorizontal: 15, paddingHorizontal: 15,
paddingVertical: 15, paddingVertical: 15,
borderBottomWidth: 1, borderBottomWidth: 1,
borderBottomColor: "#f0f0f0", borderBottomColor: '#f0f0f0',
}, },
settingLabel: { settingLabel: {
fontSize: 16, fontSize: 16,
color: "#333", color: '#333',
flex: 1, flex: 1,
}, },
settingValueContainer: { settingValueContainer: {
flex: 1, flex: 1,
alignItems: "flex-end", alignItems: 'flex-end',
}, },
settingValue: { settingValue: {
fontSize: 14, fontSize: 14,
color: "#666", color: '#666',
maxWidth: 200, maxWidth: 200,
}, },
actionButton: { actionButton: {
backgroundColor: "#007AFF", backgroundColor: '#007AFF',
margin: 15, margin: 15,
padding: 15, padding: 15,
borderRadius: 8, borderRadius: 8,
alignItems: "center", alignItems: 'center',
}, },
actionButtonDestructive: { actionButtonDestructive: {
backgroundColor: "#f44336", backgroundColor: '#f44336',
}, },
actionButtonText: { actionButtonText: {
color: "#fff", color: '#fff',
fontSize: 16, fontSize: 16,
fontWeight: "bold", fontWeight: 'bold',
}, },
actionButtonTextDestructive: { actionButtonTextDestructive: {
color: "#fff", color: '#fff',
}, },
footer: { footer: {
alignItems: "center", alignItems: 'center',
paddingVertical: 30, paddingVertical: 30,
}, },
footerText: { footerText: {
fontSize: 14, fontSize: 14,
color: "#999", color: '#999',
marginBottom: 5, marginBottom: 5,
}, },
}); });
+1 -1
View File
@@ -55,7 +55,7 @@ export default function LoginScreen() {
> >
<ScrollView contentContainerStyle={styles.scrollContent}> <ScrollView contentContainerStyle={styles.scrollContent}>
<View style={styles.header}> <View style={styles.header}>
<Text style={[styles.title, { color: textColor }]}>Remote WoL</Text> <Text style={[styles.title, { color: textColor }]}>Jumpstart</Text>
<Text style={[styles.subtitle, { color: subText }]}> <Text style={[styles.subtitle, { color: subText }]}>
Mobile Frontend for UpSnap Mobile Frontend for UpSnap
</Text> </Text>
Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

-114
View File
@@ -1,114 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 2048 2048" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<g id="UpSnap-Gopher" serif:id="UpSnap Gopher">
<g id="Ear-Right" serif:id="Ear Right">
<path d="M1401.45,274.81C1396.87,241.748 1447.37,172.549 1515.54,179.65C1583.72,186.752 1610.7,239.302 1606.92,279.07C1603.13,318.839 1572.36,369.496 1538.27,378.491C1504.18,387.486 1406.02,307.871 1401.45,274.81Z" style="fill:rgb(91,218,253);stroke:rgb(52,27,6);stroke-width:22px;"/>
<path id="inside" d="M1549.85,279.523C1551.46,279.523 1554.5,297.363 1548.49,302.793C1541.47,309.136 1521.15,328.002 1506.6,329.36C1492.06,330.717 1473.64,326.063 1477.52,304.926C1481.39,283.789 1487.21,285.728 1492.45,298.333C1497.68,310.938 1500.4,318.888 1521.34,307.447C1542.28,296.006 1545.26,279.523 1549.85,279.523Z" style="fill:rgb(52,27,6);"/>
<path id="light" d="M1495.59,190.598C1495.59,190.598 1534.02,197.484 1563.45,230.189C1580.12,248.718 1592.34,285.455 1581.29,323.269C1601.8,296.396 1605.58,245.932 1572.58,215.166C1537.87,182.811 1495.59,190.598 1495.59,190.598Z" style="fill:white;"/>
</g>
<g id="Body">
<path id="Body1" serif:id="Body" d="M1000.98,128.31C918.778,132.613 645.437,137.61 454.617,384.651C316.543,563.407 321.646,829.874 328.72,1080.57C336.146,1343.74 383.851,1611.36 448.756,1721.23C516.139,1835.3 639.891,1874.93 715.405,1882.88C898.132,1902.11 1090.28,1905.64 1256.89,1882.29C1421.27,1859.25 1569.62,1809.08 1655.93,1697.16C1730.14,1600.94 1744.39,1534.44 1737.72,1337.36C1733.95,1226.01 1709.25,1146.97 1708.3,1042.03C1707.13,913.89 1695.42,771.346 1671.44,686.981C1622.91,516.253 1582.03,417.067 1455.53,292.053C1327.63,165.657 1143.77,120.836 1000.98,128.31Z" style="fill:rgb(91,218,253);stroke:rgb(52,27,6);stroke-width:22px;"/>
<path id="Shadow-Left" serif:id="Shadow Left" d="M470.379,382.311C440.443,532.77 430.068,778.992 446.232,1043.27C462.617,1311.16 514.221,1539.3 594.602,1681.22C667.782,1810.42 755.386,1862.61 810.82,1880.58C746.208,1876.03 676.157,1871.13 619.224,1849.23C522.911,1812.19 454.761,1749.61 411.819,1602.84C379.466,1492.27 349.155,1316.68 337.954,1031.37C329.971,828.04 338.349,663.897 389.151,529.67C414.904,461.624 445.775,410.081 470.379,382.311Z" style="fill:rgb(85,188,217);"/>
<path id="light1" serif:id="light" d="M1239.35,173.548C1254.03,178.065 1352.25,210.659 1427.26,279.039C1502.28,347.418 1572.39,438.014 1603.26,514.76C1634.13,591.507 1687.98,722.386 1695.08,934.9C1700.49,1073.03 1703.89,1126.86 1711.22,1183.21C1727.67,1302.88 1754.48,1533.55 1686.77,1631.58C1722.74,1504.67 1719.43,1385.45 1713.06,1315.87C1706.45,1243.59 1682.52,1101.85 1679.48,992.303C1676.62,889.553 1674.01,780.123 1631.69,636.498C1586.72,483.89 1545.36,411.986 1443.48,314.948C1355.72,231.363 1281.26,189.134 1239.35,173.548Z" style="fill:white;"/>
</g>
<g id="Ear-Left" serif:id="Ear Left">
<path d="M394.48,301.825C360.449,304.828 311.118,331.53 302.673,381.209C293.239,436.703 308.951,476.012 364.181,509.982C402.196,533.364 470.534,500.074 497.499,456.958C527.62,408.794 502.347,356.364 483.258,336.063C463.996,315.579 435.688,298.189 394.48,301.825Z" style="fill:rgb(91,218,253);stroke:rgb(52,27,6);stroke-width:22px;"/>
<g id="light2" serif:id="light" transform="matrix(0.989123,0,0,0.989123,4.25244,5.1511)">
<path d="M485.485,351.842C453.671,309.423 415.204,308.511 392.421,311.555C415.61,316.388 453.405,335.856 471.318,363.452C488.248,389.534 493.54,446.21 475.9,468.289C513.292,430.211 505.48,378.503 485.485,351.842Z" style="fill:white;"/>
</g>
<path d="M389.778,413.156C389.778,413.156 393.246,438.93 410.876,438.225C430.607,437.436 434.462,413.371 439.669,413.9C446.085,414.553 439.669,435.867 432.967,442.321C426.265,448.774 406.16,456.097 392.136,444.058C378.112,432.02 377.987,424.325 380.842,420.23C383.696,416.134 389.778,413.156 389.778,413.156Z" style="fill:rgb(52,27,6);"/>
</g>
<g id="Foot-Right" serif:id="Foot Right">
<path d="M1522.29,1808.16C1522.29,1808.16 1613.92,1816.64 1639.91,1836.4C1662.45,1853.53 1654.79,1890.5 1597.09,1899.97C1539.89,1909.35 1420.01,1868.32 1402.88,1852.99C1438.6,1844.14 1522.29,1808.16 1522.29,1808.16Z" style="fill:rgb(251,248,215);stroke:rgb(52,27,6);stroke-width:22px;"/>
<path d="M1646.83,1874.14C1646.83,1874.14 1619.17,1869.53 1609.7,1864.12" style="fill:none;stroke:rgb(52,27,6);stroke-width:16px;"/>
</g>
<g id="Foot-Left" serif:id="Foot Left" transform="matrix(-1,0,0,1,2185.49,67.7977)">
<path d="M1525.89,1806.36C1525.89,1806.36 1613.92,1816.64 1639.91,1836.4C1662.45,1853.53 1654.79,1890.5 1597.09,1899.97C1539.89,1909.35 1413.88,1838.75 1396.75,1823.42C1439.68,1820.69 1525.89,1806.36 1525.89,1806.36Z" style="fill:rgb(251,248,215);stroke:rgb(52,27,6);stroke-width:22px;"/>
<path d="M1638.12,1876.12C1638.12,1876.12 1615.65,1863.29 1603.88,1861.34" style="fill:none;stroke:rgb(52,27,6);stroke-width:16px;"/>
</g>
<g id="Eye-Left" serif:id="Eye Left">
<path id="Eye" d="M975.958,548.171C977.127,451.763 887.298,403.297 828.627,405.764C758.576,408.71 686.528,460.307 687.356,551.959C688.014,624.725 744.546,690.958 832.036,691.336C921.418,691.723 975.184,612.059 975.958,548.171Z" style="fill:white;stroke:rgb(52,27,6);stroke-width:22px;"/>
<g id="Eyeball" transform="matrix(1.51613,0,0,1.61404,-594.349,-371.989)">
<ellipse cx="905.812" cy="551.323" rx="18.786" ry="17.271" style="fill:rgb(52,27,6);"/>
</g>
</g>
<g id="Eye-Right" serif:id="Eye Right">
<path d="M1394.02,365.59C1314.1,365.59 1247.44,418.993 1247.44,498.908C1247.44,578.823 1303.88,642.452 1392.5,642.452C1481.13,642.452 1534.91,567.082 1534.91,498.908C1534.91,430.734 1468.63,365.59 1394.02,365.59Z" style="fill:white;stroke:rgb(52,27,6);stroke-width:22px;"/>
<g transform="matrix(0.730769,0,0,0.764706,368.924,106.009)">
<ellipse cx="1463.71" cy="510.27" rx="39.389" ry="38.632" style="fill:rgb(52,27,6);"/>
</g>
</g>
<g id="Mouth">
<path d="M1066.78,756.748C1066.78,756.748 1064.45,880.743 1080.08,884.531C1095.7,888.318 1204.59,882.164 1205.06,867.014C1205.54,851.864 1193.23,760.966 1188.97,751.024C1184.7,741.082 1066.78,756.748 1066.78,756.748Z" style="fill:white;stroke:rgb(52,27,6);stroke-width:22px;"/>
<path d="M1129.58,764.596C1129.58,764.596 1134.18,814.236 1135.33,824.783C1137.15,841.447 1140.56,872.268 1141.47,881.661" style="fill:none;stroke:rgb(52,27,6);stroke-width:16.4px;"/>
<path d="M1117.48,606.628C1070.06,607.385 1004.88,630.054 986.812,675.275C972.327,711.528 1002.91,762.86 1114.16,764.753C1225.42,766.647 1255.44,719.155 1251.93,684.744C1248.26,648.702 1206.48,605.208 1117.48,606.628Z" style="fill:rgb(251,248,215);stroke:rgb(52,27,6);stroke-width:22px;"/>
</g>
<g id="Blush">
<path d="M750.79,712.097C719.164,712.683 693.22,735.605 693.828,754.517C694.443,773.656 723.255,795.723 757.335,795.481C791.513,795.239 824.963,777.786 821.57,750.638C818.176,723.49 790.295,711.366 750.79,712.097Z" style="fill:rgb(255,186,171);"/>
<path d="M1481.81,643.115C1462.85,645.528 1432.36,658.629 1432.17,675.693C1431.95,694.894 1450.43,712.245 1481.42,715.834C1518.27,720.1 1546.69,707.985 1552.01,689.073C1557.26,670.426 1545.41,651.26 1533,646.8C1519.21,641.841 1500.26,640.768 1481.81,643.115Z" style="fill:rgb(255,186,171);"/>
</g>
<g id="Package">
<path id="Fill-brown-darker" serif:id="Fill brown darker" d="M1096.95,810.415L1327.42,890.997L1322.55,1311.24L1092.89,1215.7L1096.95,810.415Z" style="fill:rgb(149,114,64);"/>
<path id="Fill-brown" serif:id="Fill brown" d="M1103.93,805.568L1450.38,776.604L1662.72,861.807L1655.5,1279.26L1324.21,1311.55L1328.44,894.04L1103.93,805.568Z" style="fill:rgb(212,163,92);"/>
<path id="Package-outline" serif:id="Package outline" d="M1450.77,777.426C1461.09,778.186 1656.68,854.102 1659.98,861.249C1664.64,871.367 1661.41,1272.6 1654.34,1278.25C1649.24,1282.33 1337.46,1313.84 1323.98,1312.77C1312.07,1311.82 1096.57,1220.86 1094.35,1218.38C1091.03,1214.66 1094.37,804.918 1097.87,800.671C1100.83,797.082 1440.32,776.656 1450.77,777.426Z" style="fill:none;stroke:rgb(52,27,6);stroke-width:22px;"/>
<path id="Line-left" serif:id="Line left" d="M1098.32,811.49L1326.52,891.561L1324.15,1309.24" style="fill:none;stroke:rgb(52,27,6);stroke-width:22px;"/>
<path id="Line-Top" serif:id="Line Top" d="M1325.51,892.35L1654.6,865.414" style="fill:none;stroke:rgb(52,27,6);stroke-width:22px;"/>
</g>
<g id="QR">
<path d="M1361.64,1072.11L1362.79,1256.53L1535.44,1242.45L1535.9,1053.42L1361.64,1072.11Z" style="fill:white;"/>
<g id="QR1" serif:id="QR" transform="matrix(0.172421,-0.0174752,-0.000604188,0.174254,1448.49,1167.64)">
<g transform="matrix(1,0,0,1,-531.875,-620.52)">
<clipPath id="_clip1">
<rect x="0" y="0" width="1063.75" height="1241.04"/>
</clipPath>
<g clip-path="url(#_clip1)">
<g id="Ebene-1" serif:id="Ebene 1">
<g transform="matrix(1,0,0,1,1019.43,265.936)">
<path d="M0,709.167C0,735.761 -22.161,753.49 -44.323,753.49L-930.781,753.49C-957.375,753.49 -975.104,731.328 -975.104,709.167L-975.104,-177.291C-975.104,-203.885 -952.943,-221.614 -930.781,-221.614L-44.323,-221.614C-17.729,-221.614 0,-199.453 0,-177.291L0,709.167ZM-13.297,-265.937L-961.807,-265.937C-992.833,-265.937 -1019.43,-239.343 -1019.43,-208.317L-1019.43,913.052C-1019.43,948.511 -992.833,975.104 -961.807,975.104L-17.729,975.104C13.297,975.104 39.891,948.511 39.891,917.485L39.891,-208.317C44.323,-239.343 17.729,-265.937 -13.297,-265.937" style="fill:rgb(85,188,217);fill-rule:nonzero;"/>
</g>
<g transform="matrix(5.80179,0.581837,0.0201165,5.74078,-7895.47,-6925.41)">
<use xlink:href="#_Image2" x="1356.41" y="1050.21" width="185px" height="235px"/>
</g>
<g transform="matrix(1,0,0,1,244.375,212.173)">
<path d="M0,-50.6L0,0C0,17.25 -14.95,32.2 -32.2,32.2L-82.8,32.2C-101.2,32.2 -115,18.4 -115,0L-115,-50.6C-115,-67.85 -100.05,-82.8 -82.8,-82.8L-32.2,-82.8C-13.8,-82.8 0,-69 0,-50.6M-86.25,55.2L-27.6,55.2C0,55.2 23,32.2 23,4.6L23,-54.05C23,-82.8 0,-105.8 -28.75,-105.8L-87.4,-105.8C-115,-105.8 -138,-82.8 -138,-55.2L-138,3.45C-138,32.2 -115,55.2 -86.25,55.2" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,221.375,201.823)">
<path d="M0,-29.9L0,1.15C0,10.35 -9.2,19.55 -19.55,19.55L-49.45,19.55C-60.95,19.55 -69,11.5 -69,0L-69,-29.9C-69,-40.25 -59.8,-49.45 -49.45,-49.45L-18.4,-49.45C-8.05,-49.45 0,-41.4 0,-29.9" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,934.375,212.173)">
<path d="M0,-50.6L0,0C0,17.25 -14.95,32.2 -32.2,32.2L-82.8,32.2C-101.2,32.2 -115,18.4 -115,0L-115,-50.6C-115,-67.85 -100.05,-82.8 -82.8,-82.8L-32.2,-82.8C-13.8,-82.8 0,-69 0,-50.6M-86.25,55.2L-27.6,55.2C0,55.2 23,32.2 23,4.6L23,-54.05C23,-82.8 0,-105.8 -28.75,-105.8L-87.4,-105.8C-115,-105.8 -138,-82.8 -138,-55.2L-138,3.45C-138,32.2 -115,55.2 -86.25,55.2" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,911.375,201.823)">
<path d="M0,-29.9L0,1.15C0,10.35 -9.2,19.55 -19.55,19.55L-49.45,19.55C-60.95,19.55 -69,11.5 -69,0L-69,-29.9C-69,-40.25 -59.8,-49.45 -49.45,-49.45L-18.4,-49.45C-8.05,-49.45 0,-41.4 0,-29.9" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,244.375,902.173)">
<path d="M0,-50.6L0,0C0,17.25 -14.95,32.2 -32.2,32.2L-82.8,32.2C-101.2,32.2 -115,18.4 -115,0L-115,-50.6C-115,-67.85 -100.05,-82.8 -82.8,-82.8L-32.2,-82.8C-13.8,-82.8 0,-69 0,-50.6M-86.25,55.2L-27.6,55.2C0,55.2 23,32.2 23,4.6L23,-54.05C23,-82.8 0,-105.8 -28.75,-105.8L-87.4,-105.8C-115,-105.8 -138,-82.8 -138,-55.2L-138,3.45C-138,32.2 -115,55.2 -86.25,55.2" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,221.375,891.823)">
<path d="M0,-29.9L0,1.15C0,10.35 -9.2,19.55 -19.55,19.55L-49.45,19.55C-60.95,19.55 -69,11.5 -69,0L-69,-29.9C-69,-40.25 -59.8,-49.45 -49.45,-49.45L-18.4,-49.45C-8.05,-49.45 0,-41.4 0,-29.9" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,195.438,-16.4159)">
<g transform="matrix(170,0,0,170,661.911,1196.17)">
</g>
<text x="6.813px" y="1196.17px" style="font-family:'Calibri-Bold', 'Calibri', sans-serif;font-weight:700;font-size:170px;fill:white;">P<tspan x="85.754px 186.774px 276.755px 369.724px 470.661px 578.986px " y="1196.17px 1196.17px 1196.17px 1196.17px 1196.17px 1196.17px ">ACKAGE</tspan></text>
</g>
</g>
</g>
</g>
</g>
</g>
<g id="Arm-Left" serif:id="Arm Left">
<path id="Fill" d="M761.018,1038.17C761.018,1038.17 936.004,1096.34 990.604,1106.97C1022.02,1113.09 1062.15,1097.27 1082.65,1105.36C1100.63,1112.45 1114.4,1137.39 1113.65,1155.52C1112.89,1173.64 1098.82,1203.78 1080.96,1216.38C1059.92,1231.21 987.419,1244.55 987.419,1244.55L862.882,1235.54L695.517,1180.31L588.138,1112.37C644.756,1100.34 703.631,1080.21 761.018,1038.17Z" style="fill:rgb(251,248,215);"/>
<path id="Outline" d="M758.999,1040.48C758.999,1040.48 914.886,1107.05 990.604,1106.97C1042.1,1106.92 1091.93,1087.28 1104.54,1127.18C1123.74,1187.94 1081.34,1225.27 1040.76,1233.2C965.809,1247.85 873.392,1243.9 783.793,1212.91C694.194,1181.92 643.14,1158.25 591.634,1117.68" style="fill:none;stroke:rgb(52,27,6);stroke-width:22px;"/>
<path d="M1108.95,1148.56C1108.95,1148.56 1092.52,1162.04 1059.83,1161.48" style="fill:none;stroke:rgb(52,27,6);stroke-width:16px;"/>
</g>
<g id="Arm-Right" serif:id="Arm Right">
<path id="Fill1" serif:id="Fill" d="M1661.76,908.135C1661.76,908.135 1773.2,941.675 1774.64,1028.23C1772.11,1098.92 1728.84,1139.31 1659.95,1160.23C1579.58,1158.11 1599.28,1069.76 1661.49,1039.48C1661.75,1011.85 1661.76,908.135 1661.76,908.135Z" style="fill:rgb(251,248,215);stroke:rgb(52,27,6);stroke-width:22px;"/>
<path d="M1615.11,1120.33C1615.11,1120.33 1637.83,1116.73 1654.41,1108.44" style="fill:none;stroke:rgb(52,27,6);stroke-width:16px;"/>
</g>
</g>
<defs>
<image id="_Image2" width="185px" height="235px" xlink:href="data:image/png;base64,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 truncated
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 54 KiB

+36 -7
View File
@@ -1,19 +1,48 @@
{ {
"fill" : { "fill" : {
"automatic-gradient" : "extended-srgb:0.00000,0.53333,1.00000,1.00000" "automatic-gradient" : "extended-gray:1.00000,1.00000"
}, },
"groups" : [ "groups" : [
{ {
"layers" : [ "layers" : [
{ {
"glass" : true, "hidden" : false,
"image-name" : "gopher.svg", "image-name" : "Image.png",
"name" : "gopher", "name" : "Image",
"position" : { "position" : {
"scale" : 0.45, "scale" : 0.65,
"translation-in-points" : [ "translation-in-points" : [
-6.017952794793246, 0,
-0.4600234584925147 -52.942187500000045
]
}
},
{
"fill-specializations" : [
{
"appearance" : "dark",
"value" : "none"
}
],
"image-name-specializations" : [
{
"value" : "display 2.png"
},
{
"appearance" : "dark",
"value" : "display.png"
},
{
"appearance" : "tinted",
"value" : "display 3.png"
}
],
"name" : "display 3",
"position" : {
"scale" : 1.25,
"translation-in-points" : [
0,
-10.625
] ]
} }
} }