Candypedia:Main Page draft: Difference between revisions

From Candypedia
images update
markup tweaks
Line 1: Line 1:
__NOTOC__
Welcome to '''Candypedia''', a community-maintained resource for the '''Bittersweet Candy Bowl''' webcomic. Dive in to explore chapters, characters, and all the details of the BCB universe.


= Candypedia =
<div style="display:flex; flex-wrap:wrap; gap:1em; margin-bottom:1em;">
 
Our community-maintained resource for the '''Bittersweet Candy Bowl''' webcomic. Dive in to explore chapters, characters, and all the details of the BCB universe.
 
<div style="display:flex; flex-wrap:nowrap; gap:1em; margin-bottom:1em;">


<div style="flex:1; min-width:300px; overflow:hidden;">
<div style="flex:1; min-width:300px; overflow:hidden;">
<div style="display:flex; flex-wrap:nowrap; gap:1em; padding:0.5em; box-sizing:border-box;">
<div style="display:flex; flex-wrap:wrap; gap:1em; box-sizing:border-box;">
<div style="flex:1; min-width:300px; border:1px solid #B0A1C9; border-radius:8px; overflow:hidden;">
<div style="flex:1; min-width:300px; border:1px solid #B0A1C9; border-radius:.8em; overflow:hidden;">
<div style="background-color:#B0A1C9; color:#FFF; font-weight:bold; padding:0.5em; text-align:center;">
<div style="background-color:#B0A1C9; color:#FFF; font-weight:bold; padding:0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
[[File:TempHeaderIcon.png|40px|frameless|baseline|link=]] Spotlight
[[File:TempHeaderIcon.png|40px|frameless|link=]] Page Spotlight
</div>
</div>
<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;">
<!-- Featured Character Column -->
<div style="flex:1; min-width:150px; text-align:center;">
<div style="flex:1; min-width:200px;">
'''Featured Character'''
'''Featured Character'''
<br />[[File:Twitter lucysit.jpg|120px|frameless|link=]]
<br />[[File:Twitter lucysit.jpg|140px|frameless|center|link=]]
<p><b>[[Lucy]]</b> is a key protagonist whose brash personality and hidden insecurities set the tone for many stories.<br />
<p style="text-align:left;"><b>[[Lucy]]</b> is a key protagonist whose brash personality and hidden insecurities set the tone for many stories.
<small>(Update monthly or as needed.)</small></p>
</div>
</div>
<!-- Featured Chapter Column -->
<div style="flex:1; min-width:150px; text-align:center;">
<div style="flex:1; min-width:200px;">
'''Featured Chapter'''
'''Featured Chapter'''
<br />[[File:C1p3f4.png|120px|frameless|link=]]
<br />[[File:C1p3f4.png|140px|frameless|center|link=]]
<p><b>[[Simple Pleasures]]</b> is the first chapter—read about its significance and behind-the-scenes notes.</p>
<p style="text-align:left;"><b>[[Simple Pleasures]]</b> is the first chapter—read about its significance and behind-the-scenes notes.</p>
</div>
</div>
</div>
</div>
</div>
</div>


<div style="flex:1; min-width:300px; border:1px solid #92CDA9; border-radius:8px; overflow:hidden;">
<div style="flex:1; min-width:300px; border:1px solid #92CDA9; border-radius:.8em; overflow:hidden;">
<div style="background-color:#92CDA9; color:#000; font-weight:bold; padding:0.5em; text-align:center;">
<div style="background-color:#92CDA9; color:#000; font-weight:bold; padding:0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
[[File:TempHeaderIcon.png|40px|frameless|baseline|link=]] Community & News
[[File:TempHeaderIcon.png|40px|frameless|link=]] Community & News
</div>
</div>
<div style="padding:0.5em;">
<div style="padding:0.5em;">
Line 46: Line 39:
[[Weekly Roundup|Weekly Roundup]]
[[Weekly Roundup|Weekly Roundup]]
</center>
</center>
</div>
</div>
</div>
</div>
</div>
</div>
Line 52: Line 47:
<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:260px; border:1px solid #E4C0DC; border-radius:8px; 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.5em; text-align:center;">
<div style="background-color:#E4C0DC; font-weight:bold; color:#000; padding:0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
[[File:TempHeaderIcon.png|40px|frameless|baseline|link=]] Characters Portal
[[File:TempHeaderIcon.png|40px|frameless|link=]] Characters Portal
</div>
</div>
<div style="padding:0.8em;">
<div style="padding:0.8em;">
<p>Meet the <b>Main Cast</b> ([[Mike]], [[Lucy]], [[Paulo]]...), <b>Secondary Cast</b>, <b>Parents</b>, and <b>Siblings</b>.</p>
<p>Meet the <b>Main Cast</b> ([[Mike]], [[Lucy]], [[Paulo]]...), <b>Secondary Cast</b>, <b>Parents</b>, and <b>Siblings</b>.</p>
<ul style="column-count:2; list-style:disc inside; margin:0; padding-left:1em;">
<ul style="column-count:2; list-style:square outside; margin:0; padding-left:1em;">
<li>[[Mike]]</li>
<li>[[Mike]]</li>
<li>[[Lucy]]</li>
<li>[[Lucy]]</li>
Line 76: Line 71:
</div>
</div>


<div style="flex:1; min-width:260px; border:1px solid #B0A1C9; border-radius:8px; 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.5em; text-align:center;">
<div style="background-color:#B0A1C9; font-weight:bold; color:#000; padding:0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
[[File:TempHeaderIcon.png|40px|frameless|baseline|link=]] Chapters Portal
[[File:TempHeaderIcon.png|40px|frameless|link=]] Chapters Portal
</div>
</div>
<div style="padding:0.8em;">
<div style="padding:0.8em;">
<p>Explore <b>Volumes One–Seven</b>, <b>Bittersweet Club International</b>, and <b>Book-exclusive</b> comics.</p>
<p>Explore <b>Volumes One–Seven</b>, <b>Bittersweet Club International</b>, and <b>Book-exclusive</b> comics.</p>
<ul style="column-count:2; list-style:disc inside; margin:0; padding-left:1em;">
<ul style="column-count:2; list-style:square outside; margin:0; padding-left:1em;">
<li>[[Simple Pleasures]]</li>
<li>[[Simple Pleasures]]</li>
<li>[[December]]</li>
<li>[[December]]</li>
Line 100: Line 95:
</div>
</div>


<div style="flex:1; min-width:260px; border:1px solid #92CDA9; border-radius:8px; 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; color:#000; padding:0.5em; text-align:center;">
<div style="background-color:#92CDA9; font-weight:bold; color:#000; padding:0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
[[File:TempHeaderIcon.png|40px|frameless|baseline|link=]] Locations & Concepts
[[File:TempHeaderIcon.png|40px|frameless|link=]] Locations & Concepts
</div>
</div>
<div style="padding:0.8em;">
<div style="padding:0.8em;">
<p>Dive into <b>Schools</b>, <b>Businesses</b>, and <b>Other Locations</b> across Roseville. Plus <b>Blasto</b> and <b>SwordsVale</b>.</p>
<p>Dive into <b>Schools</b>, <b>Businesses</b>, and <b>Other Locations</b> across Roseville. Plus <b>Blasto</b> and <b>SwordsVale</b>.</p>
<ul style="column-count:2; list-style:disc inside; margin:0; padding-left:1em;">
<ul style="column-count:2; list-style:square outside; margin:0; padding-left:1em;">
<li>[[Roseville High School]]</li>
<li>[[Roseville High School]]</li>
<li>[[Roseville shopping mall]]</li>
<li>[[Roseville shopping mall]]</li>
Line 125: Line 120:
</div>
</div>


<div style="border:1px solid #E4C0DC; border-radius:8px; overflow:hidden; margin-bottom:1em;">
<div style="border:1px solid #E4C0DC; border-radius:.8em; overflow:hidden; margin-bottom:1em;">
<div style="background-color:#E4C0DC; color:#000; font-weight:bold; padding:0.5em; text-align:center;">
<div style="background-color:#E4C0DC; color:#000; font-weight:bold; padding:0.5em; text-align:center; display:flex; align-items:center; justify-content:center; gap: 0.5em; font-size: 1.2em;">
[[File:TempHeaderIcon.png|40px|frameless|baseline|link=]] All About Bittersweet Candy Bowl
[[File:TempHeaderIcon.png|40px|frameless|link=]] All About Bittersweet Candy Bowl
</div>
</div>
<div style="display:flex; flex-wrap:wrap; gap:1em; padding:0.8em;">
<div style="display:flex; flex-wrap:wrap; gap:1em; padding:0.8em;">

Revision as of 21:29, 20 April 2025

Welcome to Candypedia, a community-maintained resource for the Bittersweet Candy Bowl webcomic. Dive in to explore chapters, characters, and all the details of the BCB universe.

Page Spotlight

Featured Character


Lucy is a key protagonist whose brash personality and hidden insecurities set the tone for many stories.

Featured Chapter


Simple Pleasures is the first chapter—read about its significance and behind-the-scenes notes.

Community & News

  • 2025-03-25: “Method Acting” article expanded with new trivia!
  • 2025-03-18: Added translations in 5 languages!
  • 2025-03-10: Forum migrated to a new server!

Join DiscordSocial MediaWeekly Roundup

Characters Portal

Meet the Main Cast (Mike, Lucy, Paulo...), Secondary Cast, Parents, and Siblings.

See all Characters...

Chapters Portal

Locations & Concepts

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.