Categories in a drop-down!

This commit is contained in:
tcourage 2016-04-07 12:10:47 -04:00
parent 345a4b5938
commit 6c0e88f4e7
5 changed files with 153 additions and 247 deletions

View File

@ -1,6 +1,6 @@
# Meme Machine
## Current Version: v0.3.0-beta
## Current Version: v0.3.5-beta
## Overview
@ -16,30 +16,30 @@ Users are then able to browse the memes using the categories, and in future vers
## Changelog
### v0.3.5-beta - April 7, 2016
- Categories are now a drop-down box rather than an incoherent table
- More categories added (Laugh/Laughing, Fite Me, Spongebob, Racist)
### v0.3.0-beta - April 4, 2016
- Added "Search" function
- More categories added
- Added "Search" function
- More categories added
### v0.2 BETA - April 2, 2016
- Second release
- Project now open source!
- Second release
- Project now open source!
- Added "Browse"
- Ability to browse all memes
- Ability to browse memes by category
- Added "Browse"
- Ability to browse all memes
- Ability to browse memes by category
### v0.1 Pre-BETA - April 1, 2016
- Initial Release
- Initial Release
- Added "Upload"
- Ability to upload images up to 75MiB
- Ability to specify a name/description of meme
- Ablilty to select a category
## Cloning and Running
Clone the repository to a directory on your website. Change the appropriate files so that your database is being accessed with your credentials. Make a folder called "uploads" or change the code to suit your needs
- Added "Upload"
- Ability to upload images up to 75MiB
- Ability to specify a name/description of meme
- Ablilty to select a category

View File

@ -32,7 +32,7 @@ if (!$conn) {
}
if(isset($_POST["browse"]) && $var) { // If "Browse" is pressed
if(isset($_POST["browse"]) && $_POST["memeCategory"]) { // If "Browse" is pressed
echo '<h2>Category: ' . $_POST["memeCategory"] . '</h2>';
$memeCategory = mysqli_real_escape_string($conn, $_POST["memeCategory"]);
$browse = "SELECT * FROM memes WHERE category = \"$memeCategory\"";

View File

@ -25,123 +25,71 @@
<div align="center">
<form action="browse.php" method="post">
<h4>Browse by category:</h4><table>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="lolwut" />LOLWUT</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="wtf" />WTF</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fuckyeah" />Fuck Yeah</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fuck" />FUCK!</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="alcohol" />Alcohol</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="nope" />Nope</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fuckthis" />Fuck This</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="disgust" />Disgust</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="stfu" />STFU/Shut Up</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="rip" />RIP in piece</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="upvote" />Upvote</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="downvote" />Downvote</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="mindblown" />Mind Blown</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="frank" />Filthy Frank</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="insults" />Insults</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="haters" />Haters Gonna Hate</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="didntread" />Didn't Read</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="coolstory" />Cool Story Bro</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="umad" />UMAD BRO?</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="impressed" />Impressed</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="dealwithit" />Deal With It</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="animals" />Animals</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="partyhard" />Party Hard</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="hitler" />Hitler/Nazis/Holocaust</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="shocked" />Shocked</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="meta" />Meta</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="games" />Games/Gaming</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fail" />Fail</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="killyourself" />Kill Yourself</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="scary" />Scary</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="thinking" />Thinking</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="muslims" />Muslims/Terrorists</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="ricky" />Ricky Comic</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="beashame" />Be a shame if...</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="history" />History</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="military" />Military</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="guns" />Guns</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="infograph" />Inforgraph</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="boners" />Erections/Fapping</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="cats" />Cats</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="joancornella" />Joan Cornella</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="thissucks" />This sucks</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fuckyou" />Fuck You</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="nsfw" />NSFW</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="misc" />MISC</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="pepe" />Pepe</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="political" />Political</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="sanic" />Sanic</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="cringe" />Cringe</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="morbid" />Morbid</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="polandball" />Poland Ball</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="canada" />Canada</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="murica" />'Murica</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="visser" />Visser</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fiteme" />Fite me</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="member" />Member-Specific</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="thefuck" />The Fuck You Say?</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="laughing" />Laugh/Laughing</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="racist" />Racist</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="spiderman" />Spiderman</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="spongebob" />Spongebob</td>
</tr>
</table>
<h4>Browse by category:
<select name="memeCategory">
<option value="" default>-- Choose A Category --</option>
<option value="alcohol">Alcohol</option>
<option value="animals">Animals</option>
<option value="beashame">Be A Shame If...</option>
<option value="canada">Canada</option>
<option value="cats">Cats</option>
<option value="coolstory">Cool Story (Bro)</option>
<option value="cringe">Cringe</option>
<option value="dealwithit">Deal With It</option>
<option value="didntread">Didn't Read</option>
<option value="disgust">Disgust</option>
<option value="downvote">Downvote</option>
<option value="boners">Erections/Fapping</option>
<option value="fail">Fail</option>
<option value="frank">Filthy Frank</option>
<option value="fiteme">Fite Me</option>
<option value="fuck">Fuck!</option>
<option value="fuckthis">Fuck This</option>
<option value="fuckyeah">Fuck Yeah</option>
<option value="fuckyou">Fuck You</option>
<option value="games">Games/Gaming</option>
<option value="guns">Guns</option>
<option value="haters">Haters Gonna Hate</option>
<option value="history">History</option>
<option value="hitler">Hitler/Nazi's/Holocaust</option>
<option value="impressed">Impressed</option>
<option value="infograph">Infograph</option>
<option value="insults">Insults</option>
<option value="joancornella">Joan Cornella</option>
<option value="killyourself">Kill Yourself</option>
<option value="laugh">Laugh/Laughing</option>
<option value="lolwut">lolwut</option>
<option value="memberspecific">Member-Specific</option>
<option value="meta">Meta</option>
<option value="military">Military</option>
<option value="mindblown">Mind Blown</option>
<option value="misc">Misc</option>
<option value="morbid">Morbid</option>
<option value="murica">'Murica</option>
<option value="muslims">Muslims/Terrorists</option>
<option value="nope">Nope</option>
<option value="nsfw">NSFW</option>
<option value="partyhard">Party Hard</option>
<option value="pepe">Pepe</option>
<option value="pokemon">Pokemon</option>
<option value="polandball">Poland Ball</option>
<option value="political">Political</option>
<option value="racist">Racist</option>
<option value="ricky">Ricky Comic</option>
<option value="rip">RIP in piece</option>
<option value="sanic">Sanic</option>
<option value="scary">Scary</option>
<option value="shocked">Shocked</option>
<option value="spongebob">Spongebob</option>
<option value="stfu">STFU/Shut Up</option>
<option value="thinking">Thinking</option>
<option value="thissucks">This Sucks</option>
<option value="umad">UMAD BRO?</option>
<option value="upvote">Upvote</option>
<option value="visser">Visser</option>
<option value="wtf">WTF</option>
</select>
</h4>
<br />
<input type="submit" name="browse" value="Browse" />
<input type="submit" name="browseAll" value="Browse All" />

View File

@ -35,7 +35,7 @@ echo '<h1>Meme Machine</h1>';
$sql .= implode("%' or name LIKE '%", $tokens) . "'";
if(isset($_POST['search']) && $term){
echo "Search term is: " . $term . "<br />";
echo "You searched for: " . $term . "<br />";
$result = mysqli_query($conn, $sql);

178
index.php
View File

@ -3,7 +3,7 @@
<title>Meme Machine</title>
<style>
table {
layout {
width:950px;
}
@ -15,114 +15,71 @@
<h1>The Meme Machine</h1>
<form action="upload.php" method="post" enctype="multipart/form-data">
<p>Name/Description of meme: <input type="input" name="memeName" id="memeName" /></p>
<h4>Category:</h4><table>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="lolwut" />LOLWUT</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="wtf" />WTF</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fuckyeah" />Fuck Yeah</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fuck" />FUCK!</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="alcohol" />Alcohol</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="nope" />Nope</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fuckthis" />Fuck This</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="disgust" />Disgust</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="stfu" />STFU/Shut Up</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="rip" />RIP in piece</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="upvote" />Upvote</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="downvote" />Downvote</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="mindblown" />Mind Blown</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="frank" />Filthy Frank</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="insults" />Insults</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="haters" />Haters Gonna Hate</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="didntread" />Didn't Read</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="coolstory" />Cool Story Bro</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="umad" />UMAD BRO?</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="impressed" />Impressed</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="dealwithit" />Deal With It</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="animals" />Animals</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="partyhard" />Party Hard</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="hitler" />Hitler/Nazis/Holocaust</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="shocked" />Shocked</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="meta" />Meta</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="games" />Games/Gaming</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fail" />Fail</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="killyourself" />Kill Yourself</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="scary" />Scary</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="thinking" />Thinking</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="muslims" />Muslims/Terrorists</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="ricky" />Ricky Comic</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="beashame" />Be a shame if...</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="history" />History</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="military" />Military</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="guns" />Guns</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="infograph" />Inforgraph</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="boners" />Erections/Fapping</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="cats" />Cats</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="joancornella" />Joan Cornella</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="thissucks" />This sucks</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fuckyou" />Fuck You</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="nsfw" />NSFW</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="misc" />MISC</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="pepe" />Pepe</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="political" />Political</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="sanic" />Sanic</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="cringe" />Cringe</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="morbid" />Morbid</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="polandball" />Poland Ball</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="canada" />Canada</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="murica" />'Murica</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="visser" />Visser</td>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="fiteme" />Fite me</td>
</tr>
<tr>
<td align="center"><input type="radio" name="memeCategory" id="memeCategory" value="spongebob" />Spongebob</td>
</tr>
</table>
<h4>Category:
<select name="memeCategory">
<option value="" default>-- Choose A Category --</option>
<option value="alcohol">Alcohol</option>
<option value="animals">Animals</option>
<option value="beashame">Be A Shame If...</option>
<option value="canada">Canada</option>
<option value="cats">Cats</option>
<option value="coolstory">Cool Story (Bro)</option>
<option value="cringe">Cringe</option>
<option value="dealwithit">Deal With It</option>
<option value="didntread">Didn't Read</option>
<option value="disgust">Disgust</option>
<option value="downvote">Downvote</option>
<option value="boners">Erections/Fapping</option>
<option value="fail">Fail</option>
<option value="frank">Filthy Frank</option>
<option value="fiteme">Fite Me</option>
<option value="fuck">Fuck!</option>
<option value="fuckthis">Fuck This</option>
<option value="fuckyeah">Fuck Yeah</option>
<option value="fuckyou">Fuck You</option>
<option value="games">Games/Gaming</option>
<option value="guns">Guns</option>
<option value="haters">Haters Gonna Hate</option>
<option value="history">History</option>
<option value="hitler">Hitler/Nazi's/Holocaust</option>
<option value="impressed">Impressed</option>
<option value="infograph">Infograph</option>
<option value="insults">Insults</option>
<option value="joancornella">Joan Cornella</option>
<option value="killyourself">Kill Yourself</option>
<option value="laugh">Laugh/Laughing</option>
<option value="lolwut">lolwut</option>
<option value="memberspecific">Member-Specific</option>
<option value="meta">Meta</option>
<option value="military">Military</option>
<option value="mindblown">Mind Blown</option>
<option value="misc">Misc</option>
<option value="morbid">Morbid</option>
<option value="murica">'Murica</option>
<option value="muslims">Muslims/Terrorists</option>
<option value="nope">Nope</option>
<option value="nsfw">NSFW</option>
<option value="partyhard">Party Hard</option>
<option value="pepe">Pepe</option>
<option value="pokemon">Pokemon</option>
<option value="polandball">Poland Ball</option>
<option value="political">Political</option>
<option value="racist">Racist</option>
<option value="ricky">Ricky Comic</option>
<option value="rip">RIP in piece</option>
<option value="sanic">Sanic</option>
<option value="scary">Scary</option>
<option value="shocked">Shocked</option>
<option value="spongebob">Spongebob</option>
<option value="stfu">STFU/Shut Up</option>
<option value="thinking">Thinking</option>
<option value="thissucks">This Sucks</option>
<option value="umad">UMAD BRO?</option>
<option value="upvote">Upvote</option>
<option value="visser">Visser</option>
<option value="wtf">WTF</option>
</select>
</h4>
<br />
<p><input type="file" name="fileToUpload" id="fileToUpload" /></p>
<p><input type="submit" value="Upload Your Meme" name="submit" /></p>
@ -132,6 +89,7 @@
<br />
<p>Accepted file formats: .gif, .png, .jpg, .jpeg</p>
<br />
<hr>
<br />
<input type="submit" value="Browse Memes" onclick="window.location='./browse';" />
@ -140,6 +98,6 @@
<br />
<br />
<br />
<h6>Meme Machine v0.3.0 BETA</h6>
<h6>Meme Machine v0.3.5-beta</h6>
</div>
</html>