API Updates and Patchs
|
@ -1,5 +1,5 @@
|
||||||
import { Page404Style } from "./404Page.style";
|
import { Page404Style } from "./404Page.style";
|
||||||
import Link from 'next/link'
|
import Link from "next/link";
|
||||||
|
|
||||||
function Page404() {
|
function Page404() {
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -11,9 +11,7 @@ function Page500() {
|
||||||
Internal server error
|
Internal server error
|
||||||
</h1>
|
</h1>
|
||||||
<p>I might be currently trying to fix the problem.</p>
|
<p>I might be currently trying to fix the problem.</p>
|
||||||
<p className="info">
|
<p className="info">Maybe try again in a few minutes ...</p>
|
||||||
Maybe try again in a few minutes ...
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</Page500Style>
|
</Page500Style>
|
||||||
);
|
);
|
||||||
|
|
|
@ -1,15 +1,15 @@
|
||||||
import {} from "config";
|
|
||||||
import { ExtraStyles } from "./extras.style";
|
import { ExtraStyles } from "./extras.style";
|
||||||
import { extra } from "config";
|
import { extra, extraPages } from "config";
|
||||||
|
|
||||||
function extras() {
|
function extras() {
|
||||||
return (
|
return (
|
||||||
<ExtraStyles>
|
<ExtraStyles>
|
||||||
<h1>Extras</h1>
|
<div>
|
||||||
|
<h1 className="title">Pages</h1>
|
||||||
<div className="default">
|
<div className="default">
|
||||||
{extra.map((content, index) => {
|
{extraPages.map((content, index) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<div key={index}>
|
||||||
<div className="content">
|
<div className="content">
|
||||||
<div className="content-description">
|
<div className="content-description">
|
||||||
<img src={content.image} />
|
<img src={content.image} />
|
||||||
|
@ -26,10 +26,38 @@ function extras() {
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</div>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h1 className="title">Components</h1>
|
||||||
|
<div className="default">
|
||||||
|
{extra.map((content, index) => {
|
||||||
|
return (
|
||||||
|
<div key={index}>
|
||||||
|
<div className="content">
|
||||||
|
<div className="content-description">
|
||||||
|
<img src={content.image} />
|
||||||
|
</div>
|
||||||
|
<div className="content-title">
|
||||||
|
<h1>
|
||||||
|
<a
|
||||||
|
href={content.url}
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
>
|
||||||
|
{content.name}
|
||||||
|
</a>
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</ExtraStyles>
|
</ExtraStyles>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
// import SendIcon from "@mui/icons-material/Send";
|
|
||||||
|
|
||||||
export const ExtraStyles = styled.div`
|
export const ExtraStyles = styled.div`
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -7,20 +6,27 @@ export const ExtraStyles = styled.div`
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-top: 15vh;
|
padding-top: 15vh;
|
||||||
background-image: url("images/background2.jpg");
|
background-image: url("images/background6.webp");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
overflow-y: scroll !important;
|
overflow-y: scroll !important;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
.title {
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
background-color: var(--color4);
|
||||||
|
color: var(--color3);
|
||||||
|
}
|
||||||
.default {
|
.default {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
/* height: 100vh; */
|
/* height: 100vh; */
|
||||||
padding-bottom: 10em;
|
padding-bottom: 3em;
|
||||||
|
padding-top: 2em;
|
||||||
.content {
|
.content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
@ -54,15 +60,15 @@ export const ExtraStyles = styled.div`
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #fff;
|
color: var(--color7);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
a {
|
a {
|
||||||
color: #fff;
|
color: var(--color7);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #b41ee6;
|
color: var(--color3);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,33 @@
|
||||||
|
import { ExtraStyles } from "./extras.style";
|
||||||
|
|
||||||
|
function qbadges() {
|
||||||
|
return (
|
||||||
|
<ExtraStyles>
|
||||||
|
<div>
|
||||||
|
<h1 className="title">Qwiklab Badges</h1>
|
||||||
|
<div className="default">
|
||||||
|
{/* <div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="content-description">
|
||||||
|
<img src={mydbs[1].image} />
|
||||||
|
</div>
|
||||||
|
<div className="content-title">
|
||||||
|
<h1>
|
||||||
|
<a
|
||||||
|
href={mydbs[1].url}
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
>
|
||||||
|
{mydbs[1].title}
|
||||||
|
</a>
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ExtraStyles>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default qbadges;
|
|
@ -1,12 +1,8 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import SkillCard from "../skillCard";
|
import SkillCard from "../skillCard";
|
||||||
// import SkillCardStyle from "../skillCard.styled";
|
|
||||||
// import { format, parse } from "date-format-parse";
|
|
||||||
|
|
||||||
function GitHubUserEvtSkillCard({ title, image, evt1, evt2, evt3, url }) {
|
function GitHubUserEvtSkillCard({ title, image, evt1, evt2, evt3, url }) {
|
||||||
// console.log(evt1);
|
var ghLogo = "/images/github_events/GitIcon.png";
|
||||||
var ghLogo =
|
|
||||||
"/images/github_events/GitIcon.png";
|
|
||||||
// Evt1
|
// Evt1
|
||||||
if (evt1.type === "PushEvent") {
|
if (evt1.type === "PushEvent") {
|
||||||
evt1.entTypeLogo = "/images/github_events/github_push_event_logo.png";
|
evt1.entTypeLogo = "/images/github_events/github_push_event_logo.png";
|
||||||
|
|
|
@ -12,7 +12,6 @@ import LinearProgress from "@mui/material/LinearProgress";
|
||||||
import GitHubSkillCard from "./skillComponents/github_user";
|
import GitHubSkillCard from "./skillComponents/github_user";
|
||||||
import OsuUserSkillCard from "./skillComponents/osu_user";
|
import OsuUserSkillCard from "./skillComponents/osu_user";
|
||||||
import TwitterUserSkillCard from "./skillComponents/twitter_user";
|
import TwitterUserSkillCard from "./skillComponents/twitter_user";
|
||||||
import GitHubThySkillCard from "./skillComponents/github_trophy";
|
|
||||||
import SpotifyTopSkillCard from "./skillComponents/spotify_top_songs";
|
import SpotifyTopSkillCard from "./skillComponents/spotify_top_songs";
|
||||||
import WakatimeUserSkillCard from "./skillComponents/wakatime_user";
|
import WakatimeUserSkillCard from "./skillComponents/wakatime_user";
|
||||||
import HashNodeSkillCard from "./skillComponents/hashnode_inst";
|
import HashNodeSkillCard from "./skillComponents/hashnode_inst";
|
||||||
|
|
49
config.js
|
@ -1,3 +1,4 @@
|
||||||
|
import { qbadges } from "qbadges"
|
||||||
export const name = "Jyotirmoy Bandhapadhayaya";
|
export const name = "Jyotirmoy Bandhapadhayaya";
|
||||||
export const github_url = "https://github.com/bravo68web";
|
export const github_url = "https://github.com/bravo68web";
|
||||||
export const twitter_url = "https://twitter.com/bravo68web";
|
export const twitter_url = "https://twitter.com/bravo68web";
|
||||||
|
@ -86,6 +87,18 @@ export const arts = [
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
const myqbs = async () => {
|
||||||
|
let qb1 = await qbadges("293e000c-f58c-4119-b60b-e0e7a769e61f");
|
||||||
|
let qb2 = await qbadges("dd51f4e2-6171-461b-888c-ce954832c72e");
|
||||||
|
qb1 = qb1.concat(qb2);
|
||||||
|
let map = new Map(Object.entries(qb1));
|
||||||
|
return map;
|
||||||
|
}
|
||||||
|
|
||||||
|
export let qb = myqbs().then((qbd) => {
|
||||||
|
return qbd;
|
||||||
|
}).catch((err) => console.error(err));
|
||||||
|
|
||||||
export const extra = [
|
export const extra = [
|
||||||
{
|
{
|
||||||
name: "PraiveBin",
|
name: "PraiveBin",
|
||||||
|
@ -119,7 +132,7 @@ export const extra = [
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
var project = [
|
export const projects = [
|
||||||
{
|
{
|
||||||
name: "URL Minify",
|
name: "URL Minify",
|
||||||
type: "project",
|
type: "project",
|
||||||
|
@ -456,5 +469,35 @@ var project = [
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
// export const projects = project.sort(() => Math.random() - 0.5);
|
export const extraPages = [
|
||||||
export const projects = project;
|
{
|
||||||
|
name: "Qwiklabs Badges",
|
||||||
|
type: "page",
|
||||||
|
image: "/images/qwikilabs-logo.png",
|
||||||
|
url: "/qbadges",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Status Page",
|
||||||
|
type: "page",
|
||||||
|
image: "/images/uptime-logo.png",
|
||||||
|
url: "/status",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "VSCode Extentions",
|
||||||
|
type: "page",
|
||||||
|
image: "/images/vscode-ext.png",
|
||||||
|
url: "/vscode",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Game Skill Stats",
|
||||||
|
type: "page",
|
||||||
|
image: "/images/default_game.jpg",
|
||||||
|
url: "/gameskills",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Something Special",
|
||||||
|
type: "page",
|
||||||
|
image: "/images/special.png",
|
||||||
|
url: "/spl",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
|
@ -2,5 +2,5 @@ import axios from "axios";
|
||||||
|
|
||||||
export default axios.create({
|
export default axios.create({
|
||||||
baseURL: "https://api.b68dev.xyz",
|
baseURL: "https://api.b68dev.xyz",
|
||||||
// baseURL: "http://localhost:9000",
|
// baseURL: "http://localhost:8080",
|
||||||
});
|
});
|
||||||
|
|
|
@ -68,6 +68,10 @@ export const APISDK = {
|
||||||
endpoint: "/me/github/userevent",
|
endpoint: "/me/github/userevent",
|
||||||
name: "gh_events",
|
name: "gh_events",
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
endpoint: "/me/vscode",
|
||||||
|
name: "vscode",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
this.data
|
this.data
|
||||||
);
|
);
|
||||||
|
|
|
@ -28,12 +28,14 @@
|
||||||
"@mui/material": "^5.3.0",
|
"@mui/material": "^5.3.0",
|
||||||
"@pdftron/webviewer": "^8.3.3",
|
"@pdftron/webviewer": "^8.3.3",
|
||||||
"axios": "^0.26.1",
|
"axios": "^0.26.1",
|
||||||
|
"ciao-status-fetch": "^1.0.1",
|
||||||
"core-js": "^3.21.1",
|
"core-js": "^3.21.1",
|
||||||
"cursor-react": "^1.0.3",
|
"cursor-react": "^1.0.3",
|
||||||
"date-format-parse": "^0.2.7",
|
"date-format-parse": "^0.2.7",
|
||||||
"fs-extra": "^10.0.1",
|
"fs-extra": "^10.0.1",
|
||||||
"next": "^12.1.4",
|
"next": "^12.1.4",
|
||||||
"next-connect": "^0.12.2",
|
"next-connect": "^0.12.2",
|
||||||
|
"qbadges": "^0.0.1",
|
||||||
"react": "^17.0.2",
|
"react": "^17.0.2",
|
||||||
"react-dom": "^17.0.2",
|
"react-dom": "^17.0.2",
|
||||||
"react-use-lanyard": "^0.1.1",
|
"react-use-lanyard": "^0.1.1",
|
||||||
|
|
|
@ -2,7 +2,5 @@ import Page500 from "components/500Page";
|
||||||
import Footer from "components/footer";
|
import Footer from "components/footer";
|
||||||
|
|
||||||
export default function Custom500() {
|
export default function Custom500() {
|
||||||
return (
|
return <Page500 />;
|
||||||
<Page500/>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,6 +2,6 @@ import axios from "axios";
|
||||||
|
|
||||||
const handler = async (req, res) => {
|
const handler = async (req, res) => {
|
||||||
res.status(200).json({ name: "John Doe" });
|
res.status(200).json({ name: "John Doe" });
|
||||||
}
|
};
|
||||||
|
|
||||||
export default handler;
|
export default handler;
|
|
@ -36,7 +36,7 @@ export default function Home() {
|
||||||
<Nav />
|
<Nav />
|
||||||
<Extras />
|
<Extras />
|
||||||
|
|
||||||
{/* <Footer /> */}
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,40 @@
|
||||||
|
import Head from "next/head";
|
||||||
|
import Nav from "components/nav";
|
||||||
|
import Qbadges from "components/qbadges";
|
||||||
|
|
||||||
|
export default function Home() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<Head>
|
||||||
|
<title>
|
||||||
|
Projects | Jyotirmoy Bandyopadhayaya | Full Stack Web Developer and
|
||||||
|
DevOps Engineer
|
||||||
|
</title>
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Jyotirmoy Bandyopadhayaya's Website | A Student, Full Stack and DevOps Platform Developer | Jyotirmoy Bandyopadhayaya's Tech Stack"
|
||||||
|
/>
|
||||||
|
<meta
|
||||||
|
name="keywords"
|
||||||
|
content="bravo, bravo68web, Jyotirmoy, Bandyopadhayaya, dev, web, Full Stack Developer, DevOps, gcp, linux, server, api, rest, lpu"
|
||||||
|
/>
|
||||||
|
<meta name="language" content="EN" />
|
||||||
|
<meta name="author" content="Jyotirmoy Bandyopadhayaya | Bravo68web" />
|
||||||
|
<meta
|
||||||
|
name="publisher"
|
||||||
|
content="Jyotirmoy Bandyopadhayaya | Bravo68web"
|
||||||
|
/>
|
||||||
|
<link rel="icon" href="/favicon.ico" />
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
</Head>
|
||||||
|
<Nav />
|
||||||
|
<Qbadges />
|
||||||
|
{/* <Footer /> */}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
|
@ -0,0 +1,42 @@
|
||||||
|
import Head from "next/head";
|
||||||
|
import Nav from "components/nav";
|
||||||
|
import VSexts from "components/vsexts";
|
||||||
|
import Footer from "components/footer";
|
||||||
|
|
||||||
|
export default function Home() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<Head>
|
||||||
|
<title>
|
||||||
|
VS Code Extensions | Jyotirmoy Bandyopadhayaya | Full Stack Web Developer and
|
||||||
|
DevOps Engineer
|
||||||
|
</title>
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Jyotirmoy Bandyopadhayaya's Website | A Student, Full Stack and DevOps Platform Developer | Jyotirmoy Bandyopadhayaya's Tech Stack"
|
||||||
|
/>
|
||||||
|
<meta
|
||||||
|
name="keywords"
|
||||||
|
content="bravo, bravo68web, Jyotirmoy, Bandyopadhayaya, dev, web, Full Stack Developer, DevOps, gcp, linux, server, api, rest, lpu"
|
||||||
|
/>
|
||||||
|
<meta name="language" content="EN" />
|
||||||
|
<meta name="author" content="Jyotirmoy Bandyopadhayaya | Bravo68web" />
|
||||||
|
<meta
|
||||||
|
name="publisher"
|
||||||
|
content="Jyotirmoy Bandyopadhayaya | Bravo68web"
|
||||||
|
/>
|
||||||
|
<link rel="icon" href="/favicon.ico" />
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
</Head>
|
||||||
|
<Nav />
|
||||||
|
<Extras />
|
||||||
|
|
||||||
|
<Footer />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
After Width: | Height: | Size: 1.6 MiB |
After Width: | Height: | Size: 552 KiB |
After Width: | Height: | Size: 23 KiB |
After Width: | Height: | Size: 6.4 KiB |
After Width: | Height: | Size: 304 KiB |
After Width: | Height: | Size: 247 KiB |
After Width: | Height: | Size: 128 KiB |