General Passport

Download Here
Right click on page - save as JSON
OR
Find Regex:

⎗
✓
/<passport><personal>Name:(.*?);Age:(.*?);DOB:(.*?);DOD:(.*?);COD:(.*?);Era:(.*?);Species:(.*?)<\/personal><deeds>D1:(.*?);D2:(.*?);D3:(.*?)<\/deeds><sins>S1:(.*?);S2:(.*?);S3:(.*?)<\/sins><account>(.*?)<\/account><stamp>(.*?)<\/stamp><\/passport>/g

Replace With:

⎗
✓
<div class="soul-passport" style="transform: scale(0.55); transform-origin: top left;">
  <div class="passport-inner">
    <div class="passport-cover">
      <div class="cover-left">
        <h1 style="font-size: 36px;">Soul Passport</h1>
        <div class="personal-info">
          <p style="font-size: 24px;"><strong>Name:</strong> $1</p>
          <p style="font-size: 24px;"><strong>Age:</strong> $2</p>
          <p style="font-size: 24px;"><strong>Date of Birth:</strong> $3</p>
          <p style="font-size: 24px;"><strong>Date of Death:</strong> $4</p>
          <p style="font-size: 24px;"><strong>Cause of Death:</strong> $5</p>
          <p style="font-size: 24px;"><strong>Era:</strong> $6</p>
          <p style="font-size: 24px;"><strong>Species:</strong> $7</p>
        </div>
      </div>
      <div class="cover-right">
        <div class="judgement-stamp stamp-$15">
          <div class="stamp-text" style="font-size: 48px;">$15</div>
        </div>
      </div>
    </div>
    <div class="passport-page back">
      <div class="back-left">
        <h2 style="font-size: 30px;">Deeds</h2>
        <ul style="font-size: 24px;">
          <li>$8</li>
          <li>$9</li>
          <li>$10</li>
        </ul>
        <h2 style="font-size: 30px;">Sins</h2>
        <ul style="font-size: 24px;">
          <li>$11</li>
          <li>$12</li>
          <li>$13</li>
        </ul>
      </div>
      <div class="back-right">
        <h2 style="font-size: 30px;">Soul's Account</h2>
        <p style="font-size: 24px;">$14</p>
      </div>
    </div>
  </div>
</div>

<style>
.soul-passport{width:600px;min-height:500px;perspective:1000px;box-shadow:0 0 10px rgba(255,0,0,.5),0 0 20px rgba(255,0,0,.3)}.passport-cover,.passport-page{position:absolute;width:100%;height:auto;min-height:100%;top:0;left:0;background-color:#111;color:#fff;border:1px solid #800000;backface-visibility:hidden;transition:transform .8s;transform-style:preserve-3d}.passport-cover{z-index:2;transform:rotateY(0)}.passport-page{transform:rotateY(180deg)}.cover-left,.cover-right,.back-left,.back-right{position:absolute;width:50%;height:100%;padding:10px;box-sizing:border-box}.cover-right{left:50%;display:flex;justify-content:center;align-items:center}.back-left{left:0}.back-right{left:50%}.soul-passport:hover .passport-cover{transform:rotateY(-180deg)}.soul-passport:hover .passport-page{transform:rotateY(0)}.judgement-stamp{width:200px;height:100px;margin:50px auto;display:flex;justify-content:center;align-items:center;border:2px solid #800000;position:relative}.stamp-text{font-size:24px;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.stamp-paradise{background:linear-gradient(135deg,#ffd700,#ff8c00)}.stamp-purgatory{background:linear-gradient(135deg,#c0c0c0,#808080)}.stamp-pit{background:linear-gradient(135deg,#8b0000,#800000)}.stamp-blank{background:linear-gradient(135deg,#ffffff,#e0e0e0)}

@media (max-width: 600px) {
  .soul-passport {
    width: 300px;
    height: auto;
    min-height: 500px;
    transform: scale(1);
    perspective: none;
  }
  .passport-cover, .passport-page {
    position: relative;
    height: auto;
    min-height: 500px;
    transform: none;
    backface-visibility: visible;
  }
  .cover-left, .cover-right, .back-left, .back-right {
    width: 100%;
    height: auto;
    position: static;
    left: 0;
  }
  .cover-right {
    order: -1;
  }
  .judgement-stamp {
    width: 150px;
    height: 75px;
    margin: 20px auto;
  }
  .stamp-text {
    font-size: 18px;
  }
  .personal-info p, .back-left ul, .back-right p {
    font-size: 16px !important;
  }
  h1 {
    font-size: 28px !important;
  }
  h2 {
    font-size: 24px !important;
  }
}
</style>

Settings:
regex
Top of Rentry

Tampered Passport

Download Here
Right click on page - save as JSON
OR
Find Regex:

⎗
✓
/<passport-tampered><personal>Name:(.*?)\/\/(.*?);Age:(.*?)\/\/(.*?);DOB:(.*?)\/\/(.*?);DOD:(.*?)\/\/(.*?);COD:(.*?)\/\/(.*?);Era:(.*?)\/\/(.*?);Species:(.*?)\/\/(.*?)<\/personal><deeds>D1:(.*?)\/\/(.*?);D2:(.*?)\/\/(.*?);D3:(.*?)\/\/(.*?)<\/deeds><sins>S1:(.*?)\/\/(.*?);S2:(.*?)\/\/(.*?);S3:(.*?)\/\/(.*?)<\/sins><account>(.*?)\/\/(.*?)<\/account><stamp>(.*?)<\/stamp><\/passport-tampered>/g

Replace With:

⎗
✓
<div class="soul-passport tampered" style="transform: scale(0.55); transform-origin: top left;">
  <div class="passport-cover">
    <div class="cover-left">
      <h1 style="font-size: 36px;">Soul Passport</h1>
      <div class="personal-info">
        <p style="font-size: 24px;"><strong>Name:</strong> <span class="tampered" data-real="$2">$1</span></p>
        <p style="font-size: 24px;"><strong>Age:</strong> <span class="tampered" data-real="$4">$3</span></p>
        <p style="font-size: 24px;"><strong>Date of Birth:</strong> <span class="tampered" data-real="$6">$5</span></p>
        <p style="font-size: 24px;"><strong>Date of Death:</strong> <span class="tampered" data-real="$8">$7</span></p>
        <p style="font-size: 24px;"><strong>Cause of Death:</strong> <span class="tampered" data-real="$10">$9</span></p>
        <p style="font-size: 24px;"><strong>Era:</strong> <span class="tampered" data-real="$12">$11</span></p>
        <p style="font-size: 24px;"><strong>Species:</strong> <span class="tampered" data-real="$14">$13</span></p>
      </div>
    </div>
    <div class="cover-right">
      <div class="judgement-stamp stamp-$31">
        <div class="stamp-text" style="font-size: 48px;">$31</div>
      </div>
    </div>
  </div>
  <div class="passport-page back">
    <div class="back-left">
      <h2 style="font-size: 30px;">Deeds</h2>
      <ul style="font-size: 24px;">
        <li class="tampered" data-real="$16">$15</li>
        <li class="tampered" data-real="$18">$17</li>
        <li class="tampered" data-real="$20">$19</li>
      </ul>
      <h2 style="font-size: 30px;">Sins</h2>
      <ul style="font-size: 24px;">
        <li class="tampered" data-real="$22">$21</li>
        <li class="tampered" data-real="$24">$23</li>
        <li class="tampered" data-real="$26">$25</li>
      </ul>
    </div>
    <div class="back-right">
      <h2 style="font-size: 30px;">Soul's Account</h2>
      <p style="font-size: 24px;" class="tampered" data-real="$28">$27</p>
    </div>
  </div>
</div>

<style>
.soul-passport{width:600px;min-height:400px;perspective:1000px;box-shadow:0 0 10px rgba(255,0,0,.5),0 0 20px rgba(255,0,0,.3)}.passport-cover,.passport-page{position:absolute;width:100%;height:auto;min-height:100%;top:0;left:0;background-color:#111;color:#fff;border:1px solid #800000;backface-visibility:hidden;transition:transform .8s;transform-style:preserve-3d}.passport-cover{z-index:2;transform:rotateY(0)}.passport-page{transform:rotateY(180deg)}.cover-left,.cover-right,.back-left,.back-right{position:absolute;width:50%;height:100%;padding:10px;box-sizing:border-box}.cover-right{left:50%;display:flex;justify-content:center;align-items:center}.back-left{left:0}.back-right{left:50%}.soul-passport:hover .passport-cover{transform:rotateY(-180deg)}.soul-passport:hover .passport-page{transform:rotateY(0)}.judgement-stamp{width:200px;height:100px;margin:50px auto;display:flex;justify-content:center;align-items:center;border:2px solid #800000;position:relative}.stamp-text{font-size:24px;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.stamp-paradise{background:linear-gradient(135deg,#ffd700,#ff8c00)}.stamp-purgatory{background:linear-gradient(135deg,#c0c0c0,#808080)}.stamp-pit{background:linear-gradient(135deg,#8b0000,#800000)}.stamp-blank{background:linear-gradient(135deg,#ffffff,#e0e0e0)}

.tampered {
  text-decoration: line-through;
  position: relative;
}
.tampered::after {
  content: attr(data-real);
  position: absolute;
  top: -10px;
  left: 0;
  color: red;
  font-style: italic;
  text-decoration: none;
}

.purgatory-reexam .back-left ul li,
.purgatory-reexam .back-right p {
  position: relative;
}
.purgatory-reexam .back-left ul li::after,
.purgatory-reexam .back-right p::after {
  content: "↑";
  position: absolute;
  right: -20px;
  color: green;
}
.purgatory-reexam .back-left ul li.worse::after {
  content: "↓";
  color: red;
}

@media (max-width: 600px) {
  .soul-passport {
    width: 300px;
    height: auto;
    min-height: 500px;
    transform: scale(1);
    perspective: none;
  }
  .passport-cover, .passport-page {
    position: relative;
    height: auto;
    min-height: 500px;
    transform: none;
    backface-visibility: visible;
  }
  .cover-left, .cover-right, .back-left, .back-right {
    width: 100%;
    height: auto;
    position: static;
    left: 0;
  }
  .cover-right {
    order: -1;
  }
  .judgement-stamp {
    width: 150px;
    height: 75px;
    margin: 20px auto;
  }
  .stamp-text {
    font-size: 18px;
  }
  .personal-info p, .back-left ul, .back-right p {
    font-size: 16px !important;
  }
  h1 {
    font-size: 28px !important;
  }
  h2 {
    font-size: 24px !important;
  }
}
</style>

Settings (same):
regex

Top of Rentry

Purgatory Passport

Download Here
Right click on page - save as JSON
OR
Find Regex:

⎗
✓
/<passport-reexam><personal>Name:(.*?);Age:(.*?);DOB:(.*?);DOD:(.*?);COD:(.*?);Era:(.*?);Species:(.*?)<\/personal><deeds>D1:([\s\S]*?)\/\/([\s\S]*?);D2:([\s\S]*?)\/\/([\s\S]*?);D3:([\s\S]*?)\/\/([\s\S]*?)<\/deeds><sins>S1:([\s\S]*?)\/\/([\s\S]*?);S2:([\s\S]*?)\/\/([\s\S]*?);S3:([\s\S]*?)\/\/([\s\S]*?)<\/sins><account>([\s\S]*?)\/\/([\s\S]*?)<\/account><stamp>purgatory<\/stamp><\/passport-reexam>/g

Replace With:

⎗
✓
<div class="soul-passport purgatory-reexam" style="transform: scale(0.55); transform-origin: top left;">
  <div class="passport-cover">
    <div class="cover-left">
      <h1 style="font-size: 36px;">Soul Passport</h1>
      <div class="personal-info">
        <p style="font-size: 24px;"><strong>Name:</strong> $1</p>
        <p style="font-size: 24px;"><strong>Age:</strong> $2</p>
        <p style="font-size: 24px;"><strong>Date of Birth:</strong> $3</p>
        <p style="font-size: 24px;"><strong>Date of Death:</strong> $4</p>
        <p style="font-size: 24px;"><strong>Cause of Death:</strong> $5</p>
        <p style="font-size: 24px;"><strong>Era:</strong> $6</p>
        <p style="font-size: 24px;"><strong>Species:</strong> $7</p>
      </div>
    </div>
    <div class="cover-right">
      <div class="judgement-stamp stamp-purgatory">
        <div class="stamp-text" style="font-size: 48px;">PURGATORY</div>
      </div>
    </div>
  </div>
  <div class="passport-page back">
    <div class="back-left">
      <h2 style="font-size: 30px;">Deeds</h2>
      <ul style="font-size: 24px;">
        <li class="reexam-item"><span class="before">$8</span> &#8594; <span class="after">$9</span></li>
        <li class="reexam-item"><span class="before">$10</span> &#8594; <span class="after">$11</span></li>
        <li class="reexam-item"><span class="before">$12</span> &#8594; <span class="after">$13</span></li>
      </ul>
      <h2 style="font-size: 30px;">Sins</h2>
      <ul style="font-size: 24px;">
        <li class="reexam-item"><span class="before">$14</span> &#8594; <span class="after">$15</span></li>
        <li class="reexam-item"><span class="before">$16</span> &#8594; <span class="after">$17</span></li>
        <li class="reexam-item"><span class="before">$18</span> &#8594; <span class="after">$19</span></li>
      </ul>
    </div>
    <div class="back-right">
      <h2 style="font-size: 30px;">Soul's Account</h2>
      <p style="font-size: 24px;" class="reexam-item"><span class="before">$20</span> &#8594; <span class="after">$21</span></p>
    </div>
  </div>
</div>
<style>
.soul-passport{width:600px;min-height:400px;perspective:1000px;box-shadow:0 0 10px rgba(255,0,0,.5),0 0 20px rgba(255,0,0,.3)}.passport-cover,.passport-page{position:absolute;width:100%;height:auto;min-height:100%;top:0;left:0;background-color:#111;color:#fff;border:1px solid #800000;backface-visibility:hidden;transition:transform .8s;transform-style:preserve-3d}.passport-cover{z-index:2;transform:rotateY(0)}.passport-page{transform:rotateY(180deg)}.cover-left,.cover-right,.back-left,.back-right{position:absolute;width:50%;height:100%;padding:10px;box-sizing:border-box}.cover-right{left:50%;display:flex;justify-content:center;align-items:center}.back-left{left:0}.back-right{left:50%}.soul-passport:hover .passport-cover{transform:rotateY(-180deg)}.soul-passport:hover .passport-page{transform:rotateY(0)}.judgement-stamp{width:200px;height:100px;margin:50px auto;display:flex;justify-content:center;align-items:center;border:2px solid #800000;position:relative}.stamp-text{font-size:24px;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.stamp-paradise{background:linear-gradient(135deg,#ffd700,#ff8c00)}.stamp-purgatory{background:linear-gradient(135deg,#c0c0c0,#808080)}.stamp-pit{background:linear-gradient(135deg,#8b0000,#800000)}.stamp-blank{background:linear-gradient(135deg,#ffffff,#e0e0e0)}
.purgatory-reexam .reexam-item {
  position: relative;
  margin-bottom: 10px;
}
.purgatory-reexam .before {
  text-decoration: line-through;
  color: #888;
}
.purgatory-reexam .after {
  color: #00ff00;
  font-weight: bold;
}
@media (max-width: 600px) {
  .soul-passport {
    width: 300px;
    height: auto;
    min-height: 500px;
    transform: scale(1);
    perspective: none;
  }
  .passport-cover, .passport-page {
    position: relative;
    height: auto;
    min-height: 500px;
    transform: none;
    backface-visibility: visible;
  }
  .cover-left, .cover-right, .back-left, .back-right {
    width: 100%;
    height: auto;
    position: static;
    left: 0;
  }
  .cover-right {
    order: -1;
  }
  .judgement-stamp {
    width: 150px;
    height: 75px;
    margin: 20px auto;
  }
  .stamp-text {
    font-size: 18px;
  }
  .personal-info p, .back-left ul, .back-right p {
    font-size: 16px !important;
  }
  h1 {
    font-size: 28px !important;
  }
  h2 {
    font-size: 24px !important;
  }
}
</style>

Settings (same):
regex

Top of Rentry

Edit

Pub: 20 Jul 2024 21:51 UTC

Edit: 21 Jul 2024 00:10 UTC

Views: 153