gp webring embed

Author: YasInvolved

.github/workflows/main.yml

@@ -1,19 +1,19 @@
-name: Deploy
-on: [workflow_dispatch]
-jobs:
- build:
- runs-on: ubuntu-latest
- steps:
- - name: Pull
- uses: appleboy/ssh-actions@v0.1.10
- with:
- host: ${{ secrets.HOSTNAME }}
- username: ${{ secrets.USERNAME }}
- key: ${{ secrets.KEY }}
- port: ${{ secrets.PORT }}
- script: |
- git checkout ${{ github.sha }}
- npm i
- npm run build
- npm run start
+# name: Deploy
+# on: [workflow_dispatch]
+# jobs:
+#  build:
+#  runs-on: ubuntu-latest
+#  steps:
+#  - name: Pull
+#  uses: appleboy/ssh-actions@v0.1.10
+#  with:
+#  host: ${{ secrets.HOSTNAME }}
+#  username: ${{ secrets.USERNAME }}
+#  key: ${{ secrets.KEY }}
+#  port: ${{ secrets.PORT }}
+#  script: |
+#  git checkout ${{ github.sha }}
+#  npm i
+#  npm run build
+#  npm run start
 

app/components/Footer.tsx

@@ -0,0 +1,17 @@
+import Link from "next/link";
+import Image from "next/image";
+
+export default function footer() {
+ return (
+ <div className="sticky botton-0 flex flex-col items-center justify-center p-4 border-t border-t-[#181818]">
+ <div className="flex flex-row items-center gap-1">
+ <Link href="https://graphics-programming.org/webring/frogs/devsh/prev">⬅️</Link>
+ <Link href="https://graphics-programming.org/webring/">
+ <Image src="https://graphics-programming.org/img/froge.webp" alt="a friendly froge" width={28} height={28}/>
+ </Link>
+ <Link href="https://graphics-programming.org/webring/frogs/devsh/next">➡️</Link>
+ </div>
+ <span>This website is a part of GP webring</span>
+ </div>
+ )
+}

app/layout.tsx

@@ -3,6 +3,7 @@ import localFont from "next/font/local";
 import "./globals.css";
 import "@/app/components/Navbar"
 import Navbar from "./components/Navbar";
+import Footer from "./components/Footer";
 
 const futuraPT = localFont({
  src: [
@@ -54,9 +55,10 @@ export default function RootLayout({
  className={`${futuraPT.className} antialiased flex flex-col h-dvh`}
  >
  <Navbar/>
- <main className="h-full overflow-x-hidden overflow-y-auto my-8">
+ <main className="h-full overflow-x-hidden overflow-y-auto my-2">
  {children}
  </main>
+ <Footer/>
  </body>
  </html>
  );

next.config.ts

@@ -15,6 +15,12 @@ const nextConfig: NextConfig = {
  hostname: 'api.dicebear.com',
  port: '',
  pathname: '/9.x/initials/**'
+ },
+ {
+ protocol: 'https',
+ hostname: 'graphics-programming.org',
+ port: '',
+ pathname: '/img/**'
  }
  ]
  }