yusufipek/teknolojirehberleri.xyz
1
0
Fork 0
mirror of https://github.com/yusufipk/teknolojirehberleri.xyz.git synced 2026-09-11 10:56:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

create(footer) created footer

Browse Source
This commit is contained in:
Yusuf İpek
2021-07-27 15:52:27 +03:00
parent 3399ece396
commit 55f7b9e9fb
7 changed files with 63 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
commons/home.js
+3
View File
@@ -0,0 +1,3 @@
export default function Home() {
return <div className="homepage"></div>;
}
components/footer.js
+23
View File
@@ -0,0 +1,23 @@
function Footer() {
return (
<div className="footer">
<div className="footer_text">
<p className="footer_text-main">
Sitedeki bütün içerikler kamu malıdır.
</p>
<p className="footer_text-secondary">
Esinlenilen website{" "}
<a
href="https://based.cooking"
target="_blank"
rel="noopener noreferrer"
>
based.cooking
</a>
</p>
</div>
</div>
);
}
export default Footer;
components/layout.js
+2
View File
@@ -1,10 +1,12 @@
import Navbar from "./navbar"; import Navbar from "./navbar";
import Footer from "./footer";
function Layout({ children }) { function Layout({ children }) {
return ( return (
<div className="container"> <div className="container">
<Navbar /> <Navbar />
<div className="children">{children}</div> <div className="children">{children}</div>
<Footer />
</div> </div>
); );
} }
pages/index.js
+3 -1
View File
@@ -1,6 +1,7 @@
import Head from "next/head"; import Head from "next/head";
import Home from "../commons/home";
export default function Home() { export default function App() {
return ( return (
<div> <div>
<Head> <Head>
@@ -11,6 +12,7 @@ export default function Home() {
/> />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<Home />
</div> </div>
); );
} }
styles/components/footer.scss
+26
View File
@@ -0,0 +1,26 @@
.footer {
display: flex;
justify-content: center;
background-color: var(--color-grey);
padding: 1.6rem;
&_text {
display: flex;
flex-direction: column;
text-align: center;
&-main {
font-size: 2rem;
}
&-secondary {
font-size: 1.6rem;
a {
color: var(--color-tertiary);
}
}
}
}
styles/globals.scss
+3
View File
@@ -9,5 +9,8 @@
@import "./base/utilities"; @import "./base/utilities";
@import "./components/navbar"; @import "./components/navbar";
@import "./components/footer";
@import "./pages/homepage.scss";
@import url("https://fontlibrary.org//face/nunito-sans"); @import url("https://fontlibrary.org//face/nunito-sans");
styles/pages/homepage.scss
+3
View File
@@ -0,0 +1,3 @@
.homepage {
height: 90vh;
}