Replace placeholder content on Community and Support pages

Community page:
- Replaced "Coming soon" sections with working links
- Links to Gitea repository and issues
- Added "Ways to Contribute" section with actionable items
- Added quick links to Installation, Tools, and Tutorials

Support page (formerly Donate):
- Removed placeholder donation links
- Focus on non-monetary contributions (tools, feedback, word-of-mouth)
- Links to repository and publishing guide
- More appropriate for a personal/open-source project

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
rob 2026-01-01 06:49:13 -04:00
parent 01995392da
commit 0a1c03ce09
2 changed files with 144 additions and 53 deletions

View File

@ -2,7 +2,7 @@
{% block title %}Community - SmartTools{% endblock %} {% block title %}Community - SmartTools{% endblock %}
{% block meta_description %}Connect with the SmartTools community, share tools, and collaborate on new ideas.{% endblock %} {% block meta_description %}Connect with SmartTools - report issues, request features, and contribute to the project.{% endblock %}
{% block content %} {% block content %}
<div class="bg-gray-50 min-h-screen"> <div class="bg-gray-50 min-h-screen">
@ -11,7 +11,7 @@
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 text-center"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 text-center">
<h1 class="text-3xl font-bold text-gray-900">Community</h1> <h1 class="text-3xl font-bold text-gray-900">Community</h1>
<p class="mt-4 text-lg text-gray-600"> <p class="mt-4 text-lg text-gray-600">
Collaboration over competition. Share tools, ask questions, and build together. SmartTools is open source. Get help, report issues, and contribute.
</p> </p>
</div> </div>
</div> </div>
@ -20,38 +20,58 @@
<!-- Community hubs --> <!-- Community hubs -->
<section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"> <section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
<div class="bg-white rounded-lg border border-gray-200 p-6"> <div class="bg-white rounded-lg border border-gray-200 p-6">
<h2 class="text-lg font-semibold text-gray-900">Discussions</h2> <div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/>
</svg>
</div>
<h2 class="text-lg font-semibold text-gray-900">Source Code</h2>
<p class="mt-2 text-sm text-gray-600"> <p class="mt-2 text-sm text-gray-600">
Ask for help, share feedback, and discover best practices. Browse the source, fork the project, and submit pull requests.
</p> </p>
<a href="#" class="mt-4 inline-flex items-center text-sm font-medium text-indigo-600 hover:text-indigo-800"> <a href="https://gitea.brrd.tech/rob/SmartTools"
Coming soon target="_blank" rel="noopener"
class="mt-4 inline-flex items-center text-sm font-medium text-indigo-600 hover:text-indigo-800">
View Repository
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
</svg> </svg>
</a> </a>
</div> </div>
<div class="bg-white rounded-lg border border-gray-200 p-6"> <div class="bg-white rounded-lg border border-gray-200 p-6">
<h2 class="text-lg font-semibold text-gray-900">Contributor Spotlight</h2> <div class="w-12 h-12 bg-amber-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
</div>
<h2 class="text-lg font-semibold text-gray-900">Report Issues</h2>
<p class="mt-2 text-sm text-gray-600"> <p class="mt-2 text-sm text-gray-600">
Celebrate creators who publish tools and help others succeed. Found a bug? Have a feature request? Open an issue.
</p> </p>
<a href="#" class="mt-4 inline-flex items-center text-sm font-medium text-indigo-600 hover:text-indigo-800"> <a href="https://gitea.brrd.tech/rob/SmartTools/issues"
Coming soon target="_blank" rel="noopener"
class="mt-4 inline-flex items-center text-sm font-medium text-indigo-600 hover:text-indigo-800">
Open Issue
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
</svg> </svg>
</a> </a>
</div> </div>
<div class="bg-white rounded-lg border border-gray-200 p-6"> <div class="bg-white rounded-lg border border-gray-200 p-6">
<h2 class="text-lg font-semibold text-gray-900">Project Showcase</h2> <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
</svg>
</div>
<h2 class="text-lg font-semibold text-gray-900">Documentation</h2>
<p class="mt-2 text-sm text-gray-600"> <p class="mt-2 text-sm text-gray-600">
See how teams use SmartTools in real projects and workflows. Learn how to build tools, configure providers, and publish to the registry.
</p> </p>
<a href="#" class="mt-4 inline-flex items-center text-sm font-medium text-indigo-600 hover:text-indigo-800"> <a href="{{ url_for('web.docs', path='getting-started') }}"
Coming soon class="mt-4 inline-flex items-center text-sm font-medium text-indigo-600 hover:text-indigo-800">
Read the Docs
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg> </svg>
@ -59,21 +79,76 @@
</div> </div>
</section> </section>
<!-- Calls to action --> <!-- Get Involved -->
<section class="bg-white rounded-lg border border-gray-200 p-8 text-center"> <section class="bg-white rounded-lg border border-gray-200 p-8">
<h2 class="text-2xl font-bold text-gray-900">Get Involved</h2> <h2 class="text-2xl font-bold text-gray-900 text-center">Ways to Contribute</h2>
<p class="mt-3 text-gray-600"> <div class="mt-8 grid grid-cols-1 md:grid-cols-2 gap-6">
Want to contribute tools, documentation, or tutorials? Wed love to hear from you. <div class="flex items-start space-x-4">
<div class="flex-shrink-0 w-8 h-8 bg-indigo-100 rounded-full flex items-center justify-center">
<span class="text-indigo-600 font-bold">1</span>
</div>
<div>
<h3 class="font-semibold text-gray-900">Share Your Tools</h3>
<p class="mt-1 text-sm text-gray-600">
Built something useful? <a href="{{ url_for('web.docs', path='publishing') }}" class="text-indigo-600 hover:underline">Publish it to the registry</a> so others can use it.
</p> </p>
<div class="mt-6 flex flex-col sm:flex-row items-center justify-center gap-4"> </div>
<a href="{{ url_for('web.docs', path='contributing') }}" </div>
class="inline-flex items-center px-6 py-3 text-sm font-medium text-white bg-indigo-600 rounded-md hover:bg-indigo-700">
Contribution Guide <div class="flex items-start space-x-4">
<div class="flex-shrink-0 w-8 h-8 bg-indigo-100 rounded-full flex items-center justify-center">
<span class="text-indigo-600 font-bold">2</span>
</div>
<div>
<h3 class="font-semibold text-gray-900">Improve the Docs</h3>
<p class="mt-1 text-sm text-gray-600">
Found something confusing? Submit a PR to improve the documentation.
</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="flex-shrink-0 w-8 h-8 bg-indigo-100 rounded-full flex items-center justify-center">
<span class="text-indigo-600 font-bold">3</span>
</div>
<div>
<h3 class="font-semibold text-gray-900">Report Bugs</h3>
<p class="mt-1 text-sm text-gray-600">
Help make SmartTools better by reporting issues with clear reproduction steps.
</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="flex-shrink-0 w-8 h-8 bg-indigo-100 rounded-full flex items-center justify-center">
<span class="text-indigo-600 font-bold">4</span>
</div>
<div>
<h3 class="font-semibold text-gray-900">Add Features</h3>
<p class="mt-1 text-sm text-gray-600">
Check the issues for feature requests or propose your own ideas.
</p>
</div>
</div>
</div>
</section>
<!-- Quick Links -->
<section class="mt-8 text-center">
<div class="flex flex-wrap items-center justify-center gap-4">
<a href="https://gitea.brrd.tech/rob/SmartTools#installation"
target="_blank" rel="noopener"
class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50">
Installation
</a> </a>
<a href="{{ url_for('web.tools') }}" <a href="{{ url_for('web.tools') }}"
class="inline-flex items-center px-6 py-3 text-sm font-medium text-indigo-600 border border-indigo-600 rounded-md hover:bg-indigo-50"> class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50">
Browse Tools Browse Tools
</a> </a>
<a href="{{ url_for('web.tutorials') }}"
class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50">
Tutorials
</a>
</div> </div>
</section> </section>
</div> </div>

View File

@ -1,8 +1,8 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}Support SmartTools - Donate{% endblock %} {% block title %}Support SmartTools{% endblock %}
{% block meta_description %}Support SmartTools development and help keep AI tools accessible for everyone.{% endblock %} {% block meta_description %}Support SmartTools by contributing code, tools, or feedback.{% endblock %}
{% block content %} {% block content %}
<div class="bg-gray-50 min-h-screen"> <div class="bg-gray-50 min-h-screen">
@ -11,60 +11,76 @@
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 text-center"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 text-center">
<h1 class="text-3xl font-bold text-gray-900">Support SmartTools</h1> <h1 class="text-3xl font-bold text-gray-900">Support SmartTools</h1>
<p class="mt-4 text-lg text-gray-600"> <p class="mt-4 text-lg text-gray-600">
Your support keeps the registry running and funds new features for the community. SmartTools is a passion project. The best way to support it is to use it and share what you build.
</p> </p>
</div> </div>
</div> </div>
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<!-- Impact --> <!-- Ways to help -->
<section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"> <section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
<div class="bg-white rounded-lg border border-gray-200 p-6"> <div class="bg-white rounded-lg border border-gray-200 p-6">
<h2 class="text-lg font-semibold text-gray-900">Infrastructure</h2> <div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"/>
</svg>
</div>
<h2 class="text-lg font-semibold text-gray-900">Build Tools</h2>
<p class="mt-2 text-sm text-gray-600"> <p class="mt-2 text-sm text-gray-600">
Keep the registry fast, reliable, and available for everyone. Create and publish useful tools to the registry. A growing library helps everyone.
</p> </p>
</div> </div>
<div class="bg-white rounded-lg border border-gray-200 p-6"> <div class="bg-white rounded-lg border border-gray-200 p-6">
<h2 class="text-lg font-semibold text-gray-900">Open Access</h2> <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"/>
</svg>
</div>
<h2 class="text-lg font-semibold text-gray-900">Spread the Word</h2>
<p class="mt-2 text-sm text-gray-600"> <p class="mt-2 text-sm text-gray-600">
Fund future hosting of shared AI models and public demos. Tell a friend or colleague who might find SmartTools useful.
</p> </p>
</div> </div>
<div class="bg-white rounded-lg border border-gray-200 p-6"> <div class="bg-white rounded-lg border border-gray-200 p-6">
<h2 class="text-lg font-semibold text-gray-900">Community Growth</h2> <div class="w-12 h-12 bg-amber-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"/>
</svg>
</div>
<h2 class="text-lg font-semibold text-gray-900">Give Feedback</h2>
<p class="mt-2 text-sm text-gray-600"> <p class="mt-2 text-sm text-gray-600">
Support tutorials, examples, and recognition for contributors. Report bugs, suggest features, or just share what you're building with it.
</p> </p>
</div> </div>
</section> </section>
<!-- Donation options --> <!-- Main CTA -->
<section class="bg-white rounded-lg border border-gray-200 p-8 text-center"> <section class="bg-white rounded-lg border border-gray-200 p-8 text-center">
<h2 class="text-2xl font-bold text-gray-900">Choose a Way to Contribute</h2> <h2 class="text-2xl font-bold text-gray-900">Get Involved</h2>
<p class="mt-3 text-gray-600"> <p class="mt-3 text-gray-600 max-w-2xl mx-auto">
Placeholder links for donation providers. Replace with real endpoints when ready. SmartTools is open source. The code, docs, and registry are all open for contributions.
</p> </p>
<div class="mt-6 flex flex-col sm:flex-row items-center justify-center gap-4"> <div class="mt-6 flex flex-col sm:flex-row items-center justify-center gap-4">
<a href="#" <a href="https://gitea.brrd.tech/rob/SmartTools"
target="_blank" rel="noopener"
class="inline-flex items-center px-6 py-3 text-sm font-medium text-white bg-indigo-600 rounded-md hover:bg-indigo-700"> class="inline-flex items-center px-6 py-3 text-sm font-medium text-white bg-indigo-600 rounded-md hover:bg-indigo-700">
Donate via GitHub Sponsors <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 24 24">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
</svg>
View on Gitea
</a> </a>
<a href="#" <a href="{{ url_for('web.docs', path='publishing') }}"
class="inline-flex items-center px-6 py-3 text-sm font-medium text-indigo-600 border border-indigo-600 rounded-md hover:bg-indigo-50"> class="inline-flex items-center px-6 py-3 text-sm font-medium text-indigo-600 border border-indigo-600 rounded-md hover:bg-indigo-50">
Donate via Ko-fi Publish a Tool
</a> </a>
</div> </div>
</section> </section>
<!-- Transparency --> <!-- Thank you -->
<section class="mt-12 bg-gray-100 rounded-lg p-6"> <section class="mt-12 text-center">
<h3 class="text-lg font-semibold text-gray-900">How funds are used</h3> <p class="text-gray-500">
<ul class="mt-3 text-sm text-gray-600 space-y-2"> Thanks for using SmartTools!
<li>Registry hosting, backups, and monitoring</li> </p>
<li>Documentation, tutorials, and example projects</li>
<li>Ongoing development and community support</li>
</ul>
</section> </section>
</div> </div>
</div> </div>