1
Fork 0
This commit is contained in:
Korbs 2024-07-06 23:57:25 -04:00
parent ccb1717b3d
commit 00f5b112cc
9 changed files with 194 additions and 34 deletions

View file

@ -51,7 +51,7 @@ let ViewsFormat = ViewsConversion.format(Views);
<p style="font-weight: bold; font-size: 24px;">{video.title}</p>
<div class="rea-details-start">
<a style="text-decoration: none;" href={video.authorUrl} class="rea-channel">
<img src={video.authorThumbnails[1].url} />
<img src={DEFAULT_IMAGE_PROXY + "/" + video.authorThumbnails[1].url} />
<div
style="display: flex; flex-direction: column; align-items: left;"
>
@ -196,12 +196,12 @@ function ShareDialogHide() {
display: grid;
grid-gap: 12px;
a {
background: rgb(51 51 51);
border: 2px rgba(255,255,255,0.05) solid;
font-size: 18px;
text-decoration: none;
border-radius: 4px;
padding: 9px 16px;
background: rgb(51 51 51);
border: 2px rgba(255,255,255,0.05) solid;
font-size: 18px;
text-decoration: none;
border-radius: 4px;
padding: 9px 16px;
}
}
</style>

View file

@ -48,7 +48,7 @@ const GamingSplit = GamingData.slice(0, 1)
</div>
<div class="category-select-grid">
{TrendingSplit.map((data) =>
<a href={'/' + i18next.language + '/category/trending'} style={'background: url("' + DEFAULT_IMAGE_PROXY + '/https://i.ytimg.com/' + data.videoThumbnails[1].url + '")'} class="goin-card">
<a href={'/' + i18next.language + '/category/trending'} style={'background: url("' + DEFAULT_IMAGE_PROXY + '/' + DEFAULT_DATA_PROXY + '/vi/' + data.videoId + '/mqdefault.jpg")'} class="goin-card">
<div class="goin-card-content">
<GraphUp viewBox="0 0 10 24"/>
<p>{t("SIDEBAR.CATEGORY_LIST.TRENDING")}</p>
@ -56,7 +56,7 @@ const GamingSplit = GamingData.slice(0, 1)
</a>
)}
{MoviesSplit.map((data) =>
<a href={'/' + i18next.language + '/category/movies'} style={'background: url("' + DEFAULT_IMAGE_PROXY + '/https://i.ytimg.com/' + data.videoThumbnails[1].url + '")'} class="goin-card">
<a href={'/' + i18next.language + '/category/movies'} style={'background: url("' + DEFAULT_IMAGE_PROXY + '/' + DEFAULT_DATA_PROXY + '/vi/' + data.videoId + '/mqdefault.jpg")'} class="goin-card">
<div class="goin-card-content">
<Movie viewBox="0 0 10 24"/>
<p>{t("SIDEBAR.CATEGORY_LIST.MOVIES")}</p>
@ -64,7 +64,7 @@ const GamingSplit = GamingData.slice(0, 1)
</a>
)}
{MusicSplit.map((data) =>
<a href={'/' + i18next.language + '/category/music'} style={'background: url("' + DEFAULT_IMAGE_PROXY + '/https://i.ytimg.com/' + data.videoThumbnails[1].url + '")'} class="goin-card">
<a href={'/' + i18next.language + '/category/music'} style={'background: url("' + DEFAULT_IMAGE_PROXY + '/' + DEFAULT_DATA_PROXY + '/vi/' + data.videoId + '/mqdefault.jpg")'} class="goin-card">
<div class="goin-card-content">
<MusicDoubleNote viewBox="0 0 10 24"/>
<p>{t("SIDEBAR.CATEGORY_LIST.MUSIC")}</p>
@ -72,7 +72,7 @@ const GamingSplit = GamingData.slice(0, 1)
</a>
)}
{GamingSplit.map((data) =>
<a href={'/' + i18next.language + '/category/gaming'} style={'background: url("' + DEFAULT_IMAGE_PROXY + '/https://i.ytimg.com/' + data.videoThumbnails[1].url + '")'} class="goin-card">
<a href={'/' + i18next.language + '/category/gaming'} style={'background: url("' + DEFAULT_IMAGE_PROXY + '/' + DEFAULT_DATA_PROXY + '/vi/' + data.videoId + '/mqdefault.jpg")'} class="goin-card">
<div class="goin-card-content">
<Gamepad viewBox="0 0 10 24"/>
<p>{t("SIDEBAR.CATEGORY_LIST.GAMES")}</p>

View file

@ -51,7 +51,7 @@ let ViewsFormat = ViewsConversion.format(Views);
<p style="font-weight: bold; font-size: 24px;">{video.title}</p>
<div class="rea-details-start">
<a style="text-decoration: none;" href={video.authorUrl} class="rea-channel">
<img src={video.authorThumbnails[1].url} />
<img src={DEFAULT_IMAGE_PROXY + "/" + video.authorThumbnails[1].url} />
<div
style="display: flex; flex-direction: column; align-items: left;"
>
@ -196,12 +196,12 @@ function ShareDialogHide() {
display: grid;
grid-gap: 12px;
a {
background: rgb(51 51 51);
border: 2px rgba(255,255,255,0.05) solid;
font-size: 18px;
text-decoration: none;
border-radius: 4px;
padding: 9px 16px;
background: rgb(51 51 51);
border: 2px rgba(255,255,255,0.05) solid;
font-size: 18px;
text-decoration: none;
border-radius: 4px;
padding: 9px 16px;
}
}
</style>

View file

@ -51,7 +51,7 @@ let ViewsFormat = ViewsConversion.format(Views);
<p style="font-weight: bold; font-size: 24px;">{video.title}</p>
<div class="rea-details-start">
<a style="text-decoration: none;" href={video.authorUrl} class="rea-channel">
<img src={video.authorThumbnails[1].url} />
<img src={DEFAULT_IMAGE_PROXY + "/" + video.authorThumbnails[1].url} />
<div
style="display: flex; flex-direction: column; align-items: left;"
>
@ -196,12 +196,12 @@ function ShareDialogHide() {
display: grid;
grid-gap: 12px;
a {
background: rgb(51 51 51);
border: 2px rgba(255,255,255,0.05) solid;
font-size: 18px;
text-decoration: none;
border-radius: 4px;
padding: 9px 16px;
background: rgb(51 51 51);
border: 2px rgba(255,255,255,0.05) solid;
font-size: 18px;
text-decoration: none;
border-radius: 4px;
padding: 9px 16px;
}
}
</style>

View file

@ -1,6 +1,7 @@
---
import { t, changeLanguage } from "i18next"
import Base from "@layouts/Default.astro"
// Configuration
import { DEFAULT_DATA_PROXY, DEFAULT_IMAGE_PROXY } from "../../config.json"