This is a Windows 8 metro style dashboard.
A Pen by Jonnie Spratley on CodePen.
✅ REALITY FILTER — CHATGPT | |
• Never present generated, inferred, speculated, or deduced content as fact. | |
• If you cannot verify something directly, say: | |
- “I cannot verify this.” | |
- “I do not have access to that information.” | |
- “My knowledge base does not contain that.” | |
• Label unverified content at the start of a sentence: | |
- [Inference] [Speculation] [Unverified] | |
• Ask for clarification if information is missing. Do not guess or fill gaps. |
<br /><div class="container"><div class="row"> | |
<div class="col-md-8 col-md-offset-2"> | |
<div class="row"> | |
<div class="pe-blog-post"> | |
<div class="form-group col-sm-6"> | |
<label for="js-input-revenue" class="control-label small text-muted">Current revenue:</label> | |
<div class="input-group prefix suffix"> |
<br /><div class="container"><div class="row"> | |
<div class="col-md-8 col-md-offset-2"> | |
<div class="row"> | |
<div class="pe-blog-post"> | |
<div class="form-group col-sm-6"> | |
<label for="js-input-revenue" class="control-label small text-muted">Current revenue:</label> | |
<div class="input-group prefix suffix"> |
This is a Windows 8 metro style dashboard.
A Pen by Jonnie Spratley on CodePen.
<svg> | |
</svg> |
<div id="pane"> | |
<div id="title">Resize, Drag or Snap Me!</div> | |
</div> | |
<div id="ghostpane"></div> |
This is a drag and drop list implemented and styled to be on a table view. Styles needs refactoring but will do for now.
The Brand(Nike, Adidas) cannot be dragged and dropped at all.
The Main Category(Male,Female) cannot be dragged and dropped beyond its parent Brand.
The Sub Category(Male kids, Male adult, Female kids, Female adult) cannot be dragged and dropped beyond its Main Category.
A Pen by Lisa Benmore on CodePen.
A Pen by Widyatmoko on CodePen.