Spaces:
Runtime error
Runtime error
File size: 4,118 Bytes
cd6f98e | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 | import clsx from "clsx";
import React from "react";
import { FaGithub } from "react-icons/fa";
import { MacWindowInternal } from "../console/MacWindowHeader";
import PrimaryButton from "../PrimaryButton";
interface TerminalProps {
className?: string;
title?: string;
children?: React.ReactNode;
}
const OpenSource = () => {
return (
<div className="min-h-[50vh] w-full">
<div className="flex flex-row">
<div className="relative hidden w-full md:flex">
<Terminal className="absolute" title="index.ts">
<pre className="overflow-x-hidden">
{"" +
"<!DOCTYPE html>\n" +
"<html>\n" +
"<head>\n" +
" <title>My AgentGPT Website</title>\n" +
"</head>\n" +
"<body>\n" +
" <h1>Welcome to AgentGPT!</h1>\n" +
" <p>Explore the power of autonomous AI agents.</p>\n" +
' <script src="https://agentgpt.reworkd.ai/agentgpt.js"></script>\n' +
" <script>\n" +
" // Connect to AgentGPT API\n" +
" const agent = new AgentGPT();\n" +
" agent.connect('YOUR_API_KEY');\n" +
" \n" +
" // Example code to interact with AgentGPT\n" +
" agent.createAgent('MyAIAssistant');\n" +
" agent.setGoal('Sort my emails');\n" +
" agent.start();\n" +
" </script>\n" +
"</body>\n" +
"</html>\n"}
</pre>
</Terminal>
<Terminal className="absolute left-16 top-20 z-10" title="agent_service.py">
<pre className="overflow-x-hidden">
{"import requests\n" +
"\n" +
"# Define the API endpoint\n" +
'url = "https://api.agentgpt.example.com"\n' +
"\n" +
"# Make a GET request to retrieve data from the API\n" +
"response = requests.get(url)\n" +
"\n" +
"# Process the response data\n" +
"if response.status_code == 200:\n" +
" data = response.json()\n" +
" # Perform further actions with the data\n" +
" print(data)\n" +
"else:\n" +
' print("Error: Unable to fetch data from the API")\n'}
</pre>
</Terminal>
</div>
<div className="mt-28 w-full">
<div className="flex w-fit flex-row items-center gap-2 rounded-full bg-neutral-900 bg-gradient-to-bl from-neutral-800 to-transparent p-2 pr-4">
<FaGithub size={32} />
<div>
24.4 k<span className="text-gray-400"> stars</span>
</div>
</div>
<h3 className="my-4 text-6xl font-medium tracking-tight">Proudly Open Source</h3>
<p className="mb-8 font-extralight leading-7 text-gray-400">
We think the power of AI should be available to everyone and should be driven by
community. This is why we are proudly open source. We'd love to hear your feedback
at every step of the journey.
</p>
<div className="mt-6 flex flex-row gap-4">
<a href="https://github.com/reworkd" target="_blank">
<PrimaryButton>View on Github</PrimaryButton>
</a>
<a href="https://github.com/orgs/reworkd/projects/3" target="_blank">
<PrimaryButton>Public Roadmap</PrimaryButton>
</a>
</div>
</div>
</div>
</div>
);
};
const Terminal = (props: TerminalProps) => {
return (
<div
className={clsx("w-3/4 max-w-md rounded-xl bg-neutral-800 drop-shadow-2xl", props.className)}
>
<MacWindowInternal>{props.title}</MacWindowInternal>
<div className="h-72 overflow-hidden rounded-b-xl bg-neutral-900 p-4 text-[8pt] text-gray-400">
{props.children}
</div>
</div>
);
};
export default OpenSource;
|