1165 <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1166 <meta property="og:type" content="website">
1167 <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1168
1169
1165 <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1166 <meta property="og:type" content="website">
1167 <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1168
1169
1165 <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1166 <meta property="og:type" content="website">
1167 <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1168
1169
1070 <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1071 <meta property="og:type" content="website">
1072 <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1073
1074
1165 <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1166 <meta property="og:type" content="website">
1167 <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1168
1169
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5const carouselImages = [
6 "https://maxm-imggenurl.web.val.run/dark-tech-landscape-1920x800",
7 "https://maxm-imggenurl.web.val.run/futuristic-tech-scene-1920x800",
12 {
13 id: "exampleModal1",
14 image: "https://maxm-imggenurl.web.val.run/tech-card-image-1",
15 title: "Web Development",
16 description: "Creating responsive and modern web applications using cutting-edge technologies."
18 {
19 id: "exampleModal2",
20 image: "https://maxm-imggenurl.web.val.run/tech-card-image-2",
21 title: "AI Solutions",
22 description: "Implementing intelligent systems and machine learning algorithms."
24 {
25 id: "exampleModal3",
26 image: "https://maxm-imggenurl.web.val.run/tech-card-image-3",
27 title: "Cloud Infrastructure",
28 description: "Designing robust and scalable cloud architectures for enterprise needs."
35 <div id="carouselExampleIndicators" className="carousel slide" data-bs-ride="carousel">
36 <div className="carousel-indicators">
37 {carouselImages.map((_, index) => (
38 <button
39 key={index}
48 </div>
49 <div className="carousel-inner">
50 {carouselImages.map((src, index) => (
51 <div
52 key={index}
90 <div key={card.id} className="col-md-4">
91 <div className="card">
92 <img src={card.image} className="card-img-top" alt={card.title} />
93 <div className="card-body">
94 <h5 className="card-title">{card.title}</h5>
1165 <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1166 <meta property="og:type" content="website">
1167 <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1168
1169
2
3Helpers to convert files to base64 & base64-encoded data URLs,
4which are particularly helpful for sending images to LLMs
5like ChatGPT, Anthropic, and Google.
6
25 role: "user",
26 content: [{
27 type: "image_url",
28 image_url: {
29 url: dataURL,
30 },
54 "content": [
55 {
56 "type": "image",
57 "source": {
58 "type": "base64",
80import { fileToBase64 } from "https://esm.town/v/stevekrouse/fileToDataURL";
81
82const base64Image = await fileToBase64(image);
83
84const result = await model.generateContent([
86 {
87 inlineData: {
88 data: base64Image,
89 mimeType: image.type,
90 },
91 },
1165 <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1166 <meta property="og:type" content="website">
1167 <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1168
1169
1165 <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1166 <meta property="og:type" content="website">
1167 <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1168
1169
