igna.rocks/src/App.js

69 lines
1.8 KiB
JavaScript

import "./css/main.css";
import { makeStyles } from "@material-ui/core/styles";
import Button from "@material-ui/core/Button";
const useStyles = makeStyles((theme) => ({
root: {
"& > *": {
margin: theme.spacing(1),
},
},
}));
function App() {
const classes = useStyles();
return (
<div className="App">
<meta charSet="UTF-8" />
<meta property="og:title" content="igna.rocks" />
<meta property="og:type" content="website" />
<meta property="og:image" href="assets/favicon.png" />
<meta property="og:description" content="igna > you." />
<meta property="og:url" content="https://igna.rocks" />
<meta name="theme-color" content="#bbaaee" />
<link rel="icon" type="image/png" href="assets/favicon.png" />
<link rel="stylesheet" href="css/rain.css" />
<link rel="stylesheet" href="css/main.css" />
<audio autoPlay>
<source src="./assets/only_one.mp3" type="audio/mpeg" />
</audio>
<div className="content-main">
<h1>root@igna.rocks</h1>
<br />
<p>
{" "}
Hi, I'm Ignacio, a 13-year-old developer who likes anime and code
stuff
</p>
<br />
<div className={classes.root}>
<Button
variant="contained"
color="secondary"
href="https://discord.com/users/886994695648051270"
>
Discord
</Button>
<Button
variant="contained"
color="primary"
href="https://bio.igna.rocks"
>
Bio
</Button>
<Button
variant="contained"
color="secondary"
href="https://steamcommunity.com/id/nulIed"
>
Steam
</Button>
</div>
</div>
<p></p>
</div>
);
}
export default App;