more stuff
This commit is contained in:
Graphictoria
parent
65a4422c1d
commit
a98017b0d7
|
|
@ -37,8 +37,8 @@ class BannerController extends Controller
|
|||
}
|
||||
|
||||
return response($content)
|
||||
->header('Access-Control-Allow-Origin', env('APP_URL'))
|
||||
->header('Vary', 'origin')
|
||||
->header('Content-Type', 'application/json');
|
||||
->header('Access-Control-Allow-Origin', env('APP_URL'))
|
||||
->header('Vary', 'origin')
|
||||
->header('Content-Type', 'application/json');
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1232,8 +1232,55 @@
|
|||
"@popperjs/core": {
|
||||
"version": "2.10.1",
|
||||
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.10.1.tgz",
|
||||
"integrity": "sha512-HnUhk1Sy9IuKrxEMdIRCxpIqPw6BFsbYSEUO9p/hNw5sMld/+3OLMWQP80F8/db9qsv3qUjs7ZR5bS/R+iinXw==",
|
||||
"dev": true
|
||||
"integrity": "sha512-HnUhk1Sy9IuKrxEMdIRCxpIqPw6BFsbYSEUO9p/hNw5sMld/+3OLMWQP80F8/db9qsv3qUjs7ZR5bS/R+iinXw=="
|
||||
},
|
||||
"@react-aria/ssr": {
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.1.0.tgz",
|
||||
"integrity": "sha512-RxqQKmE8sO7TGdrcSlHTcVzMP450hqowtBSd2bBS9oPlcokVkaGq28c3Rwa8ty5ctw4EBCjXqjP7xdcKMGDzug==",
|
||||
"requires": {
|
||||
"@babel/runtime": "^7.6.2"
|
||||
}
|
||||
},
|
||||
"@restart/context": {
|
||||
"version": "2.1.4",
|
||||
"resolved": "https://registry.npmjs.org/@restart/context/-/context-2.1.4.tgz",
|
||||
"integrity": "sha512-INJYZQJP7g+IoDUh/475NlGiTeMfwTXUEr3tmRneckHIxNolGOW9CTq83S8cxq0CgJwwcMzMJFchxvlwe7Rk8Q=="
|
||||
},
|
||||
"@restart/hooks": {
|
||||
"version": "0.3.27",
|
||||
"resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.3.27.tgz",
|
||||
"integrity": "sha512-s984xV/EapUIfkjlf8wz9weP2O9TNKR96C68FfMEy2bE69+H4cNv3RD4Mf97lW7Htt7PjZrYTjSC8f3SB9VCXw==",
|
||||
"requires": {
|
||||
"dequal": "^2.0.2"
|
||||
}
|
||||
},
|
||||
"@restart/ui": {
|
||||
"version": "0.2.3",
|
||||
"resolved": "https://registry.npmjs.org/@restart/ui/-/ui-0.2.3.tgz",
|
||||
"integrity": "sha512-FDhtjIR9QvUfMwvFsgVurRA1qdYxM0F0S07acywjG7gNI2YmQo78rtCYIe553V/pyBjEjaKAg3fzBFCocFTqyQ==",
|
||||
"requires": {
|
||||
"@babel/runtime": "^7.13.16",
|
||||
"@popperjs/core": "^2.10.1",
|
||||
"@react-aria/ssr": "^3.0.1",
|
||||
"@restart/hooks": "^0.4.0",
|
||||
"@types/warning": "^3.0.0",
|
||||
"dequal": "^2.0.2",
|
||||
"dom-helpers": "^5.2.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"uncontrollable": "^7.2.1",
|
||||
"warning": "^4.0.3"
|
||||
},
|
||||
"dependencies": {
|
||||
"@restart/hooks": {
|
||||
"version": "0.4.1",
|
||||
"resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.1.tgz",
|
||||
"integrity": "sha512-87UMGZcFwbj0Gr+8eEBAzL6H8xF5pMwq/S3LWeFK9cg4+lTqLFMsiVQFT4ncMJzqgpdD7T6ktF8PsEHeN2O+MQ==",
|
||||
"requires": {
|
||||
"dequal": "^2.0.2"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"@steveeeie/react-page-transition": {
|
||||
"version": "1.2.1",
|
||||
|
|
@ -1399,6 +1446,11 @@
|
|||
"@types/svgo": "^1"
|
||||
}
|
||||
},
|
||||
"@types/invariant": {
|
||||
"version": "2.2.35",
|
||||
"resolved": "https://registry.npmjs.org/@types/invariant/-/invariant-2.2.35.tgz",
|
||||
"integrity": "sha512-DxX1V9P8zdJPYQat1gHyY0xj3efl8gnMVjiM9iCY6y27lj+PoQWkgjt8jDqmovPqULkKVpKRg8J36iQiA+EtEg=="
|
||||
},
|
||||
"@types/json-schema": {
|
||||
"version": "7.0.9",
|
||||
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz",
|
||||
|
|
@ -1422,18 +1474,51 @@
|
|||
"integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
|
||||
"dev": true
|
||||
},
|
||||
"@types/prop-types": {
|
||||
"version": "15.7.4",
|
||||
"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz",
|
||||
"integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
|
||||
},
|
||||
"@types/react": {
|
||||
"version": "17.0.34",
|
||||
"resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.34.tgz",
|
||||
"integrity": "sha512-46FEGrMjc2+8XhHXILr+3+/sTe3OfzSPU9YGKILLrUYbQ1CLQC9Daqo1KzENGXAWwrFwiY0l4ZbF20gRvgpWTg==",
|
||||
"requires": {
|
||||
"@types/prop-types": "*",
|
||||
"@types/scheduler": "*",
|
||||
"csstype": "^3.0.2"
|
||||
}
|
||||
},
|
||||
"@types/react-transition-group": {
|
||||
"version": "4.4.4",
|
||||
"resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz",
|
||||
"integrity": "sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==",
|
||||
"requires": {
|
||||
"@types/react": "*"
|
||||
}
|
||||
},
|
||||
"@types/retry": {
|
||||
"version": "0.12.1",
|
||||
"resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
|
||||
"integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g==",
|
||||
"dev": true
|
||||
},
|
||||
"@types/scheduler": {
|
||||
"version": "0.16.2",
|
||||
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
|
||||
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
|
||||
},
|
||||
"@types/svgo": {
|
||||
"version": "1.3.6",
|
||||
"resolved": "https://registry.npmjs.org/@types/svgo/-/svgo-1.3.6.tgz",
|
||||
"integrity": "sha512-AZU7vQcy/4WFEuwnwsNsJnFwupIpbllH1++LXScN6uxT1Z4zPzdrWG97w4/I7eFKFTvfy/bHFStWjdBAg2Vjug==",
|
||||
"dev": true
|
||||
},
|
||||
"@types/warning": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
|
||||
"integrity": "sha1-DSUBJorY+ZYrdA04fEZU9fjiPlI="
|
||||
},
|
||||
"@webassemblyjs/ast": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
|
||||
|
|
@ -2427,6 +2512,11 @@
|
|||
"safe-buffer": "^5.0.1"
|
||||
}
|
||||
},
|
||||
"classnames": {
|
||||
"version": "2.3.1",
|
||||
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
|
||||
"integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
|
||||
},
|
||||
"clean-css": {
|
||||
"version": "5.1.5",
|
||||
"resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.1.5.tgz",
|
||||
|
|
@ -3140,6 +3230,11 @@
|
|||
"integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
|
||||
"dev": true
|
||||
},
|
||||
"dequal": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.2.tgz",
|
||||
"integrity": "sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug=="
|
||||
},
|
||||
"des.js": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
|
||||
|
|
@ -4390,6 +4485,14 @@
|
|||
"integrity": "sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==",
|
||||
"dev": true
|
||||
},
|
||||
"invariant": {
|
||||
"version": "2.2.4",
|
||||
"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
|
||||
"integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
|
||||
"requires": {
|
||||
"loose-envify": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"ip": {
|
||||
"version": "1.1.5",
|
||||
"resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
|
||||
|
|
@ -6249,6 +6352,15 @@
|
|||
"react-is": "^16.8.1"
|
||||
}
|
||||
},
|
||||
"prop-types-extra": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
|
||||
"integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
|
||||
"requires": {
|
||||
"react-is": "^16.3.2",
|
||||
"warning": "^4.0.0"
|
||||
}
|
||||
},
|
||||
"proxy-addr": {
|
||||
"version": "2.0.7",
|
||||
"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
|
||||
|
|
@ -6382,6 +6494,30 @@
|
|||
"prop-types": "^15.5.0"
|
||||
}
|
||||
},
|
||||
"react-bootstrap": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.0.2.tgz",
|
||||
"integrity": "sha512-QuMqJ+WJmd6dUyOys6OF3nr6T/FjUVAoEMbSjsFrwVufJtvMox0SU1Dvz/cDID+Dl6Rz2RLcJzyqkdl+DEK2Gg==",
|
||||
"requires": {
|
||||
"@babel/runtime": "^7.14.0",
|
||||
"@restart/context": "^2.1.4",
|
||||
"@restart/hooks": "^0.3.26",
|
||||
"@restart/ui": "^0.2.3",
|
||||
"@types/invariant": "^2.2.33",
|
||||
"@types/prop-types": "^15.7.3",
|
||||
"@types/react": ">=16.14.8",
|
||||
"@types/react-transition-group": "^4.4.1",
|
||||
"@types/warning": "^3.0.0",
|
||||
"classnames": "^2.3.1",
|
||||
"dom-helpers": "^5.2.1",
|
||||
"invariant": "^2.2.4",
|
||||
"prop-types": "^15.7.2",
|
||||
"prop-types-extra": "^1.1.0",
|
||||
"react-transition-group": "^4.4.1",
|
||||
"uncontrollable": "^7.2.1",
|
||||
"warning": "^4.0.3"
|
||||
}
|
||||
},
|
||||
"react-dom": {
|
||||
"version": "17.0.2",
|
||||
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
|
||||
|
|
@ -6407,6 +6543,11 @@
|
|||
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
|
||||
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
|
||||
},
|
||||
"react-lifecycles-compat": {
|
||||
"version": "3.0.4",
|
||||
"resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
|
||||
"integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
|
||||
},
|
||||
"react-router": {
|
||||
"version": "5.2.1",
|
||||
"resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.1.tgz",
|
||||
|
|
@ -7465,6 +7606,17 @@
|
|||
"integrity": "sha512-5NkbXZUlmCE73Fs7gvkp1XXJWHYetPkg60QnQ2NXQmBYNFxbBr2zA8GCtaH4K2s2WhOmSlgiSTmrjrcm5tnM5g==",
|
||||
"dev": true
|
||||
},
|
||||
"uncontrollable": {
|
||||
"version": "7.2.1",
|
||||
"resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
|
||||
"integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
|
||||
"requires": {
|
||||
"@babel/runtime": "^7.6.3",
|
||||
"@types/react": ">=16.9.11",
|
||||
"invariant": "^2.2.4",
|
||||
"react-lifecycles-compat": "^3.0.4"
|
||||
}
|
||||
},
|
||||
"unicode-canonical-property-names-ecmascript": {
|
||||
"version": "1.0.4",
|
||||
"resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
|
||||
|
|
@ -7617,6 +7769,14 @@
|
|||
"loader-utils": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"warning": {
|
||||
"version": "4.0.3",
|
||||
"resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
|
||||
"integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
|
||||
"requires": {
|
||||
"loose-envify": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"watchpack": {
|
||||
"version": "2.2.0",
|
||||
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.2.0.tgz",
|
||||
|
|
|
|||
|
|
@ -32,6 +32,7 @@
|
|||
"@steveeeie/react-page-transition": "^1.2.1",
|
||||
"laravel-mix-react-css-modules": "^2.0.0",
|
||||
"mini-css-extract-plugin": "^2.4.3",
|
||||
"react-bootstrap": "^2.0.2",
|
||||
"react-google-recaptcha": "^2.1.0",
|
||||
"styled-components": "^5.3.1"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
<svg width="159" height="110" xmlns="http://www.w3.org/2000/svg"><path d="m154 17.5c-1.82-6.73-7.07-12-13.8-13.8-9.04-3.49-96.6-5.2-122 0.1-6.73 1.82-12 7.07-13.8 13.8-4.08 17.9-4.39 56.6 0.1 74.9 1.82 6.73 7.07 12 13.8 13.8 17.9 4.12 103 4.7 122 0 6.73-1.82 12-7.07 13.8-13.8 4.35-19.5 4.66-55.8-0.1-75z" fill="#f00"/><path d="m105 55-40.8-23.4v46.8z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 373 B |
|
|
@ -1,4 +1,4 @@
|
|||
{
|
||||
"/js/app.js": "/js/app.js",
|
||||
"/css/graphictoria.module.css": "/css/graphictoria.module.css"
|
||||
"/css/graphictoria.css": "/css/graphictoria.css"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,7 +23,8 @@ const Footer = () => {
|
|||
<p className="text-muted fw-light m-0">Copyright © {CurrentDate.getFullYear()} Graphictoria. All rights reserved.</p>
|
||||
<p className="text-muted fw-light m-0">Graphictoria is not affiliated with, endorsed by, or sponsored by Roblox Corporation. The usage of this website signifies your acceptance of the <FooterLink label="Terms of Service" href="/legal/terms-of-service"/> and our <FooterLink label="Privacy Policy" href="/legal/privacy-policy"/>.</p>
|
||||
<div className="my-1">
|
||||
<a className="mx-1" href="https://twitter.com/gtoriadotnet" rel="noreferrer" target="_blank"><img src="/images/Twitter.svg" alt="Twitter" height="28" width="28"></img></a>
|
||||
<a className="mx-1" href="https://www.youtube.com/graphictoria?sub_confirmation=1" rel="noreferrer" target="_blank"><img src="/images/YouTube.svg" alt="YouTube" height="22" width="28"></img></a>
|
||||
<a className="mx-1" href="https://twitter.com/intent/user?screen_name=gtoriadotnet" rel="noreferrer" target="_blank"><img src="/images/Twitter.svg" alt="Twitter" height="28" width="28"></img></a>
|
||||
<a className="mx-1" href="https://discord.gg/q666a2sF6d" rel="noreferrer" target="_blank"><img src="/images/Discord.svg" alt="Discord" height="28" width="28"></img></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,10 +4,6 @@
|
|||
import React, { useState } from 'react';
|
||||
import { Link, NavLink } from 'react-router-dom';
|
||||
|
||||
import styles from '../../sass/Graphictoria.module.scss';
|
||||
|
||||
console.log(styles);
|
||||
|
||||
const dropdownLinks = [
|
||||
{
|
||||
area: 'Games',
|
||||
|
|
@ -32,58 +28,58 @@ const Navbar = (props) => {
|
|||
|
||||
return (
|
||||
<>
|
||||
<nav className={ `${styles['navbar']} ${styles['graphictoria-navbar']} ${styles['fixed-top']} ${styles['navbar-expand-md']} ${styles['shadow-sm']}` }>
|
||||
<div className={ styles['container-sm'] }>
|
||||
<NavLink activeClassName={ styles['active'] } className={ styles['navbar-brand'] } to="/">
|
||||
<nav className="navbar graphictoria-navbar fixed-top navbar-expand-md shadow-sm">
|
||||
<div className="container-sm">
|
||||
<NavLink className="navbar-brand" to="/">
|
||||
<img src="/images/logo.png" alt="Graphictoria" width="43" height="43" draggable="false"/>
|
||||
</NavLink>
|
||||
<button className={ styles['navbar-toggler'] } type="button" data-bs-toggle="collapse" data-bs-target={ `#${styles['graphictoria-nav']}` } aria-controls={ styles['graphictoria-nav'] } aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span className={ styles['navbar-toggler-icon'] }></span>
|
||||
<button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#graphictoria-nav" aria-controls="graphictoria-nav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span className="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div className={ `${styles['collapse']} ${styles['navbar-collapse']}` } id={ styles['graphictoria-nav'] }>
|
||||
<ul className={ `${styles['navbar-nav']} ${styles['me-auto']}` }>
|
||||
<div className="collapse navbar-collapse" id="graphictoria-nav">
|
||||
<ul className="navbar-nav me-auto">
|
||||
{
|
||||
!props.maintenanceEnabled ?
|
||||
<>
|
||||
<li className={ styles['nav-item'] }>
|
||||
<NavLink activeClassName={ styles['active'] } className={ styles['nav-link'] } to="/games">Games</NavLink>
|
||||
<li className="nav-item">
|
||||
<NavLink className="nav-link" to="/games">Games</NavLink>
|
||||
</li>
|
||||
<li className={ styles['nav-item'] }>
|
||||
<NavLink activeClassName={ styles['active'] } className={ styles['nav-link'] } to="/catalog">Catalog</NavLink>
|
||||
<li className="nav-item">
|
||||
<NavLink className="nav-link" to="/catalog">Catalog</NavLink>
|
||||
</li>
|
||||
<li className={ styles['nav-item'] }>
|
||||
<NavLink activeClassName={ styles['active'] } className={ styles['nav-link'] } to="/forum">Forum</NavLink>
|
||||
<li className="nav-item">
|
||||
<NavLink className="nav-link" to="/forum">Forum</NavLink>
|
||||
</li>
|
||||
<li className={ `${styles['nav-item']} ${styles['dropdown']}` }>
|
||||
<li className="nav-item dropdown">
|
||||
{/* eslint-disable-next-line */}
|
||||
<a className={ `${styles['nav-link']} ${styles['dropdown-toggle']}` } href="#" id={ styles['graphictoria-nav-dropdown'] } role="button" data-bs-toggle="dropdown" area-expanded="false">More</a>
|
||||
<ul className={ `${styles['dropdown-menu']} ${styles['graphictoria-nav-dropdown']}` } area-labelledby={ styles['graphictoria-nav-dropdown'] }>
|
||||
<li><NavLink activeClassName={ styles['active'] } className={ styles['dropdown-item'] } to="/users">Users</NavLink></li>
|
||||
<li><a className={ styles['dropdown-item'] } href="https://discord.gg/q666a2sF6d" target="_blank" rel="noreferrer">Discord</a></li>
|
||||
<a className="nav-link dropdown-toggle" href="#" id="graphictoria-nav-dropdown" role="button" data-bs-toggle="dropdown" area-expanded="false">More</a>
|
||||
<ul className="dropdown-menu graphictoria-nav-dropdown" area-labelledby="graphictoria-nav-dropdown">
|
||||
<li><NavLink className="dropdown-item" to="/users">Users</NavLink></li>
|
||||
<li><a className="dropdown-item" href="https://discord.gg/q666a2sF6d" target="_blank" rel="noreferrer">Discord</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</>
|
||||
:
|
||||
<li className={ styles['nav-item'] }>
|
||||
<a className={ styles['nav-link'] } href="https://discord.gg/q666a2sF6d" target="_blank" rel="noreferrer">Discord</a>
|
||||
<li className="nav-item">
|
||||
<a className="nav-link" href="https://discord.gg/q666a2sF6d" target="_blank" rel="noreferrer">Discord</a>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
{
|
||||
!props.maintenanceEnabled ?
|
||||
<input type="text" className={ `${styles['form-control']} ${styles['d-lg-flex']} ${styles['graphictoria-search']}` } placeholder="Search" aria-label="Search" aria-describedby="graphictoria-nav-search-button" onChange={ changeEvent => setSearchQuery(changeEvent.target.value) } value={ searchQuery }/>
|
||||
<input type="text" className="form-control d-lg-flex graphictoria-search" placeholder="Search" aria-label="Search" aria-describedby="graphictoria-nav-search-button" onChange={ changeEvent => setSearchQuery(changeEvent.target.value) } value={ searchQuery }/>
|
||||
:
|
||||
null
|
||||
}
|
||||
|
||||
{
|
||||
searchQuery.length !== 0 ?
|
||||
<div id={ styles['graphictoria-search-dropdown'] }>
|
||||
<ul className={ `${styles['dropdown-menu']} ${styles['show']}` } area-labelledby={ styles['graphictoria-search-dropdown'] }>
|
||||
<div id="graphictoria-search-dropdown">
|
||||
<ul className="dropdown-menu show" area-labelledby="graphictoria-search-dropdown">
|
||||
{
|
||||
dropdownLinks.map(({ area, urlbase }, index) =>
|
||||
<li key={index}>
|
||||
<Link activeClassName={ styles['active'] } className={ `${styles['dropdown-item']} ${styles['py-2']}` } onClick={ () => setSearchQuery('') } to={urlbase + encodeURIComponent(searchQuery)}>Search <b className="text-truncate graphictoria-search-dropdown-truncate">{searchQuery}</b> in {area}</Link>
|
||||
<Link className="dropdown-item py-2" onClick={ () => setSearchQuery('') } to={urlbase + encodeURIComponent(searchQuery)}>Search <b className="text-truncate graphictoria-search-dropdown-truncate">{searchQuery}</b> in {area}</Link>
|
||||
</li>
|
||||
)
|
||||
}
|
||||
|
|
@ -95,14 +91,14 @@ const Navbar = (props) => {
|
|||
|
||||
{
|
||||
!props.maintenanceEnabled ?
|
||||
<Link activeClassName={ styles['active'] } className={ `${styles['btn']} ${styles['btn-success']}` } to="/login">Login / Sign up</Link>
|
||||
<Link className="btn btn-success" to="/login">Login / Sign up</Link>
|
||||
:
|
||||
null
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div className={ styles['graphictoria-nav-margin'] }>
|
||||
<div className="graphictoria-nav-margin">
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@ class App extends React.Component {
|
|||
|
||||
function updateBanners()
|
||||
{
|
||||
axios.get(protocol + 'api.' + url + '/web/activebanners').then((response) => {
|
||||
axios.get(protocol + 'api.' + url + '/banners/data').then((response) => {
|
||||
var result = [];
|
||||
response.data.map(function(banner){
|
||||
result.push(<Banner type={banner.type} description={banner.text} dismissible={banner.dismissable} />);
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ class Auth extends React.Component {
|
|||
</div>
|
||||
<div className="col">
|
||||
<h5>New to Graphictoria?</h5>
|
||||
<p>Creating an account takes less than a minute, and you can join a community of 3k+ users for <b>completely free</b>.<br/><Link to="/register" className="text-decoration-none fw-normal">Sign Up</Link></p>
|
||||
<p>Creating an account takes less than a minute, and you can join a community of 6k+ users for <b>completely free</b>.<br/><Link to="/register" className="text-decoration-none fw-normal">Sign Up</Link></p>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -24,11 +24,11 @@ class Games extends React.Component {
|
|||
{
|
||||
var app = this;
|
||||
|
||||
SetTitle("Games");
|
||||
SetTitle('Games');
|
||||
|
||||
function updateBanners()
|
||||
{
|
||||
axios.get(protocol + 'api.' + url + '/web/games/status').then((response) => {
|
||||
axios.get(protocol + 'api.' + url + '/games/metadata').then((response) => {
|
||||
app.setState({offline: !response.data.available});
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ class Home extends React.Component {
|
|||
<div className="container graphictoria-center-vh my-auto text-center text-white">
|
||||
<div className="mb-4 graphictoria-home-shadow">
|
||||
<h1 className="graphictoria-homepage-header">Graphictoria</h1>
|
||||
<h5 className="mb-0">Graphictoria aims to revive the classic Roblox experience. Join <b>5k+</b> other users and relive your childhood!</h5>
|
||||
<h5 className="mb-0">Graphictoria aims to revive the classic Roblox experience. Join <b>6k+</b> other users and relive your childhood!</h5>
|
||||
<p className="graphictoria-homepage-fine-print fst-italic">* Graphictoria is not affiliated with, endorsed by, or sponsored by Roblox Corporation.</p>
|
||||
</div>
|
||||
<Link to="/register" className="btn btn-success">Create your account<i className="ps-2 graphictoria-small-aligned-text fas fa-chevron-right"></i></Link>
|
||||
|
|
@ -35,8 +35,8 @@ class Home extends React.Component {
|
|||
<div className="container text-center">
|
||||
<h1 className="mb-5 fw-bold">Social Links</h1>
|
||||
<div className="row mb-5">
|
||||
<SocialCard title="YouTube" description="Subscribe to our YouTube channel, where we upload trailers for future events and Graphictoria gameplay videos." link="https://www.youtube.com/channel/UCIXSiSX13i_etDjRJzcKnLQ" />
|
||||
<SocialCard title="Twitter" description="Follow us on Twitter. Here you can recieve important updates about Graphictoria and receive announcements for events, downtime, etc." link="https://www.twitter.com/gtoriadotnet" />
|
||||
<SocialCard title="YouTube" description="Subscribe to our YouTube channel, where we upload trailers for future events and Graphictoria gameplay videos." link="https://www.youtube.com/graphictoria?sub_confirmation=1" />
|
||||
<SocialCard title="Twitter" description="Follow us on Twitter. Here you can recieve important updates about Graphictoria and receive announcements for events, potential downtime, status reports, etc." link="https://twitter.com/intent/user?screen_name=gtoriadotnet" />
|
||||
<SocialCard title="Discord" description="Join our Discord server. This is the place where you can engage with the rest of our community, or just hang out with friends." link="https://www.discord.gg/jBRHAyp" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -482,6 +482,12 @@ input {
|
|||
background-color: $gray-800;
|
||||
border-color: $gray-700;
|
||||
}
|
||||
|
||||
html.gtoria-light & {
|
||||
color: $gray-500;
|
||||
background-color: $white;
|
||||
border-color: $gray-400;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
|
|
@ -20,9 +20,9 @@ Route::get('/', function () {
|
|||
return 'API OK';
|
||||
});
|
||||
|
||||
Route::get('/web/activebanners', [BannerController::class, 'getBanners']);
|
||||
Route::get('/banners/data', [BannerController::class, 'getBanners']);
|
||||
|
||||
Route::get('/web/games/status', [GamesController::class, 'isAvailable']);
|
||||
Route::get('/games/metadata', [GamesController::class, 'isAvailable']);
|
||||
|
||||
Route::fallback(function () {
|
||||
return response('{"errors":[{"code":404,"message":"NotFound"}]}', 404)
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ require('laravel-mix-banner');
|
|||
|
||||
mix.js('resources/js/app.js', 'public/js')
|
||||
.react()
|
||||
.sass('resources/sass/graphictoria.module.scss', 'public/css')
|
||||
.sass('resources/sass/graphictoria.scss', 'public/css')
|
||||
.banner({
|
||||
banner: (function () {
|
||||
return [
|
||||
|
|
|
|||
Loading…
Reference in New Issue