Skills list and about me
This commit is contained in:
parent
b0a399f4cd
commit
ce706c1475
85
index.html
85
index.html
@ -40,15 +40,71 @@
|
||||
</div>
|
||||
<div class="slide">
|
||||
<h1>About Me</h1>
|
||||
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer risus lorem, pretium non suscipit vel, dapibus non dolor. Suspendisse potenti. Phasellus interdum tempus placerat. Vivamus nec interdum mauris. Integer eu neque
|
||||
lacus. Nulla turpis turpis, fermentum in elementum nec, aliquam sed elit. Maecenas fringilla tristique leo quis mattis. In tempor justo id vehicula porta. Ut metus tortor, laoreet quis iaculis ac, aliquet et metus. Suspendisse potenti. Nullam
|
||||
at hendrerit neque. Vestibulum scelerisque turpis felis, et mollis risus suscipit eget. Donec condimentum ornare dictum. Vivamus rhoncus felis nisl, suscipit imperdiet ante tempus sit amet. Nullam lobortis sem ultricies, tempus felis a, hendrerit
|
||||
lacus. Suspendisse potenti. Suspendisse sollicitudin purus vitae felis molestie placerat. Vivamus aliquam tincidunt velit, id cursus purus euismod vitae. Praesent a rhoncus quam, non scelerisque lorem. Aenean mollis dapibus odio, ut bibendum
|
||||
arcu mattis vitae. Maecenas id faucibus arcu. Aenean ullamcorper urna id cursus semper. Sed aliquet, est ut interdum ultrices, arcu libero venenatis lacus, ut viverra ante massa id elit. Mauris molestie enim sit amet neque viverra, luctus
|
||||
laoreet dolor efficitur.</p>
|
||||
<p>When I was a child I was obsessed with trains and vacuum cleaners. I spent many sleepless nights marveling at these incredible machines. Today, I spend my nights pulling my hair out over webkit paint timing graphs. In a way, these nights are not
|
||||
so different.</p>
|
||||
<p>I'm a Computer Science student at Arizona State Univrsity interested in the intersection of technology and art. I pride myself in taking a diverse set of interests and my pixel perfect lovingly handcrafted 💯% good stuff 👍👌 HTML. These days,
|
||||
you can find me at The State Press working on ways to innovate the news during the week and winning hackathons on the weekends.</p>
|
||||
<h1>Skills <a id="skilltablebutton" style="text-decoration: underline; font-style: italic; font-weight: normal; font-size: 14px;" onclick="toggleSkillTable()">hide</a></h1>
|
||||
<div id="skilltable">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="ld">The <span style="font-style:italic">Internet</span></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>HTML5</li>
|
||||
<li>CSS3 & Sass</li>
|
||||
<li>Javascript, TypeScript, & Node</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="ld">General Programming & Scripting</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Java</li>
|
||||
<li>C, C# with Unity, & C++</li>
|
||||
<li>Python</li>
|
||||
<li>Scheme</li>
|
||||
<li>Bash</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="ld">System Administration</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Virtualization with KVM/LibVirt/QEMU and ESXi</li>
|
||||
<li>A <span style="font-style:italic">lot</span> of time spent managing POSIX and Windows environments</li>
|
||||
<li>Network configuration in PFSense and in general</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="ld">Software Packages</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Adobe Photoshop, Indesign, Premiere, & After Effects</li>
|
||||
<li>Microsoft Office</li>
|
||||
<li>MatLab and IPython/Anaconda Suite</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="ld">Life & non-technology skills</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>A plethora of leadership experience</li>
|
||||
<li>A Decent understanding of photography</li>
|
||||
<li>A borderline unhealthy amount of curiosity</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide">
|
||||
<h1>Projects</h1>
|
||||
<h1>Projects & Experience</h1>
|
||||
<div>
|
||||
<div>
|
||||
<div class="cover" id="sierra">
|
||||
@ -198,6 +254,9 @@
|
||||
<script>
|
||||
var last_known_scroll = getScrollY();
|
||||
var queueing = false;
|
||||
var t = true;
|
||||
var st = document.getElementById("skilltable");
|
||||
var stb = document.getElementById("skilltablebutton");
|
||||
document.addEventListener("scroll", function() {
|
||||
last_known_scroll = getScrollY();
|
||||
if (!queueing) {
|
||||
@ -252,6 +311,18 @@
|
||||
//internet explorer does not have a window.scrollY property, so we need to make our own
|
||||
return typeof window.scrollY === "undefined" ? window.pageYOffset : window.scrollY;
|
||||
}
|
||||
|
||||
function toggleSkillTable() {
|
||||
if (t) {
|
||||
st.style.display = "none";
|
||||
stb.innerText = "show";
|
||||
t = false;
|
||||
} else {
|
||||
st.style.display = "block";
|
||||
stb.innerText = "hide";
|
||||
t = true;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
||||
14
style.css
14
style.css
@ -58,8 +58,7 @@ body {
|
||||
|
||||
.slide {
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
line-height: 1.6; }
|
||||
width: 100%; }
|
||||
.slide div {
|
||||
/* width wrapping */
|
||||
max-width: 800px;
|
||||
@ -83,7 +82,16 @@ body {
|
||||
color: white; }
|
||||
.slide div div .cover:hover {
|
||||
box-shadow: 1px 1px 9px #444; }
|
||||
.slide table {
|
||||
line-height: 1.3;
|
||||
margin: 0;
|
||||
padding: 2px;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse; }
|
||||
.slide ul {
|
||||
margin: 5px; }
|
||||
.slide p {
|
||||
text-indent: 1em;
|
||||
max-width: 800px;
|
||||
margin: auto; }
|
||||
.slide h1 {
|
||||
@ -91,7 +99,7 @@ body {
|
||||
font-style: italic;
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
margin-top: 2.3em; }
|
||||
margin-top: 1.7em; }
|
||||
|
||||
.arrow {
|
||||
font-variant-position: sub;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "AAKA,oBAAO;EACH,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,IAAI;;AAIf,IAAK;EAED,WAAW,EAAE,KAAK;EAClB,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,IAAI;;AAGpB,IAAK;EACD,WAAW,EAAE,IAAI;EACjB,KAAK,EAAE,IAAI;EACX,QAAQ,EAAE,KAAK;EACf,UAAU,EAAE,KAAK;EACjB,QAAI;IACA,MAAM,EAAE,IAAI;IACZ,SAAS,EA1BT,KAAK;;AA8Bb,KAAM;EACF,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,KAAK;EACZ,OAAE;IACE,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,MAAM;EAEtB,aAAQ;IACJ,KAAK,EAtCN,OAAO;EAwCV,UAAK;IACD,UAAU,EAAE,MAAM;IAClB,KAAK,EA3CN,IAAI;EA6CP,SAAI;IACA,mBAAmB,EAAE,GAAG;EAM5B,QAAG;IACC,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,GAAG;;AAM5B,gBAAU;EACN,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,CAAC;AAEd,UAAI;EACA,SAAS,EAAE,KAAK;AAEpB,SAAG;EACC,SAAS,EAAE,GAAG;;AAKlB,UAAI;EACA,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,KAAK;AAEpB,gBAAU;EACN,OAAO,EAAE,CAAC;;AAKd,UAAK;EACD,UAAU,EAAE,KAAK;AAErB,WAAM;EACF,UAAU,EAAE,KAAK;;AAKzB,MAAO;EAEH,OAAO,EAAE,GAAG;EACZ,KAAK,EAAE,IAAI;EACX,WAAW,EAAE,GAAG;EAChB,UAAI;IACA,oBAAoB;IACpB,SAAS,EApGT,KAAK;IAqGL,MAAM,EAAE,IAAI;IACZ,cAAI;MACA,kBAAkB;MAClB,mBAAmB,EAAE,GAAG;MACxB,KAAK,EAAE,KAAa;MACpB,aAAa,EAAE,GAAG;MAClB,OAAO,EAAE,GAAG;MACZ,OAAO,EAAE,YAAY;MACrB,MAAM,EAAE,GAAG;MACX,qBAAO;QACH,MAAM,EAAE,KAAK;QACb,mBAAmB,EAAE,aAAa;QAClC,eAAe,EAAE,KAAK;QACtB,MAAM,EAAE,GAAG;QACX,wBAAG;UACC,UAAU,EAAE,MAAM;UAClB,UAAU,EAlHrB,kBAAiB;UAmHN,KAAK,EAAE,KAAK;MAGpB,2BAAa;QACT,UAAU,EAAE,gBAAgB;EAIxC,QAAE;IACE,SAAS,EA/HT,KAAK;IAgIL,MAAM,EAAE,IAAI;EAEhB,SAAG;IACC,SAAS,EAAE,GAAG;IACd,UAAU,EAAE,MAAM;IAClB,SAAS,EArIT,KAAK;IAsIL,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,KAAK;;AAIzB,MAAO;EACH,qBAAqB,EAAE,GAAG;EAC1B,SAAS,EAAE,IAAI;;AAGnB,aAAc;EACV,OAAO,EAAE,SAAS;;AAGtB,EAAG;EACC,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;;AAGtB,CAAE;EACE,mBAAmB,EAAE,GAAG",
|
||||
"mappings": "AAKA,oBAAO;EACH,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,IAAI;;AAIf,IAAK;EAED,WAAW,EAAE,KAAK;EAClB,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,IAAI;;AAGpB,IAAK;EACD,WAAW,EAAE,IAAI;EACjB,KAAK,EAAE,IAAI;EACX,QAAQ,EAAE,KAAK;EACf,UAAU,EAAE,KAAK;EACjB,QAAI;IACA,MAAM,EAAE,IAAI;IACZ,SAAS,EA1BT,KAAK;;AA8Bb,KAAM;EACF,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,KAAK;EACZ,OAAE;IACE,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,MAAM;EAEtB,aAAQ;IACJ,KAAK,EAtCN,OAAO;EAwCV,UAAK;IACD,UAAU,EAAE,MAAM;IAClB,KAAK,EA3CN,IAAI;EA6CP,SAAI;IACA,mBAAmB,EAAE,GAAG;EAM5B,QAAG;IACC,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,GAAG;;AAM5B,gBAAU;EACN,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,CAAC;AAEd,UAAI;EACA,SAAS,EAAE,KAAK;AAEpB,SAAG;EACC,SAAS,EAAE,GAAG;;AAKlB,UAAI;EACA,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,KAAK;AAEpB,gBAAU;EACN,OAAO,EAAE,CAAC;;AAKd,UAAK;EACD,UAAU,EAAE,KAAK;AAErB,WAAM;EACF,UAAU,EAAE,KAAK;;AAKzB,MAAO;EAEH,OAAO,EAAE,GAAG;EACZ,KAAK,EAAE,IAAI;EACX,UAAI;IACA,oBAAoB;IACpB,SAAS,EAnGT,KAAK;IAoGL,MAAM,EAAE,IAAI;IACZ,cAAI;MACA,kBAAkB;MAClB,mBAAmB,EAAE,GAAG;MACxB,KAAK,EAAE,KAAa;MACpB,aAAa,EAAE,GAAG;MAClB,OAAO,EAAE,GAAG;MACZ,OAAO,EAAE,YAAY;MACrB,MAAM,EAAE,GAAG;MACX,qBAAO;QACH,MAAM,EAAE,KAAK;QACb,mBAAmB,EAAE,aAAa;QAClC,eAAe,EAAE,KAAK;QACtB,MAAM,EAAE,GAAG;QACX,wBAAG;UACC,UAAU,EAAE,MAAM;UAClB,UAAU,EAjHrB,kBAAiB;UAkHN,KAAK,EAAE,KAAK;MAGpB,2BAAa;QACT,UAAU,EAAE,gBAAgB;EAIxC,YAAM;IACF,WAAW,EAAE,GAAG;IAChB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,GAAG;IACZ,cAAc,EAAE,CAAC;IACjB,eAAe,EAAE,QAAQ;EAE7B,SAAG;IACC,MAAM,EAAE,GAAG;EAEf,QAAE;IACE,WAAW,EAAE,GAAG;IAChB,SAAS,EAzIT,KAAK;IA0IL,MAAM,EAAE,IAAI;EAEhB,SAAG;IACC,SAAS,EAAE,GAAG;IACd,UAAU,EAAE,MAAM;IAClB,SAAS,EA/IT,KAAK;IAgJL,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,KAAK;;AAIzB,MAAO;EACH,qBAAqB,EAAE,GAAG;EAC1B,SAAS,EAAE,IAAI;;AAGnB,aAAc;EACV,OAAO,EAAE,SAAS;;AAGtB,EAAG;EACC,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;;AAGtB,CAAE;EACE,mBAAmB,EAAE,GAAG",
|
||||
"sources": ["style.scss"],
|
||||
"names": [],
|
||||
"file": "style.css"
|
||||
|
||||
14
style.scss
14
style.scss
@ -96,7 +96,6 @@ body {
|
||||
@extend .reset;
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
line-height: 1.6;
|
||||
div {
|
||||
/* width wrapping */
|
||||
max-width: $width;
|
||||
@ -125,7 +124,18 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
table {
|
||||
line-height: 1.3;
|
||||
margin: 0;
|
||||
padding: 2px;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
ul {
|
||||
margin: 5px;
|
||||
}
|
||||
p {
|
||||
text-indent: 1em;
|
||||
max-width: $width;
|
||||
margin: auto;
|
||||
}
|
||||
@ -134,7 +144,7 @@ body {
|
||||
font-style: italic;
|
||||
max-width: $width;
|
||||
margin: auto;
|
||||
margin-top: 2.3em;
|
||||
margin-top: 1.7em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user