Skip to content

Commit

Permalink
feat: revamp homepage
Browse files Browse the repository at this point in the history
  • Loading branch information
@dennyabrain
dennyabrain committed Dec 9, 2023
1 parent 2a2d98b commit 08797ff
Show file tree
Hide file tree
Showing 5 changed files with 187 additions and 115 deletions.
23 changes: 23 additions & 0 deletions src/components/default-mdx-layout.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,29 @@ const DefaultMDXLayout = ({ children, width, breadcrumb }) => {
</Link> */}
</Box>
</Box>
<Box direction={"row-responsive"}>
<Link to="/portfolio">
<Box pad="small">
<Text size="small">Work</Text>
</Box>
</Link>
<Link to="/logs">
<Box pad="small">
<Text size="small">Log</Text>
</Box>
</Link>

<Link to="/cheatsheets">
<Box pad="small">
<Text size="small">Cheatsheet</Text>
</Box>
</Link>
<Link to="/reading-notes">
<Box pad="small">
<Text size="small">Reading Notes</Text>
</Box>
</Link>
</Box>
<Box height={"0.2em"} />

<Box height={"1.2em"} />
Expand Down
26 changes: 24 additions & 2 deletions src/components/index-layout.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,21 +39,43 @@ const IndexLayout = ({ children }) => {
denntenna
</Heading>
</Link>
<Box flex={"grow"}>
{/* <Box flex={"grow"}>
<Box direction={"row-responsive"} wrap={true} gap={"xsmall"}>
<TagBubble tag={"#online-harms"} />
<TagBubble tag={"#information-disorder"} />
<TagBubble tag={"#hypermedia"} />
<TagBubble tag={"#p2p"} />
</Box>
</Box>
</Box> */}
<Box gap={"small"}>
<Link to={"/about"} color={"red"}>
<Text size={"small"}>about</Text>
</Link>
</Box>
</Box>
<Box direction={"row-responsive"}>
<Link to="/portfolio">
<Box pad="small">
<Text size="small">Work</Text>
</Box>
</Link>
<Link to="/logs">
<Box pad="small">
<Text size="small">Log</Text>
</Box>
</Link>

<Link to="/cheatsheets">
<Box pad="small">
<Text size="small">Cheatsheet</Text>
</Box>
</Link>
<Link to="/reading-notes">
<Box pad="small">
<Text size="small">Reading Notes</Text>
</Box>
</Link>
</Box>
<Box
// margin={{ top: "large" }}
ref={commentBox}
Expand Down
16 changes: 16 additions & 0 deletions src/pages/cheatsheets/tailscale.mdx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
---
title: tailscale
---

Commands on Linux(Ubuntu)

```
sudo tailscale login # loging using github and choose the org
sudo tailscale up
sudo tailscale status
sudo tailscale down
```

On Android,

Install the app, login and then activate the VPN
126 changes: 13 additions & 113 deletions src/pages/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,16 @@ const IndexPage = ({ data }) => {
return (
<IndexLayout>
<Box fill overflow={"hidden"} wrap={"true"} direction={"row-responsive"}>
<Box width={"medium"} round overflow={"hidden"}>
<Section width={"medium"}>
<StaticImage
src={"../images/sjngd-portrait.jpg"}
alt="author picture"
placeholder="blurred"
width={1024}
/>
</Section>
</Box>
{/* <Box width={"medium"}>
<Section width={"medium"}>
<Heading level={2} margin={{ bottom: "small", top: "none" }}>
Expand Down Expand Up @@ -58,109 +68,9 @@ const IndexPage = ({ data }) => {
</Section>
</Box> */}

<Box width={"medium"}>
<Section width={"medium"}>
<Heading level={2} margin={{ bottom: "small", top: "none" }}>
Portfolio
</Heading>
<Box width={"medium"}></Box>

<Box direction={"column"}>
<Text>
<Anchor href={"https://tattle.co.in"} target={"blank"}>
{" "}
Tattle
</Anchor>
{
" (2020 onwards) : Tools and Dataset to understand and respond to misinformation in India."
}
</Text>
<Text>
<Anchor
href={"https://www.instagram.com/mouthwash.reels/reels/"}
target={"blank"}
>
{" "}
Mouthwash
</Anchor>
{" (2022) : Comedy Sketches on Instagram Reels"}
</Text>

<Text>
<Anchor
href={"https://www.youtube.com/watch?v=yvUFGLoQxfI"}
target={"blank"}
>
{" "}
Dhish
</Anchor>
{
" (2019) : Make music with intuitive percussive hand gestures."
}
</Text>
<Text>
<Anchor
href={
"https://winners.webbyawards.com/2019/apps-and-software/general-mobile-ott-apps/public-service-activism/78754/migracam"
}
target={"blank"}
>
{" "}
Migracam
</Anchor>
{
" (2020) : An app for immigrants on US border to record law enforcement misdemeanor. Built at Quardrant2"
}
</Text>
<Text>
<Anchor
href={
"https://www.vice.com/en/article/kbnbvn/this-invention-lets-your-pizza-tweet-every-time-you-take-a-bite"
}
target={"blank"}
>
{" "}
Tweat
</Anchor>
{" (2018) : Live Tweet every bite of your food"}
</Text>
</Box>
</Section>
<Section width={"medium"}>
<Heading level={2} margin={{ bottom: "small", top: "none" }}>
Work in Progress
</Heading>

<Text>
<Anchor
href="https://tattle.co.in/products/viral-spiral/"
target="_blank"
>
Viral Spiral
</Anchor>
{", "}
<Anchor href="https:uli.tattle.co.in" target="_blank">
Uli
</Anchor>
{", "}
<Link to={"/generative-workout-mix"}>
<Text size="medium">Live Coding Workout Mix</Text>
</Link>
{", "}

<Anchor href={"https://puddle.vip"}>puddle</Anchor>

{" and "}
<Anchor href={"https://denntenna.github.io/oif"}>
Opinions In Formation
</Anchor>
{/* <Link to={`/chronospatial`}>
<Text>Chronospatial</Text>
</Link> */}
</Text>
</Section>
</Box>

<Box width={"medium"}>
{/* <Box width={"medium"}>
<Section width={"medium"}>
<Heading level={2} margin={{ bottom: "small", top: "none" }}>
Cheatsheets
Expand Down Expand Up @@ -232,17 +142,7 @@ const IndexPage = ({ data }) => {
</Text>
</Box>
</Section>
</Box>
<Box width={"medium"} round overflow={"hidden"}>
<Section width={"medium"}>
<StaticImage
src={"../images/sjngd-portrait.jpg"}
alt="author picture"
placeholder="blurred"
width={1024}
/>
</Section>
</Box>
</Box> */}
</Box>
</IndexLayout>
);
Expand Down
111 changes: 111 additions & 0 deletions src/pages/portfolio.jsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,111 @@
import React from "react";
import Section from "../components/section";
import { Box, Heading, Text, Anchor } from "grommet";
import IndexLayout from "../components/index-layout";
import { Link } from "gatsby";

function Page() {
return (
<IndexLayout>
<Section width={"medium"}>
<Heading level={2} margin={{ bottom: "small", top: "none" }}>
Portfolio
</Heading>

<Box direction={"column"}>
<Text>
<Anchor href={"https://tattle.co.in"} target={"blank"}>
{" "}
Tattle
</Anchor>
{
" (2020 onwards) : Tools and Dataset to understand and respond to misinformation in India."
}
</Text>
<Text>
<Anchor
href={"https://www.instagram.com/mouthwash.reels/reels/"}
target={"blank"}
>
{" "}
Mouthwash
</Anchor>
{" (2022) : Comedy Sketches on Instagram Reels"}
</Text>

<Text>
<Anchor
href={"https://www.youtube.com/watch?v=yvUFGLoQxfI"}
target={"blank"}
>
{" "}
Dhish
</Anchor>
{" (2019) : Make music with intuitive percussive hand gestures."}
</Text>
<Text>
<Anchor
href={
"https://winners.webbyawards.com/2019/apps-and-software/general-mobile-ott-apps/public-service-activism/78754/migracam"
}
target={"blank"}
>
{" "}
Migracam
</Anchor>
{
" (2020) : An app for immigrants on US border to record law enforcement misdemeanor. Built at Quardrant2"
}
</Text>
<Text>
<Anchor
href={
"https://www.vice.com/en/article/kbnbvn/this-invention-lets-your-pizza-tweet-every-time-you-take-a-bite"
}
target={"blank"}
>
{" "}
Tweat
</Anchor>
{" (2018) : Live Tweet every bite of your food"}
</Text>
</Box>
</Section>
<Section width={"medium"}>
<Heading level={2} margin={{ bottom: "small", top: "none" }}>
Work in Progress
</Heading>

<Text>
<Anchor
href="https://tattle.co.in/products/viral-spiral/"
target="_blank"
>
Viral Spiral
</Anchor>
{", "}
<Anchor href="https:uli.tattle.co.in" target="_blank">
Uli
</Anchor>
{", "}
<Link to={"/generative-workout-mix"}>
<Text size="medium">Live Coding Workout Mix</Text>
</Link>
{", "}

<Anchor href={"https://puddle.vip"}>puddle</Anchor>

{" and "}
<Anchor href={"https://denntenna.github.io/oif"}>
Opinions In Formation
</Anchor>
{/* <Link to={`/chronospatial`}>
<Text>Chronospatial</Text>
</Link> */}
</Text>
</Section>
</IndexLayout>
);
}

export default Page;

0 comments on commit 08797ff

Please sign in to comment.