Created: 04.03.24

CLICK FOR PREVIEW

<title>Bubble Tea</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body {
	background-color: #D2EDE2;
	font: 9px verdana;
	line-height: 14px;
	color: #333;
}
table {
	font: 9px verdana;
	color: #333;
	text-align: left;
}
#title {
	background-color: #E9B37D;
	left: 0px;
	width: 100%;
	height: 35px;
	top: 490px;
	z-index: -1;
	left: 0px;
	width: 100%;
	height: 65px;
}

b.title {
	color: white;
	font: 40px helvetica;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 4px;
	line-height:90px;
	height: 45px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 100px;
}

#links {
	width: 300px;
	padding: 6px;
	background-color: white;
	left: 40px;
	top: 560px;
	text-align: left;
	position: absolute;
}

#content {
	width: 300px;
	padding: 6px;
	background-color: white;
	left: 340px;
	top: 220px;
	text-align: left;
	position: absolute;
}
a {
	text-decoration: none;
	color: #FF7F7F;
}

b {
	color: #BFDEC9;
}

b.date {
	color: #CDEAE8;
	font: 9px helvetica;
	font-weight: 800;
}

i {
	color: #C69FB0;
	text-decoration: none;
}
.u {
	color: #000000;
}

a:hover {
	color: #C57341;
	font-weight: bold;
}
h1 {
	font: 20px helvetica;
	text-align: left;
	margin-bottom: -5px;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #ABABA8;
}

h1::first-letter {
  font-size: 23px;
  font-weight: bold;
  color: #CF886B;
  background: #D7E6A1;
 }
 
h2 {
	font: 17px helvetica;
	font-weight: bold;
	color: #F3BF6F;
	text-align: right;
	margin-bottom: -5px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h3 {
	text-transform: uppercase;
	letter-spacing: 6px;
	color: #DFACC2;
	font: 22px arial;
	font-weight: 900 !important;
	text-align: center;
	margin-bottom: -5px;
	margin-top: -5px;
}

/* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #9cc9b4 #dfe8bb;
  }

*::-webkit-scrollbar {
    width: 8px;
  }

*::-webkit-scrollbar-track {
    background: #dfe8bb;
  }

*::-webkit-scrollbar-thumb {
    background-color: #9cc9b4;
    border-radius: 0px;
    border: 0px none #ffffff;
  }
  
</style>

<div id="title" style="position: absolute;">
<b class="title">Bubble Tea</b>
</div>

<table><tr><td width="240" valign="top">
<h1>★header1</h1><br>
Boba tea, also known as bubble tea, is a Taiwanese tea-based drink that typically consists of tea (usually black or green), milk (or non-dairy milk alternatives), sweetener, and chewy tapioca pearls (also known as "boba"). The drink can be served hot or cold, and it often comes with a wide variety of flavors and toppings such as fruit syrups, fruit jelly, or pudding.

</td>
<td width="10"></td>
<td width="240" valign="top">
<h2>Updates</h2>
<div style="width: 100%; height: 140px; background: #FDFFED; overflow: auto;">
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
<b class="date">01/01/11</b> update here.<br>
 </div>
 
 
</td>
</tr></table>

<h2>header 2</h2>
feel free to remove/change it if you wish. you dont have to keep the credit but I appreciate it if you do! if you don't like it at the bottom of the page, feel free to move it to any other page. <P>
✚ <a href="">links look like this</a> ✚ <b> bold text looks like this</b> ✚ <i>italics look like this </i> ✚ <u>underline looks like this</u> ✚ 
<h3>Header 3</h3>

Boba tea gained popularity in the 1980s in Taiwan and has since spread internationally, becoming a beloved beverage in many countries around the world. It's often served in specialized tea shops or cafes where customers can customize their drinks according to their preferences. The name "bubble tea" comes from the frothy bubbles that form on the top of the drink when it is shaken or blended.
In addition to its widespread popularity in Asia, boba tea has become a global phenomenon, particularly in urban areas with diverse culinary scenes. Its appeal lies not only in its unique flavor combinations but also in the fun and playful experience of drinking it. Many boba tea shops offer customizable options, allowing customers to choose their preferred tea base, sweetness level, and toppings. This customization has contributed to its popularity among a wide range of demographics, from teenagers seeking a trendy beverage to adults looking for a refreshing pick-me-up. Moreover, boba tea culture has evolved beyond just a drink; it has become a social activity, with people gathering at boba tea shops to chat, study, or simply enjoy each other's company over a shared love of this beloved beverage. As a result, boba tea has cemented its status not just as a drink, but as a cultural phenomenon that continues to thrive and evolve around the world.
<P>
<B>css by pom
</div>

receipts

Created: 02.10.24

CLICK FOR PREVIEW

<title>receipt</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>

h1 {
	text-align: center;
	color: #00000;
	font: 40px courier new;
	font weight: bold !important;
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 14px;
	line-height: 8px;
	text-transform: lowercase;
}
h2 {
	text-align: left;
	color: #00000;
	font: 20pt  courier new;
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 6px;
	border-bottom: 5px dotted #E39D9D;
	line-height: 8px;
	text-transform: lowercase;
}

h3 {
	text-align: right;
	color: #FFFFF;
	font: 10px courier new;
	margin-top: 0px;
	margin-bottom: -6px;
	line-height: 8px;
	text-transform: lowercase;
}

h4 {
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 6px;
	border-bottom: 2px dotted black;
	line-height: 8px;

}

font, body, td {
	color: -blocked-;
	font: 7px arial;
}
b {
	color: #00000;
	font: bold 8pt arial;
}
u {
	color: #00000;
	font: bold 9pt courier new;
}

strong {
	color: #00000;
	text-decoration: none !important;
	font:bold 6pt arial;
}
body {
	background: #0000;
}
a:link, a:active, a:visited {
	color: RED;
	font: bold 10pt arial;
	text-decoration: none;
}
a:hover {
	color: #7CFFC6;
}
#haha {
	top: 3px;
	left: 10px;
	width: 300px;
	height: 500px;
	background: #fff;
	border: 1px solid black;
	margin: 0;
	padding: 3px;
	overflow: hidden !important;
}
table.price tr td { font-size: 12px; font weight: bold; }
table.price { width: 100%; margin-bottom: 0;}
table.total tr td { font-size: 12px; font weight: bold; }
table.total { width: 138%; margin-bottom: 0;}
</style><center>

<div id="haha" style="position: absolute;">
<h3> Order #444
<h1>POMELO</h1>
<center>
<strong>Pomelo's Slushie Emporium #003  <BR>
777 S Mango Street<br>
Tangerine, Heaven 12345<br>
(222-333-4444)

</strong>
<BR>
<img src="https://i.ibb.co/0snHCfG/image.png" alt="image" border="0">
<P>

<a href="https://pomelo.lol/">Link1</a> | <a href="https://pomelo.lol/">Link2</a> | <a href="https://pomelo.lol/">Link3</a> | <a href="https://pomelo.lol/">Link4</a>
<br><br>
This layout was kinda an excuse to just experiment and make something small and minimalist and brutalist. lowkey kinda felt like an assignment lmfao. feel free to use this wherever i don't reall mind lol. Also linking back is cool, if not I really wont cry about it lol.

<h2>header</h2>

<table class='price' "width:100%">
<tbody>
<tr>
<td>Mango Kiwi Slushie L</td>
<td>1</td>
<td>5.49</td>
</tr>
<tr>
<td>Coconut Slushie S</td>
<td>1</td>
<td>2.49</td>
</tr>
<tr>
<td>Iced Matcha Latte M</td>
<td>1</td>
<td>3.99</td>
</tr>
<tr>
<td>Cookies</td>
<td>3</td>
<td>3.00</td>
</tr>
</tbody>
</table>

<table class='total' "width:200%">
<tbody>
<tr>
<td>Subtotal</td>
<td>14.97</td>

</tr>
<tr>
<td>Tax 8%</td>

</tr>
<tr>
<td>Total</td>

<td>16.16</td>
</tr>
</tbody>
</table>
<b>Change Due: 0.00</b>
<P>

<b>This receipt expires in 60 days on 04/04/04<br>
Previous Pomelo Rewards™ balance: $0.00<br>
Thank you for shopping with us!<BR>
</b>
<P>
<u>Dear Valued Customer:</u><BR>
Pomelo's return and coupon policies are available online at Pomelo.lol<BR><br>
***Please be advised, effective last week lol Pomelo's Slushie Emporium will be moving from a 160 day return policy to a 60 day return policy from date of purchase. lol if you think you can retrun slushies go somewhere else though. Please see a store associate for more information.

<p id="p1"></p>
<script>
	var date = new Date();
	document.getElementById("p1").innerHTML = date;
</script>

</div><BR><BR><BR>

Sweet Sugar

Created: 11.24.23

CLICK FOR PREVIEW

<title>Angel Sugar</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="" type="image/x-icon">
<link rel="icon" href="" type="image/x-icon">

.wrap {
	top: 110px;
	width: 1100px;
	height: 500px;
	margin: 0 auto;
	min-height: 500px;
}
#bar {
	top: -10px;
	left: 0px;
	width: -blocked-;
	height: auto;
	padding: 1px;
	background: #fff;
	margin-top: 3px;
	text-align: left;
	font: 9px Helvetica;
	line-height: 8px;
	color: #000;
}
#info {
	z-index: 7 !important;
	position: absolute;
	margin-top: 90px;
	left: 70px;
	width: 345px;
	height: 870px;
	overflow: auto;
	overflow-x: hidden;
	background: #fff;
	text-align: left;
	font: 9px Helvetica;
	line-height: 8px;
	padding-top 5px;
	color: #000;
	
}

#nav {
	position: absolute;
	width: 800px;
	left: 70px;
	top: 68px;
	height: 50px;
	
	z-index: 1 !important;
	}

#image {
	position: absolute;
	width: 800px;
	left: 50px;
	top: 0px;
	z-index: 0 !important;
	height: 1000px;
	background-image: url('https://i.ibb.co/H2GCw7k/nanablend.png');
	}
	
.ha, .ah, .eh {
	font: 20px arial;
	text-transform: uppercase;
	letter-spacing: -2px;
	font-weight: bold;
}
.ha {
	color: #FF53A4;
}
.ah {
	color: #A9F8FF;
}
.eh {
	color: #F2D9FF;
}
a:link, a:active {
	color: #B4D27A;
	text-decoration: none;
	text-transform: lowercase;
}
a:visited {
	font: 8px Helvetica;
	color: #FF74CC;
	text-decoration: none;
	text-transform: lowercase;
}
a:hover {
	color: #4BCEFF;
	text-transform: lowercase;
}

a.one:link, a.one:visited {

font-family: 'Helvetica';
	font-weight: normal;
	font-style: normal;
	font-size: 20;
}
a.one:hover {
	color: #B9EAFF;
	text-decoration: none; !important;
	cursor: crosshair ;
	font-size: 19.5;
}

b {
	font-weight: bold;
	color: #FF0083;
	background: #E4FFFD;
}
i {
	font: 7px Helvetica;
	font-style: italic;
	color: #51C2C8;
}

u {
	font: 7px Helvetica;
	font-style: underline;
	color: #DF53FF;
}

h1, h2 {
	font: 24px franklin gothic medium;
	color: #C4F3F7;
	background: #FFF4FB;
	font-weight: bold;
	font-style: italic;
	letter-spacing: -1px;
	border-bottom: 5px solid #F6C1FF;
	line-height: 14px;
	margin-top: -1;
	margin-bottom: 0;
}
h1 {
	text-align: left;
}
h2 {
	text-align: right;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #f0b7db #e5ecff;
  }

/* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

*::-webkit-scrollbar-track {
    background: #e5ecff;
  }

*::-webkit-scrollbar-thumb {
    background-color: #f0b7db;
    border-radius: 11px;
    border: 3px none #a8bbff;
  }

</style>
<div id="image"></div>

<div id="nav">
<a class="one"href="/" >home</a> ✦ <a class="one"href="/" >about</a> ✦ <a class="one"href="https://pomelo.lol/" >credit</a>

<select name ='morelinks' id ='morelinks' class = 'morelinks' style = "color: #DAF0FF;font-family: Arial;font-size: 12px;font-style: normal;background-color: #FF83CC;border-style: none;border-color: #FF77AC;border-width: 1px;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px">
      <option value = "more links">more links</option>
      <option value = "/">✦link1</option>
      <option value = "/">✦link2</option>
      <option value = "/">✦link3</option>
      <option value = "/">✦link4</option>
      <option value = "/">✦link5</option>
   </select>
   <input type = 'button' id = 'btnmorelinks' class = 'btnmorelinks' style = "color: #FF6DAF;font-family: Arial;font-size: 13px;font-style: normal;background-color: #E1FFFB;border-style: none;border-color: #FFFFFF;cursor: crosshair" onmouseover = "this.style.color = '#FFFFFF';this.style.backgroundColor = '#FFD0D0'"  onmouseout = "this.style.color = '#FF6DAF';this.style.backgroundColor = '#E1FFFB'"  onclick = 'window.location = document.getElementById("morelinks").options[document.getElementById("morelinks").selectedIndex].value' value = 'go' />
</div>

<div id="info">
back to <a href="https://pomelo.lol/premades/home">pomelo's premades?</a><p>
<h1>header 1 </h1>

feel free to change/edit anything. you dont have to keep the credit but I appreciate it if you do! if you don't like it at the bottom of the page, feel free to move it to any other page. also, don't worry about rehosting these images on your own sites/servers, they are hosted off neocities so they arent stealing my bandwith lol. <P>
	
       <a href="">links look like this</a> ✚ <b> bold text looks like this</b> ✚ <i>italics look like this </i> ✚ <u>underline looks like this</u> <BR>

<h2>header 2</h2>

"Nana" is a Japanese manga and anime series created by Ai Yazawa. Serialized in Cookie magazine from 2000 to 2009, the series quickly gained popularity for its compelling narrative, complex characters, and realistic portrayal of relationships. The story revolves around two young women, both named Nana, who form an unlikely friendship and navigate the challenges of love, friendship, and the pursuit of their dreams in the bustling city of Tokyo.
<P><B>
Background and Creation:
</b>
Ai Yazawa, born on March 7, 1967, is a renowned manga artist and fashion designer. Before "Nana," she gained recognition for her earlier works like "Paradise Kiss" and "Gokinjo Monogatari." Yazawa's distinctive art style, characterized by detailed and fashionable character designs, contributed to the visual appeal of "Nana."

"Nana" began serialization in 2000 in the manga magazine Cookie, published by Shueisha. The series ran for 21 tankōbon volumes, with the last volume released in 2009. In addition to the manga, "Nana" was adapted into an anime series, directed by Morio Asaka, which aired from 2006 to 2007. The anime covered the early part of the manga's story but did not reach its conclusion due to the ongoing hiatus Yazawa entered for health reasons.
<P><B>
Plot Summary:
</b>
The narrative of "Nana" primarily focuses on two young women with the same name, Nana Komatsu and Nana Osaki, who meet by chance on a train to Tokyo. Despite their contrasting personalities and backgrounds, the two Nanas form a deep bond and decide to share an apartment. Nana Komatsu, often referred to as "Hachi," is a naive and romantic girl who moves to Tokyo to be with her boyfriend. On the other hand, Nana Osaki, known as "Nana," is a punk rock vocalist aspiring to make it big in the music industry.

As the story progresses, the series delves into the lives of these two Nanas and their relationships with friends, family, and romantic interests. It explores themes of love, friendship, ambition, and the pursuit of one's dreams against the backdrop of the vibrant and competitive city of Tokyo.
<P><B>
Character Development:
</b>
One of the strengths of "Nana" lies in its well-developed and relatable characters. The two protagonists, Nana Komatsu and Nana Osaki, undergo significant growth throughout the series. Nana Komatsu's journey is one of self-discovery as she faces the challenges of love and heartbreak. Her character reflects the struggles many young adults face as they navigate the complexities of relationships and identity.

Nana Osaki, with her strong and independent demeanor, provides a contrasting perspective. Her pursuit of a career in the music industry and the challenges she faces as a female musician in a male-dominated field add depth to her character. The series sensitively addresses issues such as the sacrifices individuals make for their ambitions and the toll it takes on personal relationships.

Supporting characters also play a crucial role in enhancing the overall narrative. The friends and love interests of the two Nanas contribute to the richness of the story, each dealing with their own set of struggles and triumphs. Whether it's the enigmatic and troubled Ren Honjo, the charismatic guitarist Yasu, or the quirky and lovable punk rocker Shinichi "Shin" Okazaki, each character adds a layer of complexity to the intricate web of relationships in "Nana."
<P><B>
Themes:
</b>
"Nana" explores a myriad of themes that resonate with a diverse audience. Love, in its various forms, is a central theme as the characters grapple with romantic relationships, unrequited love, and the impact of their choices on their emotional well-being. Friendship is another key theme, exemplified by the unwavering bond between the two Nanas, despite the challenges they face.

The pursuit of dreams and the sacrifices required to achieve them is a prominent motif in the series. Nana Osaki's journey to establish herself as a successful musician and the obstacles she encounters shed light on the harsh realities of the entertainment industry. The series also tackles issues such as identity, self-worth, and the search for meaning in a world that can be both exhilarating and unforgiving.
<P><B>
Art and Aesthetics:
</b>
Ai Yazawa's distinctive art style contributes significantly to the overall appeal of "Nana." The characters are elegantly drawn with a focus on fashion, reflecting the trends of the time. The expressive and emotive character designs convey the depth of emotions experienced by the characters, adding a layer of realism to the narrative.

The backgrounds and settings are meticulously detailed, capturing the essence of Tokyo's dynamic urban landscape. Whether it's the bustling streets of Shibuya, the intimate spaces of the characters' apartments, or the vibrant concert scenes, the art in "Nana" complements the storytelling, immersing readers and viewers in the world of the characters.
<P><B>
Impact and Reception:
</b>
"Nana" garnered widespread acclaim for its engaging storytelling, well-developed characters, and exploration of mature themes. It resonated with a diverse audience, including both manga enthusiasts and those new to the medium. The series received numerous awards, further solidifying Ai Yazawa's reputation as a prominent manga artist.

The anime adaptation, while well-received, faced challenges due to the indefinite hiatus Yazawa entered in 2009, leaving the story incomplete. Despite this, "Nana" maintains a dedicated fan base that continues to celebrate its impact on the manga and anime landscape.
<P><B>
Legacy:
</b>
The legacy of "Nana" extends beyond its initial run. The series remains a significant work in the world of manga and anime, often cited as a must-read for those interested in mature and emotionally resonant storytelling. The characters, particularly the two Nanas, have left a lasting impression on fans who connect with their struggles, triumphs, and the complexities of their relationships.

The open-ended nature of the series due to Yazawa's hiatus has sparked ongoing discussions and speculations about the potential resolution of the story. Fans continue to express their desire for Yazawa's return to complete "Nana" and provide closure to the narrative.

Despite the uncertainty surrounding the series' conclusion, "Nana" stands as a testament to the power of storytelling in manga and anime. Its exploration of human relationships, dreams, and the pursuit of happiness continues to captivate audiences and inspire new generations of manga enthusiasts.
<P><B>
Conclusion:
</b>
In conclusion, "Nana" by Ai Yazawa stands as a remarkable work in the world of manga and anime. Its compelling narrative, well-developed characters, and exploration of mature themes contribute to its enduring popularity. The series offers a nuanced and realistic portrayal of relationships, love, and the pursuit of dreams, set against the vibrant backdrop of Tokyo.

While the indefinite hiatus and lack of a conclusive ending may leave some fans yearning for resolution, the impact of "Nana" on the manga and anime community remains undeniable. Ai Yazawa's distinctive art style, coupled with the emotional depth of the characters, has solidified "Nana" as a classic in the medium, and its legacy continues to thrive among readers and viewers alike.

<br>

Coconut

Created: 11.24.23

CLICK FOR PREVIEW

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>cococococonut</title>
<style type='text/css'>
@import url('https://fonts.googleapis.com/css2?family=Fascinate&family=Righteous&display=swap');
body {
	background: #E8E1D6;
}

body, div, a {
	color: #DE7394;
	font-size: 10px ;
	font-spacing: -1px;
	font-family: 'Righteous', cursive;
	color: #574C38;
	line-height: 13px;
	text-align: left;
	
}
b {
	color: #F6C4A3;
	font: 12px ;
	font-family: 'Righteous', cursive;	
	
}

body {
    overflow-x:hidden;
    height:100%; 
}

u {
	color: #DE7394;
	font: 12px;
	background: #FFD7A6;
	font-family: 'Righteous', cursive;
	font-weight: bold;
	text-decoration: none;
}

i {
	color: #D1A5B4;
	font: 13px;
	letter-spacing: 2px;
	font-family: 'Righteous', cursive;
	font-weight: bold;
	text-decoration: dashed;
}

h1 {
	color: #999083;
	padding: -10px;
	font: 22px;
	font-family: 'Fascinate', cursive;
	font-weight: bold;
	letter-spacing: 5px;
	text-transform: uppercase;
}
h2 {
	color: #FF8EAF;
	font: 11px;
	font-family: 'Fascinate', cursive;
	background: #FCEFD9;
	text-align: center;
	margin-bottom: 4px;
	margin-top: 2px;
	letter-spacing: 1px;
}
a:link, a:visited, a:active {
	color: #FF98B7;
	font-size: 14px;
	font-family: 'Fascinate', cursive;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

a.nav, a.nav:visited, a.nav:active {
	color: #BAD0CD;
	font-family: 'Fascinate', cursive;
	font-weight: bold;
	font-size: 12pt;
	letter-spacing: 2px;
}
a.nav:hover {
	color: #EBFFC2;
}

.wrapper{
   width: 571px;
   height: 571px;
   padding: 10px;
   background-color: #E1D4C2
}
.title{
	margin-top: 30px;
   float: left;
   width: 100%;
   padding: 1px;
   background-color: #DBF5F4
}
.content{
   float: left;
   width: 100%;
   padding: 1px;
   background-color: #F9F7E6
}
.links{
   float: left;
   width: 100%;
   padding: 1px;
   background-color: #F2E9DC
}

</style>
</head>
<body>
<div class="wrapper">
    <div class="title">
        <h1> coconut milk</h1>
    </div>
    <div class="content">
	<BR>
	<img src="https://pomelo.lol/premades/img/layout%20images/danvwit-127e82c3-214f-4019-8936-e56616ad4893.gif" align="right">
       Botanically, the coconut fruit is a drupe, not a true nut. Like other fruits, it has three layers: the exocarp, mesocarp, and endocarp. The exocarp is the glossy outer skin, usually yellow-green to yellow-brown in color. The mesocarp is composed of a fiber, called coir, which has many traditional and commercial uses. Both the exocarp and the mesocarp make up the "husk" of the coconut, while the endocarp makes up the hard coconut "shell". The endocarp is around 4 millimetres (1⁄8 inch) thick and has three distinctive germination pores (micropyles) on the distal end. Two of the pores are plugged (the "eyes"), while one is functional.		
	<P>

Coconut palm heavy with fruit
		The interior of the endocarp is hollow and is lined with a thin brown seed coat around 0.2 mm (1⁄64 in) thick. The endocarp is initially filled with a multinucleate liquid endosperm (the coconut water). As development continues, cellular layers of endosperm deposit along the walls of the endocarp up to 11 mm (3⁄8 in) thick, starting at the distal end. They eventually form the edible solid endosperm (the "coconut meat" or "coconut flesh") which hardens over time. The small cylindrical embryo is embedded in the solid endosperm directly below the functional pore of the endosperm. During germination, the embryo pushes out of the functional pore and forms a haustorium (the coconut sprout) inside the central cavity. The haustorium absorbs the solid endosperm to nourish the seedling.
	<P>
		Coconut fruits have two distinctive forms depending on domestication. Wild coconuts feature an elongated triangular fruit with a thicker husk and a smaller amount of endosperm. These allow the fruits to be more buoyant and makes it easier for them to lodge into sandy shorelines, making their shape ideal for ocean dispersal. Domesticated Pacific coconuts, on the other hand, are rounded in shape with a thinner husk and a larger amount of endosperm. Domesticated coconuts also have more amounts of coconut water. These two forms are referred to by the Samoan terms niu kafa for the elongated wild coconuts, and niu vai for the rounded domesticated Pacific coconuts.
	<P>	
		A full-sized coconut fruit weighs about 1.4 kilograms (3 pounds 1 ounce). Coconuts sold domestically in coconut-producing countries are typically not de-husked. Especially immature coconuts (6 to 8 months from flowering) sold for coconut water and softer jelly-like coconut meat (known as "green coconuts", "young coconuts", or "water coconuts"), where the original coloration of the fruit is more aesthetically pleasing.
	<P>
		Whole mature coconuts (11 to 13 months from flowering) sold for export, however, typically have the husk removed to reduce weight and volume for transport. This results in the naked coconut "shell" with three pores more familiar in countries where coconuts are not grown locally. De-husked coconuts typically weigh around 750 to 850 grams (1 lb 10 oz to 1 lb 14 oz). De-husked coconuts are also easier for consumers to open, but have a shorter postharvest storage life of around two to three weeks at temperatures of 12 to 15 °C (54 to 59 °F) or up to 2 months at 0 to 1.5 °C (32.0 to 34.7 °F). In comparison, mature coconuts with the husk intact can be stored for three to five months at normal room temperature .
	<P>

</div>
    <div class="links">
        <a href="/index.html" class="nav">link</a> 🥥 <a href="/index.html" class="nav">link</a> 🥥 <a href="/index.html" class="nav">link</a> 🥥 <a href="/index.html" class="nav">link</a> 🥥 <a href="/index.html" class="nav">link</a> 🥥 <a href="/index.html" class="nav">link</a> 🥥 <a href="/index.html" class="nav">link</a> 🥥 <a href="/index.html" class="nav">link</a> 🥥
    </div>
</div>
</body>
</html>

Mooshroom

Created: 09.04.22

CLICK FOR PREVIEW

<head>
<title>yeehaw</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
@import url('https://fonts.googleapis.com/css2?family=Silkscreen&display=swap');
body, div, a {
	font: 9pt monospace;
	color: #3b4269;
	margin-bottom: 1px;
	line-height: 12px;
	text-align: left;
	font-family: 'Silkscreen', monospace;;
   padding-top: 10px;
   margin: 0px;
   font-size: 90%;
   background-color: #FFDBD8

}

b {
	color: #AE9D9C;
	font: 11px ;
	font-family: 'Silkscreen', monospace;;
	font-weight: bold;
}

body {
    overflow-x:hidden;
    height:100%; 
}

u {
	color: #95514D;
	font: 12px Silkscreen;
	font-weight: bold;
	text-decoration-style: dotted;
	background-color: #F5E3E2
}

h1 {
	color: #FFB1A9;
	font: 28px Silkscreen;
	text-decoration-style: dashed;
	padding-left: -5px;
	font-weight: bold;
	margin-left: -1px;
	margin-bottom: -1px;
	margin-top: -2px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
h2 {
	color: #FFDFE5;
	background-color: #CDA2A9;
	font: 10px 
	font-family: 'Silkscreen', monospace;;
	padding-left: 15px;
	text-align: left;
	margin-left: -1px;
	margin-bottom: -1px;
	margin-top: -2px;
	letter-spacing: -1px;
	text-transform: uppercase;
}

a:link, a:visited, a:active {
	color: #DB6155;
	background: none;
	font-size: 9px;
	font-family: 'Silkscreen', monospace;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

a:hover {
	color: #F4908C;
	font-size: 9px;
	font-family: 'Silkscreen', monospace;
}

.wrapper{
   margin: 0px auto;
   width: 367px;
   background-color: #F56965
}
.header{
   float: left;
   width: 100%;
   background-color: #DD8077
}
.content{
   float: left;
   width: 100%;
   background-color: #FFFFFF
}

#menu {
	background: #CC3131;
	color: #FFF;
	height: 22px;
	padding-left: 18px;
	border-radius: 0px;
}
#menu ul, #menu li {
	margin: 0 auto;
	padding: 0;
	list-style: none
}
#menu ul {
	width: 100%;
}
#menu li {
	float: left;
	display: inline;
	position: relative;
}
#menu a {
	display: block;
	line-height: 22px;
	padding: 0 14px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
}
#menu a.dropdown-arrow:after {
	content: "\002B";
	margin-left: 5px;
}
#menu li a:hover {
	color: #EBCFD8;
	background: #F27777;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	height: 22px;
	width: 100%;
	opacity: 0;
	cursor: pointer
}
#menu label {
	display: none;
	line-height: 22px;
	text-align: center;
	position: absolute;
	left: 35px
}
#menu label:before {
	font-size: 1.6em;
	content: "\2261"; 
	margin-left: 20px;
}
#menu ul.sub-menus{
	height: auto;
	overflow: hidden;
	width: 170px;
	background: #DE6464;
	position: absolute;
	z-index: 99;
	display: none;
}
#menu ul.sub-menus li {
	display: block;
	width: 100%;
}
#menu ul.sub-menus a {
	color: #FFFFFF;
	font-size: 11px;
}
#menu li:hover ul.sub-menus {
	display: block
}
#menu ul.sub-menus a:hover{
	background: #F2F2F2;
	color: #444444;
}
@media screen and (max-width: 800px){
	#menu {position:relative}
	#menu ul {background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
	#menu ul.sub-menus {width:100%;position:static;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block;float:none;width:auto;}
	#menu input, #menu label {position:absolute;top:0;left:0;display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:white}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}
}

</style>
</head>
<body>
<div class="wrapper">
    <div class="header">
	<nav id='menu'>
  <ul>
    <li><a href='/'>home</a></li>
    <li><a href='/'>link</a></li>
    <li><a class='dropdown-arrow' href='http://'>link</a>
      <ul class='sub-menus'>
        <li><a href='/'>link</a></li>
        <li><a href='/'>link</a></li>
        <li><a href='/'>link</a></li>
      </ul>
    </li>
    <li><a class='dropdown-arrow' href='http://'>link</a>
      <ul class='sub-menus'>
        <li><a href='/'>link</a></li>
        <li><a href='/'>link</a></li>
        <li><a href='/'>link</a></li>
      </ul>
    </li>
  </ul>
</nav>
    <div class="content">
	<h1>Header 1 </h1>
this layout uses <a href="https://fonts.google.com/">google fonts</a>. feel free to remove/change it if you wish. remove the @import code at the top to do it. feel free to change/edit anything. you dont have to keep the credit but I appreciate it if you do! if you don't like it at the bottom of the page, feel free to move it to any other page. <P>
	
       <a href="">links look like this</a> ✚ <b> bold text looks like this</b> ✚ <i>italics look like this </i> ✚ <u>underline looks like this</u> 
	
	<h2>header 2</h2>
	<BR>
        <img src="https://pomelo.neocities.org/premades/img/layout%20images/unnamed.png" align="left" width="100">
		Mooshrooms are mushroom-covered variants of cows exclusive to the rare mushroom fields biome.
		
		Red mooshrooms can spawn in mushroom fields biomes in herds of 4–8 when the light level is 9 or higher and on mycelium. They do not naturally spawn in any other biome. A red mooshroom transforms into a brown mooshroom (and vice versa) when it is struck by lightning. Brown mooshrooms never spawn naturally.
<P>

Red mooshrooms have a 5% chance of spawning as babies.<P>

<P>
A pair of mooshrooms can breed after being given wheat. A mooshroom cannot be bred with a cow unless the mooshroom has been sheared.
<P>
Feeding wheat to a calf shortens its growing time by 10% of the remaining time.
<P>
Baby mooshrooms do not have mushrooms on their backs. Mushrooms appear once the baby grows to an adult.
<P>
Breeding two red mooshrooms has a 1⁄1024 chance to spawn a brown baby variant and vice versa.
<P>
When breeding a red mooshroom and a brown mooshroom together, there is 1⁄2 chance of getting a red baby variant, and a 1⁄2 chance of getting a brown baby variant.
    </div>

</div>
</body>
</html>

Calpico

Created: 07.11.22

CLICK FOR PREVIEW

<head>
<title>SWEET TASTE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500&family=Plaster&display=swap');
body {
	background-color: #EB9684;
	font: 8pt arial;
	color: #828663;
}
b {
	color: #6f8d96;
}
u {
	color: #FF6847;
	letter-spacing: -1px;
	font: 9pt arial;
}
i {
	color: #B4C690;
	font-weight: bold;
	background-color: #FFCEB8;
	letter-spacing: 1px;
	
}
a:link, a:visited, a:active {
	color: #FFAD74;
	text-decoration: none;
}
a:hover {
	letter-spacing: 1px;
	color: #FF8D74;
}
.box {
	background-color: #FCF3C3;
	width: 590px;
	margin-bottom: 5px;
	top: 250px;
	left: 200px;
	padding-left: 5px;
	
}
.title {
	top: 144px;
	left: 120px;
	z-index: 1;
	width: 710px;
	font-family: 'Plaster', cursive;
	font-size: 80pt;
	color: #82b3ae;
	text-align: right;
	font-weight: bold;
	letter-spacing: -11px;
}
h1 {
	font-family: 'Orbitron', sans-serif;
	font-size: 20pt;
	color: #B2DAD1;
	text-align: left;
	font-weight: bold;
	padding-left: 4px;
	border-left: 30px #EBFF90 dashed;
	background-color: #FEFFE2;
	letter-spacing: -1px;
}

h2 {
	font-family: 'Orbitron', sans-serif;
	font-size: 18pt;
	color: #EC9A80;
	text-align: left;
	font-weight: bold;
	background-color: #BCE0D6;
	letter-spacing: -1px;
}

a.yee {
	font: 8pt arial;
	color: #5c5c5c;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	background-color: #D2EB84;
	padding-top: 1px;
	padding-bottom: 0px;
	margin-bottom: 1px;
	display: block;
	width: 200px;
}
a.yee:hover {
}
.nav {
	top: 166px;
	left: 215px;
}

</style><div class="title" style="position: absolute;">let<b>'s</b>go</div>
<div class="box" style="position: absolute;">
<div style="width: 560px;">

<h1>Header 1 </h1>
this layout uses <a href="https://fonts.google.com/">google fonts</a>. feel free to remove/change it if you wish. remove the @import code at the top to do it. feel free to change/edit anything. you dont have to keep the credit but I appreciate it if you do! if you don't like it at the bottom of the page, feel free to move it to any other page. <P>
	
       ✚ <a href="">links look like this</a> ✚ <b> bold text looks like this</b> ✚ <i>italics look like this </i> ✚ <u>underline looks like this</u> ✚ 
	   
	   <P>

<p>
</p>
<h2> Header 2</h2>
</h1>Calpis (カルピス, Karupisu) is a Japanese uncarbonated soft drink, manufactured by Calpis Co., Ltd. (カルピス株式会社, Karupisu Kabushiki-gaisha), a subsidiary of Asahi Breweries headquartered in Shibuya, Tokyo.

The beverage has a light, somewhat milky, and slightly acidic flavor, similar to plain or vanilla flavored yogurt or Yakult. Its ingredients include water, nonfat dry milk and lactic acid, and is produced by lactic acid fermentation.

The drink is sold as a concentrate which is mixed with water or sometimes milk just before consumption. A pre-diluted version known as Calpis Water (カルピスウォーター, Karupisu Wōtā), or its carbonated variety, known as Calpis Soda (カルピスソーダ, Karupisu Sōda), are also available. It is also used to flavor kakigōri (shaved ice) and as a mixer for cocktails and chūhai.

It was first marketed on 7 July 1919. It quickly became popular in pre-war Japan, as its concentrated form meant it kept well without refrigeration. The polka dot packaging used to be white dots against a blue background until the colors were inverted in 1953. It was originally themed on the Milky Way, which is in reference to the Japanese festival of Tanabata on 7 July, a traditional observation seen as the start of the summer.

<P>
The name Calpis was constructed as a portmanteau, by combining cal from calcium and pis from Sanskrit sarpiṣ (/s̪əɽpiʂ/), meaning clarified butter. Primarily in North America, the name Calpis is changed to Calpico with カルピス in katakana either below or on the reverse side of the packaging—this alteration to the name ensures that any unintended associations with the English slang word for urine ("piss") are avoided.

</p>
</div>
</div>
<div class="nav" style="position: absolute;">
<a href="/" class="yee">link</a>
<a href="/" class="yee">link</a>
<a href="/" class="yee">link</a>
<a href="/" class="yee">link</a>
<a href="/" class="yee">link</a>
<a href="/" class="yee">link</a>

</div>
<small>html/css by <a href="https://pomelo.neocities.org/">pomelo</a></small>

Ketamine

Created: 07.11.22

CLICK FOR PREVIEW

<head>
<title>I'm stuck in a hole</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Geo&display=swap');
body {
	background: #D1ECE4;
}
body, div, a {
	font: 11pt monospace;
	color: #574C38;
	margin-bottom: 2px;
	line-height: 13px;
	text-align: left;
	font-family: 'Geo', sans-serif;
}
b {
	color: #BDC5A4;
	font: 11px ;
	font-family: 'Geo', sans-serif;
	
}

body {
    overflow-x:hidden;
    height:100%; 
}

u {
	color: #ECFF63;
	font: 12px;
	background: #A2979A;
	font-family: 'Geo', sans-serif;
	font-weight: bold;
	text-decoration: none;
}

i {
	color: #685757;
	font: 13px;
	letter-spacing: 2px;
	font-family: 'Geo', sans-serif;
	font-weight: bold;
	text-decoration: none;
}

h1 {
	color: #A6A47E;
	padding: 4px;
	background: #F7F6D5;
	font: 22px;
	font-family: 'Geo', sans-serif;
	font-weight: bold;
	margin-left: -1px;
	margin-bottom: 2px;
	margin-top: -2px;
	letter-spacing: 5px;
	text-transform: uppercase;
}
h2 {
	color: #D1B99C;
	font: 17px;
	font-family: 'Geo', sans-serif;
	padding-left: 1px;
	border-left: 10px #9FC9B1 solid;
	text-align: left;
	margin-bottom: 1px;
	margin-top: 2px;
	letter-spacing: 4px;
}
a:link, a:visited, a:active {
	color: #D6BABE;
	font-size: 13px;
	font-family: 'Geo', sans-serif;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
a.nav, a.nav:visited, a.nav:active {
	color: #F2FF90;
	font-family: 'Geo', sans-serif;
	font-weight: bold;
	font-size: 15pt;
	letter-spacing: 2px;
}
a.nav:hover {
	color: #EBFFC2;
}

.wrapper{
   margin: 0px auto;
   width: 707px;

}
.header{
	margin-top: 50px;
   float: center;
    padding: 6px;
   width: 100%;
   background-color: #AF9788
}
.content{
	float: center;
   width: 100%;
   padding: 6px;
   background-color: #E4EAB8
}

</style>
</head>
<body>
<div class="wrapper">
    <div class="header">
      
 ♢ <a href="/index.html" class="nav">link</a> ♢ <a href="/index.html" class="nav">link</a> ♢ <a href="/index.html" class="nav">link</a>  ♢ <a href="/index.html" class="nav">link</a> ♢ <a href="/index.html" class="nav">link</a> ♢ <a href="/index.html" class="nav">link</a> ♢ 
    </div>
    <div class="content">
	
	this layout uses <a href="https://fonts.google.com/">google fonts</a>. feel free to remove/change it if you wish. remove the @import code at the top to do it. feel free to change/edit anything. you dont have to keep the credit but I appreciate it if you do! if you don't like it at the bottom of the page, feel free to move it to any other page. <P>
	<h1>header 1</h1>
	<h2>header 2</h2><BR>
       ✚ <a href="">links look like this</a> ✚ <b> bold text looks like this</b> ✚ <i>italics look like this </i> ✚ <u>underline looks like this</u> ✚ 
	   
	   <P>
	   	
	
    </div><P>

<div class="content">
 Ketamine (also known as Ket, K, Special K, Kitty, and others) is a classical dissociative substance of the arylcyclohexylamine class. It is perhaps the best-known and archetypal member of the dissociatives, a diverse group which includes PCP, methoxetamine, DXM, and nitrous oxide. The mechanism of action is not fully known, although blocking of the NMDA glutamate receptor is thought to be involved.

Developed in 1963 by Parke-Davis Laboratories, it was originally intended as a replacement for the surgical anesthetic phencyclidine (PCP). It is now widely used in human and veterinary medicine, typically in surgical and intensive care settings. Recently, it has received significant clinical research following the discovery that it can rapidly relieve treatment-resistant depression and suicidal ideation.

Recreational use was first reported amongst medicinal chemists in the United States in 1967, and became more widespread in Europe in the 1990s, where it gained popularity as an adulterant in ecstasy tablets. Today, it is associated in popular culture with the nightclub and rave scenes.

Subjective effects include motor control loss, pain relief, internal hallucinations, memory suppression, conceptual thinking, immersion enhancement, euphoria, and depersonalization / dissociation. The effects are similar to PCP and DXM but with a shorter duration and a rapid onset. It is known for producing relatively "pure" dissociation, without as much stimulation and mania as PCP or MXE.

Additionally, the effects of ketamine are highly dose-dependent. At lower doses, users report alcohol-like disinhibition and relaxation effects. At higher doses, however, it reportedly produces a hallucinogenic trance-like state (called a "k-hole") that is often described as an "out-of-body" or "near-death" experience.

It has moderate to high abuse potential. Chronic use (i.e. high dose, repeat administration) is linked with compulsive redosing and psychological dependence. Additionally, the health risks of chronic or heavy use are not well-studied; however, there is increasing evidence that it can cause bladder dysfunction and some evidence of cognitive and memory issues (see this section for more information).

It is highly advised to use harm reduction practices if using this substance.
<br>
        The NMDA receptor, an ionotropic glutamate receptor, allows for electrical signals to pass between neurons in the brain and spinal column; for the signals to pass, the receptor must be open. Dissociatives close the NMDA receptors by blocking them. This disconnection of neurons leads to loss of feeling, difficulty moving, and eventually, the state known as the “K-hole”.

It is one of the most recognizable dissociatives, a diverse group that includes phencyclidine (PCP), methoxetamine (MXE), dextromethorphan (DXM), and nitrous oxide.

At high, fully-anesthetic level doses, ketamine has also been found to bind to μ-opioid receptors type 2 in cultured human neuroblastoma cells without agonist activityand to sigma receptors in rats. Also, ketamine interacts with muscarinic receptors, descending monoaminergic pain pathways and voltage-gated calcium channels.

At subanesthetic and fully anesthetic doses, ketamine has been found to block serotonin depletion in the brain by inhibiting 5-HT receptors rather than through monoamine oxidase inhibition.
    </div>
<small>html/css by <a href="https://pomelo.neocities.org/">pomelo</a></small>
</div>

</body>
</html>