update
This commit is contained in:
parent
ccb1717b3d
commit
00f5b112cc
9 changed files with 194 additions and 34 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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"
|
||||
|
||||
|
|
Reference in a new issue