Skip to content

Commit 89dbd3f

Browse files
ladunjexaladunjexa
authored
Add files via upload
1 parent eb58f2e commit 89dbd3f

File tree

21 files changed

+664
-0
lines changed

21 files changed

+664
-0
lines changed

‎index.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="./favicon.ico" />
6+
<!-- satoshi font family -->
7+
<link
8+
href="https://api.fontshare.com/v2/css?f[]=satoshi@1,900,700,500,300,400&display=swap"
9+
rel="stylesheet"
10+
/>
11+
<!-- inter font family -->
12+
<link
13+
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
14+
rel="stylesheet"
15+
/>
16+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
17+
<title>OpenAI Summarizer</title>
18+
</head>
19+
<body>
20+
<div id="root"></div>
21+
<script type="module" src="/src/main.jsx"></script>
22+
</body>
23+
</html>

‎package.json‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
{
2+
"name": "ai_summarizer",
3+
"private": true,
4+
"version": "0.0.0",
5+
"type": "module",
6+
"scripts": {
7+
"dev": "vite",
8+
"build": "vite build",
9+
"lint": "eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0",
10+
"preview": "vite preview"
11+
},
12+
"dependencies": {
13+
"@reduxjs/toolkit": "^1.9.5",
14+
"react": "^18.2.0",
15+
"react-dom": "^18.2.0",
16+
"react-redux": "^8.0.5"
17+
},
18+
"devDependencies": {
19+
"@types/react": "^18.0.28",
20+
"@types/react-dom": "^18.0.11",
21+
"@vitejs/plugin-react": "^4.0.0-beta.0",
22+
"autoprefixer": "^10.4.14",
23+
"eslint": "^8.38.0",
24+
"eslint-plugin-react": "^7.32.2",
25+
"eslint-plugin-react-hooks": "^4.6.0",
26+
"eslint-plugin-react-refresh": "^0.3.4",
27+
"postcss": "^8.4.23",
28+
"tailwindcss": "^3.3.1",
29+
"vite": "^4.3.0"
30+
}
31+
}

‎postcss.config.js‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
export default {
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {},
5+
},
6+
}

‎public/favicon.ico‎

15 KB
Binary file not shown.

‎src/App.css‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
/*
6+
Note: The styles for this gradient grid background is heavily inspired by the creator of this amazing site (https://dub.sh) – all credits go to them!
7+
*/
8+
9+
.main {
10+
width: 100vw;
11+
min-height: 100vh;
12+
position: fixed;
13+
display: flex;
14+
justify-content: center;
15+
padding: 120px 24px 160px 24px;
16+
pointer-events: none;
17+
}
18+
19+
.main:before {
20+
background: radial-gradient(circle, rgba(2, 0, 36, 0) 0, #fafafa 100%);
21+
position: absolute;
22+
content: "";
23+
z-index: 2;
24+
width: 100%;
25+
height: 100%;
26+
top: 0;
27+
}
28+
29+
.main:after {
30+
content: "";
31+
background-image: url("/src/assets/grid.svg");
32+
z-index: 1;
33+
position: absolute;
34+
width: 100%;
35+
height: 100%;
36+
top: 0;
37+
opacity: 0.4;
38+
filter: invert(1);
39+
}
40+
41+
.gradient {
42+
height: fit-content;
43+
z-index: 3;
44+
width: 100%;
45+
max-width: 640px;
46+
background-image: radial-gradient(
47+
at 27% 37%,
48+
hsla(215, 98%, 61%, 1) 0px,
49+
transparent 0%
50+
),
51+
radial-gradient(at 97% 21%, hsla(125, 98%, 72%, 1) 0px, transparent 50%),
52+
radial-gradient(at 52% 99%, hsla(354, 98%, 61%, 1) 0px, transparent 50%),
53+
radial-gradient(at 10% 29%, hsla(256, 96%, 67%, 1) 0px, transparent 50%),
54+
radial-gradient(at 97% 96%, hsla(38, 60%, 74%, 1) 0px, transparent 50%),
55+
radial-gradient(at 33% 50%, hsla(222, 67%, 73%, 1) 0px, transparent 50%),
56+
radial-gradient(at 79% 53%, hsla(343, 68%, 79%, 1) 0px, transparent 50%);
57+
position: absolute;
58+
content: "";
59+
width: 100%;
60+
height: 100%;
61+
filter: blur(100px) saturate(150%);
62+
top: 80px;
63+
opacity: 0.15;
64+
}
65+
66+
@media screen and (max-width: 640px) {
67+
.main {
68+
padding: 0;
69+
}
70+
}
71+
72+
/* Tailwind Styles */
73+
74+
.app {
75+
@apply relative z-10 flex justify-center items-center flex-col max-w-7xl mx-auto sm:px-16 px-6;
76+
}
77+
78+
.github_btn {
79+
@apply rounded-l-full border border-white bg-[#171515] py-1.5 px-5 text-sm text-white transition-all hover:bg-[#8b8a8a] hover:border-[#8b8a8a] hover:text-black;
80+
}
81+
82+
.rapidapi_btn {
83+
@apply rounded-r-full border border-white bg-[#0053D7] py-1.5 px-5 text-sm text-white transition-all hover:bg-[#80a9eb] hover:border-[#80a9eb] hover:text-black;
84+
}
85+
86+
.head_text {
87+
@apply mt-5 text-5xl font-extrabold leading-[1.15] text-black sm:text-6xl text-center;
88+
}
89+
90+
.orange_gradient {
91+
@apply bg-gradient-to-r from-amber-500 via-orange-600 to-yellow-500 bg-clip-text text-transparent;
92+
}
93+
94+
.desc {
95+
@apply mt-5 text-lg text-gray-600 sm:text-xl text-center max-w-2xl;
96+
}
97+
98+
.url_input {
99+
@apply block w-full rounded-md border border-gray-200 bg-white py-2.5 pl-10 pr-12 text-sm shadow-lg font-satoshi font-medium focus:border-black focus:outline-none focus:ring-0;
100+
}
101+
102+
.submit_btn {
103+
@apply hover:border-gray-700 hover:text-gray-700 absolute inset-y-0 right-0 my-1.5 mr-1.5 flex w-10 items-center justify-center rounded border border-gray-200 font-sans text-sm font-medium text-gray-400;
104+
}
105+
106+
.link_card {
107+
@apply p-3 flex justify-start items-center flex-row bg-white border border-gray-200 gap-3 rounded-lg cursor-pointer;
108+
}
109+
110+
.copy_btn {
111+
@apply w-7 h-7 rounded-full bg-white/10 shadow-[inset_10px_-50px_94px_0_rgb(199,199,199,0.2)] backdrop-blur flex justify-center items-center cursor-pointer;
112+
}
113+
114+
.blue_gradient {
115+
@apply font-black bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent;
116+
}
117+
118+
.summary_box {
119+
@apply rounded-xl border border-gray-200 bg-white/20 shadow-[inset_10px_-50px_94px_0_rgb(199,199,199,0.2)] backdrop-blur p-4;
120+
}

‎src/App.jsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import "./App.css";
2+
3+
import { Hero, Demo } from "./components";
4+
5+
const App = () => {
6+
return (
7+
<main>
8+
<div className="main">
9+
<div className="gradient" />
10+
</div>
11+
<div className="app">
12+
<Hero />
13+
<Demo />
14+
</div>
15+
</main>
16+
);
17+
};
18+
19+
export default App;

‎src/assets/copy.svg‎

Lines changed: 33 additions & 0 deletions
Loading

‎src/assets/grid.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎src/assets/index.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import linkIcon from './link.svg'
2+
import loader from './loader.svg'
3+
import copy from './copy.svg'
4+
import logo from './logo.svg'
5+
import tick from './tick.svg'
6+
7+
export {
8+
linkIcon,
9+
loader,
10+
copy,
11+
logo,
12+
tick
13+
}

‎src/assets/link.svg‎

Lines changed: 36 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)