Demo/Example sites wanted!
Closed this issue · 2 comments
caendesilva commented
What could make HydePHP even better? Demo sites! Lots and lots of demo sites! Why not create a HydePHP site for your side business, book club, sports team, or anything else?
This could be a fun way to contribute to Hacktoberfest! Here are some instructions to get you started. Feel free to ask me for help if you want more guidance. 🙂
- Create a HydePHP website (see hydephp.com/docs to learn how)
- Host the website somewhere. You can do this for free with GitHub Pages. Please also make the website source code public on GitHub!
- Take a screenshot of the site, and submit a Pull Request to update hydephp.com/demos by updating this file.
caendesilva commented
Here's a template for the cards on the demo page. It's also present in the source code.
<div class="py-4 sm:px-6 w-96 max-w-full">
<div class="flex flex-col overflow-hidden bg-slate-100 dark:bg-slate-900 rounded-lg shadow-lg hover:shadow-xl transition-shadow">
<img class="h-56 rounded-t-lg m-0 w-full" alt="article image"
src="/media/your-image-here.png">
<div class="px-6 pt-4 mb-2 text-xl font-bold">
<span>Website Name</span>
</div>
<div class="px-6 pt-2">
<small>John Doe | 2022-01-01</small>
<div class="overflow-hidden h-16 mt-2">A short description of the site. Maybe a sentence or two.</div>
</div>
<div class="px-6 pb-4 text-center mt-3">
<a href="https://github.com/username/repository" class="inline-block px-3 py-1 my-1 mr-2 text-sm font-semibold text-white bg-gray-400 dark:bg-gray-500 rounded-full">GitHub Source Code</a>
<a href="https://example.com" class="inline-block px-3 py-1 my-1 mr-2 text-sm font-semibold text-white bg-indigo-500 dark:bg-indigo-400 rounded-full">Live Demo</a>
</div>
</div>
</div>
caendesilva commented
While more demo and example sites are always appreciated, I'm closing this specific issue as Hacktoberfest 2022 is sadly over. But contributions to HydePHP is always welcome! Thanks for this season, I'm already looking forward to the next!