JSFiddle - React, Tailwind, and code Playground

by gol ngaz²

HTML

<html class="ng-scope idcae idcac"><head>
  <meta charset="“utf-8”">

  <title>
    Lib-Manuels
  </title>
  
  <style>
    #sidebar{position:absolute;top:0;left:0;bottom:0;width:250px;padding:0;margin:0;overflow:auto}#page-container{position:absolute;top:0;left:0;margin:0;padding:0;border:0}@media screen{#sidebar.opened+#page-container{left:250px}#page-container{bottom:0;right:0;overflow:auto}.loading-indicator{display:none}.loading-indicator.active{display:block;position:absolute;width:64px;height:64px;top:50%;left:50%;margin-top:-32px;margin-left:-32px}.loading-indicator img{position:absolute;top:0;left:0;bottom:0;right:0}}@media print{@page{margin:0}html{margin:0}body{margin:0;-webkit-print-color-adjust:exact}#sidebar{display:none}#page-container{width:auto;height:auto;overflow:visible;background-color:transparent}.d{display:none}}.pf{position:relative;background-color:white;overflow:hidden;margin:0;border:0}.pc{position:absolute;border:0;padding:0;margin:0;top:0;left:0;width:100%;height:100%;overflow:hidden;display:block;transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0}.pc.opened{display:block}.bf{position:absolute;border:0;margin:0;top:0;bottom:0;width:100%;height:100%;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.bi{position:absolute;border:0;margin:0;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}@media print{.pf{margin:0;box-shadow:none;page-break-after:always;page-break-inside:avoid}@-moz-document url-prefix(){.pf{overflow:visible;border:1px solid #fff}.pc{overflow:visible}}}.c{position:absolute;border:0;padding:0;margin:0;overflow:hidden;display:block}.t{position:absolute;white-space:pre;font-size:1px;transform-origin:0 100%;-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;unicode-bidi:bidi-override;-moz-font-feature-settings:"liga" 0}.t:after{content:''}.t:before{content:'';display:inline-block}.t...

CSS

@font-face{font-family:ff_5d54096fccacda3dce9bfc70_94b333f5ad494ab1a7a94ed08f5ee34a;src:url(https://storage.gra.cloud.ovh.net/v1/AUTH_2e379e37cf4645fd882e7f4f741be2a3/edulib__production__site__assets/paperclip_assets/textbook/5d54096fccacda3dce9bfc70/fonts/94b333f5ad494ab1a7a94ed08f5ee34a.woff) format("woff")}#pf-5d54a0a3d9c5f582b7e7b9444 .ff3{font-family:ff_5d54096fccacda3dce9bfc70_94b333f5ad494ab1a7a94ed08f5ee34a;line-height:.951172;font-style:normal;font-weight:400;visibility:visible}@font-face{font-family:ff_5d54096fccacda3dce9bfc70_e6bf0287a2114f16e2c3213ef9ee41d3;src:url(https://storage.gra.cloud.ovh.net/v1/AUTH_2e379e37cf4645fd882e7f4f741be2a3/edulib__production__site__assets/paperclip_assets/textbook/5d54096fccacda3dce9bfc70/fonts/e6bf0287a2114f16e2c3213ef9ee41d3.woff) format("woff")}#pf-5d540a3d9c5f582b7e7b9444 .ff4{font-family:ff_5d54096fccacda3dce9bfc70_e6bf0287a2114f16e2c3213ef9ee41d3;line-height:1.195;font-style:normal;font-weight:400;visibility:visible}@font-face{font-family:ff_5d54096fccacda3dce9bfc70_a39616fce0ac5903f86687383b6ae6b2;src:url(https://storage.gra.cloud.ovh.net/v1/AUTH_2e379e37cf4645fd882e7f4f741be2a3/edulib__production__site__assets/paperclip_assets/textbook/5d54096fccacda3dce9bfc70/fonts/a39616fce0ac5903f86687383b6ae6b2.woff) format("woff")}#pf-5d540a3d9c5f582b7e7b9444 .ff5{font-family:ff_5d54096fccacda3dce9bfc70_a39616fce0ac5903f86687383b6ae6b2;line-height:1.174;font-style:normal;font-weight:400;visibility:visible}@font-face{font-family:ff_5d54096fccacda3dce9bfc70_2a93e105392b2482d298e37b98f5e261;src:url(https://storage.gra.cloud.ovh.net/v1/AUTH_2e379e37cf4645fd882e7f4f741be2a3/edulib__production__site__assets/paperclip_assets/textbook/5d54096fccacda3dce9bfc70/fonts/2a93e105392b2482d298e37b98f5e261.woff) format("woff")}#pf-5d540a3d9c5f582b7e7b9444...