Skip to content

Commit fa32aab

Browse files
ciusjiciusji
committed
init elixir web
1 parent 59b394d commit fa32aab

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

71 files changed

+14408
-0
lines changed

‎.eslintrc

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"extends": "standard"
3+
}

‎.gitignore

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
.idea/
4+
5+
# dependencies
6+
/node_modules
7+
/.pnp
8+
.pnp.js
9+
10+
# testing
11+
/coverage
12+
13+
# production
14+
/build
15+
16+
# misc
17+
.DS_Store
18+
.env.local
19+
.env.development.local
20+
.env.test.local
21+
.env.production.local
22+
23+
npm-debug.log*
24+
yarn-debug.log*
25+
yarn-error.log*

‎.idea/elixir-web.iml

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.prettierrc

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"tabWidth": 2,
3+
"singleQuote": false,
4+
"semi": true,
5+
"trailingComma": "all"
6+
}

‎HISTORY.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
# History
2+
3+
4+
## 1.0.0 (2021-05-12)
5+
6+
v1.0.0 release.

‎LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2021 GuinsooLab
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<div align="center">
2+
<img src="./public/elixirnote.svg" width="120" alt="logo" />
3+
</div>
4+
5+
# ElixirNote
6+
7+
For more information, please refer to [here](https://ciusji.gitbook.io/elixirnote/).

‎package.json

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
{
2+
"name": "elixir",
3+
"homepage": "https://elixirnote.github.io/elixir-web/",
4+
"version": "0.1.0",
5+
"private": true,
6+
"dependencies": {
7+
"@material-ui/core": "^4.3.0",
8+
"@material-ui/icons": "^4.2.1",
9+
"@material-ui/styles": "^4.3.0",
10+
"classnames": "^2.2.6",
11+
"font-awesome": "^4.7.0",
12+
"gh-pages": "^3.1.0",
13+
"react": "^16.8.6",
14+
"react-apexcharts": "^1.3.3",
15+
"react-dom": "^16.8.6",
16+
"react-google-maps": "^9.4.5",
17+
"react-router-dom": "^5.0.1",
18+
"react-scripts": "3.0.1",
19+
"react-syntax-highlighter": "^11.0.2",
20+
"react-toastify": "^5.3.2",
21+
"tinycolor2": "^1.4.1",
22+
"typed.js": "^2.0.12"
23+
},
24+
"scripts": {
25+
"start": "react-scripts start",
26+
"predeploy": "npm run build",
27+
"deploy": "gh-pages -d build",
28+
"build": "react-scripts build",
29+
"test": "react-scripts test",
30+
"eject": "react-scripts eject"
31+
},
32+
"eslintConfig": {
33+
"extends": [
34+
"react-app",
35+
"react-app/jest"
36+
]
37+
},
38+
"browserslist": {
39+
"production": [
40+
">0.2%",
41+
"not dead",
42+
"not op_mini all"
43+
],
44+
"development": [
45+
"last 1 chrome version",
46+
"last 1 firefox version",
47+
"last 1 safari version"
48+
]
49+
},
50+
"devDependencies": {
51+
"@material-ui/lab": "^4.0.0-alpha.56",
52+
"prettier": "^1.19.1",
53+
"prop-types": "^15.7.2"
54+
}
55+
}

‎public/index.html

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
6+
<meta
7+
name="viewport"
8+
content="width=device-width, initial-scale=1, shrink-to-fit=no"
9+
/>
10+
<meta name="theme-color" content="#000000" />
11+
<!--
12+
manifest.json provides metadata used when your web app is installed on a
13+
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
14+
-->
15+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
16+
<!--
17+
Notice the use of %PUBLIC_URL% in the tags above.
18+
It will be replaced with the URL of the `public` folder during the build.
19+
Only files inside the `public` folder can be referenced from the HTML.
20+
21+
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
22+
work correctly both with client-side routing and a non-root public URL.
23+
Learn how to configure a non-root public URL by running `npm run build`.
24+
-->
25+
<title>Irelia</title>
26+
<meta name="description" content="Elixir">
27+
<meta name="keywords" content="Elixir, go from data to knowledge">
28+
<meta name="author" content="ciusji">
29+
</head>
30+
<body style="font-family: 'Arial', sans-serif;">
31+
<noscript>You need to enable JavaScript to run this app.</noscript>
32+
<div id="root"></div>
33+
<!--
34+
This HTML file is a template.
35+
If you open it directly in the browser, you will see an empty page.
36+
37+
You can add web fonts, meta tags, or analytics to this file.
38+
The build step will place the bundled scripts into the <body> tag.
39+
40+
To begin the development, run `npm start` or `yarn start`.
41+
To create a production bundle, use `npm run build` or `yarn build`.
42+
-->
43+
</body>
44+
</html>

‎public/manifest.json

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"short_name": "ElixirNote",
3+
"name": "ElixirNote",
4+
"icons": [
5+
{
6+
"src": "favicon.ico",
7+
"sizes": "64x64 32x32 24x24 16x16",
8+
"type": "image/x-icon"
9+
}
10+
],
11+
"start_url": ".",
12+
"display": "standalone",
13+
"theme_color": "#536DFE",
14+
"background_color": "#ffffff"
15+
}

‎src/components/App.js

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import React from "react";
2+
import { HashRouter, Route, Switch, Redirect } from "react-router-dom";
3+
4+
// components
5+
import Layout from "./Layout";
6+
7+
// pages
8+
import Error from "../pages/error";
9+
10+
export default function App() {
11+
12+
return (
13+
<HashRouter>
14+
<Switch>
15+
<Route exact path="/" render={() => <Redirect to="/app/home" />} />
16+
<Route exact path="/app" render={() => <Redirect to="/app/home" />} />
17+
<PrivateRoute path="/app" component={Layout}/>
18+
<Route component={Error} />
19+
</Switch>
20+
</HashRouter>
21+
);
22+
}
23+
24+
function PrivateRoute({ component, ...rest }) {
25+
return (
26+
<Route
27+
{...rest}
28+
render={props => React.createElement(component, props)}
29+
/>
30+
);
31+
}

‎src/components/Footer/Footer.js

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
import React from "react";
2+
import Container from "@material-ui/core/Container";
3+
import Grid from "@material-ui/core/Grid";
4+
import { Typography } from "../Wrappers";
5+
import Divider from "@material-ui/core/Divider";
6+
import Button from "@material-ui/core/Button";
7+
import InputBase from "@material-ui/core/InputBase";
8+
9+
// styles
10+
import useStyles from "./styles";
11+
12+
// pictures
13+
import ElixirFooterLogo from "../../images/elixirnote-footer.svg";
14+
import GitHubLogo from "../../images/github.svg";
15+
16+
export default function Footer() {
17+
const classes = useStyles();
18+
19+
return (
20+
<>
21+
<div className={classes.root}>
22+
<Container maxWidth="lg">
23+
<Grid container className={classes.footerPos}>
24+
<Grid item xs={2}>
25+
<img
26+
src={ElixirFooterLogo}
27+
className={classes.logo}
28+
alt="spotrix-logo-footer"
29+
/>
30+
</Grid>
31+
<Grid item xs={10}>
32+
<Grid container>
33+
<Grid item xs={2} className={classes.footerBody}>
34+
<b className={classes.title2}>ElixirNote</b>
35+
<p className={classes.body2} onClick={() => window.open("https://github.com/ElixirNote", "_target")}>About Us</p>
36+
<p className={classes.body2} onClick={() => window.open("https://github.com/ElixirNote", "_target")}>Terms</p>
37+
</Grid>
38+
<Grid item xs={2} className={classes.footerBody}>
39+
<b className={classes.title2}>GuinsooLab</b>
40+
<p className={classes.body2} onClick={() => window.open("https://github.com/GuinsooLab", "_target")}>GuinsooLab Stack</p>
41+
<p className={classes.body2} onClick={() => window.open("https://guinsoolab.github.io/glab", "_target")}>GuinsooLab Solutions</p>
42+
<p className={classes.body2} onClick={() => window.open("https://github.com/Spotrix", "_target")}>Spotrix</p>
43+
<p className={classes.body2} onClick={() => window.open("https://github.com/IreliaTable", "_target")}>IreliaTable</p>
44+
</Grid>
45+
<Grid item xs={2} className={classes.footerBody}>
46+
<b className={classes.title2}>Community</b>
47+
<p className={classes.body2} onClick={() => window.open("https://github.com/ElixirNote", "_target")}>
48+
<img src={GitHubLogo} width={14} alt="github-logo"/>
49+
&nbsp;&nbsp;GitHub
50+
</p>
51+
</Grid>
52+
<Grid item xs={5} className={classes.footerBody}>
53+
<b className={classes.title2}>Subscribe</b>
54+
<p className={classes.body3}>Stay up to date with our latest news.</p>
55+
<InputBase className={classes.input} placeholder={"Enter email address"} />
56+
<Button className={classes.button}>Subscribe</Button>
57+
</Grid>
58+
<Grid item xs={1} className={classes.footerBody} />
59+
</Grid>
60+
</Grid>
61+
</Grid>
62+
{/* divider */}
63+
<Divider className={classes.appDivider} />
64+
<Typography className={classes.copyright}>
65+
© 2021-2022 ElixirNote & GuinsoooLab
66+
</Typography>
67+
</Container>
68+
</div>
69+
</>
70+
);
71+
}

‎src/components/Footer/package.json

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"name": "Footer",
3+
"version": "0.0.0",
4+
"private": true,
5+
"main": "Footer.js"
6+
}

0 commit comments

Comments
 (0)