Val Town Code Search

cerebras_coder starter-prompts.js1 match

@jackyoustra•Updated 2 months ago

23    "prompt": "two column interactive markdown editor with live preview and default text to explain markdown features",
24    "title": "Markdown Editor",
25    "code": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Markdown Editor</title>\n    <link href=\"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css\" rel=\"stylesheet\">\n</head>\n<body class=\"bg-white\">\n    <div class=\"max-w-full mx-auto p-4 pt-6 md:p-6 lg:p-8\">\n        <h1 class=\"text-3xl text-center mb-4\">Markdown Editor</h1>\n        <div class=\"flex flex-row\">\n            <div class=\"editor p-4 rounded-lg border border-gray-200 w-full md:w-1/2\">\n                <textarea id=\"editor\" class=\"w-full h-screen p-2 border border-gray-200 rounded-lg\" placeholder=\"Type your Markdown here...\"></textarea>\n            </div>\n            <div class=\"preview p-4 rounded-lg border border-gray-200 w-full md:w-1/2 ml-2 md:ml-4 lg:ml-8\">\n                <div id=\"preview\"></div>\n            </div>\n        </div>\n        <p class=\"text-center mt-4\">Built on <a href=\"https://cerebrascoder.com\">Cerebras Coder</a></p>\n    </div>\n\n    <script>\n        const editor = document.getElementById('editor');\n        const preview = document.getElementById('preview');\n\n        // Initialize textarea with default markdown\n        const defaultMarkdown = `\n# Introduction to Markdown\nMarkdown is a lightweight markup language that is easy to read and write. It is often used for formatting text in plain text editors, chat applications, and even web pages.\n\n## Headers\nHeaders are denoted by the # symbol followed by a space. The number of # symbols determines the level of the header:\n# Heading 1\n## Heading 2\n### Heading 3\n\n## Emphasis\nYou can use emphasis to make your text **bold** or *italic*:\n*Italics*\n**Bold**\n\n## Lists\nYou can use lists to organize your text:\n* Item 1\n* Item 2\n* Item 3\nOr\n1. Item 1\n2. Item 2\n3. Item 3\n\n## Links\nYou can use links to reference external resources:\n[Google](https://www.google.com)\n\n## Images\nYou can use images to add visual content:\n![Markdown Logo](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/208px-Markdown-mark.svg.png)\n`;\n        editor.value = defaultMarkdown;\n\n        // Update preview on input\n        editor.addEventListener('input', () => {\n            const markdown = editor.value;\n            const html = markdownToHtml(markdown);\n            preview.innerHTML = html;\n        });\n\n        // Initialize preview with default markdown\n        const defaultHtml = markdownToHtml(defaultMarkdown);\n        preview.innerHTML = defaultHtml;\n\n        // Function to convert Markdown to HTML\n        function markdownToHtml(markdown) {\n            // Bold\n            markdown = markdown.replace(/\\*\\*(.*?)\\*\\*/g, '<b>$1</b>');\n\n            // Italic\n            markdown = markdown.replace(/\\*(.*?)\\*/g, '<i>$1</i>');\n\n            // Links\n            markdown = markdown.replace(/\\[(.*?)\\]\\((.*?)\\)/g, '<a href=\"$2\">$1</a>');\n\n            // Images\n            markdown = markdown.replace(/!\\[(.*?)\\]\\((.*?)\\)/g, '<img src=\"$2\" alt=\"$1\">');\n\n            // Headings\n            markdown = markdown.replace(/(^#{1,6} )(.*)/gm, (match, level, text) => {\n                return `<h${level.length}>${text}</h${level.length}>`;\n            });\n\n            // Lists\n            markdown = markdown.replace(/^(\\*|\\d+\\.) (.*)/gm, (match, marker, text) => {\n                if (marker.startsWith('*')) {\n                    return `<li>${text}</li>`;\n                } else {\n                    return `<li>${text}</li>`;\n                }\n            });\n\n            // Line breaks\n            markdown = markdown.replace(/\\n/g, '<br>');\n\n            // Fix for nested lists\n            markdown = markdown.replace(/<li><li>/g, '<li>');\n            markdown = markdown.replace(/<\\/li><\\/li>/g, '</li>');\n\n            // Wrap lists in ul\n            markdown = markdown.replace(/(<li>.*<\\/li>)/g, '<ul>$1</ul>');\n\n            return markdown;\n        }\n    </script>\n</body>\n</html>",
26    "performance": {
27      "tokensPerSecond": 4092.96,

cerebras_coder index.html1 match

@jackyoustra•Updated 2 months ago

21      <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."">
22      <meta property="og:type" content="website">
23      <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
24      
25

stevekrouse_dot_com model.tsx3 matches

@shouser•Updated 2 months ago

13          <meta property="og:title" content="Find a model" />
14          <meta property="og:url" content="Find a model" />
15          <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/model.jpeg" />
16          <meta property="twitter:title" content="Find a model" />
17          <meta property="og:type" content="article" />
18          <meta property="og:description" content="Find a model" />
19          <meta property="twitter:description" content="Find a model" />
20          <meta name="twitter:card" content="summary_large_image" />
21          <meta name="twitter:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/model.jpeg" />
22          <meta property="og:url" content="https://stevekrouse.com/proposal" />
23          <link rel="canonical" content="https://stevekrouse.com/proposal" />

stevekrouse_dot_com survey.tsx3 matches

@shouser•Updated 2 months ago

13          <meta property="og:title" content="Survey the space" />
14          <meta property="og:url" content="Survey the space" />
15          <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/survey.jpeg" />
16          <meta property="twitter:title" content="Survey the space" />
17          <meta property="og:type" content="article" />
18          <meta property="og:description" content="Survey the space" />
19          <meta property="twitter:description" content="Survey the space" />
20          <meta name="twitter:card" content="summary_large_image" />
21          <meta name="twitter:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/survey.jpeg" />
22          <meta property="og:url" content="https://stevekrouse.com/proposal" />
23          <link rel="canonical" content="https://stevekrouse.com/proposal" />

stevekrouse_dot_com proposal.tsx3 matches

@shouser•Updated 2 months ago

13          <meta property="og:title" content="I proposed to my girlfriend in Quordle" />
14          <meta property="og:url" content="I proposed to my girlfriend in Quordle" />
15          <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/emilrdle1.png" />
16          <meta property="twitter:title" content="I proposed to my girlfriend in Quordle" />
17          <meta property="og:type" content="article" />
18          <meta property="og:description" content="I proposed to my girlfriend in Quordle" />
19          <meta property="twitter:description" content="I proposed to my girlfriend in Quordle" />
20          <meta name="twitter:card" content="summary_large_image" />
21          <meta name="twitter:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/emilrdle1.png" />
22          <meta property="og:url" content="https://stevekrouse.com/proposal" />
23          <link rel="canonical" content="https://stevekrouse.com/proposal" />

apiify scraping.ts5 matches

@wolf•Updated 2 months ago

218    }
219
220    // Look for images
221    const images = sampleElement.querySelectorAll("img");
222    if (images.length > 0) {
223      patterns.possibleDataFields.push({
224        name: "images",
225        description: `${images.length} image(s) found`,
226        extractionMethod:
227          "Array.from(element.querySelectorAll('img')).map(img => img.src)",

believersPeaceWebsite main.tsx5 matches

@MayowaSolomon•Updated 2 months ago

74
75function GallerySection() {
76  const images = [
77    "https://maxm-imggenurl.web.val.run/church-interior-warm-light",
78    "https://maxm-imggenurl.web.val.run/church-congregation-worship",
83    <section id="gallery" className="gallery-section">
84      <h2>Church Gallery</h2>
85      <div className="image-grid">
86        {images.map((src, index) => <img key={index} src={src} alt={`Church image ${index + 1}`} />)}
87      </div>
88    </section>
228}
229
230.image-grid {
231  display: flex;
232  justify-content: center;
235}
236
237.image-grid img {
238  max-width: 300px;
239  border-radius: 5px;

schoolChatPlatform main.tsx1 match

@HafsaCh_93•Updated 2 months ago

268  font-family: 'Chalk', 'Arial', sans-serif;
269  background-color: var(--chalkboard-bg);
270  background-image: 
271    linear-gradient(
272      var(--chalkboard-line) 1px,

stevekrouse_dot_com survey.tsx3 matches

@stevekrouse•Updated 2 months ago

13          <meta property="og:title" content="Survey the space" />
14          <meta property="og:url" content="Survey the space" />
15          <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/survey.jpeg" />
16          <meta property="twitter:title" content="Survey the space" />
17          <meta property="og:type" content="article" />
18          <meta property="og:description" content="Survey the space" />
19          <meta property="twitter:description" content="Survey the space" />
20          <meta name="twitter:card" content="summary_large_image" />
21          <meta name="twitter:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/survey.jpeg" />
22          <meta property="og:url" content="https://stevekrouse.com/proposal" />
23          <link rel="canonical" content="https://stevekrouse.com/proposal" />

valentine README.md1 match

@McArthur•Updated 2 months ago

3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.

« Previous

1...498 499 500 501 502 503 504...828

Projects

View all 104 vals

placeholdji2 file matches

@jjg•Updated 1 day ago

Placeholder image service with emojis 🖼️

Users

View all 2 users

"Focal Lens with Atig Wazir" "Welcome to my photography journey! I'm Atiq Wazir, a passionate photographer capturing life's beauty one frame at a time. Explore my gallery for stunning images, behind-the-scenes stories, and tips & tricks to enhance your own

Documentation

View all 7 documentation results

Val Town Code Search Return to Val Town

cerebras_coder starter-prompts.js1 match

cerebras_coder index.html1 match

stevekrouse_dot_com model.tsx3 matches

stevekrouse_dot_com survey.tsx3 matches

stevekrouse_dot_com proposal.tsx3 matches

apiify scraping.ts5 matches

believersPeaceWebsite main.tsx5 matches

schoolChatPlatform main.tsx1 match

stevekrouse_dot_com survey.tsx3 matches

valentine README.md1 match

Projects

placeholdji2 file matches

image_proxy

Users

@Chrimage1 val

@Atiq1 val

Documentation

Val Town Code SearchReturn to Val Town

cerebras_coderstarter-prompts.js1 match

cerebras_coderindex.html1 match

stevekrouse_dot_commodel.tsx3 matches

stevekrouse_dot_comsurvey.tsx3 matches

stevekrouse_dot_comproposal.tsx3 matches

apiifyscraping.ts5 matches

believersPeaceWebsitemain.tsx5 matches

schoolChatPlatformmain.tsx1 match

stevekrouse_dot_comsurvey.tsx3 matches

valentineREADME.md1 match

Projects

placeholdji2 file matches

image_proxy

Users

@Chrimage1 val

@Atiq1 val

Documentation

Val Town Code Search Return to Val Town

cerebras_coder starter-prompts.js1 match

cerebras_coder index.html1 match

stevekrouse_dot_com model.tsx3 matches

stevekrouse_dot_com survey.tsx3 matches

stevekrouse_dot_com proposal.tsx3 matches

apiify scraping.ts5 matches

believersPeaceWebsite main.tsx5 matches

schoolChatPlatform main.tsx1 match

stevekrouse_dot_com survey.tsx3 matches

valentine README.md1 match