Skip to content

Commit 549dbdb

Browse files
mariotakumariotaku
committed
more optimization
1 parent 9e92329 commit 549dbdb

File tree

8 files changed

+122
-119
lines changed

8 files changed

+122
-119
lines changed

‎package-lock.json‎

Lines changed: 3 additions & 38 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,7 @@
6262
"responsive-loader": "^3.1.2",
6363
"sass": "^1.76.0",
6464
"sass-loader": "^14.2.1",
65+
"sharp": "^0.33.4",
6566
"style-loader": "^4.0.0",
6667
"ts-loader": "^9.5.1",
6768
"ts-node": "^10.9.2",

‎src/views/devmode/index.md‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -16,40 +16,40 @@ Use officially supported development mode to install homebrew apps and games.
1616

1717
1. Visit [webOS TV Developer](https://webostv.developer.lge.com/), select "Sign In"
1818

19-
![webOS TV Developer Home](webos.tv.developer_home.png?as=webp)
19+
![webOS TV Developer Home](webos.tv.developer_home.png)
2020
2. You will be redirected to LG Account login page. If you don't have an account, select "CREATE ACCOUNT"
2121

22-
![LG Account Login](lgaccount.sign_in.png?as=webp)
22+
![LG Account Login](lgaccount.sign_in.png)
2323
3. You'll see a pop-up window. Select country and click "CONFIRM"
2424

25-
![LG Account Select Country](lgaccount.select_country.png?as=webp)
25+
![LG Account Select Country](lgaccount.select_country.png)
2626
4. Accept terms & conditions and click "AGREE"
2727

28-
![LG Account Terms & Conditions](lgaccount.terms.png?as=webp)
28+
![LG Account Terms & Conditions](lgaccount.terms.png)
2929
5. Input your email address and password, check required checkboxes, and click "CONFIRM"
3030

31-
![LG Account Create Account](lgaccount.create_account.png?as=webp)
31+
![LG Account Create Account](lgaccount.create_account.png)
3232
6. You'll receive an email to verify your email address. Click the link in the email to verify your email
3333
address.
3434

35-
![LG Account Verify Email](lgaccount.verified.png?as=webp)
35+
![LG Account Verify Email](lgaccount.verified.png)
3636
7. Go back to the LG Account login page and login with your email and password
3737

38-
![LG Account Login](lgaccount.sign_in_2.png?as=webp)
38+
![LG Account Login](lgaccount.sign_in_2.png)
3939

4040
Now you'll be able to use this account to log in to Developer Mode app on your TV.
4141

4242
### Install Developer Mode App
4343

4444
1. Open LG Content Store, search for "Developer Mode"
4545

46-
![LG Content Store](contentstore.search_box.png?as=webp)
46+
![LG Content Store](contentstore.search_box.png)
4747
2. Select "Developer Mode" app
4848

49-
![Developer Mode App](contentstore.search_result.png?as=webp)
49+
![Developer Mode App](contentstore.search_result.png)
5050
3. Click "Install" to download and install the app
5151

52-
![Developer Mode App Install](contentstore.devmode.png?as=webp)
52+
![Developer Mode App Install](contentstore.devmode.png)
5353

5454
### Enable Developer Mode
5555

‎src/views/index/index.hbs‎

Lines changed: 43 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -21,16 +21,32 @@
2121
data-bs-interval="50000">
2222
<div class="carousel-inner">
2323
<div class="carousel-item active" data-item-id="hbchannel">
24-
<img src="/img/screenshots/hbchannel.png?as=webp" class="d-block w-100" alt="Homebrew Channel">
24+
<picture>
25+
<source srcset="/img/screenshots/hbchannel.png?as=avif" type="image/avif">
26+
<source srcset="/img/screenshots/hbchannel.png?as=webp" type="image/webp">
27+
<img src="/img/screenshots/hbchannel.png" class="d-block w-100" alt="Homebrew Channel">
28+
</picture>
2529
</div>
2630
<div class="carousel-item" data-item-id="retroarch">
27-
<img src="/img/screenshots/retroarch.png?as=webp" class="d-block w-100" alt="RetroArch">
31+
<picture>
32+
<source srcset="/img/screenshots/retroarch.png?as=avif" type="image/avif">
33+
<source srcset="/img/screenshots/retroarch.png?as=webp" type="image/webp">
34+
<img src="/img/screenshots/retroarch.png" class="d-block w-100" alt="RetroArch">
35+
</picture>
2836
</div>
2937
<div class="carousel-item" data-item-id="moonlight">
30-
<img src="/img/screenshots/moonlight.png?as=webp" class="d-block w-100" alt="Moonlight">
38+
<picture>
39+
<source srcset="/img/screenshots/moonlight.png?as=avif" type="image/avif">
40+
<source srcset="/img/screenshots/moonlight.png?as=webp" type="image/webp">
41+
<img src="/img/screenshots/moonlight.png" class="d-block w-100" alt="Moonlight">
42+
</picture>
3143
</div>
3244
<div class="carousel-item" data-item-id="kodi">
33-
<img src="/img/screenshots/kodi-recently-added.jpg?as=webp" class="d-block w-100" alt="Kodi">
45+
<picture>
46+
<source srcset="/img/screenshots/kodi-recently-added.jpg?as=avif" type="image/avif">
47+
<source srcset="/img/screenshots/kodi-recently-added.jpg?as=webp" type="image/webp">
48+
<img src="/img/screenshots/kodi-recently-added.jpg" class="d-block w-100" alt="Kodi">
49+
</picture>
3450
</div>
3551
<div class="carousel-item" data-item-id="amblight">
3652
<video class="d-block w-100 amblight-src" muted loop preload="auto">
@@ -162,7 +178,11 @@
162178
<h3 class="flex-fill">Meet Homebrew Channel</h3>
163179
<p>Discover and install apps with ease.</p>
164180
<div class="mt-2 tv-container shadow shadow-lg">
165-
<img class="tv-screen w-100" src="/img/screenshots/hbchannel.png?as=webp" alt="Homebrew Channel app"/>
181+
<picture>
182+
<source srcset="/img/screenshots/hbchannel.png?as=avif" type="image/avif">
183+
<source srcset="/img/screenshots/hbchannel.png?as=webp" type="image/webp">
184+
<img class="tv-screen w-100" src="/img/screenshots/hbchannel.png" alt="Homebrew Channel app"/>
185+
</picture>
166186
</div>
167187
</a>
168188
</div>
@@ -187,16 +207,24 @@
187207
<div class="col-sm-6 aspect-ratio-3by2">
188208
<div
189209
class="card border-0 rounded-4 h-100 bg-dark-subtle d-flex flex-column justify-content-end overflow-hidden">
190-
<img class="card-img-top object-fit-cover" src="/img/screenshots/aerial-screensaver.png?as=webp"
191-
alt="Screensaver"/>
210+
<picture>
211+
<source srcset="/img/screenshots/aerial-screensaver.png?as=avif" type="image/avif">
212+
<source srcset="/img/screenshots/aerial-screensaver.png?as=webp" type="image/webp">
213+
<img class="card-img-top object-fit-cover" src="/img/screenshots/aerial-screensaver.png"
214+
alt="Screensaver"/>
215+
</picture>
192216
<div class="card-body px-4">
193217
<h3 class="card-title">Screensavers</h3>
194218
</div>
195219
</div>
196220
</div>
197221
<div class="col-sm-6 aspect-ratio-3by2">
198222
<div class="card border-0 rounded-4 h-100 bg-dark-subtle overflow-hidden">
199-
<img class="card-img object-fit-cover" src="/img/photos/amblight-setup.jpg?as=webp" alt="Amblight setup"/>
223+
<picture>
224+
<source srcset="/img/photos/amblight-setup.jpg?as=avif" type="image/avif">
225+
<source srcset="/img/photos/amblight-setup.jpg?as=webp" type="image/webp">
226+
<img class="card-img object-fit-cover" src="/img/photos/amblight-setup.jpg" alt="Amblight setup"/>
227+
</picture>
200228
<div class="card-img-overlay p-4">
201229
<h3 class="card-title">Ambient light</h3>
202230
</div>
@@ -257,7 +285,13 @@
257285
href="https://github.com/webosbrew/dev-manager-desktop">
258286
More info<i class="bi bi-chevron-double-right small"></i></a>
259287
</div>
260-
<img class="col-md-6 devman-screenshot" src="/img/screenshots/devman.png?as=webp" alt="DevMan for webOS"/>
288+
<div class="col-md-6 devman-screenshot">
289+
<picture>
290+
<source srcset="/img/screenshots/devman.png?as=avif" type="image/avif">
291+
<source srcset="/img/screenshots/devman.png?as=webp" type="image/webp">
292+
<img class="w-100" src="/img/screenshots/devman.png" alt="DevMan for webOS"/>
293+
</picture>
294+
</div>
261295
</div>
262296
</div>
263297
</section>

0 commit comments

Comments
 (0)