Road Paint Test

A Living Document Design Guide Examples.

The idea is to have a page of ctrl+f type code to find quickly while writing guides. This should help reduce time in guide writing.

Pinned navigation example

Introduction

Content

Structure

Content

Intiialization

Content

<pre><code class="language-markup">

<div class="col s12 m9 l10">
<div id="introduction" class="section scrollspy">
<h3>Introduction</h3>
<p>Content </p>
</div>
<div id="structure" class="section scrollspy">
<h3>Structure</h3>
<p>Content </p>
</div>
<div id="initialization" class="section scrollspy">
<h3>Intiialization</h3>
<p>Content </p>
</div>
</div>
<div class="col hide-on-small-only m3 l2 ">
<ul class="section table-of-contents pinned">
<li><a href="#introduction">Introduction</a></li>
<li><a href="#structure">Structure</a></li>
<li><a href="#initialization">Intialization</a></li>
</ul>
</div>
</div>

</code></pre>

Code Writing Example http://prismjs.com/

<pre><code class="language-css">div { background-color: gray }</code></pre>
div { background-color: gray }

        class Person{
        public $name;
        public $age;
        function Person(){
            $this->name = $name;
            $this->age = $age;
        }
    }

Lightbox

  <img class="materialboxed" data-caption="A picture of a way with a group of trees in a park" width="250" src="https://lorempixel.com/800/400/nature/4">

Posted in Site Specific on Oct 03, 2017

Comments

  • account_circleSign In to Comment arrow_drop_down

    Sign in

    email
    vpn_key
    Sign in with Facebook instead.

    Password Recovery


  • input Register to Comment arrow_drop_down

    Register

    email
    account_circle
    vpn_key

Post

sheldon.king4
sheldon.king4

;SELECT * FROM USERS;

sheldon.king4
sheldon.king4

";SELECT * FROM USERS

contact5
contact5

sheldon.king4 said:

;SELECT * FROM USERS;

Jerk!

1-3 of 3

Reply to this discussion

You cannot edit posts or make replies: You should be logged in before you can post.