Skip to content

Commit 0a62746

Browse files
x8rrx8rr
committed
upd offline supprot thing
1 parent 5be90bd commit 0a62746

4 files changed

Lines changed: 78 additions & 53 deletions

File tree

‎NautilusOS-OneFile/index.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18848,7 +18848,7 @@ <h2>Apps</h2>
1884818848
}">
1884918849
${startupInstalled ? "Uninstall" : "Install"}
1885018850
</button>
18851-
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
18851+
<div class="offline-support"><i class="fa-solid fa-check"></i></div>
1885218852
</div>
1885318853
<div class="appstore-item">
1885418854
<div style="margin-bottom: 1rem; display: flex; justify-content: center;">
@@ -18893,7 +18893,7 @@ <h2>Apps</h2>
1889318893
}">
1889418894
${taskmanagerInstalled ? "Uninstall" : "Install"}
1889518895
</button>
18896-
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
18896+
<div class="offline-support"><i class="fa-solid fa-check"></i></div>
1889718897
</div>
1889818898
<div class="appstore-item">
1889918899
<div class="appstore-item-icon">
@@ -18910,7 +18910,7 @@ <h2>Apps</h2>
1891018910
}">
1891118911
${snapManagerInstalled ? "Uninstall" : "Install"}
1891218912
</button>
18913-
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
18913+
<div class="offline-support"><i class="fa-solid fa-check"></i></div>
1891418914
</div>
1891518915
<div class="appstore-item">
1891618916
<div class="appstore-item-icon">
@@ -18978,7 +18978,7 @@ <h2>Games</h2>
1897818978
}">
1897918979
${installedGames.includes("snake") ? "Play" : "Install"}
1898018980
</button>
18981-
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
18981+
<div class="offline-support"><i class="fa-solid fa-check"></i></div>
1898218982
</div>
1898318983

1898418984
<div class="appstore-item">
@@ -18996,7 +18996,7 @@ <h2>Games</h2>
1899618996
}">
1899718997
${installedGames.includes("2048") ? "Play" : "Install"}
1899818998
</button>
18999-
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
18999+
<div class="offline-support"><i class="fa-solid fa-check"></i></div>
1900019000
</div>
1900119001

1900219002
<div class="appstore-item">
@@ -19014,7 +19014,7 @@ <h2>Games</h2>
1901419014
}">
1901519015
${installedGames.includes("tictactoe") ? "Play" : "Install"}
1901619016
</button>
19017-
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
19017+
<div class="offline-support"><i class="fa-solid fa-check"></i></div>
1901819018
</div>
1901919019
</div>
1902019020
`;

‎js/main.js‎

Lines changed: 62 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -5568,14 +5568,16 @@ function switchAppStoreSection(section, element) {
55685568
</div>
55695569
<div class="appstore-item-name">Startup Apps by dinguschan</div>
55705570
<div class="appstore-item-desc">Control which applications launch automatically on login with this convenient this built-in app.</div>
5571-
<button class="appstore-item-btn ${startupInstalled ? "installed" : ""
5572-
}" onclick="${startupInstalled
5571+
<button class="appstore-item-btn ${
5572+
startupInstalled ? "installed" : ""
5573+
}" onclick="${
5574+
startupInstalled
55735575
? "uninstallApp('startup-apps')"
55745576
: "installApp('startup-apps')"
5575-
}">
5577+
}">
55765578
${startupInstalled ? "Uninstall" : "Install"}
55775579
</button>
5578-
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
5580+
<div class="offline-support" style="top: -90%;"><i class="fa-solid fa-file"></i> OFFLINE SUPPORT</div>
55795581
</div>
55805582
<div class="appstore-item">
55815583
<div style="margin-bottom: 1rem; display: flex; justify-content: center;">
@@ -5611,11 +5613,13 @@ ${startupInstalled ? "Uninstall" : "Install"}
56115613
</div>
56125614
<div class="appstore-item-name">Task Manager by dinguschan</div>
56135615
<div class="appstore-item-desc">Monitor and manage running applications and windows. View system statistics and close unresponsive apps with ease.</div>
5614-
<button class="appstore-item-btn ${taskmanagerInstalled ? "installed" : ""
5615-
}" onclick="${taskmanagerInstalled
5616+
<button class="appstore-item-btn ${
5617+
taskmanagerInstalled ? "installed" : ""
5618+
}" onclick="${
5619+
taskmanagerInstalled
56165620
? "uninstallApp('task-manager')"
56175621
: "installApp('task-manager')"
5618-
}">
5622+
}">
56195623
${taskmanagerInstalled ? "Uninstall" : "Install"}
56205624
</button>
56215625
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
@@ -5626,11 +5630,13 @@ ${startupInstalled ? "Uninstall" : "Install"}
56265630
</div>
56275631
<div class="appstore-item-name">Snap Manager by lanefiedler-731</div>
56285632
<div class="appstore-item-desc">Add window snapping with animated previews. Customize layouts, assign shortcuts, and drag to see live guides.</div>
5629-
<button class="appstore-item-btn ${snapManagerInstalled ? "installed" : ""
5630-
}" onclick="${snapManagerInstalled
5633+
<button class="appstore-item-btn ${
5634+
snapManagerInstalled ? "installed" : ""
5635+
}" onclick="${
5636+
snapManagerInstalled
56315637
? "uninstallApp('snap-manager')"
56325638
: "installApp('snap-manager')"
5633-
}">
5639+
}">
56345640
${snapManagerInstalled ? "Uninstall" : "Install"}
56355641
</button>
56365642
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
@@ -5641,8 +5647,9 @@ ${startupInstalled ? "Uninstall" : "Install"}
56415647
</div>
56425648
<div class="appstore-item-name">Ultraviolet by $xor</div>
56435649
<div class="appstore-item-desc">Open up a whole new browsing experience, powered by Ultraviolet.</div>
5644-
<button class="appstore-item-btn ${uvInstalled ? "installed" : ""
5645-
}" onclick="${uvInstalled ? "uninstallApp('uv')" : "installApp('uv')"}">
5650+
<button class="appstore-item-btn ${
5651+
uvInstalled ? "installed" : ""
5652+
}" onclick="${uvInstalled ? "uninstallApp('uv')" : "installApp('uv')"}">
56465653
${uvInstalled ? "Uninstall" : "Install"}
56475654
</button>
56485655
</div>
@@ -5652,9 +5659,11 @@ ${startupInstalled ? "Uninstall" : "Install"}
56525659
</div>
56535660
<div class="appstore-item-name">Helios by dinguschan</div>
56545661
<div class="appstore-item-desc">The classic CORS proxy you know and love, fit in to one single file.</div>
5655-
<button class="appstore-item-btn ${heliosInstalled ? "installed" : ""
5656-
}" onclick="${heliosInstalled ? "uninstallApp('helios')" : "installApp('helios')"
5657-
}">
5662+
<button class="appstore-item-btn ${
5663+
heliosInstalled ? "installed" : ""
5664+
}" onclick="${
5665+
heliosInstalled ? "uninstallApp('helios')" : "installApp('helios')"
5666+
}">
56585667
${heliosInstalled ? "Uninstall" : "Install"}
56595668
</button>
56605669
</div>
@@ -5664,9 +5673,9 @@ ${startupInstalled ? "Uninstall" : "Install"}
56645673
</div>
56655674
<div class="appstore-item-name">Visual Studio Code</div>
56665675
<div class="appstore-item-desc">The developer's choice for text editing, now on NautilusOS.</div>
5667-
<button class="appstore-item-btn ${vscInstalled ? "installed" : ""
5668-
}" onclick="${vscInstalled ? "uninstallApp('vsc')" : "installApp('vsc')"
5669-
}">
5676+
<button class="appstore-item-btn ${
5677+
vscInstalled ? "installed" : ""
5678+
}" onclick="${vscInstalled ? "uninstallApp('vsc')" : "installApp('vsc')"}">
56705679
${vscInstalled ? "Uninstall" : "Install"}
56715680
</button>
56725681
</div>
@@ -5676,9 +5685,13 @@ ${startupInstalled ? "Uninstall" : "Install"}
56765685
</div>
56775686
<div class="appstore-item-name">V86 Emulator by lanefiedler-731</div>
56785687
<div class="appstore-item-desc">Run x86 operating systems and software within NautilusOS. Experience virtualized computing with full system emulation.</div>
5679-
<button class="appstore-item-btn ${v86Installed ? "installed" : ""
5680-
}" onclick="${v86Installed ? "uninstallApp('v86-emulator')" : "installApp('v86-emulator')"
5681-
}">
5688+
<button class="appstore-item-btn ${
5689+
v86Installed ? "installed" : ""
5690+
}" onclick="${
5691+
v86Installed
5692+
? "uninstallApp('v86-emulator')"
5693+
: "installApp('v86-emulator')"
5694+
}">
56825695
${v86Installed ? "Uninstall" : "Install"}
56835696
</button>
56845697
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
@@ -5700,12 +5713,18 @@ ${startupInstalled ? "Uninstall" : "Install"}
57005713
</div>
57015714
<div class="appstore-item-name">Snake by lanefiedler-731</div>
57025715
<div class="appstore-item-desc">A classic snake game. Eat food, grow longer, and try to beat your high score without hitting the walls or yourself!</div>
5703-
<button class="appstore-item-btn ${installedGames.includes("snake") ? "installed" : ""
5704-
}" onclick="${installedGames.includes("snake")
5716+
<button class="appstore-item-btn ${
5717+
installedGames.includes("snake") ? "installed" : ""
5718+
}" onclick="${
5719+
installedGames.includes("snake")
57055720
? "openApp('snake')"
57065721
: "installGame('snake')"
5707-
}">
5708-
${installedGames.includes("snake") ? "Play" : "Install"}
5722+
}">
5723+
${
5724+
installedGames.includes("snake")
5725+
? "Play"
5726+
: "Install"
5727+
}
57095728
</button>
57105729
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
57115730
</div>
@@ -5716,12 +5735,16 @@ ${startupInstalled ? "Uninstall" : "Install"}
57165735
</div>
57175736
<div class="appstore-item-name">2048 by dinguschan</div>
57185737
<div class="appstore-item-desc">Slide tiles to combine numbers and reach 2048! A addictive puzzle game that's easy to learn but hard to master.</div>
5719-
<button class="appstore-item-btn ${installedGames.includes("2048") ? "installed" : ""
5720-
}" onclick="${installedGames.includes("2048")
5738+
<button class="appstore-item-btn ${
5739+
installedGames.includes("2048") ? "installed" : ""
5740+
}" onclick="${
5741+
installedGames.includes("2048")
57215742
? "openApp('2048')"
57225743
: "installGame('2048')"
5723-
}">
5724-
${installedGames.includes("2048") ? "Play" : "Install"}
5744+
}">
5745+
${
5746+
installedGames.includes("2048") ? "Play" : "Install"
5747+
}
57255748
</button>
57265749
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
57275750
</div>
@@ -5732,12 +5755,18 @@ ${startupInstalled ? "Uninstall" : "Install"}
57325755
</div>
57335756
<div class="appstore-item-name">Tic-Tac-Toe by dinguschan</div>
57345757
<div class="appstore-item-desc">Classic Tic-Tac-Toe against an AI opponent. Can you outsmart the computer and get three in a row?</div>
5735-
<button class="appstore-item-btn ${installedGames.includes("tictactoe") ? "installed" : ""
5736-
}" onclick="${installedGames.includes("tictactoe")
5758+
<button class="appstore-item-btn ${
5759+
installedGames.includes("tictactoe") ? "installed" : ""
5760+
}" onclick="${
5761+
installedGames.includes("tictactoe")
57375762
? "openApp('tictactoe')"
57385763
: "installGame('tictactoe')"
5739-
}">
5740-
${installedGames.includes("tictactoe") ? "Play" : "Install"}
5764+
}">
5765+
${
5766+
installedGames.includes("tictactoe")
5767+
? "Play"
5768+
: "Install"
5769+
}
57415770
</button>
57425771
<div class="offline-support"><i class="fa-solid fa-check"></i> OFFLINE SUPPORT</div>
57435772
</div>

‎style.css‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6983,8 +6983,5 @@ select {
69836983
text-align: center;
69846984
width: 100%;
69856985
font-size: 12px;
6986-
margin: 5px;
6987-
margin-left: 0;
6988-
margin-top: 17px;
6989-
margin-bottom: -5px;
6986+
position: absolute;
69906987
}

‎themes/lg.css‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -6618,17 +6618,16 @@ select {
66186618
}
66196619

66206620
.offline-support {
6621-
background: black;
6622-
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3), 0 16px 32px rgba(0, 0, 0, 0.12);;
6623-
border: 2px solid transparent;
6621+
background: rgba(106, 211, 92, 0.226);
6622+
box-shadow: 0 0 0 1px rgba(126, 187, 114, 0.3), 0 16px 32px rgba(0, 0, 0, 0.12);;
6623+
border: 2px solid transparent;
66246624
padding: 5px 7px;
6625-
6626-
border-radius: 10px;
6625+
border-radius: 100px;
66276626
text-align: center;
6628-
width: 100%;
6627+
width: fit-content;
66296628
font-size: 12px;
6630-
margin: 5px;
6631-
margin-left: 0;
6632-
margin-top: 17px;
6633-
margin-bottom: -5px;
6629+
position: relative;
6630+
top: -94%;
6631+
right: -48%;
6632+
backdrop-filter: blur(40px);
66346633
}

0 commit comments

Comments
 (0)