|
|
| (86 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | __NOTOC__ | | __NOTOC__ |
| − | ===Download Box=== | + | ===Test Objects=== |
| | + | * [[Testing]] |
| | + | * [[Mainpage-Sandbox]] |
| | | | |
| − | <html> | + | <hr class="stylish2"> |
| − | <div class="" style="width:300px;background:#f9f9f9;padding:10px;border-left:2px #999 solid;">
| |
| − | <a href="#"><div class="" style="float:right;"><i class="fa fa-download" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div></a>
| |
| − | <div class="" style="float:left;"><i class="fa fa-file-pdf-o" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div>
| |
| − | <div class="" style="margin-left: 30px;"><span class="tk-futura-pt">spectre-docs.pdf</span></div>
| |
| − | <div class="" style="margin-left: 30px;color:#999;font-size:80%;margin-top:-7px;"><span class="is-small tk-futura-pt">14MB•Public•1 Jan, 2017</span></div>
| |
| − | </div>
| |
| − | </html>
| |
| | | | |
| − | ===Steps=== | + | ===Elements=== |
| | + | * [[Dashboard]] |
| | + | * [[Web Element: Article]] |
| | + | * [[Web Element: Blog Post List Item]] |
| | + | * [[Web Element: Dashboard Box]] |
| | + | * [[Web Element: Data]] |
| | + | * [[Web Element: Download Box]] |
| | + | * [[Web Element: Google Chart]] |
| | + | * [[Web Element: Image]] |
| | + | * [[Web Element: Margin Note]] |
| | + | * [[Web Element: Math]] |
| | + | * [[Web Element: People Info]] |
| | + | * [[Web Element: Research Box]] |
| | + | * [[Web Element: Section]] |
| | + | * [[Web Element: Syntax Highlight]] |
| | + | * [[Web element: Table]] |
| | + | * [[Web Element: Timeline]] |
| | + | * [[Web Element: Typography]] |
| | + | * [[Web Element: Map]] |
| | + | * [[Web Element: Vega Lite]] |
| | + | * [[Web Element: D3.js]] |
| | | | |
| − | <html> | + | <hr class="stylish2"> |
| − | <div class="steps is-small">
| |
| − | <div class="step-item">
| |
| − | <div class="step-marker">1</div>
| |
| − | <div class="step-details">
| |
| − | <p class="step-title">Step 1</p>
| |
| − | <p>This is the first step of the process.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="step-item">
| |
| − | <div class="step-marker">2</div>
| |
| − | <div class="step-details">
| |
| − | <p class="step-title">Step 2</p>
| |
| − | <p>This is the second step. You get here once you have completed the first step.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="step-item">
| |
| − | <div class="step-marker">3</div>
| |
| − | <div class="step-details">
| |
| − | <p class="step-title">Step 3</p>
| |
| − | <p>This is the third step. One more step before the end.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </html>
| |
| | | | |
| − | ===People Info=== | + | ===The Color=== |
| | | | |
| − | <html>
| + | * .is-my-red {color: #bf360c;} <span class="is-my-red">SAMPLE</span> |
| − | <div class="" style="width:100%;background:#f9f9f9;padding:10px;border-left:2px #999 solid;">
| + | * .is-your-red {color: #870000;} <span class="is-your-red">SAMPLE</span> |
| − | <a href="https://en.wikipedia.org/wiki/Charles_Darwin" target="_blank"><div class="" style="float:right;"><i class="fa fa-external-link" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div></a>
| + | * For more: [https://material.io/tools/color/#!/?view.left=1&view.right=0&primary.color=BF360C Google Colors] |
| − | <div class="" style="float:left;"><i class="fa fa-male" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div>
| |
| − | <div class="" style="margin-left: 30px;"><span class="tk-futura-pt">Charles Darwin</span></div>
| |
| − | <div class="" style="margin-left: 30px;color:#999;font-size:80%;margin-top:-7px;"><span class="is-small tk-futura-pt">Naturalist, Geologist, Biologist•1809-1882</span></div>
| |
| − | </div>
| |
| − | <br>
| |
| − | <div class="" style="width:100%;background:#f9f9f9;padding:10px;border-left:2px #999 solid;">
| |
| − | <a href="#"><div class="" style="float:right;"><i class="fa fa-external-link" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div></a>
| |
| − | <div class="" style="float:left;"><i class="fa fa-female" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div>
| |
| − | <div class="" style="margin-left: 30px;"><span class="tk-futura-pt">Jane Doe</span></div>
| |
| − | <div class="" style="margin-left: 30px;color:#999;font-size:80%;margin-top:-7px;"><span class="is-small tk-futura-pt">Opportunist•1981-</span></div>
| |
| − | </div>
| |
| − | | |
| − | </html>
| |
| − | | |
| − | ===Templates===
| |
| − | | |
| − | * [[template:HelpBar]]
| |
