Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
playground:playground [2021/01/20 17:48] – external edit 127.0.0.1 | playground:playground [2021/04/22 08:36] (current) – alex | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== PlayGround ====== | ====== PlayGround ====== | ||
+ | |||
+ | https:// | ||
+ | |||
+ | ===== accordion ===== | ||
+ | |||
+ | < | ||
+ | <panel title=" | ||
+ | Anim pariatur cliche reprehenderit, | ||
+ | </ | ||
+ | <panel title=" | ||
+ | <panel title=" | ||
+ | </ | ||
+ | |||
+ | ===== affix ===== | ||
+ | |||
+ | <affix offset-top=" | ||
+ | <panel title=" | ||
+ | Scroll the page! | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ===== alerts ===== | ||
+ | |||
+ | <alert type=" | ||
+ | <alert type=" | ||
+ | <alert type=" | ||
+ | <alert type=" | ||
+ | |||
+ | ===== badges ===== | ||
+ | |||
+ | Inbox < | ||
+ | |||
+ | <btn type=" | ||
+ | |||
+ | ===== buttons ===== | ||
+ | |||
+ | <btn type=" | ||
+ | <btn type=" | ||
+ | <btn type=" | ||
+ | <btn type=" | ||
+ | <btn type=" | ||
+ | <btn type=" | ||
+ | <btn type=" | ||
+ | |||
+ | <btn type=" | ||
+ | |||
+ | ===== callouts ===== | ||
+ | |||
+ | <callout title=" | ||
+ | This is a default callout. | ||
+ | </ | ||
+ | |||
+ | ===== carousel ===== | ||
+ | |||
+ | |||
+ | ===== collapse ===== | ||
+ | |||
+ | <button collapse=" | ||
+ | |||
+ | < | ||
+ | Anim pariatur cliche reprehenderit, | ||
+ | |||
+ | ===== grid ===== | ||
+ | ===== image ===== | ||
+ | |||
+ | ===== jumbotron ===== | ||
+ | |||
+ | |||
+ | < | ||
+ | ====== Hello, world! ====== | ||
+ | |||
+ | This is a simple hero unit, a simple jumbotron-style | ||
+ | component for calling extra attention to featured | ||
+ | content or information. | ||
+ | |||
+ | <btn type=" | ||
+ | </ | ||
+ | |||
+ | ====== labels ====== | ||
+ | |||
+ | <label type=" | ||
+ | <label type=" | ||
+ | <label type=" | ||
+ | <label type=" | ||
+ | <label type=" | ||
+ | <label type=" | ||
+ | |||
+ | ====== lead ====== | ||
+ | |||
+ | < | ||
+ | |||
+ | ====== list group ====== | ||
+ | |||
+ | < | ||
+ | * Cras justo odio < | ||
+ | * Dapibus ac facilisis in < | ||
+ | * Morbi leo risus < | ||
+ | </ | ||
+ | |||
+ | ====== modal ====== | ||
+ | |||
+ | <btn type=" | ||
+ | |||
+ | <modal id=" | ||
+ | === Text in a modal === | ||
+ | |||
+ | Duis mollis, est non commodo luctus, nisi erat porttitor ligula. [...] | ||
+ | </ | ||
+ | |||
+ | <btn type=" | ||
+ | |||
+ | <modal id=" | ||
+ | |||
+ | ====== navs(tabs& | ||
+ | |||
+ | < | ||
+ | * [[# | ||
+ | * [[# | ||
+ | |||
+ | <pane id=" | ||
+ | === Foo === | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </ | ||
+ | |||
+ | <pane id=" | ||
+ | === Bar === | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | ====== page header ====== | ||
+ | |||
+ | < | ||
+ | ===== Example page header ===== | ||
+ | </ | ||
+ | |||
+ | Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | |||
+ | ====== panels ====== | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | |||
+ | ====== popovers ====== | ||
+ | <popover placement=" | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | <popover placement=" | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | <popover placement=" | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | <popover placement=" | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | ====== progress bar ====== | ||
+ | < | ||
+ | <bar value=" | ||
+ | </ | ||
+ | |||
+ | ====== text ====== | ||
+ | <TEXT align=" | ||
+ | <TEXT align=" | ||
+ | <TEXT align=" | ||
+ | <TEXT align=" | ||
+ | <TEXT align=" | ||
+ | |||
+ | <text type=" | ||
+ | <text type=" | ||
+ | <text type=" | ||
+ | <text type=" | ||
+ | <text type=" | ||
+ | <text type=" | ||
+ | |||
+ | ====== thumbnails ====== | ||
+ | < | ||
+ | ... | ||
+ | <col xs=" | ||
+ | < | ||
+ | {{ wiki: | ||
+ | < | ||
+ | === DokuWiki ==== | ||
+ | |||
+ | //DokuWiki is a simple to use and highly versatile Open Source wiki software that doesn' | ||
+ | </ | ||
+ | </ | ||
+ | ... | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ====== tooltips ====== | ||
+ | <tooltip title=" | ||
+ | |||
+ | ====== wells ====== | ||
+ | <well size=" | ||
+ | |||
+ | |||
+ | ====== OpenAs ====== | ||
+ | ~~OpenAsVarsStart~~ | ||
+ | ** Name: ** ~~OpenAsVAR> | ||
+ | ** Age:** ~~OpenAsVAR> | ||
+ | ** Address: ** ~~OpenAsVAR> | ||
+ | ** Address 2: ** ~~OpenAsVAR> | ||
+ | ** Details: ** ~~OpenAsVAR> | ||
+ | ~~OpenAsVAR> | ||
+ | ~~OpenAsVarsClose~~ | ||
+ | |||
+ | ~~OpenAS> | ||
+ | |||
+ | |||
+ | ==== latex ==== | ||
+ | $$ 시간 \times 공간 \times 인식 \times 지식 \ $$ |