
<!DOCTYPE HTML>
<html>


<head>

<title>Biocomicals - Comics</title>

<style>

body{
margin:0;
font-family:Arial, sans-serif;
background:#f4f6f8;
}

.content-frame{
max-width:1200px;
margin:auto;
padding:20px;
}

header{
text-align:center;
margin-bottom:30px;
}

.logo{
max-width:350px;
}

/* SEARCH BAR */

.search-bar{
text-align:center;
margin:30px 0;
}

.search-bar input{
width:420px;
max-width:90%;
padding:12px 16px;
border-radius:24px;
border:1px solid #ccc;
font-size:16px;
}

.search-bar button{
padding:12px 20px;
border-radius:24px;
background:#e63946;
color:white;
border:none;
margin-left:8px;
cursor:pointer;
}

/* BROWSE NAV */

.browse-bar{
text-align:center;
margin-bottom:25px;
}

.browse-bar a{
display:inline-block;
padding:8px 14px;
margin:5px;
background:#f0f2f5;
border-radius:20px;
font-size:14px;
text-decoration:none;
color:#333;
}

/* GALLERY GRID */

.gallery{
display:grid;
grid-template-columns:repeat(auto-fill,260px);
justify-content:center;
gap:28px;
}

/* COMIC CARD */

.polaroid{
background:white;
border-radius:16px;
overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
transition:transform .2s ease, box-shadow .2s ease;
}

.polaroid:hover{
transform:translateY(-4px);
box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

.polaroid img{
width:100%;
display:block;
}

.card-info{
padding:14px;
font-size:14px;
}

.comic-title{
font-weight:600;
margin-bottom:5px;
}

.comic-meta{
color:#777;
font-size:13px;
}

/* SUBSCRIBE BLOCK */

.subscribe-archive{
text-align:center;
padding:40px;
margin:50px 0;
background:#f6f9ff;
border-radius:14px;
}

.subscribe-button{
background:#e63946;
color:white;
padding:12px 20px;
border-radius:25px;
text-decoration:none;
font-weight:600;
}

/* PAGINATION */

.pagination-links{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:8px;
margin-top:30px;
}

.pagination-links a{
padding:8px 14px;
background:#f1f1f1;
border-radius:6px;
text-decoration:none;
color:black;
}

.curPage{
padding:8px 14px;
background:#4CAF50;
color:white;
border-radius:6px;
}

.current-page-number{
text-align:center;
margin-top:15px;
font-size:16px;
}

.category-cloud {
    text-align:center;
    margin:35px auto;
    padding:20px;
    max-width:1000px;
}

.category-cloud a{
    display:inline-block;
    margin:6px 8px;
    padding:8px 16px;
    background:#f1f3f6;
    border-radius:20px;
    text-decoration:none;
    font-size:14px;
    color:#444;
    transition:all .15s ease;
}

.category-cloud a:hover{
    background:#e63946;
    color:white;
}

</style>


<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105709003-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-105709003-1');
</script>
<meta name="google-site-verification" content="Jy3B4AF7zqycUZxtJ1PeTJEALzuH7iD-VcvTQmA2Zvw" />
</head>

<body>

<div class="content-frame">

<header>
<a href="https://www.biocomicals.com">
<img src="newlogobiocomicals.png" class="logo">
<br>Back to Main Page
</a>
</header>

<!-- SEARCH -->

<div class="search-bar">
<form method="post" action="comics.php">
<input type="text" name="search"
placeholder="Search Biocomicals cartoons (AI, genome, lab life...)"
value="">
<button type="submit">Search</button>
</form>
</div>



<!-- GALLERY -->

<div class="gallery">


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260526">

<img loading="lazy"
src="/images/cartoon_web/Agingcell.jpg"
alt="Longevity Influencer">

</a>

<div class="card-info">

<div class="comic-title">
Longevity Influencer</div>

<div class="comic-meta">
Biology • May 26, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260510">

<img loading="lazy"
src="/images/cartoon_web/Mothersday2026.jpg"
alt="Another Mitochondria Story">

</a>

<div class="card-info">

<div class="comic-title">
Another Mitochondria Story</div>

<div class="comic-meta">
Miscellaneous • May 10, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260504">

<img loading="lazy"
src="/images/cartoon_web/Contamination.jpg"
alt="Contamination Everywhere">

</a>

<div class="card-info">

<div class="comic-title">
Contamination Everywhere</div>

<div class="comic-meta">
Science • May 04, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260427">

<img loading="lazy"
src="/images/cartoon_web/Tower.jpg"
alt="The Tower of Unshared Scripts">

</a>

<div class="card-info">

<div class="comic-title">
The Tower of Unshared Scripts</div>

<div class="comic-meta">
Bioinformatics • Apr 27, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260420">

<img loading="lazy"
src="/images/cartoon_web/Hindex-beliv.jpg"
alt="H-index Obsessors">

</a>

<div class="card-info">

<div class="comic-title">
H-index Obsessors</div>

<div class="comic-meta">
Publications and Grants • Apr 20, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260413">

<img loading="lazy"
src="/images/cartoon_web/Twobrains.jpg"
alt="Two Brains">

</a>

<div class="card-info">

<div class="comic-title">
Two Brains</div>

<div class="comic-meta">
Science • Apr 13, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260404">

<img loading="lazy"
src="/images/cartoon_web/Ai-assisted-medicine.jpg"
alt="AI Assisted Medicine">

</a>

<div class="card-info">

<div class="comic-title">
AI Assisted Medicine</div>

<div class="comic-meta">
Science • Apr 04, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260401">

<img loading="lazy"
src="/images/cartoon_web/April1-2026.jpg"
alt="April Fools' Day">

</a>

<div class="card-info">

<div class="comic-title">
April Fools' Day</div>

<div class="comic-meta">
Biology • Apr 01, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260322">

<img loading="lazy"
src="/images/cartoon_web/Supported-growth.jpg"
alt="Supported Growth">

</a>

<div class="card-info">

<div class="comic-title">
Supported Growth</div>

<div class="comic-meta">
Publications and Grants • Mar 22, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260314">

<img loading="lazy"
src="/images/cartoon_web/Pi_day_2026.jpg"
alt="Pi Day 2026">

</a>

<div class="card-info">

<div class="comic-title">
Pi Day 2026</div>

<div class="comic-meta">
Science • Mar 14, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260308">

<img loading="lazy"
src="/images/cartoon_web/Nomorewaiting.jpg"
alt="No More Waiting">

</a>

<div class="card-info">

<div class="comic-title">
No More Waiting</div>

<div class="comic-meta">
Miscellaneous • Mar 08, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260302">

<img loading="lazy"
src="/images/cartoon_web/Renaming_files.jpg"
alt="Renaming files">

</a>

<div class="card-info">

<div class="comic-title">
Renaming files</div>

<div class="comic-meta">
Bioinformatics • Mar 02, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260221">

<img loading="lazy"
src="/images/cartoon_web/Grant-cycle.jpg"
alt="Grant Cycle">

</a>

<div class="card-info">

<div class="comic-title">
Grant Cycle</div>

<div class="comic-meta">
Publications and Grants • Feb 21, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260214">

<img loading="lazy"
src="/images/cartoon_web/Poweredbylove.jpg"
alt="Powered by Love">

</a>

<div class="card-info">

<div class="comic-title">
Powered by Love</div>

<div class="comic-meta">
Miscellaneous • Feb 14, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260210">

<img loading="lazy"
src="/images/cartoon_web/H_index_mirror.jpg"
alt="Mirror">

</a>

<div class="card-info">

<div class="comic-title">
Mirror</div>

<div class="comic-meta">
Publications and Grants
 • Feb 10, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260129">

<img loading="lazy"
src="/images/cartoon_web/Ancient-AI.jpg"
alt="Ancient AI">

</a>

<div class="card-info">

<div class="comic-title">
Ancient AI</div>

<div class="comic-meta">
Bioinformatics • Jan 29, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260121">

<img loading="lazy"
src="/images/cartoon_web/Beginners_mind.jpg"
alt="Beginner's Mind">

</a>

<div class="card-info">

<div class="comic-title">
Beginner's Mind</div>

<div class="comic-meta">
Science • Jan 21, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20260114">

<img loading="lazy"
src="/images/cartoon_web/Glucose1.jpg"
alt="Unlimited Confidence">

</a>

<div class="card-info">

<div class="comic-title">
Unlimited Confidence</div>

<div class="comic-meta">
Science • Jan 14, 2026</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20251229">

<img loading="lazy"
src="/images/cartoon_web/AI-newyear-resolution2026-2.jpg"
alt="AI's New Year Resolution">

</a>

<div class="card-info">

<div class="comic-title">
AI's New Year Resolution</div>

<div class="comic-meta">
Miscellaneous • Dec 29, 2025</div>

</div>

</div>


<div class="polaroid">

<a href="ind_comicsV2.php?number=20251222">

<img loading="lazy"
src="/images/cartoon_web/AI-newyear-resolution2026-1.jpg"
alt="NEW YEAR RESOLUTIONS FOR AI">

</a>

<div class="card-info">

<div class="comic-title">
NEW YEAR RESOLUTIONS FOR AI</div>

<div class="comic-meta">
Miscellaneous • Dec 22, 2025</div>

</div>

</div>


</div>

<!-- SUBSCRIBE -->

<div class="subscribe-archive">

<h3>Enjoying Biocomicals?</h3>

<p>Get new science cartoons delivered to your inbox.</p>

<a href="subscribe.html" class="subscribe-button">
Get New Comics
</a>

</div>

<!-- PAGINATION -->

<div class='pagination-links'><span class='curPage'>1</span><a href='comics.php?page=2'>2</a><a href='comics.php?page=3'>3</a><a href='comics.php?page=4'>4</a><a href='comics.php?page=5'>5</a><a href='comics.php?page=6'>6</a><a href='comics.php?page=7'>7</a><a href='comics.php?page=8'>8</a><a href='comics.php?page=9'>9</a><a href='comics.php?page=10'>10</a><a href='comics.php?page=11'>11</a><a href='comics.php?page=12'>12</a><a href='comics.php?page=13'>13</a><a href='comics.php?page=14'>14</a><a href='comics.php?page=15'>15</a><a href='comics.php?page=16'>16</a><a href='comics.php?page=17'>17</a><a href='comics.php?page=18'>18</a><a href='comics.php?page=19'>19</a><a href='comics.php?page=20'>20</a><a href='comics.php?page=21'>21</a><a href='comics.php?page=22'>22</a><a href='comics.php?page=23'>23</a><a href='comics.php?page=24'>24</a><a href='comics.php?page=25'>25</a><a href='comics.php?page=26'>26</a></div>
<div class="current-page-number">
You're viewing page: 1</div>

</div>

</body>
</html>
