MyVideoGameList/myvideogamelist.com
MyVideoGameList/myvideogamelist.com
1
0
Fork 0
Code Issues 68 Pull requests Projects 1 Wiki Activity

Initial Commit

Browse source 
The initial public commit of MVGL website code.
This commit is contained in:
Jimmy B. 2024-01-14 13:51:43 -06:00
commit b39ecf1638
2043 changed files with 215154 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

27
resources/assets/demo1/sass/layout/_content.scss vendored Normal file
View file

@ -0,0 +1,27 @@
//
// Content
//
// Desktop mode
@include media-breakpoint-up(lg) {
.content {
padding: get($content-spacing, desktop) 0;
// Toolbar enabled and toolbar not fixed mode
.toolbar-enabled:not(.toolbar-fixed) & {
padding-top: 0;
}
}
}
// Tablet & mobile modes
@include media-breakpoint-down(lg) {
.content {
padding: get($content-spacing, tablet-and-mobile) 0;
// Toolbar enabled mode and toolbar not fixed mode
.toolbar-enabled:not(.toolbar-tablet-and-mobile-fixed) & {
padding-top: 0;
}
}
}

7
resources/assets/demo1/sass/layout/_footer.scss vendored Normal file
View file

@ -0,0 +1,7 @@
//
// Footer
//
.footer {
background-color: get($footer-config, bg-color);
}

95
resources/assets/demo1/sass/layout/_header.scss vendored Normal file
View file

@ -0,0 +1,95 @@
//
// Header
//
// Desktop mode
@include media-breakpoint-up(lg) {
.header {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 2;
height: get($header-config, default, height, desktop);
transition: left get($aside-config, transition-speed) ease;
// Fixed header & sticky header modes
.header-fixed & {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: get($header-config, fixed, z-index);
background-color: get($header-config, fixed, bg-color);
height: get($header-config, fixed, height, desktop);
padding: 0;
box-shadow: get($header-config, fixed, box-shadow);
}
// Fixed header and fixed toolbar modes
.header-fixed.toolbar-fixed & {
box-shadow: none;
}
// Aside default enabled, aside fixed & header sticky modes
.aside-enabled.aside-fixed.header-fixed & {
left: get($aside-config, width);
transition: left get($aside-config, transition-speed) ease;
}
// Aside default enabled, aside fixed, header sticky & aside minimize modes
.aside-enabled.aside-fixed.header-fixed[data-kt-aside-minimize="on"] & {
left: get($aside-config, minimized-width);
transition: left get($aside-config, transition-speed) ease;
}
// Header menu
.header-menu {
display: flex;
}
}
}
// Tablet & mobile modes
@include media-breakpoint-down(lg) {
.header {
display: flex;
justify-content: space-between;
align-items: center;
height: get($header-config, default, height, tablet-and-mobile);
position: relative;
z-index: 3;
// Fixed header and header sticky modes
.header-tablet-and-mobile-fixed & {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: get($header-config, fixed, z-index);
height: get($header-config, fixed, height, tablet-and-mobile);
min-height: get($header-config, fixed, height, tablet-and-mobile);
background-color: get($header-config, fixed, bg-color);
@if isDefaultSkin() {
box-shadow: get($header-config, fixed, box-shadow);
}
}
// Fixed header and fixed toolbar modes
.header-tablet-and-mobile-fixed.toolbar-tablet-and-mobile-fixed & {
box-shadow: none;
}
// Header menu
.header-menu {
display: none;
z-index: get($header-config, fixed, z-index) - 1;
}
// Page title
.page-title {
display: none !important;
}
}
}

14
resources/assets/demo1/sass/layout/_layout.scss vendored Normal file
View file

@ -0,0 +1,14 @@
//
// Layout Initialization
//
// Import Dependencies
@import "../../../core/sass/layout/base";
@import "print";
@import "main";
@import "header";
@import "toolbar";
@import "aside/base";
@import "aside/menu";
@import "content";
@import "footer";

75
resources/assets/demo1/sass/layout/_main.scss vendored Normal file
View file

@ -0,0 +1,75 @@
//
// Main
//
// Body
body {
background-color: $page-bg;
}
// Font color from Content background color
.text-page-bg {
color: $page-bg;
}
// Desktop Mode
@include media-breakpoint-up(lg) {
// Containers
.container,
.container-xxl,
.container-fluid {
padding: 0 get($content-spacing, desktop);
}
// Wrapper
.wrapper {
transition: padding-left get($aside-config, transition-speed) ease, margin-right get($aside-config, transition-speed) ease;
// Aside default enabled and aside fixed modes
.aside-enabled.aside-fixed & {
transition: padding-left get($aside-config, transition-speed) ease;
padding-left: get($aside-config, width);
}
// Aside default enabled, aside fixed and aside minimize modes
.aside-enabled.aside-fixed[data-kt-aside-minimize="on"] & {
transition: padding-left get($aside-config, transition-speed) ease;
padding-left: get($aside-config, minimized-width);
}
// Fixed header mode
.header-fixed & {
padding-top: get($header-config, fixed, height, desktop);
}
// Fixed header & fixed toolbar modes
.header-fixed.toolbar-fixed & {
padding-top: calc(#{get($header-config, fixed, height, desktop)} + var(--kt-toolbar-height));
}
}
}
// Tablet & mobile modes
@include media-breakpoint-down(lg) {
// Containers
.container,
.container-xxl,
.container-fluid {
max-width: none;
padding: 0 get($content-spacing, tablet-and-mobile);
}
// Wrapper
.wrapper {
// Fixed header mode
.header-tablet-and-mobile-fixed & {
padding-top: get($header-config, fixed, height, tablet-and-mobile);
}
// Fixed header & fixed toolbar modes
.header-tablet-and-mobile-fixed.toolbar-tablet-and-mobile-fixed & {
padding-top: calc(#{get($header-config, fixed, height, tablet-and-mobile)} + var(--kt-toolbar-height-tablet-and-mobile));
}
}
}

34
resources/assets/demo1/sass/layout/_print.scss vendored Normal file
View file

@ -0,0 +1,34 @@
//
// Print Mode
//
// Add .print-content-only class to body element in order to allow printing only the content area
@media print {
.print-content-only {
padding: 0 !important;
background: none !important;
.wrapper,
.page,
.page-title
.content,
.container,
.container-xxl,
.container-fluid {
background: none !important;
padding: 0 !important;
margin: 0 !important;
}
.aside,
.sidebar,
.scrolltop,
.header,
.footer,
.toolbar,
.drawer,
.btn {
display: none !important;
}
}
}

84
resources/assets/demo1/sass/layout/_toolbar.scss vendored Normal file
View file

@ -0,0 +1,84 @@
//
// toolbar
//
// General mode
.toolbar {
display: flex;
align-items: center;
background-color: get($toolbar-config, bg-color);
padding: get($toolbar-config, padding);
}
// Desktop mode
@include media-breakpoint-up(lg) {
.toolbar {
// Fixed toolbar
.toolbar-fixed & {
height: var(--kt-toolbar-height);
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: get($toolbar-config, z-index);
box-shadow: get($toolbar-config, box-shadow);
}
// toolbar enabled & toolbar not fixed modes
.toolbar-enabled:not(.toolbar-fixed) & {
margin-bottom: get($content-spacing, desktop);
}
// Fixed header & fixed toolbar modes
.header-fixed.toolbar-fixed & {
padding: 0;
top: get($header-config, fixed, height, desktop);
border-top: get($toolbar-config, border-top);
}
// Aside default enabled, aside fixed & header sticky modes
.aside-enabled.aside-fixed.toolbar-fixed & {
left: get($aside-config, width);
transition: left get($aside-config, transition-speed) ease;
}
// Aside default enabled, aside header sticky & aside minimize modes
.aside-enabled.aside-fixed.toolbar-fixed[data-kt-aside-minimize="on"] & {
left: get($aside-config, minimized-width);
transition: left get($aside-config, transition-speed) ease;
}
}
}
// Tablet & mobile modes
@include media-breakpoint-down(lg) {
.toolbar {
// Fixed toolbar mode
.toolbar-tablet-and-mobile-fixed & {
height: var(--kt-toolbar-height-tablet-and-mobile);
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: get($toolbar-config, z-index);
box-shadow: get($toolbar-config, box-shadow);
}
// Toolbar enabled & toolbar not fixed modes
.toolbar-enabled:not(.toolbar-tablet-and-mobile-fixed) & {
margin-bottom: get($content-spacing, tablet-and-mobile);
}
// Fixed header & fixed toolbar modes
.header-tablet-and-mobile-fixed.toolbar-tablet-and-mobile-fixed & {
padding: 0;
top: get($header-config, default, height, tablet-and-mobile);
border-top: get($toolbar-config, border-top);
}
// Page title
.page-title[data-kt-swapper="true"] {
display: none !important;
}
}
}

77
resources/assets/demo1/sass/layout/_variables.scss vendored Normal file
View file

@ -0,0 +1,77 @@
//
// Layout Config
//
// Root font Sizes
$root-font-size: 13px; // Root font size for desktop mode
$root-font-size-lg: 13px; // Root font size for tablet mode
$root-font-size-md: 12px; // Root font size for mobile mode
// Page bg
$page-bg: if(isDarkMode(), #151521, $gray-100) !default;
// Content border radius
$content-border-radius: 1.5rem !default;
// Content Spacing
$content-spacing: (
desktop: 30px, // Padding for desktop mode
tablet-and-mobile: 15px // Padding for tablet and mobile modes
) !default;
// Header
$header-config: (
// Default Mode
default: (
height: (
desktop: 65px,
tablet-and-mobile: 55px
),
bg-color: if(isDarkMode(),#1E1E2D, $white),
),
// Fixed Mode
fixed: (
height: (
desktop: 65px,
tablet-and-mobile: 55px
),
z-index: 100,
bg-color: if(isDarkMode(), #1E1E2D, $white),
box-shadow: if(isDarkMode(), none, 0px 10px 30px 0px rgba(82,63,105,0.05))
)
) !default;
// Toolbar
$toolbar-config: (
z-index: 99,
height: (
desktop: 75px,
tablet-and-mobile: 60px
),
padding: 0.5rem 0,
bg-color: if(isDarkMode(), darken(#1e1e2d, 2%), $white),
box-shadow: if(isDarkMode(), none, 0px 10px 30px 0px rgba(82,63,105,0.05)),
border-top: if(isDarkMode(), 0, 1px solid $border-color)
) !default;
// Aside
$aside-config: (
z-index: 101, // Aside's z-index property
transition-speed: 0.3s, // transition speed
padding-x: 25px,
menu-indention: 0.75rem,
bg-color: #1e1e2d,
logo-bg-color: darken(#1e1e2d, 2%),
scrollbar-color: if(isDarkMode(), $gray-200, #3b3b64),
scrollbar-hover-color: if(isDarkMode(), $gray-300, lighten(#3b3b64, 3%)),
width: 265px, // Aside width for desktop mode
minimized-width: 75px, // Aside minimized width for desktop mode
box-shadow: if(isDarkMode(), none, 0 0 28px 0 rgba(82,63,105,.05)), // Aside box shadow
minimized-hover-box-shadow: if(isDarkMode(), none, 5px 0px 10px rgba(70, 78, 95, 0.075)) // Monimized hover box shadow
) !default;
// Footer
$footer-config: (
bg-color: if(isDarkMode(), #1B1B28, $white),
) !default;

201
resources/assets/demo1/sass/layout/aside/_base.scss vendored Normal file
View file

@ -0,0 +1,201 @@
//
// Aside Default
//
// General mode(all devices)
.aside {
display: flex;
flex-direction: column;
box-shadow: get($aside-config, box-shadow);
padding: 0;
// Custom button
.btn-custom {
display: flex;
align-items: center;
justify-content: center;
padding-left: 0;
padding-right: 0;
.btn-label {
transition: opacity get($aside-config, transition-speed) ease;
display: inline-block;
white-space: nowrap;
overflow: hidden;
opacity: 1;
}
.btn-icon {
display: inline-block;
transition: opacity get($aside-config, transition-speed) ease;
overflow: hidden;
opacity: 0;
margin: 0;
width: 0;
}
}
// Dark theme
&.aside-dark {
background-color: get($aside-config, bg-color);
// Logo
.aside-logo {
background-color: get($aside-config, logo-bg-color);
}
// Aside toggle
.aside-toggle {
color: #494b74;
}
// Separator
.separator {
border-bottom-color: #282a3d;
}
// Custom button
.btn-custom {
//$color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active
@include button-custom-variant(#B5B5C3, null, null, rgba(63, 66, 84, 0.35), #B5B5C3, null, null, rgba(63, 66, 84, 0.35));
.btn-icon {
&,
i,
.svg-icon {
color: #B5B5C3;
}
}
}
}
// Light theme
&.aside-light {
background-color: $white;
}
}
// Desktop mode
@include media-breakpoint-up(lg) {
.aside {
width: get($aside-config, width);
transition: width get($aside-config, transition-speed) ease;
// Logo
.aside-logo {
display: flex;
justify-content: space-between;
align-items: center;
height: get($header-config, default, height, desktop);
padding: 0 get($aside-config, padding-x);
}
// Aside menu
.aside-menu {
width: get($aside-config, width);
}
// Fixed aside mode
.aside-fixed & {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: get($aside-config, z-index);
overflow: hidden;
}
// Static aside mode
.aside-static & {
position: relative;
z-index: 1;
}
// Minimize aside mode
[data-kt-aside-minimize="on"] & {
width: get($aside-config, minimized-width);
transition: width get($aside-config, transition-speed) ease;
// Logo
.aside-logo {
.logo-default {
display: inline-block;
}
.logo-minimize {
display: none;
}
}
// Hoverable
&.aside-hoverable:hover:not(.animating) {
transition: width get($aside-config, transition-speed) ease;
width: get($aside-config, width);
box-shadow: get($aside-config, minimized-hover-box-shadow);
}
// Not hovered mode
&:not(.aside-hoverable),
&:not(:hover) {
// Logo
.aside-logo {
justify-content: center;
.logo {
display: none;
}
.logo-default {
display: none;
}
.logo-minimize {
display: inline-block;
}
}
// Menu
.aside-menu {
.menu-content,
.menu-title {
opacity: 0;
transition: opacity get($aside-config, transition-speed) ease;
}
.menu-item.show > .menu-sub {
height: 0;
overflow: hidden;
transition: height get($aside-config, transition-speed) ease;
}
}
// Custom button
.btn-custom {
.btn-label {
width: 0;
opacity: 0;
transition: opacity get($aside-config, transition-speed) ease;
}
.btn-icon {
width: auto;
opacity: 1;
transition: opacity get($aside-config, transition-speed) ease;
}
}
}
}
}
}
// Tablet & mobile modes
@include media-breakpoint-down(lg) {
.aside {
display: none;
// Logo
.aside-logo {
display: none;
}
}
}

63
resources/assets/demo1/sass/layout/aside/_menu.scss vendored Normal file
View file

@ -0,0 +1,63 @@
//
// Menu
//
// Aside menu
.aside-menu {
.menu {
// Link padding x
@include menu-link-padding-x(get($aside-config, padding-x));
// Menu indention
@include menu-link-indention(get($aside-config, menu-indention), get($aside-config, padding-x));
}
// Item
.menu-item {
padding: 0;
// Menu Link
.menu-link {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
// Icon
.menu-icon {
justify-content: flex-start;
}
}
}
// Aside dark theme
.aside-dark {
.hover-scroll-overlay-y {
--scrollbar-space: 0.4rem;
@include scrollbar-color(get($aside-config, scrollbar-color), get($aside-config, scrollbar-hover-color));
}
.menu {
.menu-item {
.menu-section {
color: #4c4e6f !important;
}
//$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
@include menu-link-default-state( #9899ac, #494b74, #9899ac, #9899ac, null);
@include menu-link-hover-state( $white, $primary, $primary, $white, #1b1b28);
@include menu-link-here-state( $white, $primary, $primary, $white, #1b1b28);
@include menu-link-show-state( $white, $primary, $primary, $white, #1b1b28);
@include menu-link-active-state( $white, $primary, $primary, $white, #1b1b28);
}
}
}
// Aside light theme
.aside-light {
.menu {
.menu-title {
font-weight: 500;
}
}
}