Candypedia:Main Page draft: Difference between revisions

From Candypedia
No edit summary
Added images, revised markup
Line 5: Line 5:
<div style="display:flex; flex-wrap:wrap; gap:1em; margin-bottom:1em;">
<div style="display:flex; flex-wrap:wrap; gap:1em; margin-bottom:1em;">


<div style="flex:1; min-width:300px; overflow:hidden; margin-top: 1em;">
<div style="flex:1; min-width:300px; overflow:hidden; margin-top:1em;">
<div style="display:flex; flex-wrap:wrap; gap:1em; box-sizing:border-box;">
<div style="display:flex; flex-wrap:wrap; gap:1em; box-sizing:border-box;">
<!-- Page Spotlight box -->
<div style="flex:1; min-width:300px; border:1px solid #B0A1C9; border-radius:.8em; overflow:hidden;">
<div style="flex:1; min-width:300px; border:1px solid #B0A1C9; border-radius:.8em; overflow:hidden;">
<div style="background-color:#B0A1C9; font-weight:bold; padding:0 0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
<h3 style="background-color:#B0A1C9; font-weight:bold;
[[File:TempHeaderIcon@2x.png|40px|frameless|link=]] Page Spotlight
padding:0.62em 0.5em 0.5em 0.5em; margin:0;
</div>
text-align:center; display:flex; align-items:center; justify-content:center;
gap:0.5em; font-size:1.2em;">
[[File:candypedia_spotlight.png|46px|frameless|link=]] Page Spotlight
</h3>
<div style="display:flex; flex-wrap:wrap; gap:1em; padding:0.5em; box-sizing:border-box;">
<div style="display:flex; flex-wrap:wrap; gap:1em; padding:0.5em; box-sizing:border-box;">
<div style="flex:1; min-width:150px; text-align:center;">
<div style="flex:1; min-width:150px; text-align:center;">
<h3 style="font-size: 1.1em; padding: 0; margin: 0;">Featured Character</h3>
<p style="font-size:1.05em; font-weight:bold; padding:0; margin:0;">
<h4 style="font-size: 1.2em; padding: 0; margin: -.25em 0 .1em;>[[Sue]]</h4>
Featured Character
</p>
<p style="font-size:1.15em; font-weight:bold; padding:0; margin:-.1em 0 .2em;">[[Sue]]</p>
[[File:Character sue.png|130px|frameless|center|link=Sue]]
[[File:Character sue.png|130px|frameless|center|link=Sue]]
<p style="text-align:left;">The self-proclaimed anti-drama activist who somehow always ends up neck-deep in it, '''[[Sue]]''' is (sometimes) the main group’s voice of reason.
<p style="text-align:left; margin-top:0.5em;">
The self-proclaimed anti-drama activist who somehow always ends up neck-deep in it,
'''[[Sue]]''' is (sometimes) the main group’s voice of reason.
</p>
</div>
</div>
<div style="flex:1; min-width:150px; text-align:center;">
<div style="flex:1; min-width:150px; text-align:center;">
<h3 style="font-size: 1.1em; padding: 0; margin: 0;">Featured Chapter</h3>
<p style="font-size:1.05em; font-weight:bold; padding:0; margin:0;">Featured Chapter</p>
<h4 style="font-size: 1.2em; padding: 0; margin: -.25em 0 .1em;>[[Midterm Time]]</h4>
<p style="font-size:1.15em; font-weight:bold; padding:0; margin:-.1em 0 .2em;">[[Midterm Time]]</p>
[[File:C29p1f14.png|180px|frameless|center|link=Midterm Time]]
[[File:C29p1f14.png|180px|frameless|center|link=Midterm Time]]
<p style="text-align:left;">It's '''[[Midterm Time]]''' at Roseville High, and stress levels are through the roof! Daisy takes it upon herself to whip Tess into academic shape - but does she have double standards?.</p>
<p style="text-align:left; margin-top:0.5em;">
It's '''[[Midterm Time]]''' at Roseville High, and stress levels are through the roof!
Daisy takes it upon herself to whip Tess into academic shape but does she have double standards?
</p>
</div>
</div>
</div>
</div>
</div>
</div>


<!-- News & Community box -->
<div style="flex:1; min-width:300px; border:1px solid #92CDA9; border-radius:.8em; overflow:hidden;">
<div style="flex:1; min-width:300px; border:1px solid #92CDA9; border-radius:.8em; overflow:hidden;">
<div style="background-color:#92CDA9; font-weight:bold; padding:0 0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
<h3 style="background-color:#92CDA9; font-weight:bold;
[[File:TempHeaderIcon.png|40px|frameless|link=]] News and Community
padding:0.62em 0.5em 0.5em 0.5em; margin:0;
</div>
text-align:center; display:flex; align-items:center; justify-content:center;
gap:0.5em; font-size:1.2em;">
[[File:candypedia_news.png|40px|frameless|link=]] News and Community
</h3>
<div style="padding:0.5em;">
<div style="padding:0.5em;">
* '''April 2025:''' [[Method Acting]], now expanded with new trivia!
* <strong>April 2025:</strong> [[Method Acting]], now expanded with new trivia!<br/>
* '''March 2025:''' Added translations in 5 languages!
* <strong>March 2025:</strong> Added translations in 5 languages!<br/>
* '''December 2024:''' Forum migrated to a new server!
* <strong>December 2024:</strong> Forum migrated to a new server!<br/>
<hr style="margin:0.7em 0;" />
<hr style="margin:0.7em 0;" />
[[File:Underconstruction@2x.png|110px|frameless|left|alt=Paulo's dad wiping off a sweat]]
Interested in helping improve Candypedia? Feel free to correct typos, add references,
Interested in helping improve Candypedia? Feel free to correct typos, add references,
or expand short articles. Every little bit counts!
or expand short articles. Every little bit counts!<br/><br/>
 
If you have questions, see our <strong>[[Help:Contents|Help Pages]]</strong> or ask on the
If you have questions, see our '''[[Help:Contents|Help Pages]]''' or ask on the
<strong>[[Bittersweet Candy Bowl Discord server|Discord]]</strong>.
'''[[Bittersweet Candy Bowl Discord server|Discord]]'''.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div style="display:flex; flex-wrap:wrap; gap:1em; margin-bottom:1em;">
<div style="display:flex; flex-wrap:wrap; gap:1em; margin-bottom:1em;">


<!-- Characters box -->
<div style="flex:1; min-width:260px; border:1px solid #E4C0DC; border-radius:.8em; overflow:hidden;">
<div style="flex:1; min-width:260px; border:1px solid #E4C0DC; border-radius:.8em; overflow:hidden;">
<div style="background-color:#E4C0DC; font-weight:bold; color:#000; padding:0 0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
<h3 style="background-color:#E4C0DC; font-weight:bold; color:#000;
[[File:TempHeaderIcon.png|40px|frameless|link=]] Characters
padding:0.62em 0.5em 0.5em 0.5em; margin:0;
</div>
text-align:center; display:flex; align-items:center; justify-content:center;
gap:0.5em; font-size:1.2em;">
[[File:candypedia_charactersportal.png|40px|frameless|link=]] Characters
</h3>
<div style="padding:0.8em;">
<div style="padding:0.8em;">
<ul style="column-count:2; list-style:disc outside; margin:0; padding-left:1em;">
<ul style="column-count:2; list-style:disc outside; margin:0; padding-left:1em;">
<li>[[Mike]]</li>
<li>[[Mike]]</li><li>[[Lucy]]</li><li>[[Paulo]]</li><li>[[Daisy]]</li>
<li>[[Lucy]]</li>
<li>[[David]]</li><li>[[Abbey]]</li><li>[[Sue]]</li><li>[[Amaya]]</li>
<li>[[Paulo]]</li>
<li>[[Augustus]]</li><li>[[Sandy]]</li><li>[[Tess]]</li><li>[[James]]</li>
<li>[[Daisy]]</li>
<li>[[David]]</li>
<li>[[Abbey]]</li>
<li>[[Sue]]</li>
<li>[[Amaya]]</li>
<li>[[Augustus]]</li>
<li>[[Sandy]]</li>
<li>[[Tess]]</li>
<li>[[James]]</li>
</ul>
</ul>
<p style="text-align:center;">'''[[List of characters|List of characters...]]'''</p>
<p style="text-align:center;">'''[[List of characters|List of characters...]]'''</p>
Line 72: Line 86:
</div>
</div>


<!-- Chapters box -->
<div style="flex:1; min-width:260px; border:1px solid #B0A1C9; border-radius:.8em; overflow:hidden;">
<div style="flex:1; min-width:260px; border:1px solid #B0A1C9; border-radius:.8em; overflow:hidden;">
<div style="background-color:#B0A1C9; font-weight:bold; color:#000; padding:0 0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
<h3 style="background-color:#B0A1C9; font-weight:bold; color:#000;
[[File:TempHeaderIcon.png|40px|frameless|link=]] Chapters
padding:0.62em 0.5em 0.5em 0.5em; margin:0;
</div>
text-align:center; display:flex; align-items:center; justify-content:center;
gap:0.5em; font-size:1.2em;">[[File:candypedia_chaptersportal.png|45px|frameless|link=]] Chapters
</h3>
<div style="padding:0.8em;">
<div style="padding:0.8em;">
<ul style="column-count:2; list-style:disc outside; margin:0; padding-left:1em;">
<ul style="column-count:2; list-style:disc outside; margin:0; padding-left:1em;">
<li>[[Simple Pleasures]]</li>
<li>[[Simple Pleasures]]</li><li>[[Confrontation]]</li><li>[[Love My Way]]</li><li>[[December]]</li>
<li>[[Confrontation]]</li>
<li>[[Pillow Talk]]</li><li>[[Just Beautiful]]</li><li>[[Trapped]]</li><li>[[Model Girlfriend]]</li>
<li>[[Love My Way]]</li>
<li>[[Love Again]]</li><li>[[Eternal Flame]]</li>
<li>[[December]]</li>
<li>[[Pillow Talk]]</li>
<li>[[Just Beautiful]]</li>
<li>[[Trapped]]</li>
<li>[[Model Girlfriend]]</li>
<li>[[Love Again]]</li>
<li>[[Eternal Flame]]</li>
</ul>
</ul>
<p style="text-align:center;">'''[[List of chapters]]''' • '''[[List of Bittersweet Club International chapters|List of BCI chapters]]''' • '''[[List of books]]'''</p>
<p style="text-align:center;">
'''[[List of chapters]]''' •
'''[[List of Bittersweet Club International chapters|List of BCI chapters]]''' •
'''[[List of books]]'''
</p>
</div>
</div>
</div>
</div>


<!-- Locations & Concepts box -->
<div style="flex:1; min-width:260px; border:1px solid #92CDA9; border-radius:.8em; overflow:hidden;">
<div style="flex:1; min-width:260px; border:1px solid #92CDA9; border-radius:.8em; overflow:hidden;">
<div style="background-color:#92CDA9; font-weight:bold; padding:0 0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
<h3 style="background-color:#92CDA9; font-weight:bold;
[[File:TempHeaderIcon.png|40px|frameless|link=]] Locations and Concepts
padding:0.62em 0.5em 0.5em 0.5em; margin:0;
</div>
text-align:center; display:flex; align-items:center; justify-content:center;
gap:0.5em; font-size:1.2em;">
[[File:candypedia_locationsportal.png|40px|frameless|link=]] Locations and Concepts
</h3>
<div style="padding:0.8em;">
<div style="padding:0.8em;">
<ul style="column-count:2; list-style:disc outside; margin:0; padding-left:1em;">
<ul style="column-count:2; list-style:disc outside; margin:0; padding-left:1em;">
<li>[[Roseville High School]]</li>
<li>[[Roseville High School]]</li><li>[[Mike's house]]</li><li>[[Lucy's house]]</li>
<li>[[Mike's house]]</li>
<li>[[Paulo's house]]</li><li>[[Daisy's house]]</li><li>[[Drive-in theater]]</li>
<li>[[Lucy's house]]</li>
<li>[[SwordsVale]]</li><li>[[Blasto]]</li><li>[[Roseville shopping mall]]</li>
<li>[[Paulo's house]]</li>
<li>[[Daisy's house]]</li>
<li>[[Drive-in theater]]</li>
<li>[[SwordsVale]]</li>
<li>[[Blasto]]</li>
<li>[[Roseville shopping mall]]</li>
<li>[[Silvershore Islands]]</li>
<li>[[Silvershore Islands]]</li>
</ul>
</ul>
Line 113: Line 125:
</div>
</div>
</div>
</div>
</div>
</div>


<!-- All About BCB box -->
<div style="border:1px solid #E4C0DC; border-radius:.8em; overflow:hidden; margin-bottom:1em;">
<div style="border:1px solid #E4C0DC; border-radius:.8em; overflow:hidden; margin-bottom:1em;">
<div style="background-color:#E4C0DC; font-weight:bold; padding:0 0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
<h3 style="background-color:#E4C0DC; font-weight:bold;
[[File:TempHeaderIcon.png|40px|frameless|link=]] All About Bittersweet Candy Bowl
padding:0.62em 0.5em 0.5em 0.5em; margin:0;
</div>
text-align:center; display:flex; align-items:center; justify-content:center;
gap:0.5em; font-size:1.2em;">
[[File:candypedia_allabout.png|40px|frameless|link=]] All About Bittersweet Candy Bowl
</h3>
<div style="display:flex; flex-wrap:wrap; gap:1em; padding:0.8em;">
<div style="display:flex; flex-wrap:wrap; gap:1em; padding:0.8em;">
<div style="flex:1; min-width:200px;">
<div style="flex:1; min-width:200px;">
<b>The Basics</b>
<b>The Basics</b>
Line 136: Line 152:
</ul>
</ul>
</div>
</div>
<div style="flex:1; min-width:200px;">
<div style="flex:1; min-width:200px;">
<b>Online Presence</b>
<b>Online Presence</b>
Line 155: Line 170:
</ul>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Revision as of 03:47, 28 April 2025

Welcome to Candypedia, a community-maintained resource for the Bittersweet Candy Bowl webcomic!

While still under heavy construction, Candypedia is full of useful information. Take a look around!

Page Spotlight

Featured Character

Sue

The self-proclaimed anti-drama activist who somehow always ends up neck-deep in it, Sue is (sometimes) the main group’s voice of reason.

Featured Chapter

Midterm Time

It's Midterm Time at Roseville High, and stress levels are through the roof! Daisy takes it upon herself to whip Tess into academic shape – but does she have double standards?

News and Community

  • April 2025: Method Acting, now expanded with new trivia!
  • March 2025: Added translations in 5 languages!
  • December 2024: Forum migrated to a new server!

Paulo's dad wiping off a sweat

Interested in helping improve Candypedia? Feel free to correct typos, add references, or expand short articles. Every little bit counts!

If you have questions, see our Help Pages or ask on the Discord.