Skip to content

Commit 54b503b

Browse files
rishiskharerishiskhare
committed
Added project files
1 parent 7ee6322 commit 54b503b

72 files changed

Lines changed: 9466 additions & 0 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.gitignore‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
6+
# next.js
7+
/.next/
8+
/out/
9+
10+
# production
11+
/build
12+
13+
# debug
14+
npm-debug.log*
15+
yarn-debug.log*
16+
yarn-error.log*
17+
.pnpm-debug.log*
18+
19+
# env files
20+
.env*
21+
22+
# vercel
23+
.vercel
24+
25+
# typescript
26+
*.tsbuildinfo
27+
next-env.d.ts

‎app/globals.css‎

Lines changed: 251 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,251 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
@font-face {
6+
font-family: "Tiempos Headline";
7+
src: url("/fonts/TiemposHeadline-Bold.otf") format("opentype");
8+
font-weight: normal;
9+
font-style: normal;
10+
font-display: swap;
11+
}
12+
13+
body {
14+
background-color: #fbf5ef;
15+
font-family: "IBM Plex Mono", monospace;
16+
color: rgba(0, 0, 0, 0.85);
17+
margin: 0;
18+
padding: 0;
19+
min-height: 100vh;
20+
line-height: 1.6;
21+
}
22+
23+
@layer utilities {
24+
.text-balance {
25+
text-wrap: balance;
26+
}
27+
}
28+
29+
@layer base {
30+
:root {
31+
--background: 0 0% 100%;
32+
--foreground: 0 0% 3.9%;
33+
--card: 0 0% 100%;
34+
--card-foreground: 0 0% 3.9%;
35+
--popover: 0 0% 100%;
36+
--popover-foreground: 0 0% 3.9%;
37+
--primary: 0 0% 9%;
38+
--primary-foreground: 0 0% 98%;
39+
--secondary: 0 0% 96.1%;
40+
--secondary-foreground: 0 0% 9%;
41+
--muted: 0 0% 96.1%;
42+
--muted-foreground: 0 0% 45.1%;
43+
--accent: 0 0% 96.1%;
44+
--accent-foreground: 0 0% 9%;
45+
--destructive: 0 84.2% 60.2%;
46+
--destructive-foreground: 0 0% 98%;
47+
--border: 0 0% 89.8%;
48+
--input: 0 0% 89.8%;
49+
--ring: 0 0% 3.9%;
50+
--chart-1: 12 76% 61%;
51+
--chart-2: 173 58% 39%;
52+
--chart-3: 197 37% 24%;
53+
--chart-4: 43 74% 66%;
54+
--chart-5: 27 87% 67%;
55+
--radius: 0.5rem;
56+
--sidebar-background: 0 0% 98%;
57+
--sidebar-foreground: 240 5.3% 26.1%;
58+
--sidebar-primary: 240 5.9% 10%;
59+
--sidebar-primary-foreground: 0 0% 98%;
60+
--sidebar-accent: 240 4.8% 95.9%;
61+
--sidebar-accent-foreground: 240 5.9% 10%;
62+
--sidebar-border: 220 13% 91%;
63+
--sidebar-ring: 217.2 91.2% 59.8%;
64+
}
65+
.dark {
66+
--background: 0 0% 3.9%;
67+
--foreground: 0 0% 98%;
68+
--card: 0 0% 3.9%;
69+
--card-foreground: 0 0% 98%;
70+
--popover: 0 0% 3.9%;
71+
--popover-foreground: 0 0% 98%;
72+
--primary: 0 0% 98%;
73+
--primary-foreground: 0 0% 9%;
74+
--secondary: 0 0% 14.9%;
75+
--secondary-foreground: 0 0% 98%;
76+
--muted: 0 0% 14.9%;
77+
--muted-foreground: 0 0% 63.9%;
78+
--accent: 0 0% 14.9%;
79+
--accent-foreground: 0 0% 98%;
80+
--destructive: 0 62.8% 30.6%;
81+
--destructive-foreground: 0 0% 98%;
82+
--border: 0 0% 14.9%;
83+
--input: 0 0% 14.9%;
84+
--ring: 0 0% 83.1%;
85+
--chart-1: 220 70% 50%;
86+
--chart-2: 160 60% 45%;
87+
--chart-3: 30 80% 55%;
88+
--chart-4: 280 65% 60%;
89+
--chart-5: 340 75% 55%;
90+
--sidebar-background: 240 5.9% 10%;
91+
--sidebar-foreground: 240 4.8% 95.9%;
92+
--sidebar-primary: 224.3 76.3% 48%;
93+
--sidebar-primary-foreground: 0 0% 100%;
94+
--sidebar-accent: 240 3.7% 15.9%;
95+
--sidebar-accent-foreground: 240 4.8% 95.9%;
96+
--sidebar-border: 240 3.7% 15.9%;
97+
--sidebar-ring: 217.2 91.2% 59.8%;
98+
}
99+
}
100+
101+
@layer base {
102+
* {
103+
@apply border-border;
104+
}
105+
body {
106+
@apply bg-background text-foreground;
107+
}
108+
}
109+
110+
h1 {
111+
font-family: "IBM Plex Mono", serif;
112+
line-height: 1.1;
113+
letter-spacing: 2px;
114+
font-weight: normal;
115+
margin-bottom: 1.5rem;
116+
}
117+
118+
.link {
119+
text-decoration: underline;
120+
cursor: pointer;
121+
color: #4d4d4d;
122+
padding: 0 2px;
123+
border-radius: 2px;
124+
}
125+
126+
.link:hover {
127+
color: #e45b40;
128+
}
129+
130+
.social-link {
131+
display: inline-flex;
132+
align-items: center;
133+
justify-content: center;
134+
padding: 0.5rem 1rem;
135+
border: 1.5px solid #000;
136+
text-decoration: none;
137+
color: #000;
138+
background-color: #fff;
139+
box-shadow: 2px 2px 0px #000;
140+
font-family: "IBM Plex Mono", monospace;
141+
margin: 0.25rem;
142+
}
143+
144+
.social-link:hover {
145+
transform: translate(-1px, -1px);
146+
box-shadow: 3px 3px 0px #000;
147+
background-color: rgba(254, 194, 174, 0.2);
148+
}
149+
150+
.retro-heading {
151+
font-family: "Tiempos Headline", serif;
152+
margin-top: 1rem;
153+
}
154+
155+
.wave span {
156+
display: inline-block;
157+
animation: wave-text 1.5s ease-in-out infinite;
158+
-webkit-text-stroke: 1px #000;
159+
}
160+
161+
.wave span:nth-of-type(1) {
162+
animation-delay: -2.0s;
163+
color: #336ee2;
164+
}
165+
.wave span:nth-of-type(2) {
166+
animation-delay: -1.9s;
167+
color: #4e64d6;
168+
}
169+
.wave span:nth-of-type(3) {
170+
animation-delay: -1.8s;
171+
color: #695aca;
172+
}
173+
.wave span:nth-of-type(4) {
174+
animation-delay: -1.7s;
175+
color: #8450be;
176+
}
177+
.wave span:nth-of-type(5) {
178+
animation-delay: -1.6s;
179+
color: #9f46b2;
180+
}
181+
.wave span:nth-of-type(6) {
182+
animation-delay: -1.5s;
183+
color: #ba3ca6;
184+
}
185+
.wave span:nth-of-type(7) {
186+
animation-delay: -1.4s;
187+
color: #c83a92;
188+
}
189+
.wave span:nth-of-type(8) {
190+
animation-delay: -1.3s;
191+
color: #d5387e;
192+
}
193+
.wave span:nth-of-type(9) {
194+
animation-delay: -1.2s;
195+
color: #e2366a;
196+
}
197+
.wave span:nth-of-type(10) {
198+
animation-delay: -1.1s;
199+
color: #ee3456;
200+
}
201+
.wave span:nth-of-type(11) {
202+
animation-delay: -1.0s;
203+
color: #f63342;
204+
}
205+
.wave span:nth-of-type(12) {
206+
animation-delay: -0.9s;
207+
color: #ff0000;
208+
}
209+
.wave span:nth-of-type(13) {
210+
animation-delay: -0.8s;
211+
color: #ff0000;
212+
}
213+
.wave span:nth-of-type(14) {
214+
animation-delay: -0.7s;
215+
color: #ff0000;
216+
}
217+
.wave span:nth-of-type(15) {
218+
animation-delay: -0.6s;
219+
color: #ff0000;
220+
}
221+
.wave span:nth-of-type(16) {
222+
animation-delay: -0.5s;
223+
color: #ff0000;
224+
}
225+
226+
@keyframes wave-text {
227+
0% {
228+
transform: translateY(0em);
229+
}
230+
50% {
231+
transform: translateY(-0.2em);
232+
}
233+
100% {
234+
transform: translateY(0em);
235+
}
236+
}
237+
238+
.profile-image-container-circle {
239+
border: 1.5px solid rgba(0, 0, 0, 0.85);
240+
border-radius: 50%;
241+
overflow: hidden;
242+
box-shadow: 3px 3px 0px #000;
243+
background-color: #fff;
244+
}
245+
246+
.profile-image {
247+
width: 100%;
248+
height: 100%;
249+
object-fit: cover;
250+
display: block;
251+
}

‎app/layout.tsx‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import type React from "react"
2+
import "./globals.css"
3+
import type { Metadata } from "next"
4+
5+
export const metadata: Metadata = {
6+
title: "Rishi Khare",
7+
description: "Personal website for Rishi Khare"
8+
}
9+
10+
export default function RootLayout({
11+
children,
12+
}: {
13+
children: React.ReactNode
14+
}) {
15+
return (
16+
<html lang="en">
17+
<head>
18+
<link rel="preconnect" href="https://fonts.googleapis.com" />
19+
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
20+
<link
21+
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
22+
rel="stylesheet"
23+
/>
24+
</head>
25+
<body>{children}</body>
26+
</html>
27+
)
28+
}

0 commit comments

Comments
 (0)