Turingon/Personal-Blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Parto unu

Browse source
This commit is contained in:
Turingon 2024-07-18 17:36:31 +02:00
parent 973c6dcf84
commit eb0baeac75
8 changed files with 121 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
package-lock.json generated
View file

@ -656,11 +656,11 @@
}
},
"node_modules/braces": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
"dependencies": {
"fill-range": "^7.0.1"
"fill-range": "^7.1.1"
},
"engines": {
"node": ">=8"
@ -1433,9 +1433,9 @@
}
},
"node_modules/fill-range": {
"version": "7.0.1",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
"version": "7.1.1",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
"dependencies": {
"to-regex-range": "^5.0.1"
},

69
src/app/globals.css
View file

@ -0,0 +1,69 @@
:root{
--bg:white;
--textColor: black;
--softBg: #f0f0f0;
--softTextColor: #626262;
}
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{
max-width: 100vw;
overflow-x: hidden;
}
a{
color: inherit;
text-decoration: none;
}
.container{
min-height: 100vh;
background-color: var(--bg);
color: var(--textColor);
}
.wrapper{
max-width: 1536px;
margin-left: auto;
margin-right: auto;
background-color: rebeccapurple;
padding-left: 80px;
padding-right: 80px;
}
@media screen and (max-width:1536px) {
.wrapper{
max-width: 1366px;
}
}
@media screen and (max-width:1280px) {
.wrapper{
max-width: 1024px;
}
}
@media screen and (max-width:1024px) {
.wrapper{
max-width: 768px;
padding-left: 40px;
padding-right: 40px;
}
}
@media screen and (max-width:768px) {
.wrapper{
max-width: 640px;
}
}
@media screen and (max-width:640px) {
.wrapper{
max-width: 475px;
}
}

18
src/app/layout.js
View file

@ -1,17 +1,29 @@
import './globals.css'
import { Inter } from 'next/font/google'
import Footer from "@/components/footer/Footer";
import Navbar from "@/components/navbar/Navbar";
const inter = Inter({ subsets: ['latin'] })
export const metadata = {
title: 'Blog App',
description: 'The best blog app!',
description: 'A personal blog app',
}
export default function RootLayout({ children }) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
<body className={inter.className}>
<div className="container">
<div className="wrapper">
<Navbar/>
{children}
<Footer/>
</div>
</div>
</body>
</html>
)
);
}

5
src/app/page.jsx
View file

@ -1,5 +1,8 @@
import Link from "next/link";
import styles from "./homepage.module.css";
export default function Home() {
return <div>Hello</div>;
return <div>
</div>;
}

10
src/components/footer/Footer.jsx Normal file
View file

@ -0,0 +1,10 @@
import React from 'react'
import styles from "./footer.module.css"
const Footer = () => {
return (
<div className={styles.container}>Footer</div>
)
}
export default Footer

3
src/components/footer/footer.module.css Normal file
View file

@ -0,0 +1,3 @@
.container{
background-color: blue;
}

10
src/components/navbar/Navbar.jsx Normal file
View file

@ -0,0 +1,10 @@
import React from 'react'
import styles from "./navbar.module.css"
const Navbar = () => {
return (
<div className={styles.container}>Navbar</div>
)
}
export default Navbar

3
src/components/navbar/navbar.module.css Normal file
View file

@ -0,0 +1,3 @@
.container{
background-color: red;
}