NaPoWriMo+GenMo2026_HTML
Some Electronic literature
Published
•2 min read
Poetic Entities 2
For the 30th Poem of #NaPoWriMo / #NaPoGenMo 2026, Poetic Entities 2 is Coded in #HTML, remixing a previous Genuary2026 HTML Coded Poem.
Link/Poem: https://illestpreacha.codeberg.page/genuary2026/pages/poetic2.html
Code
<!DOCTYPE html>
<html>
<head>
<style>
#g {
border: 1px solid;
padding: 20px;
box-shadow: 5px 10px 15px 20px green;
}
#a {
border: 1px solid;
padding: 10px;
box-shadow: 20px 15px 5px 10px aqua;
}
#o {
border: 1px solid;
padding: 10px;
box-shadow: 15px 10px 5px 10px orange;
}
#pb {
border: 1px solid;
padding: 10px;
box-shadow: 5px 5px 5px 10px powderblue;
}
</style>
</head>
<body>
<div id="pb">
<h1>Poetic Entities</h1>
<p>Flowing through the trenches:</p>
<p>Finding grooves to be <h2>Embedded Mentalities</h2></p>
<p>as those found in benches:</p>
<p>but awaken to <h2>as to Provide Pleasentries</h2></p>
</div>
<div id="g">
<h2 style="color: orange;"> <p style="font-size:150px; background-color: yellow;" > <marquee behavior="scroll" direction="left" scrollamount="8"> Focusing on the Path, its scrolls <span style="color: powderblue;"> as the vision rolls </span> <span style="color:blue;">to another Dimensional flow</span> </marquee> </h2></mark>
<h2 style="color: orange;"> <p style="font-size:150px; background-color: yellow;" > <marquee behavior="scroll" direction="right" scrollamount="8"> Focusing on the Path, its scrolls <span style="color: powderblue;"> as the vision rolls </span> <span style="color:blue;">to another Dimensional flow</span> </marquee> </h2></mark>
</div>
<div id="a">
<h2 style="color: orange;"> <p style="font-size:80px;" > <marquee behavior="scroll" direction="left" scrollamount="10"> Poetic <span style="color: powderblue;">Entities</span> <span style="color:blue;">flow</span> </marquee> </h2>
</div>
<div id="o">
<h2 style="color: orange;"> <p style="font-size:50px; background-color: powderblue;" > <marquee behavior="scroll" direction="down" scrollamount="2"> Entities ? <span style="color: red;">Mentalities ? </span> <span style="color:blue;">Pleasentries ?</span> </marquee> </h2>
<h2 style="color: orange;"> <p style="font-size:50px;background-color: orange;" > <marquee behavior="scroll" direction="up" scrollamount="2"> Embedded Mentalities ++ <span style="color: powderblue;">Embedded Mentalities ++ </span> <span style="color:blue;">Embedded Mentalities ++ </span> </marquee> </h2>
<h2 style="color: orange;"> <p style="font-size:50px;background-color: blue;" > <marquee behavior="scroll" direction="left " scrollamount="20"> --Provide Pleasentries-- <span style="color: powderblue;">--Erase Pleasentries-- </span> <span style="color:gold;">--Alter Pleasentries--</span> </marquee> </h2>
</div>
<div id="pb">
<h3> <marquee behavior="scroll" direction="up" scrollamount="2"> <span style="color:orange;">Dyanmic Upwards </span> <span style="color: powderblue;"> But Poetic </span> <span style="color:blue;">Bottom Placing</span> </marquee> </h3>
</div>
</body>
</html>
