mmoser/markamoser.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

more chart info

Browse Source
This commit is contained in:
Mark Moser
2017-08-21 15:53:00 -05:00
parent 54f83bb231
commit a7ec08196e
1 changed files with 53 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
site/pages/index.hbs
View File

@ -25,6 +25,8 @@
</p> </p>
</section> </section>
<section class="fifty"> <section class="fifty">
<div> <div>
<h2>General Proficiency's</h2> <h2>General Proficiency's</h2>
@ -52,19 +54,55 @@
</div> </div>
</section> </section>
<section>
<h2>Back-end Proficiency's</h2>
<section class="fifty">
<div>
<h2>Back-End Proficiency's</h2>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="pie">
<ul> <ul>
<li>5/5 HTML Prototyping</li> <li class="start-0 value-90 red"></li>
<li>5/5 Ruby on Rails</li> <li class="start-90 value-90 orange"></li>
<li>4/5 Linux Server Administration</li> <li class="start-180 value-36 blue"></li>
<li>4/5 Front-End Dev Tool chains</li> <li class="start-216 value-36 dark-grey"></li>
<li>4/5 PHP Development</li> <li class="start-252 value-36 yellow"></li>
<li>4/5 Information Architecture</li> <li class="start-288 value-72 dark-blue"></li>
<li>3/5 UX Consulting</li>
<li>5/5 CSS (and SCSS)</li>
<li>4/5 JavaScript</li>
<li>5/5 SQL</li>
<li>5/5 Ruby</li>
</ul> </ul>
<div class="key">
<div class="red"><span>25%</span><span>Ruby</span></div>
<div class="orange"><span>25%</span><span>Ruby on Rails</span></div>
<div class="blue"><span>10%</span><span>Linux Server Administration</span></div>
<div class="dark-grey"><span>10%</span><span>SQL</span></div>
<div class="yellow"><span>10%</span><span>PHP Development</span></div>
<div class="dark-blue"><span>20%</span><span>Architecture</span></div>
</div>
</div>
</section>
<section class="fifty">
<div>
<h2>Front-End Proficiency's</h2>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="pie">
<ul>
<li class="start-0 value-54 blue"></li>
<li class="start-54 value-18 orange"></li>
<li class="start-72 value-126 red"></li>
<li class="start-198 value-72 dark-blue"></li>
<li class="start-270 value-90 yellow"></li>
</ul>
<div class="key">
<div class="blue"><span>15%</span><span>Front-End Dev Tool chains</span></div>
<div class="orange"><span>5%</span><span>UX Consulting</span></div>
<div class="red"><span>35%</span><span>CSS (and SCSS)</span></div>
<div class="dark-blue"><span>20%</span><span>JavaScript</span></div>
<div class="yellow"><span>25%</span><span>HTML Prototyping</span></div>
</div>
</div>
</section> </section>