Val Town Code SearchReturn to Val Town

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            

62  const [reflection, setReflection] = useState("");
63  const [currentQuote, setCurrentQuote] = useState(INITIAL_QUOTE);
64  const [imageUpload, setImageUpload] = useState(null);
65  const [journeyReflection, setJourneyReflection] = useState("");
66  const [followUpComment, setFollowUpComment] = useState("");
67  const [error, setError] = useState(null);
68  const pdfRef = useRef(null);
69  const imageInputRef = useRef(null);
70
71  // Error Boundary for localStorage
165      }
166
167      // Symbolic Image
168      if (imageUpload) {
169        // Check if we need a new page
170        if (yPosition > pdfHeight - 120) {
173        }
174
175        pdf.text("Symbolic Journey Image:", 20, yPosition);
176        yPosition += 10;
177        try {
178          const imgWidth = 100;
179          const imgHeight = 100;
180          pdf.addImage(imageUpload, "PNG", (pdfWidth - imgWidth) / 2, yPosition, imgWidth, imgHeight);
181          yPosition += imgHeight + 20;
182        } catch (imageError) {
183          console.error("Image addition to PDF failed", imageError);
184        }
185      }
220      setReflection("");
221      setCurrentQuote(INITIAL_QUOTE);
222      setImageUpload(null);
223      setJourneyReflection("");
224
239        noCount,
240        quote: currentQuote,
241        imageUpload,
242        journeyReflection,
243      };
274        setNoCount(journeyData.noCount);
275        setCurrentQuote(journeyData.quote);
276        setImageUpload(journeyData.imageUpload);
277        setJourneyReflection(journeyData.journeyReflection);
278      } catch (error) {
291    setReflection("");
292    setCurrentQuote(INITIAL_QUOTE);
293    setImageUpload(null);
294    setJourneyReflection("");
295
434        <p className="quote">{currentQuote}</p>
435
436        <div className="image-upload">
437          <h3>Upload a Symbolic Image</h3>
438          <input
439            type="file"
440            accept="image/*"
441            ref={imageInputRef}
442            onChange={(event) => {
443              const file = event.target.files[0];
445                const reader = new FileReader();
446                reader.onloadend = () => {
447                  setImageUpload(reader.result);
448                };
449                reader.readAsDataURL(file);
451            }}
452          />
453          {imageUpload && (
454            <img
455              src={imageUpload}
456              alt="Uploaded"
457              className="uploaded-image"
458            />
459          )}
670          }
671          
672          .image-upload {
673            margin: 20px 0;
674          }
675          
676          .uploaded-image {
677            max-width: 300px;
678            max-height: 300px;

1003        <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."">
1004        <meta property="og:type" content="website">
1005        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1006        
1007            

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            

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>