Skip to content

Commit

Permalink
Update: Enhanced loading times (#192)
Browse files Browse the repository at this point in the history
  • Loading branch information
@hoangsonww
hoangsonww committed May 20, 2024
1 parent 4f0fad3 commit e873f87
Show file tree
Hide file tree
Showing 4 changed files with 4 additions and 268 deletions.
68 changes: 1 addition & 67 deletions MovieVerse-Mobile/platforms/android/app/src/main/assets/www/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@
<link rel="preload" href="https://movie-verse.com/fonts/Poppins-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous">
<link rel="preload" href="https://movie-verse.com/fonts/Poppins-SemiBold.ttf" as="font" type="font/ttf" crossorigin="anonymous">

<!-- Schema.org markup for rich results -->
<!-- Schema.org markup for Rich Results -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
Expand Down Expand Up @@ -124,71 +124,58 @@
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Poppins';
src: url('https://movie-verse.com/fonts/Poppins-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Poppins';
src: url('https://movie-verse.com/fonts/Poppins-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}

#search {
margin-right: 0 !important;
}

@media (min-width: 800px) {
#form {
margin-top: 10px !important;
}
}

@media (max-width: 767px) {
body {
background-size: auto;
background-position: top center;
}
}

#stats-display:hover {
color: #ff8623;
}

#stats-label:hover {
color: #ff8623;
}

body {
background-image: url("https://movie-verse.com/images/universe-1-small.webp");
}

@media (min-width: 1024px) {
body {
background-repeat: repeat-y;
background-size: 100% auto;
}
}

main {
margin-left: 0;
}

#highlight {
color: orange;
}

#highlight:hover {
color: #ff8623 !important;
}

#chat-button {
background-color: #7378c5;
bottom: 325px;
Expand All @@ -201,12 +188,10 @@
position: fixed;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

#chat-button:hover {
background-color: #ff8623;
transition: 0.1s ease-in;
}

#chat-button,
#settings-btn,
#movie-of-the-day-btn,
Expand All @@ -220,7 +205,6 @@
opacity: 0;
display: none;
}

@media (min-width: 768px) {
#chat-button,
#settings-btn,
Expand All @@ -238,7 +222,6 @@
display: block;
}
}

@media (max-width: 767px) {
.mobile-bottom-bar {
display: flex;
Expand All @@ -255,7 +238,6 @@
display: none;
}
}

#translate_control {
position: fixed;
left: 10px;
Expand All @@ -264,7 +246,6 @@
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
border-radius: 8px;
}

@media (max-width: 767px) {
#translate_control {
display: block;
Expand All @@ -274,20 +255,17 @@
z-index: 1000000;
}
}

.translate-trigger {
background-color: #7378c5;
color: white;
padding: 10px;
border-radius: 8px;
cursor: pointer;
}

.translate-trigger:hover {
background-color: #ff8623;
transition: 0.1s ease-in;
}

#google_translate_element {
display: none;
position: fixed;
Expand All @@ -302,7 +280,6 @@
font: inherit;
color: white;
}

.goog-te-combo {
background-color: #7378c5 !important;
color: white !important;
Expand All @@ -311,16 +288,13 @@
font-size: 15px !important;
padding-left: 5px !important;
}

.skiptranslate {
color: white !important;
}

.goog-te-banner-frame {
opacity: 0.8 !important;
background-color: #f4f4f4 !important;
}

@media (max-width: 767px) {
#google_translate_element {
bottom: 120px;
Expand All @@ -329,7 +303,6 @@
bottom: 70px;
}
}

#githubLink {
color: white !important;
}
Expand Down Expand Up @@ -449,110 +422,84 @@
color: #ff8623 !important;
transition: 0.1s ease-in;
}

#other {
margin-top: 40px;
}

#director-spotlight-title {
margin-top: 40px;
}

.pagination {
min-height: 54px;
text-align: center;
}

#ad-container {
display: none;
}

#ad-container1 {
display: none;
}

#ad-container2 {
display: none;
}

#ad-container3 {
display: none;
}

#ad-container4 {
display: none;
}

#ad-container5 {
display: none;
}

#ad-container6 {
display: none;
}

#ad-container7 {
display: none;
}

#ad-container8 {
display: none;
}

#ad-container9 {
display: none;
}

@media (max-width: 700px) {
#ad-container {
display: block;
}

#ad-container1 {
display: block;
}

#ad-container2 {
display: block;
}

#ad-container3 {
display: block;
}

#ad-container4 {
display: block;
}

#ad-container5 {
display: block;
}

#ad-container6 {
display: block;
}

#ad-container7 {
display: block;
}

#ad-container8 {
display: block;
}

#ad-container9 {
display: block;
}
}

#my-heading {
margin-top: 19.5px !important;
}

#my-heading1 {
margin-top: 19.5px !important;
}

@media (min-width: 767px) {
#my-heading {
margin-top: -5px !important;
Expand All @@ -562,7 +509,6 @@
margin-top: -5px !important;
}
}

@keyframes fadeInUp {
0% {
opacity: 0;
Expand All @@ -573,26 +519,22 @@
transform: translateY(0);
}
}

#my-heading {
margin-bottom: -25px;
opacity: 0;
animation: fadeInUp 1s ease forwards;
}

#my-heading a {
text-decoration: none;
color: inherit;
cursor: pointer;
display: inline-block;
}

.highlight {
display: inline-block;
opacity: 0;
animation: fadeInUp 1s ease forwards 0.5s;
}

#my-heading1 {
color: #ff8623;
padding: 10px;
Expand All @@ -601,15 +543,12 @@
background-color: transparent;
margin-left: 40px;
}

.highlight2 {
color: orange;
}

.highlight2:hover {
color: #ff8623;
}

@keyframes dropIn {
0% {
opacity: 0;
Expand All @@ -620,32 +559,27 @@
transform: translateY(0);
}
}

#my-heading {
margin-bottom: -25px;
opacity: 0;
animation: dropIn 1s ease forwards;
}

#my-heading a {
text-decoration: none;
color: inherit;
cursor: pointer;
display: inline-block;
}

.highlight {
display: inline-block;
opacity: 0;
animation: dropIn 1s ease forwards 1s;
}

#local-time {
cursor: pointer;
opacity: 0;
animation: dropIn 1s ease forwards 1.5s;
}

#local-time p,
#local-time div {
opacity: 0;
Expand Down
Loading

0 comments on commit e873f87

Please sign in to comment.