├── .gitignore
├── package.json
├── public
├── index.html
├── manifest.json
└── robots.txt
├── src
├── App.css
├── App.jsx
├── components
│ └── Navbar
│ │ ├── NavbarElements.jsx
│ │ └── index.jsx
├── index.jsx
└── pages
│ ├── cheatmanager.jsx
│ ├── index.jsx
│ └── jailbreak.jsx
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "webpage",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@testing-library/jest-dom": "^5.11.4",
7 | "@testing-library/react": "^11.1.0",
8 | "@testing-library/user-event": "^12.1.10",
9 | "react": "^17.0.2",
10 | "react-dom": "^17.0.2",
11 | "react-icons": "^4.2.0",
12 | "react-router-dom": "^5.2.0",
13 | "react-scripts": "4.0.3",
14 | "styled-components": "^5.2.3",
15 | "web-vitals": "^1.0.1"
16 | },
17 | "scripts": {
18 | "start": "react-scripts start",
19 | "build": "react-scripts build",
20 | "test": "react-scripts test",
21 | "eject": "react-scripts eject"
22 | },
23 | "eslintConfig": {
24 | "extends": [
25 | "react-app",
26 | "react-app/jest"
27 | ]
28 | },
29 | "browserslist": {
30 | "production": [
31 | ">0.2%",
32 | "not dead",
33 | "not op_mini all"
34 | ],
35 | "development": [
36 | "last 1 chrome version",
37 | "last 1 firefox version",
38 | "last 1 safari version"
39 | ]
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
12 |
13 |
17 |
18 |
27 | React App
28 |
29 |
30 |
31 |
32 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
1 | @import url("https://fonts.googleapis.com/css2?family=Sora&display=swap");
2 | * {
3 | font-family: "Sora", sans-serif;
4 | box-sizing: border-box;
5 | margin: 0;
6 | padding: 0;
7 | }
--------------------------------------------------------------------------------
/src/App.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import "./App.css";
3 | import Navbar from "./components/Navbar";
4 | import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
5 | import Home from "./pages";
6 | import Jailbreak from "./pages/jailbreak";
7 | import CheatManager from "./pages/cheatmanager";
8 |
9 | function App() {
10 | return (
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | );
20 | }
21 |
22 | export default App;
23 |
--------------------------------------------------------------------------------
/src/components/Navbar/NavbarElements.jsx:
--------------------------------------------------------------------------------
1 | import styled from "styled-components";
2 | import { NavLink as Link } from "react-router-dom";
3 | import { FaBars } from "react-icons/fa";
4 |
5 | export const Nav = styled.nav`
6 | background: #000;
7 | height: 80px;
8 | display: flex;
9 | justify-content: space-between;
10 | padding: 0.5rem calc((100vw - 1000px) / 2);
11 | z-index: 10;
12 | `
13 |
14 | export const NavLink = styled(Link)`
15 | color: #fff;
16 | display: flex;
17 | align-items: center;
18 | text-decoration: none;
19 | padding: 0 1rem;
20 | height: 100%;
21 | cursor: pointer;
22 |
23 | &.active {
24 | color: #15cdfc;
25 | }
26 | `
27 |
28 | export const Bars = styled(FaBars)`
29 | display: none;
30 | color: #fff;
31 |
32 | @media screen and (max-width: 768px) {
33 | display: block;
34 | position: absolute;
35 | top: 0;
36 | right: 0;
37 | transform: translate(-100%, 75%);
38 | font-size: 1.8rem;
39 | cursor: pointer;
40 | }
41 | `
42 |
43 | export const NavMenu = styled.div`
44 | display: flex;
45 | align-items: center;
46 | margin-right: -24px;
47 |
48 | @media screen and (max-width: 768px) {
49 | display: none;
50 | }
51 | `
52 |
53 | export const NavBtn = styled.nav`
54 | display: flex;
55 | align-items: center;
56 | margin-right: 24px;
57 |
58 | @media screen and (max-width: 768px) {
59 | display: none;
60 | }
61 | `
62 |
63 | export const NavBtnLink = styled(Link)`
64 | border-radius: 4px;
65 | background: #256ce1;
66 | padding: 10px 22px;
67 | color: #fff;
68 | border: none;
69 | outline: none;
70 | cursor: pointer;
71 | transition: all 0.2s ease-in-out;
72 | text-decoration: none;
73 |
74 | &:hover {
75 | transition: all 0.2s ease-in-out:
76 | background: #fff;
77 | color: #010606;
78 | }
79 | `
--------------------------------------------------------------------------------
/src/components/Navbar/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Nav, NavLink, Bars, NavMenu, NavBtn, NavBtnLink } from "./NavbarElements.jsx";
3 |
4 | const Navbar = () => {
5 | return (
6 | <>
7 |
20 |
21 | )
22 | }
23 |
24 | export default Navbar
25 |
--------------------------------------------------------------------------------
/src/index.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 | import App from "./App";
4 |
5 | ReactDOM.render(
6 |
7 |
8 | ,
9 | document.getElementById("root")
10 | );
11 |
--------------------------------------------------------------------------------
/src/pages/cheatmanager.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const CheatManager = () => {
4 | return (
5 |
11 |
CheatManager
12 |
13 | )
14 | }
15 |
16 | export default CheatManager
17 |
--------------------------------------------------------------------------------
/src/pages/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const Home = () => {
4 | return (
5 |
11 |
Home
12 |
13 | )
14 | }
15 |
16 | export default Home
--------------------------------------------------------------------------------
/src/pages/jailbreak.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const Jailbreak = () => {
4 | return (
5 |
11 |
Jailbreak
12 |
13 | )
14 | }
15 |
16 | export default Jailbreak
17 |
--------------------------------------------------------------------------------