@@ -12,5 +11,3 @@ function GitHubThySkillCard({ title, image, bannerImage, url }) {
+ {content && (
+
+ )}
+
+ );
+}
+
+export default SkillCard;
diff --git a/components/tootCard.style.jsx b/components/tootCard.style.jsx
new file mode 100644
index 0000000..981d8cd
--- /dev/null
+++ b/components/tootCard.style.jsx
@@ -0,0 +1,32 @@
+import styled from "styled-components";
+
+export default styled.div`
+ padding: 5%;
+ width: 230px;
+ height: 100%;
+ box-sizing: border-box;
+ background-color: #aa78f6;
+ border-radius: 5px;
+ box-shadow: 10px 9px 0px -3px #7b3ea7;
+ margin: 8px;
+ align-content: stretch;
+ * {
+ margin-top: inherit;
+ }
+ .type {
+ color: #9bdcf0;
+ /* padding: 4px; */
+ }
+ .card-logo {
+ float: inline-end;
+ border-radius: 100px;
+ display: flex;
+ align-items: center;
+ }
+
+ // On hover of the card, the card will grow in size
+ &:hover {
+ transform: scale(1.05);
+ transition: 0.3s;
+ }
+`;
diff --git a/components/toots.js b/components/toots.js
new file mode 100644
index 0000000..152b4c6
--- /dev/null
+++ b/components/toots.js
@@ -0,0 +1,57 @@
+import React, { useEffect, useState } from "react";
+import { ArtStyle } from "./toots.style";
+import SkillCard from "./tootCard";
+import { APISDK } from "handlers/sdk";
+import SkillsStyle from "./skills.style";
+import Box from "@mui/material/Box";
+import LinearProgress from "@mui/material/LinearProgress";
+
+export default function () {
+ const [skills, setSkills] = useState({});
+ const [loading, setLoading] = useState(true);
+
+ async function requestAPIS() {
+ await APISDK.req();
+ APISDK.data.logo = {
+ masto: `https://cdn.fosstodon.org/accounts/avatars/000/028/400/original/324cba4cb379bd4e.png`,
+ };
+ setSkills(APISDK.data);
+ setLoading(false);
+ }
+
+ useEffect(() => {
+ requestAPIS();
+ }, [loading, APISDK]);
+ let image = skills?.logo?.masto;
+ if (loading) {
+ return (
+ +
+ Fosstodon Status
+ {skills && (
+
+ {skills?.masto_status?.data?.map((project, index) => {
+ project.image = image;
+ return (
+ <>
+
+ )}
+
+
+ );
+ }
+}
diff --git a/components/toots.style.jsx b/components/toots.style.jsx
new file mode 100644
index 0000000..ad72a59
--- /dev/null
+++ b/components/toots.style.jsx
@@ -0,0 +1,16 @@
+import styled from "styled-components";
+
+export const ArtStyle = styled.div`
+ padding: 100px 50px;
+ height: 100vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-wrap: wrap;
+ overflow-y: auto;
+ background-image: url("/images/background7.png");
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+`;
diff --git a/config.js b/config.js
index 3284596..104f8a2 100644
--- a/config.js
+++ b/config.js
@@ -2,11 +2,12 @@ export const name = "Jyotirmoy Bandhapadhayaya";
export const github_url = "https://github.com/bravo68web";
export const twitter_url = "https://twitter.com/bravo68web";
export const linkedin_url = "https://linkedin.com/in/bravo68web";
+export const mastodon_url = "https://fosstodon.org/@bravo68web/";
export const email = "mailto:hi@b68.dev";
export const instagram_url = "https://instagram.com/bravo68web";
export const phone = "";
export const address = "";
-export const website = "https://bravo68web.com";
+export const website = "https://b68.dev";
export const resume_url = "";
export const facebook_url = "https://www.facebook.com/Bravo68Web/";
export const discord_id = "457039372009865226";
diff --git a/handlers/sdk.js b/handlers/sdk.js
index a46e343..d289f5e 100644
--- a/handlers/sdk.js
+++ b/handlers/sdk.js
@@ -61,11 +61,13 @@ export const APISDK = {
endpoint: "/me/vscode/",
name: "vscode",
},
+ {
+ endpoint: "/me/mastodon/statuses",
+ name: "masto_status",
+ },
],
this.data
);
// return tempEndpoint("https://api.github.com/users/bravo68web", this.data);
},
};
-
-console.log(APISDK.data);
diff --git a/package.json b/package.json
index 6f1b0e8..5111a2a 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
"core-js": "^3.21.1",
"date-format-parse": "^0.2.7",
"fs-extra": "^10.0.1",
+ "html-to-text": "^9.0.4",
"next": "^13.1.1",
"next-connect": "^0.12.2",
"react": "^18.2.0",
diff --git a/pages/toots.js b/pages/toots.js
index 2dbaaf3..aad4dcc 100644
--- a/pages/toots.js
+++ b/pages/toots.js
@@ -1,6 +1,6 @@
import Head from "next/head";
import Nav from "components/nav";
-import About from "components/about";
+import Toots from "components/toots";
import Footer from "components/footer";
export default function Home() {
@@ -13,9 +13,9 @@ export default function Home() {
-