# Graphene Technical Documentation website New Layout

<br/>

![bitshare-doc.png](https://steemitimages.com/DQmZLKvQZ2z56j2WHPceghwpLnmRKVrioTrE1P6kYTXT1ws/bitshare-doc.png)

<hr/>

### This is very first look. I am still working on and will improve the layout details. So, it will navigate smoother.  And I am going to re-group the contents order to get easier to find. 


### After I re-group the contents, I will post again.  You might get better idea and want to provide me any thoughts and comments about the navigation (usability).  

<hr />

<br/>

#### Home page
![p1.png](https://steemitimages.com/DQmbctfbUscJGBG9LKKn3z46AEAsYPxnPwmFv1WNTtxGzjg/p1.png)

<br/>

#### Sidebar Navigation
![p11.png](https://steemitimages.com/DQmSW6f3NCsUiPXKKzCeQDaMRhJQpxXSeUHqFnfc8TiVXkA/p11.png)

<br/> 

#### Code page

![p6.png](https://steemitimages.com/DQmUjba5SNV5jZcKmPRazTCQrBRD3bEz7WppsSJ9BGd2Adz/p6.png)

<br/>

#### Index page
![p12.png](https://steemitimages.com/DQmRs2NmQkF7MWzF8A2BAtYVyQZ2vVd9mLyxao8PpdE7yQr/p12.png)

<br/>

#### Index search Result
![p13.png](https://steemitimages.com/DQmaFbRB2niREcCprAADyycRn4QgZkkTkVKUvFsMVEzaNoZ/p13.png)

<br/>

<hr/>

#### Smaller screen - Home page

![p10.png](https://steemitimages.com/DQmfDSMK2ehgbEutw1vrKA1AcM17KUnqBVPUAVEyj7dBpcX/p10.png)

<br/>

#### Smaller screen - Contents list
![p7.png](https://steemitimages.com/DQmPwKvmhrLBjeB8DvNK4JqrzmRjBfLgwqKQ9QoMfYHJaYW/p7.png)

<hr/>

<br/>

Well, some people might remember that I have been trying to introduce BitShares Documentation to public.  This is my current project so far.  At this point, I am going to put more focus on developers for this.  But everyone will be able to find BitShares interesting information.   :) 

My past post about the documentation:
https://steemit.com/bitshares/@tsugimoto/bitshares-technical-documentation-table-of-contents-list-updated-with-links


I am willing to hear any of your comments!