fireform-website/index.html at main · fireform-core/fireform-website · 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FireForm - Report Once, File Everywhere</title>
    <meta name="description" content="FireForm is an open-source, AI-powered system designed to help first responders eliminate redundant paperwork. Download the desktop app now.">
    <link rel="stylesheet" href="styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
</head>
<body>
    <div class="background-effects">
        <div class="glow red-glow"></div>
        <div class="glow orange-glow"></div>
    </div>

    <nav class="navbar">
        <div class="container">
            <div class="logo">
                <span class="fire-icon">🔥</span> FireForm
            </div>
            <div class="nav-links">
                <a href="dpg.html" class="github-link" style="margin-right: 15px;">
                    DPG & SDGs
                </a>
                <a href="terms.html" class="github-link" style="margin-right: 15px;">Terms</a>
                <a href="https://github.com/fireform-core/FireForm" target="_blank" rel="noopener noreferrer" class="github-link">
                    GitHub
                </a>
            </div>
        </div>
    </nav>

    <main class="hero">
        <div class="container">
            <div class="hero-content">
                <div class="badge">Reboot the Earth Hackathon Winner</div>
                <h1 class="hero-title">Report Once, <br><span class="gradient-text">File Everywhere.</span></h1>
                <p class="hero-subtitle">
                    An open-source, AI-powered system built to solve administrative overhead for first responders. Save hundreds of hours by eliminating redundant paperwork.
                </p>

                <div class="download-section">
                    <h2 class="download-heading">Download FireForm v1.0.0</h2>
                    <div class="button-group">
                        <a href="https://github.com/fireform-core/FireForm/releases/latest/download/FireForm-1.0.0.dmg" class="btn btn-primary" aria-label="Download for macOS">
                            <span class="os-icon">🍎</span>
                            <div class="btn-text">
                                <span class="os-name">macOS</span>
                                <span class="file-type">.dmg Installer</span>
                            </div>
                        </a>

                        <a href="https://github.com/fireform-core/FireForm/releases/latest/download/FireForm-1.0.0.exe" class="btn btn-primary" aria-label="Download for Windows">
                            <span class="os-icon">🪟</span>
                            <div class="btn-text">
                                <span class="os-name">Windows</span>
                                <span class="file-type">.exe Installer</span>
                            </div>
                        </a>

                        <a href="https://github.com/fireform-core/FireForm/releases/latest/download/FireForm-1.0.0.AppImage" class="btn btn-primary" aria-label="Download for Linux">
                            <span class="os-icon">🐧</span>
                            <div class="btn-text">
                                <span class="os-name">Linux</span>
                                <span class="file-type">.AppImage</span>
                            </div>
                        </a>
                    </div>
                    <a href="https://github.com/fireform-core/FireForm/releases" class="view-all-link" target="_blank" rel="noopener noreferrer">View all releases and notes →</a>
                </div>
            </div>

            <section class="about-section" style="margin-top: 60px; margin-bottom: 60px;">
                <h2 class="section-heading">Digital Public Good</h2>
                <div class="about-card" style="text-align: center; display: flex; flex-direction: column; align-items: center; padding: 40px;">
                    <div class="about-content" style="margin-bottom: 20px;">
                        <p style="font-size: 1.1rem; color: rgba(255, 255, 255, 0.9);">FireForm is proudly recognized as a <strong>Digital Public Good (DPG)</strong>. We are committed to advancing the United Nations' Sustainable Development Goals (SDGs).</p>
                    </div>
                    <a href="dpg.html" class="btn btn-primary" style="display: inline-flex; width: auto; padding: 12px 24px; justify-content: center; text-decoration: none;">Learn about our SDG Relevance →</a>
                </div>
            </section>

            <div class="features-section">
                <h2 class="section-heading">Current Features</h2>
                <div class="features-grid">
                    <div class="feature-card">
                        <div class="feature-icon">📝</div>
                        <h3>Smart PDF Conversion</h3>
                        <p>Automatically turn any non-fillable PDF into a fillable, standardized template.</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon">💾</div>
                        <h3>Local Template Database</h3>
                        <p>Store your templates in a local DB. Recover past templates and quickly generate new forms.</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon">🎙️</div>
                        <h3>Voice or Text Input</h3>
                        <p>Provide input via text or voice transcription. A single input drives everything.</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon">🤖</div>
                        <h3>Automated LLM Filling</h3>
                        <p>Our local LLM extracts relevant information and automatically populates the documents.</p>
                    </div>
                </div>
            </div>

            <div class="features-section future-roadmap">
                <h2 class="section-heading">Future Roadmap</h2>
                <div class="timeline">
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="timeline-content">
                            <div class="feature-icon">🌍</div>
                            <h3>External Data APIs</h3>
                            <p>Connect to APIs to automatically fetch climate, location, and other external data.</p>
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="timeline-content">
                            <div class="feature-icon">📊</div>
                            <h3>Insightful Dashboard</h3>
                            <p>Visualize your reports with comprehensive graphics and statistics.</p>
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="timeline-content">
                            <div class="feature-icon">🧠</div>
                            <h3>ML Field Detection</h3>
                            <p>Machine learning models for advanced, automatic form field detection.</p>
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="timeline-content">
                            <div class="feature-icon">📑</div>
                            <h3>Advanced PDF Features</h3>
                            <p>More powerful PDF manipulation, merging, and management tools.</p>
                        </div>
                    </div>
                </div>
            </div>

            <section class="about-section">
                <h2 class="section-heading">About the Project</h2>
                <div class="about-card">
                    <div class="about-content">
                        <p>FireForm was born at a Silicon Valley hackathon organized by the <strong>United Nations</strong>, <strong>University of California</strong>, and <strong>CalFire</strong>.</p>
                        <p>After winning first place, the project was awarded a 6-month mentorship by <strong>Salesforce</strong>. We are also proud to be part of <strong>Google Summer of Code</strong>, welcoming new collaborators to scale our impact.</p>
                    </div>
                    <div class="contact-links">
                        <h3>Interested in collaborating?</h3>
                        <div class="social-badges">
                            <a href="mailto:contact@fireform.example.com" class="badge-link">📧 Email Us</a>
                            <a href="https://github.com/fireform-core/FireForm" class="badge-link" target="_blank">💻 GitHub</a>
                            <a href="#" class="badge-link" target="_blank">🔗 LinkedIn</a>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </main>

    <footer>
        <div class="container">
            <p>FireForm is a Digital Public Good. Licensed under MIT. &nbsp;·&nbsp; <a href="privacy.html" style="color: rgba(255,255,255,0.4); text-decoration: none;">Privacy Policy</a> &nbsp;·&nbsp; <a href="terms.html" style="color: rgba(255,255,255,0.4); text-decoration: none;">Terms of Service</a></p>
        </div>
    </footer>
</body>
</html>