# data[].attributes.attachment_link.readable_text
Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

JavaScript

JavaScript Preprocessor
Babel includes JSX processing.
Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

# data[].attributes.body
It's about sharks

# data[].attributes.headline
Work in Progress: Sky: Children of Memes

# data[].attributes.subject
Work in Progress: Sky: Children of Memes

# data[].attributes.body
it's just a work in progress.

nothing special.

yet.

# data[].attributes.attachment_link.readable_text
 <h6>im a mistake </h6> <div id=title> <h1>Sky: Children Of Light - Guide by The Ultimate Fartmaster </h1> <div id="intro"> <h2>Sky: What to expect? </h2> <p class="collateralDamage">Sky Children Of Light is a game you are in the mystical and vast world of Sky. Your ancestors have fallen from the clouds, and have been trapped in the world of Sky. You play as a skykid, sent from the clouds to free your ancestors. You can also cutomize your skykid with blessings from ancestors, explore your surroundings, make friends, and then die in the end.</p> <p>Sky also has multiple seasons throughout each year, and every season offers cool opportunities and new abilities for each. For example, the Season of Abyss helped you to learn to swim underwater, and the Season of Moments finally gave the skykids a camera to snap pictures with. <p><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Click here to learn more about the World of Sky and seasonal events!</a> </p> <h5>© twishumei on DeviantArt<h5> <h6> L. </h6> </p> </div> <div> <h1>Explaining the Obstacles and Advantages</h1> <h2>Friends, Foes, and Player Goals</h2> <p>The world of Sky has a vast amount of creatures, some helpful to the player, and some dangerous. It's quite easy to differenciate between the friendly and the unfriendly.</p> </div> <div> <h2>Light Creatures</h2> <p class="nngh">Light Creatures, the entities in Sky that can help the player and are harmless in general, are usually part of cutscenes and the scenery. They usually have a bright white and yellow color scheme, even bright blue sometimes. Most can restore your light when near them, like butterflies and birds, while others can give you a lift, like big mantas. Others are hard to interact with, like the King Manta and the whale, but are truly a wonderful sight to see. A list of complete Light Creatures are:</p> <ol> <li>Butterflies</li> <li>Birds</li> <li>Mantas</li> <li>Jellyfish</li> <li>Whales</li> <li>Blue Eel</li> <li>Clams</li> <li>Turtle</li> <li>Fish</li> <li>Mantee/Porpoise</li> <li>Skykids</li> </ol> </div> <div id "menacing"> <h2>Dark Creatures </h2> <p>Dark Creatures are the opposite of Light Creatures. They also appear in cutscenes. Dark creatures have a black color scheme, and are dangerous to the player. The least dangerous is the dark creature crab, and the probably most dangerous is the Abyss Monster. Dark Creatures are no help to anybody, but Dark Creature crabs can also be used in hilarious ways once you flip them over, like taking some to the bonfire to "cook and eat" them. Dark Dragons are always dangerous and can't be tamed, but certain Dark Dragons won't hurt you and only one can actually give you a ride. That dark dragon is exclusive to the Days Of Mischeif event, and cannot be found anywhere else. A list of complete Dark Creatures are:</p> <ol> <li>Dark Creature Crabs (aka crabs)</li> <li>Dark Dragons (often reffered to as Krills)</li> <li>Dark Shadows</li> <li>The Abyss Monster</li> </ol> <p>These creatures are limited to certain places, but it endangers every light creature near it, including the skykid player. Each has a different way of a attacking - Dark Creature Crabs are the weakest, and the strongest are the Dark Shadows. Crabs attack by charging at you and taking a bar or two of your light, Dark Dragons charge at you and take away all your light, plus a couple fragments of light, Dark Shadows take away ALL your light, restarting you at the last checkpoint, and The Abyss Monster just...eats you. </p> </div>

# data[].attributes.attachment_link.readable_text
 <div id="title"> <h1>Deepwoken</h1> </div> <div id="intro"> <div id="introTitle"> <h2>What is Deepwoken</h2> </div> <p>Deepwoken is a open world survival game where to goal of the player is to reach maximum power. Alotugh within there journey there will be many obstacles trying to bring you down. Deepwoken uses a differnet fighting style then most games. The game uses a parry based fighting style where the player has to parry incoming attacks to survive and fight back. Deepwoken also has a unique play style as if the player were to die too many times the player would loose all there progress and have to "wipe" there character. The difficultly of the game makes it unpopular compare to other open world games as people who start out quit after a while.</p> </div> <div id="fighting"> <div id="fightingTitle"> <h2>Fighting</h2> </div> <p>Deepwoken is a game in which you can fight players, creatures, or npcs which get in your way. The only way to fight in the game is by parrying the attacks that your enemies use. If you can't parry an attack on time you can block it by holding the parry key. The unqiue thing about this is that you think people would just hold block forver you would be wrong. Whenever you block an attack in Deepwoken it adds up your posture bar. Posture shows you how much you can block until you are posture broken. Being posture broken stuns your character for a second making you unable to parry while stunned. Parrying lowers your posture bar and blocking increases it. Some moves you can't block as it will instantly posture break you. Some critical attacks will instatly posture break you and enemies. This includes the club critical, greathammer and greataxe critcal. The user can also use mantras which is the games form of magic. The player can choose from multiple attunments these attunments grant different mantras/spells which are based off the attunment. The game currently has six attunments these attunments include galebreathe, frostdraw, flamecharm, thundercall, shadowcast and ironsing. Leveling up your attunment gives the player more and better mantras to choose from. If players want they can choose to have multipe attunments. Some mantras don't only have an attunment requirement but can also have a stat requirement. To use a mantra you need ether. Different mantras require a different amount of ether to cast. While in a fight you can't naturally regenerate ether your tempo refills it. Tempo is gaining by being hit or hiting your opponent. When you have a certain amount of tempo you can vent, venting pushes enemies away from you. This is useful for escaping combos or unstunning yourself when posture broken.</p> </div> <div id="attunements"> <div id="attunementTitle"> <h3>Deepwoken's Current Attunements</h3> </div> <ul> <li id="flame">Flamecharm <ul> <li>Your ability to control fire</li> <li>Your mantras set people on fire</li> <li>Your fire deals damage over time</li> </ul> </li> <li id="frost">Frostdraw <ul> <li>Your ability to control ice</li> <li>Your mantras slow oppenents down</li> <li>This makes it harder for enemies to dodge incoming attacks</li> </ul> </li> <li id="gale">Galebreathe <ul> <li>Your ability to control the winds</li> <li>Some of your mantras apply suffocate</li> <li>Suffocate makes your opponent unable to use mantras</li> </ul> </li> <li id="thunder">Thundercall <ul> <li>Your ability to control lightning</li> <li>Your mantras apply a static effect</li> <li>Your static affect is short but while under the effect opponents can't parry or dodge and have their movement slowed</li> </ul> </li> <li id="shadow">Shadowcast <ul> <li>Your ability to control the shadows</li> <li>Your mantras steal ether from other people</li> <li>Your mantras can also obscure peoples vision</li> </ul> </li> <li id="iron">Ironsing <ul> <li>Your ability to control metal</li> <li>Your mantras apply metal rods to your opponent</li> <li>Metal rods can be used to pull enemies towards you</li> </ul> </li> </ul> </div> <div> <h2>Progression</h2> </div> <div> <p>In Deepwoken you get 312 investment points. These points can go into your core attributes. Your core attributes are strength, fortitude, agility, inteligence, willpower and charisma. You can also put your points into weapon and your attunment. In the game there are three weapon types: light, medium and heavy. Agility increases your stealth and ability to climb walls. Fortitude increases your resistance to damage and max health. Inteligence increases your comprehension about the world around you, it also increases your ether. Willpower increases you will to survive, it also increases your characters sanity. Charisma increases your ability to solve situations and also increases ether. Strength increases your raw strength and penetration. To increase your attributes you need training gear. To use your training gear you need experience and trainings. You get experience by slaying monsters while you get trainings by doing certains things in the world. For example to train inteligence you can explore different locations, harvest certain items, </ul> <p></p> <ul> <li>.</li> <li>.</li> <li>.</li> </ul> <h2>.</h2> <p>.</p> <ol> <li>.</li> <li>.</li> <li>.</li> </ol> <p>.</p> <ol> <li>.</li> <li>.</li> <li>.</li> <li>.</li> </ol> <h2>.</h2> <img src="https://i.ytimg.com/vi/cZSQhrrpdZc/maxresdefault.jpg" alt="theDeepIsCalling" style="width:400px;" /> <p><small>&copy; the deep is calling by cloud</small></p> <h2>.</h2> <ul> <li>.</li> <li>.</li> <li>.</li> <li>.</li> <li>.</li> </ul> <p class="bodyText">hi</p> <p class="bodyText">hello</p> <div id="netherlands" class="horizontal flag"> </div>

# data[].attributes.attachment_link.readable_text
 <h1> Turtles are Unique! </h1> <h2> very special and fun </h2> <div> <p>Turtles are one of the oldest reptile groups in the world, dating back to the time of the dinosaurs, over 200 million years ago.</p> <p> Turtles belong to a group of reptiles called Testudines, which includes turtles, tortoises, and terrapins.</p> <p>There are many different types of turtles.</p> </div> <img src = "https://www.fisheries.noaa.gov/s3/styles/full_width/s3/dam-migration/hawksbill_sea_turtle.jpg?itok=ESbU98wo" alt=Turtle style="width:400px"/> <p><small>&copy; Fun Fashion Friends!!!</small></p> <p><small>this picture is so happy!!</small></p> <div> <h1> Turtles are Happy </h1> <h2> My favorite types of Turtles(Not in Order)</h2> <ul> <li>SeaTurtle</li> <li>LeatherBack turtle</li> <li>normal Turtle</li> <li>Happy Turtle</li> </ul> <div> <h2> What type of turtles are the worst </h2> <ol> <li>nonSeaTurtle</li> <li>nonLeatherBack turtle</li> <li>bad Turtle</li> <li>sad Turtle</li> </ol> <img src = "https://cdn.britannica.com/62/99062-050-C3752373/Turtles.jpg" alt=Turtle style="width:400px"/> <p><small>&copy; Funny Fashion Friends!!!</small></p> <p><small>this graph is so informational!!</small></p> <h1> Fun Facts about turtles! </h1> <h2> very special and funnier <h3> fun </h3> </h2> <div> <p>Many types of turtles can be Turtles.</p><p>Turtles dont need a ukele to apologize.</p> <p> Turtles like to eat many type of fruit.</p> <p>There are many different types of turtles.</p> <p>Turtkes have very hard shells.</p> <p>Turtkes are very informational!!.</p> </div> <img src = "https://futureoftheocean.files.wordpress.com/2016/07/rw13-299_cropped.jpg" alt=Turtle style="width:400px"/> <p><small>&copy; Funny Fashion Friends!!!</small></p> <div> <p><small>wow this turtle is so cool </small></p> <div> <div> <p>Why this thing is very important fun and happy!This thing is very important fun and happy because there are very cool photos to help you learn better and to become a super star!!Another reason why this thing is so fun and important because it has words and words are very important if this slide didnt have worlds then it wouldnt been important or fun,infact this slide would have been very boring and sad.Plus no one likes to be sad and bored like me!!If your sad it can become worst and worst and thats horrblie. This is also very important fun and happy because its super creativee and has a colourful background like who dosent like the background colour its so unique and fun,fun is so fun and happy!!</p> </div> <div> <p> this is repeat for fillar because who dosent love extra information and reused words!Why this thing is very important fun and happy!This thing is very important fun and happy because there are very cool photos to help you learn better and to become a super star!!Another reason why this thing is so fun and important because it has words and words are very important if this slide didnt have worlds then it wouldnt been important or fun,infact this slide would have been very boring and sad.Plus no one likes to be sad and bored like me!!If your sad it can become worst and worst and thats horrblie. This is also very important fun and happy because its super creativee and has a colourful background like who dosent like the background colour its so unique and fun,fun is so fun and happy!!</p> </div>

# data[].attributes.attachment_link.description
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

# data[].attributes.body
Test your typing speed

# data[].attributes.attachment_link.readable_text
Increase your typing speed while racing against others

You must have Javascript enabled in your browser in order to play TypeRacer. It seems that you currently have it turned off.

Please consult this article for instructions on how to enable Javascript in your browser.

Also make sure that you are not using any browser plugins (like NoScript for Firefox) that could be blocking Javascript. If you need more assistance, please do not hesitate to contact us.

Increase your typing speed while racing against others

The award-winning online typing competition, TypeRacer, is the best free typing game in the world. It is the first-ever multiplayer typing game, which lets you race against real people typing quotes from books, movies, and songs.

Your typing speed will improve by at least 10 WPM if you play this free game at least once a week. TypeRacer is much more fun than just a free typing test. It's better to practice typing on typeracer.com than any free typing program or typing tutor. The consensus is clear: among computer typing games, TypeRacer is king!

Don't wait to get started: the road to becoming a touch typing master is long, but at least TypeRacer makes it fun and easy. To be clear, TypeRacer is not an easy typing game, but it will actually make you a better typist than those easy typing games for kids. It makes you type the same sort of text you would see at typing jobs.

Don't know how to type yet? Then learn to type! Just grab a free typing tutor or read a free typing tutorial. There are many free typing lessons on the web. You can also just download Mavis Beacon if you prefer.

Once you've mastered your basic typing skills, use TypeRacer for your first real timed typing test. Then just keep practicing - you will improve your typing speed fast!

Already know how to type? Then just have fun! TypeRacer is one of the best free online games, so why play any other addicting games which don't improve your typing speed in the process? You can quit those other computer games, flash games, facebook games, and kids games, and get focused on TypeRacer: the game that is actually good for you!

# data[].attributes.attachment_link.title
TypeRacer - the global typing competition

# data[].attributes.attachment_link.description
Test your typing skills today! Play against real live people from all over the world. TypeRacer is the best free massively multiplayer online competitive typing game. Race against live opponents while learning to increase your typing speed and having fun! Type quotes from popular music, songs, anime, comic books and more.

# data[].attributes.body
cats

# data[].attributes.attachment_link.readable_text
 <h1> CATS </h1> <h2> All about cats </h2> <p> By Alyona </p> <div id=cat1> <img src = "https://64.media.tumblr.com/be163dbc6c0737b847d92f0d00798bd6/6365e4f6305af864-c7/s1280x1920/f1f86601951983e997f7bb337a74f51d1ab990f9.jpg" alt = "cat" width = "300" style= "margin-top: 5px"/> </div> <h3> These are a list of the 5 most popular cat species: </h3> <ol> <li>Siamese cat </li> <li>Persian cat </li> <li>Maine coon </li> <li>Ragdoll </li> <li>Bengal </li> </ol> <div id=cat2> <img src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQhHomGp9QcsA57UZ4HUeU03Rnu1Dc-vGIRxw&usqp=CAU" alt = catss width = "300" style="margin-top: 5px"/> </div> <h3> Lifespan & gestation period </h3> <p> A domesticated cat's lifespan averages around 12-18 years. It can vary depending on the species of cat. Mixed-breeds are more likely to live longer than purebreds. Wild cats have a different lifespan, from 16-18 years. Their gestation period is 65 days. It can be different, if it's early or late. </p> <h3> Weight/mass & length </h3> <p> A domestic cat's average adult mass is 4-5kg(males), and 2.5-4kg(females). A child's is 0.8-0.1kg. A wild cat weighs about the same as a domestic cat. Their lengths can vary depending on the breed, but it's around 46cm, excluding the tail. <p> <div id=cat3> <img src = "https://i.pinimg.com/1200x/93/27/e7/9327e7da553a3111959de04fdf2e2eb4.jpg" alt = catsss width = "300" style="margin-top: 5px"/> </div> <h3> Facts </h3> <ul> <li> Cat's scientific name is Felis Catus</li> <li> A cat's domain is Eukaryota </li> <li> Cats are believed to be the only mammals who don't taste sweetness </li> <li> Cats can jump up to six times their length </li> <li> Cats have 230 bones </li> <li> Male cats are more likely to be left-pawed, while female cats are more likely to be right-pawed </li> <li> A cat's learning style is about the same as a 2- to 3-year-old child </li> <li> A group of kittens is called a "kindle" </li> <li> Studies suggest that domesticated cats first appeared around 3600 B.C </li> <li> Some cats love the smell of chlorine </li> <li> Cats have whiskers on the backs of their front legs, as well </li> </ul> <div id = cat4> <img src = "https://static.wikia.nocookie.net/c4d407a6-ff46-4d8f-a0f7-6f547fc95a6a/scale-to-width/755" alt = catssss width = "300" style="margin-top: 5px"/> </div> <h4> CAT SUPREMACY!!!! </h4> <!DOCTYPE html> <html> <body> <img src="https://gifdb.com/images/high/white-aesthetic-cat-tykltgcugweaymjk.gif" alt="Catgif" style="width:400px;height:400px;"> </body> </html>