rizaldy/ig.rizaldy.club
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: create foundations

Browse Source
This commit is contained in:
rizaldy 2024-01-31 00:25:25 +07:00
parent 62316d1eec
commit dfe94f0e8e
3 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
pages/_app.js Normal file
View File

@ -0,0 +1,31 @@
import "../styles/globals.css";
import { Fragment } from "react";
import Navbar from "../components/Navbar";
import Footer from "../components/Footer";
import config from "../config.json";
const Content = ({ children }) => (
<div className="flex items-center justify-between w-full my-5">
<div className="lg:w-7/12 mx-auto">{children}</div>
</div>
);
const App = ({ Component, pageProps }) => (
<Fragment>
<Navbar name={config.navbar.logotype} logo={config.navbar.logo} />
<Content>
<Component {...pageProps} />
</Content>
<Footer
repo={config.footer.repo}
links={config.footer.links}
license={config.footer.license}
commitID={process.env.COMMIT_SHORT_SHA || "HEAD"}
/>
</Fragment>
);
export default App;

15
pages/_document.js Normal file
View File

@ -0,0 +1,15 @@
import { Html, Head, Main, NextScript } from "next/document";
const Document = () => {
return (
<Html lang="en">
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
};
export default Document;

12
styles/globals.css Normal file
View File

@ -0,0 +1,12 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Somehow tailwind doesn't include this??? */
.aspect-photos {
aspect-ratio: 1 / 1;
}
.aspect-videos {
aspect-ratio: 16 / 9;
}