cabbagehao.github.io/index.html at master · cabbagehao/cabbagehao.github.io · GitHub

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
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Developer portfolio featuring Vivify, GenColoring.AI, and Morse Coder - AI creative tools and web applications">
    <meta name="keywords" content="Vivify, AI image generator, AI video generator, AI coloring pages, Morse code translator, GenColoring.AI, Morse Coder, coloring page generator, online tools">
    <title>Developer Portfolio | AI Tools & Web Applications</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>Welcome to My Portfolio</h1>
            <p class="subtitle">Building innovative AI-powered tools and web applications</p>
        </header>

        <section class="about">
            <h2>About Me</h2>
            <p>I'm a developer passionate about creating accessible, user-friendly AI tools that solve real-world problems. My focus is on building platforms that combine cutting-edge technology with intuitive design, making advanced features available to everyone.</p>
        </section>

        <section class="projects">
            <h2>Featured Projects</h2>

            <article class="project-card">
                <img class="project-brand-image" src="assets/vivify-brand-logo.png" width="240" height="83" alt="Vivify wordmark logo">
                <h3>
                    <a href="https://vivify.video" target="_blank" rel="noopener noreferrer">Vivify</a>
                </h3>
                <p class="project-tagline">AI Image and Video Generator for Creators</p>
                <p class="project-description">
                    Vivify is an AI creative workspace for turning prompts and references into images, controlled edits, and short videos. It brings image generation, reference-based editing, prompt ideas, and video creation into one focused creator workflow.
                </p>
                <div class="features">
                    <h4>Key Features:</h4>
                    <ul>
                        <li>Create images from prompts and reference inputs</li>
                        <li>Edit visuals with controlled, prompt-guided changes</li>
                        <li>Generate short videos from text or visual starting points</li>
                        <li>Explore prompt ideas for repeatable creative workflows</li>
                    </ul>
                </div>
                <div class="links">
                    <a href="https://vivify.video" target="_blank" rel="noopener noreferrer">Home</a>
                    <a href="https://vivify.video/ai-image-generator" target="_blank" rel="noopener noreferrer">Image Generator</a>
                </div>
            </article>

            <article class="project-card">
                <h3>
                    <a href="https://gencoloring.ai" target="_blank" rel="noopener noreferrer">GenColoring.AI</a>
                </h3>
                <p class="project-tagline">AI-Powered Coloring Page Generator</p>
                <p class="project-description">
                    Transform your ideas into unique coloring pages instantly. Whether you upload a photo, type a text prompt, or enter a name, GenColoring.AI uses advanced AI to create custom coloring pages perfect for kids, educators, and creative enthusiasts.
                </p>
                <div class="features">
                    <h4>Key Features:</h4>
                    <ul>
                        <li>Generate from photos, text prompts, or names</li>
                        <li>Adjustable complexity for all age groups</li>
                        <li>Online editing, downloading, and printing</li>
                        <li>Free themed collections (Halloween, K-Pop, and more)</li>
                    </ul>
                </div>
                <div class="links">
                    <a href="https://gencoloring.ai" target="_blank" rel="noopener noreferrer">Home</a>
                    <a href="https://gencoloring.ai/coloring-page-generator" target="_blank" rel="noopener noreferrer">Generator</a>
                    <a href="https://gencoloring.ai/name-to-coloring-page" target="_blank" rel="noopener noreferrer">Name Pages</a>
                    <a href="https://gencoloring.ai/online-coloring" target="_blank" rel="noopener noreferrer">Online Coloring</a>
                </div>
            </article>

            <article class="project-card">
                <h3>
                    <a href="https://morse-coder.com" target="_blank" rel="noopener noreferrer">Morse Coder</a>
                </h3>
                <p class="project-tagline">Free Morse Code Translator & Learning Tool</p>
                <p class="project-description">
                    A comprehensive online Morse code tool supporting instant two-way conversion between text and Morse code. Features modern interactive interface with audio playback, image recognition, and file processing capabilities.
                </p>
                <div class="features">
                    <h4>Key Features:</h4>
                    <ul>
                        <li>Real-time text ↔ Morse code conversion</li>
                        <li>Decode Morse from images, audio, and text files</li>
                        <li>Play and download Morse code audio (WAV/MP3)</li>
                        <li>Multi-language support with professional settings</li>
                        <li>100% free with no registration required</li>
                    </ul>
                </div>
                <div class="links">
                    <a href="https://morse-coder.com" target="_blank" rel="noopener noreferrer">Try Now</a>
                </div>
            </article>
        </section>

        <section class="more-projects">
            <h2>More Projects</h2>
            <p>
                <a href="https://trumptimer.us" target="_blank" rel="noopener noreferrer">Trump Timer</a>
                tracks key Trump timelines and public data snapshots in a simple reference format.
            </p>
        </section>

        <footer>
            <p>&copy; 2026 | Built with passion for innovation</p>
        </footer>
    </div>
</body>
</html>