JSFiddle - React, Tailwind, and code Playground

by Seokjun Hong

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script>
<div style="margin:10px;">
  <div class="ui segment">
    <div class="content">
      <div class="ui header">455 Medium Security CVEs
        <div class="sub header">8 Kinds</div>
      </div>
      <div class="description">
        <div data-content="Double free vulnerability in the ssl3_get_key_exchange function in the OpenSSL client (ssl/s3_clnt.c) in OpenSSL 1.0.0a, 0.9.8, 0.9.7, and possibly other versions, when using ECDH, allows context-dependent attackers to cause a denial of service (crash) and possibly execute arbitrary code via a crafted private key with an invalid prime. NOTE: some sources refer to this as a use-after-free issue.
">
          CVE-2010-2939
          <i class="linkify icon"></i>
        </div>
        <div data-content="The ephemeral ECDH ciphersuite functionality in OpenSSL 0.9.8 through 0.9.8r and 1.0.x before 1.0.0e does not ensure thread safety during processing of handshake messages from clients, which allows remote attackers to cause a denial of service (daemon crash) via out-of-order messages that violate the TLS protocol.
">
          CVE-2011-3210
          <i class="linkify icon"></i>
        </div>
        <div>
          CVE-2011-4576
          <i class="linkify icon"></i>
        </div>
        <div>
          CVE-2013-0166
          <i class="linkify icon"></i>
        </div>
        <div>
          CVE-2014-0224
          <i class="linkify icon"></i>
        </div>
        <div>
          CVE-2014-3506
          <i class="linkify icon"></i>
        </div>
        <div>
          CVE-2014-3570
          <i class="linkify icon"></i>
        </div>
        <div>
          CVE-2014-8275
          <i class="linkify icon"></i>
       ...

CSS

.description > div {
  margin-top:10px;
  margin-bottom:10px;
  margin-right:10px;
  display:inline-block;
}

JavaScript

$('.description > div').popup();