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

68
site/pages/index.hbs
View File

@ -25,6 +25,8 @@
</p>
</section>
<section class="fifty">
<div>
<h2>General Proficiency's</h2>
@ -52,19 +54,55 @@
</div>
</section>
<section>
<h2>Back-end Proficiency's</h2>
<ul>
<li>5/5 HTML Prototyping</li>
<li>5/5 Ruby on Rails</li>
<li>4/5 Linux Server Administration</li>
<li>4/5 Front-End Dev Tool chains</li>
<li>4/5 PHP Development</li>
<li>4/5 Information Architecture</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>
<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>
<li class="start-0 value-90 red"></li>
<li class="start-90 value-90 orange"></li>
<li class="start-180 value-36 blue"></li>
<li class="start-216 value-36 dark-grey"></li>
<li class="start-252 value-36 yellow"></li>
<li class="start-288 value-72 dark-blue"></li>
</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>