<![CDATA[PLAYGROUND - Playground Facts and Figures]]> https://sandbox.quisquous.com/ Fri, 17 Apr 2026 01:06:26 +0000 MyBB <![CDATA[Helpful Resources]]> https://sandbox.quisquous.com/showthread.php?tid=12 Sun, 18 Feb 2024 02:43:09 +0000 gist]]> https://sandbox.quisquous.com/showthread.php?tid=12


Fonts



Buttons



Icons

]]>


Fonts



Buttons



Icons

]]> <![CDATA[About Playground]]> https://sandbox.quisquous.com/showthread.php?tid=7 Sat, 03 Feb 2024 16:10:31 +0000 gist]]> https://sandbox.quisquous.com/showthread.php?tid=7
This theme comes with

  • Mobile-first, readable-first philosophy. Do you die a little when the very first thing you have to do after a site loads is zoom in 200% to read anything? Not with Playground! I took inspiration as much from long-form reading-centric websites as existing roleplaying forums, so text remains large and legible and the most important thing on any screen. Did you know that the ideal length of a line of text on a website is 45-80 characters? I've tried to maintain that for any significant blocks of text.
  • No reliance on hovering over things to see information.
  • Built in light and dark modes, defaulted to approved material design colors.
  • Customizable Google material symbols for icons.
  • A metric ton of commentary/explanation/rambling notes in the code, so you know what does what.
  • Zero required plugins/code changes. There are a couple of optional php edits to include recent threads on the index and user info popups that you can read about in this post. They're very easy to implement and I haven't bothered to make a plugin out of them. Feel free to skip them and/or go find plugins with similar functionality.
  • Some really stupid bells and whistles because I couldn't help myself. Toggles toggles everywhere. Chroma.js, so you can change the color scheme on demand! (You'll probably want to delete that if you have a more opinionated design in mind.)
  • Content filter system: series of customizable checkboxes that users can check/uncheck to literally prevent themselves from seeing the posts in any of the objectionably prefixed threads. Just in case they accidentally click into one. This could be easily be edited to hide tagged threads from view completely, if you prefer.
  • No terms of use. Playground is meant to be a jumping-off point for something prettier, not a final product. Take it. Use it. Change it. Break it. Bop it. Credit me me or don't, I don't care. In exchange, I make no guarantees of support or answering questions. My only request, which I know is in no way enforceable, is that you not attempt to profit off of anything you use this theme to build.


Disclaimer: I'm not a professional coder or designer!! I just do this for fun and as an exercise to keep from forgetting my basic bitch frontend skills. I've kinda tried to sidle up close to decent UX and best code practices, but ultimately everything is just cobbled together with floss and chewing gum. Deploy at your own risk.]]>
This theme comes with

  • Mobile-first, readable-first philosophy. Do you die a little when the very first thing you have to do after a site loads is zoom in 200% to read anything? Not with Playground! I took inspiration as much from long-form reading-centric websites as existing roleplaying forums, so text remains large and legible and the most important thing on any screen. Did you know that the ideal length of a line of text on a website is 45-80 characters? I've tried to maintain that for any significant blocks of text.
  • No reliance on hovering over things to see information.
  • Built in light and dark modes, defaulted to approved material design colors.
  • Customizable Google material symbols for icons.
  • A metric ton of commentary/explanation/rambling notes in the code, so you know what does what.
  • Zero required plugins/code changes. There are a couple of optional php edits to include recent threads on the index and user info popups that you can read about in this post. They're very easy to implement and I haven't bothered to make a plugin out of them. Feel free to skip them and/or go find plugins with similar functionality.
  • Some really stupid bells and whistles because I couldn't help myself. Toggles toggles everywhere. Chroma.js, so you can change the color scheme on demand! (You'll probably want to delete that if you have a more opinionated design in mind.)
  • Content filter system: series of customizable checkboxes that users can check/uncheck to literally prevent themselves from seeing the posts in any of the objectionably prefixed threads. Just in case they accidentally click into one. This could be easily be edited to hide tagged threads from view completely, if you prefer.
  • No terms of use. Playground is meant to be a jumping-off point for something prettier, not a final product. Take it. Use it. Change it. Break it. Bop it. Credit me me or don't, I don't care. In exchange, I make no guarantees of support or answering questions. My only request, which I know is in no way enforceable, is that you not attempt to profit off of anything you use this theme to build.


Disclaimer: I'm not a professional coder or designer!! I just do this for fun and as an exercise to keep from forgetting my basic bitch frontend skills. I've kinda tried to sidle up close to decent UX and best code practices, but ultimately everything is just cobbled together with floss and chewing gum. Deploy at your own risk.]]> <![CDATA[Theme Notes]]> https://sandbox.quisquous.com/showthread.php?tid=3 Sun, 07 Jan 2024 17:28:52 +0000 gist]]> https://sandbox.quisquous.com/showthread.php?tid=3 sticky footer to facilitate navigation by thumb. There is enough space at the bottom of each page that it shouldn't interfere with reading anything. Don't like it? Move it to the top by switching the main grid structure in the header.]]> sticky footer to facilitate navigation by thumb. There is enough space at the bottom of each page that it shouldn't interfere with reading anything. Don't like it? Move it to the top by switching the main grid structure in the header.]]> <![CDATA[Small Backend Changes]]> https://sandbox.quisquous.com/showthread.php?tid=2 Fri, 29 Dec 2023 14:44:39 +0000 gist]]> https://sandbox.quisquous.com/showthread.php?tid=2
By default, the quick theme select dropdown can only be in the footer. To render the template outside of the footer:

in global.php, find

Code:
// Are we showing the quick theme selection box?
$theme_select = $theme_options = '';
if($mybb->settings['showthemeselect'] != 0)
{
...
}

cut and paste above, in line 950:

Code:
}

(LINE 950) // PASTE THIS CODE HERE

$jsTemplates = array();
foreach (array('modal', 'modal_button') as $template) {
    eval('$jsTemplates["'.$template.'"] = "'.$templates->get($template, 1, 0).'";');
    $jsTemplates[$template] = str_replace(array("\n","\r"), array("\\\n", ""), addslashes($jsTemplates[$template]));
}

You can now move the quick theme selector wherever you want!]]>
By default, the quick theme select dropdown can only be in the footer. To render the template outside of the footer:

in global.php, find

Code:
// Are we showing the quick theme selection box?
$theme_select = $theme_options = '';
if($mybb->settings['showthemeselect'] != 0)
{
...
}

cut and paste above, in line 950:

Code:
}

(LINE 950) // PASTE THIS CODE HERE

$jsTemplates = array();
foreach (array('modal', 'modal_button') as $template) {
    eval('$jsTemplates["'.$template.'"] = "'.$templates->get($template, 1, 0).'";');
    $jsTemplates[$template] = str_replace(array("\n","\r"), array("\\\n", ""), addslashes($jsTemplates[$template]));
}

You can now move the quick theme selector wherever you want!]]>