Site Builder

Editing: guide.html

writable 0666

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Promptinator Field Reference</title>

/* each heading bar */
.guide-section h3{
  margin:0;
  padding:.65rem 1.1rem;
  background:#40464d;       /* dark accent */
  color:#fff;
  font-size:1.1rem;
  border-radius:6px 6px 0 0;
  letter-spacing:.03em;
  font-weight:600;
}

/* 3-column grid that follows a heading */
.guide-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid #d0d3d6;
  border-top:none;          /* flush with heading */
  background:#fff;
}

.guide-grid div{
  padding:1rem .9rem;
  border-right:1px solid #e5e7ea;
  border-bottom:1px solid #e5e7ea;
  word-break:break-word;
}

.guide-grid div:nth-child(3n){  /* drop border on last column */
  border-right:none;
}

/* title cell in each row */
.item-title{
  font-weight:600;
}

/* shortcode styling */
code{
  background:#f0f1f3;
  padding:.15rem .35rem;
  border-radius:4px;
  font-size:.9rem;
  color:#a11492;
  white-space:nowrap;
}

/* responsive — collapse to 1 col on narrow screens */
@media(max-width:768px){
  .guide-grid{
    grid-template-columns:1fr;
  }
  .guide-grid div:nth-child(3n){
    border-right:1px solid #e5e7ea; /* restore on mobile */
  }
}
</style>
</head>

<body>

<section class="guide-section">
  <h3>[A-details-~Textarea ~]</h3>
  <div class="guide-grid">
    <div class="item-title">Free-text</div>
    <div><code>[A-optionName-~default~]</code></div>
    <div>Text box (or textarea) with optional starting text</div>
  </div>
</section>

<section class="guide-section">
  <h3>[D-keyword_count-15~5~]</h3>
  <div class="guide-grid">
    <div class="item-title">Dropdown&nbsp;(numeric)</div>
    <div><code>[D-optionName-max~default~]</code></div>
    <div>1…max selector</div>
  </div>
</section>

<section class="guide-section">
  <h3>[D-package-|Basic|Pro|Enterprise|~Pro~]</h3>
  <div class="guide-grid">
    <div class="item-title">Dropdown&nbsp;(text)</div>
    <div><code>[D-optionName-|opt1|opt2|…|~opt2~]</code></div>
    <div>Choose from <em>text</em> list</div>
  </div>
</section>

<section class="guide-section">
  <h3>[I-reference-|https://www.rfsafe.com|https://www.bestdealon.com/|~Pick a site~]</h3>
  <div class="guide-grid">
    <div class="item-title">URL picker&nbsp;+ preview</div>
    <div><code>[I-optionName-|url1|url2|…|~Prompt~]</code></div>
    <div>Dropdown of URLs plus live iframe preview</div>
  </div>
</section>

</body>
</html>

Site Builder

Editing: guide.html

Site Builder