inline cdn font css

public/build/manifest.json

@@ -43,7 +43,7 @@
     "src": "resources/js/watch.js"
   },
   "resources/scss/app.scss": {
-    "file": "assets/app-w-Op9XcY.css",
+    "file": "assets/app-W1Im0Ckf.css",
     "isEntry": true,
     "src": "resources/scss/app.scss"
   },
@@ -52,6 +52,11 @@
     "isEntry": true,
     "src": "resources/scss/fa.scss"
   },
+  "resources/scss/google-fonts.scss": {
+    "file": "assets/google-fonts-Hf30gNLt.css",
+    "isEntry": true,
+    "src": "resources/scss/google-fonts.scss"
+  },
   "resources/scss/home.scss": {
     "file": "assets/home-w40geAFS.js",
     "isEntry": true,

resources/scss/app.scss

@@ -1,5 +1,5 @@
 @import "bootstrap";
-@import "google_fonts";
+// @import "google_fonts";
 
 // @import '@fontsource/roboto/400.css';
 // @import '@fontsource/bai-jamjuree/400.css';

resources/scss/dist/_google_fonts.css

@@ -1,171 +0,0 @@
-/* thai */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDI1apSCOBt_aeQQ7ftydoa8SsLLq7s.woff2) format("woff2");
-  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
-}
-/* vietnamese */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDI1apSCOBt_aeQQ7ftydoa8UcLLq7s.woff2) format("woff2");
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDI1apSCOBt_aeQQ7ftydoa8UMLLq7s.woff2) format("woff2");
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDI1apSCOBt_aeQQ7ftydoa8XsLL.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* thai */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDIqapSCOBt_aeQQ7ftydoa0reHegJo0yyg.woff2) format("woff2");
-  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
-}
-/* vietnamese */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDIqapSCOBt_aeQQ7ftydoa0reHem5o0yyg.woff2) format("woff2");
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDIqapSCOBt_aeQQ7ftydoa0reHempo0yyg.woff2) format("woff2");
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDIqapSCOBt_aeQQ7ftydoa0reHelJo0.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* thai */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDIqapSCOBt_aeQQ7ftydoa0gebegJo0yyg.woff2) format("woff2");
-  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
-}
-/* vietnamese */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDIqapSCOBt_aeQQ7ftydoa0gebem5o0yyg.woff2) format("woff2");
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDIqapSCOBt_aeQQ7ftydoa0gebempo0yyg.woff2) format("woff2");
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: "Bai Jamjuree";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/baijamjuree/v11/LDIqapSCOBt_aeQQ7ftydoa0gebelJo0.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
-  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}

resources/scss/dist/_lazyload.css

@@ -1,8 +0,0 @@
-img.loaded {
-  opacity: 1 !important;
-  transition: 0.6s ease-out !important;
-}
-img.lazy {
-  opacity: 0.6;
-  transition: 0.6s ease-out;
-}

resources/scss/dist/_lazyload.min.css

@@ -1 +0,0 @@
-img.loaded{opacity:1 !important;transition:.6s ease-out !important}img.lazy{opacity:.6;transition:.6s ease-out}

resources/scss/dist/_preloader.css

@@ -1,35 +0,0 @@
-/* preloader css start */
-#preloader {
-  position: fixed;
-  width: 100%;
-  height: 100vh;
-  z-index: 99999;
-  overflow: visible;
-  background: #1b1b3f;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-  top: 0;
-  left: 0;
-}
-
-#preloader .preloader-text {
-  position: absolute;
-  top: 55%;
-  left: 47%;
-}
-
-#preloader .pre-logo {
-  text-align: center;
-}
-
-#preloader .gif {
-  width: 130px;
-  height: 105px;
-  margin: 0 auto;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-
-/* preloader css end */

resources/scss/dist/_preloader.min.css

@@ -1 +0,0 @@
-#preloader{position:fixed;width:100%;height:100vh;z-index:99999;overflow:visible;background:#1b1b3f;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;top:0;left:0}#preloader .preloader-text{position:absolute;top:55%;left:47%}#preloader .pre-logo{text-align:center}#preloader .gif{width:130px;height:105px;margin:0 auto;background-position:center;background-repeat:no-repeat}

resources/scss/dist/_reset.css

@@ -1,74 +0,0 @@
-/* reset css start */
-html {
-  scroll-behavior: smooth;
-}
-
-body {
-  font-family: "Roboto", sans-serif;
-  font-size: 16px;
-  padding: 0;
-  margin: 0;
-  font-weight: 400;
-  position: relative;
-  background-color: #0d0d31;
-  color: #bfbfbf;
-}
-
-img {
-  max-width: 100%;
-  height: auto;
-}
-
-ul,
-ol {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-button {
-  cursor: pointer;
-}
-
-*:focus {
-  outline: none;
-}
-
-button {
-  border: none;
-}
-
-button:focus {
-  outline: none;
-}
-
-select {
-  padding: 10px 20px;
-  width: 100%;
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  cursor: pointer;
-  color: #ffffff;
-  background-color: #0d0d31;
-  height: 50px;
-  border-radius: 4px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  -ms-border-radius: 4px;
-  -o-border-radius: 4px;
-}
-
-textarea {
-  min-height: 150px !important;
-  resize: none;
-  width: 100%;
-}
-
-span {
-  display: inline-block;
-}
-
-a:hover {
-  color: #ee005f;
-}
-
-/* reset css end */

resources/scss/dist/_reset.min.css

@@ -1 +0,0 @@
-html{scroll-behavior:smooth}body{font-family:"Roboto",sans-serif;font-size:16px;padding:0;margin:0;font-weight:400;position:relative;background-color:#0d0d31;color:#bfbfbf}img{max-width:100%;height:auto}ul,ol{padding:0;margin:0;list-style:none}button{cursor:pointer}*:focus{outline:none}button{border:none}button:focus{outline:none}select{padding:10px 20px;width:100%;border:1px solid rgba(255,255,255,.15);cursor:pointer;color:#fff;background-color:#0d0d31;height:50px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}textarea{min-height:150px !important;resize:none;width:100%}span{display:inline-block}a:hover{color:#ee005f}

resources/scss/dist/player.css

@@ -1,42 +0,0 @@
-.main-video {
-  border-radius: var(--bs-card-border-radius);
-}
-.main-video picture {
-  display: block;
-}
-
-.cover {
-  position: relative;
-  width: 100%;
-}
-.cover::before {
-  height: auto;
-  position: absolute;
-  content: url(../images/player-play.svg);
-  left: calc(50% - 40px);
-  top: calc(50% - 40px);
-  width: 80px;
-  z-index: 6;
-}
-.cover::after {
-  background: rgba(0, 0, 0, 0.6);
-  content: "";
-  height: 100%;
-  left: 0;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-.cover:hover::after {
-  opacity: 1;
-  transition: all 0.2s ease-in-out;
-}
-
-@media (max-width: 767.98px) {
-  .cover:before {
-    left: calc(50% - 30px);
-    top: calc(50% - 30px);
-    width: 60px;
-  }
-}

resources/scss/dist/player.min.css

@@ -1 +0,0 @@
-.main-video{border-radius:var(--bs-card-border-radius)}.main-video picture{display:block}.cover{position:relative;width:100%}.cover::before{height:auto;position:absolute;content:url(../images/player-play.svg);left:calc(50% - 40px);top:calc(50% - 40px);width:80px;z-index:6}.cover::after{background:rgba(0,0,0,.6);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.cover:hover::after{opacity:1;transition:all .2s ease-in-out}@media(max-width: 767.98px){.cover:before{left:calc(50% - 30px);top:calc(50% - 30px);width:60px}}

resources/scss/dist/watch.css

@@ -1,21 +0,0 @@
-picture:after {
-  position: absolute;
-  content: "";
-  top: 0;
-  left: 0;
-  bottom: -6px;
-  width: 100%;
-  box-shadow: inset 1px 0 105px 105px #0d0d31;
-  background: linear-gradient(to bottom, rgba(13, 13, 49, 0.0196078431), #0d0d31);
-  background-color: rgba(13, 13, 49, 0.5333333333);
-  position: absolute;
-}
-
-picture > img {
-  object-fit: cover;
-  object-position: top;
-  height: 100%;
-  width: 100%;
-  position: absolute;
-  top: 0;
-}

resources/scss/dist/watch.min.css

@@ -1 +0,0 @@
-picture:after{position:absolute;content:"";top:0;left:0;bottom:-6px;width:100%;box-shadow:inset 1px 0 105px 105px #0d0d31;background:linear-gradient(to bottom, rgba(13, 13, 49, 0.0196078431), #0d0d31);background-color:rgba(13,13,49,.5333333333);position:absolute}picture>img{object-fit:cover;object-position:top;height:100%;width:100%;position:absolute;top:0}

resources/views/layouts/layout.blade.php

@@ -30,9 +30,12 @@
     {{-- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600&display=swap" crossorigin> --}}
     {{-- @vite(['resources/js/app.js']) --}}
     <style>
+    {!! Vite::content('resources/scss/google-fonts.scss') !!}
+    {!! Vite::content('resources/scss/fa.scss') !!}
+    {!! Vite::content('resources/scss/la.scss') !!}
 
 
-        </style>
+    </style>
     @yield('head')
     @yield('schema')
 

vite.config.mjs

@@ -29,6 +29,7 @@ export default defineConfig({
                 'resources/scss/app.scss',
                 'resources/scss/fa.scss',
                 'resources/scss/la.scss',
+                'resources/scss/google-fonts.scss',
                 'resources/scss/watch.scss',
                 'resources/scss/home.scss',
                 'resources/vendor/css/fontawesome-all.min.css',