ONE COLUMN LAYOUTS

See below for codes and live previews. You can also right click and view page source for the code on the live previews.

Coconut

Created: 01.16.23

<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.08.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>

Changelog:

ONE COLUMN LAYOUTS

Coconut

Mooshroom

Calpico

Ketamine