diff --git a/Chuck.jpg b/Chuck.jpg new file mode 100644 index 0000000..6193aee Binary files /dev/null and b/Chuck.jpg differ diff --git a/index.html b/index.html index a71bbde..9f3540a 100644 --- a/index.html +++ b/index.html @@ -1,180 +1,196 @@ - - - - - - Chuck Dries - - - - - - - - -
-
- -
- -
-
-

Chuck Dries

- Chuck Dries -

Tech / Design / Photography / Leadership

-

Digital Developer, The State Press

-

Computer Science Student, Arizona State University

-

chuck@chuckdries.com / 602.618.0414

-

- Github / - LinkedIn / - Resume [pdf] / - Blog -

-
-
-
-

Learn more

-
-
-
-
-

Tech

-

Overview

-
-

I'm currently studying Computer Science, and I have a wealth of experience through hackathons, odd jobs, - and working with multiple tech support clients. Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Curabitur vitae quam ut felis blandit luctus. Suspendisse potenti. Vivamus a metus ex. Pellentesque habitant - morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eget dapibus tortor, auctor - dignissim metus. Aliquam at sollicitudin tortor. Donec finibus faucibus erat, vitae cursus urna maximus - sed. Quisque tristique sit amet risus et tempus. Pellentesque sed metus nec nunc bibendum fringilla. - Curabitur accumsan ultrices est ut dapibus. -

-
-

Skills

- -
- - - - - - - - - - - - - - -
WebHTML5, CSS3, Javascript & Node
ProgrammingJava, C, C# with Unity, C++, Python, Scheme, Bash
EtceteraLeadership experience, KVM/LibVirt/QEMU, ESXi
-
-

Experience: Jobs

- -

Experience: Projects

-
-
-
-
-

Design

-

Skills

-
- - - - - -
DesignPhotoshop, InDesign, After Effects, Premiere Pro
-
-
-
-
-
-

Photography

-

Skills

-

Replace this with something better

-
- - - - - -
DesignPhotoshop, InDesign, After Effects, Premiere Pro
-
-
-
-
-
-

Leadership

-

Skills

-

A skills list is definitely not relevant or helpful here!

-
- - - - - -
DesignPhotoshop, InDesign, After Effects, Premiere Pro
-
-
-
- - - - - + + + + + + Chuck Dries + + + + + + + + +
+
+ +
+ +
+
+

Chuck Dries

+ Chuck Dries +

Tech / Design / Photography / Leadership

+

Digital Developer, The State Press

+

Computer Science Student, Arizona State University

+

chuck@chuckdries.com / 602.618.0414

+

+ Github / + LinkedIn / + Resume [pdf] / + Blog +

+
+
+
+

Learn more

+
+
+
+
+

Tech

+ +
+

I'm a motivated Computer Science student at ASU with a focus on the intersection of humanities and computers. +

+
+

Skills

+ +
+ + + + + + + + + + + + + + +
WebHTML5, CSS3, Javascript & Node
ProgrammingJava, C, C# with Unity, C++, Python, Scheme, Bash
EtceteraLeadership experience, KVM/LibVirt/QEMU, ESXi
+
+

Experience: Jobs

+ + +

Experience: Projects

+ +
+
+
+
+

Design

+

Skills

+
+ + + + + +
DesignPhotoshop, InDesign, After Effects, Premiere Pro
+
+
+
+
+
+

Photography

+

Skills

+

Replace this with something better

+
+ + + + + +
DesignPhotoshop, InDesign, After Effects, Premiere Pro
+
+
+
+
+
+

Leadership

+

Skills

+

A skills list is definitely not relevant or helpful here!

+
+ + + + + +
DesignPhotoshop, InDesign, After Effects, Premiere Pro
+
+
+
+ + + + + \ No newline at end of file diff --git a/style.css b/style.css index 78f5a20..e9125f8 100644 --- a/style.css +++ b/style.css @@ -1,70 +1,93 @@ -.reset, body, .slide { - padding: 0px; - margin: 0px; - clear: both; } - -* { - transition-duration: .2s; } - -body { - font-family: serif; - font-size: 1em; - line-height: 1.6; - transition: none; } - -#mast { - background: none; - line-height: 1.2; - color: white; } - #mast a { - color: white; - font-style: italic; } - #mast a:hover { - color: #ed1a76; } - #mast .sub { - font-style: italic; - color: #ccc; } - #mast img { - width: 100%; - max-width: 400px; } - -.copy h1 { - text-decoration: underline; - font-style: italic; } - .copy h1 a { - color: black; } - -.nojs body { - background: white; } -.nojs #mast { - background: black; } - -.slide { - padding: 0px; } - .slide div { - /*width wrapping*/ - max-width: 800px; - margin: auto; } - -.full { - height: 100vh; - width: 100%; } - -.vcwrapper { - display: table; } - -.arrow { - font-variant-position: sub; - font-size: .6em; } - -.arrow:before { - content: "\0025BC"; } - -h1 { - font-size: 2em; } - -h2 { - font-weight: normal; - font-style: italic; } - -/*# sourceMappingURL=style.css.map */ +.reset, body, .slide { + padding: 0px; + margin: 0px; + clear: both; } + +body { + font-family: serif; + font-size: 1em; + line-height: 1.6; + transition: none; } + +#top { + position: fixed; + background: black; } + +#mast { + background: none; + line-height: 1.2; + color: white; } + #mast a { + color: white; + font-style: italic; } + #mast a:hover { + color: #ed1a76; } + #mast .sub { + font-style: italic; + color: #ccc; } + #mast img { + transition-duration: .2s; } + #mast .hideable { + transition-duration: .2s; } + #mast h2 { + transition-property: size; + transition-duration: .2s; } + +.small .hideable { + display: none; + opacity: 0; } +.small img { + max-width: 200px; } +.small h2 { + font-size: 1em; } + +.large img { + width: 100%; + max-width: 400px; } +.large .hideable { + opacity: 1; } + +.copy h1 { + text-decoration: underline; + font-style: italic; } + .copy h1 a { + color: black; } + +.nojs body { + background: white; } +.nojs #mast { + background: black; } + +.slide { + padding: 0px; + width: 100%; } + .slide div { + /*width wrapping*/ + max-width: 800px; + margin: auto; } + +.full { + height: 100vh; + width: 100%; } + +.vcwrapper { + display: table; } + +.arrow { + font-variant-position: sub; + font-size: .6em; } + +.arrow:before { + content: "\0025BC"; } + +h1 { + font-size: 2em; } + +h2 { + font-weight: normal; + font-style: italic; } + +a { + transition-duration: .2s; } + +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/style.css.map b/style.css.map index 7b8b50f..b9d26ef 100644 --- a/style.css.map +++ b/style.css.map @@ -1,7 +1,7 @@ -{ -"version": 3, -"mappings": "AAIA,oBAAO;EACH,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,IAAI;;AAEf,CAAC;EACG,mBAAmB,EAAE,GAAG;;AAI5B,IAAK;EAED,WAAW,EAAE,KAAK;EAClB,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,IAAI;;AAGpB,KAAM;EACF,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,KAAK;EACZ,OAAE;IACE,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,MAAM;EAEtB,aAAO;IACH,KAAK,EA5BN,OAAO;EA8BV,UAAK;IACD,UAAU,EAAE,MAAM;IAClB,KAAK,EAjCN,IAAI;EAmCP,SAAI;IACA,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,KAAK;;AAKpB,QAAG;EACC,eAAe,EAAE,SAAS;EAC1B,UAAU,EAAE,MAAM;EAClB,UAAC;IACG,KAAK,EAAE,KAAK;;AAMpB,UAAK;EACD,UAAU,EAAE,KAAK;AAErB,WAAM;EACF,UAAU,EAAE,KAAK;;AASzB,MAAO;EAEH,OAAO,EAAE,GAAG;EACZ,UAAI;IACA,kBAAkB;IAClB,SAAS,EAvET,KAAK;IAwEL,MAAM,EAAE,IAAI;;AAIpB,KAAM;EACF,MAAM,EAAE,KAAK;EACb,KAAK,EAAE,IAAI;;AAGf,UAAW;EACP,OAAO,EAAE,KAAK;;AAGlB,MAAO;EACH,qBAAqB,EAAE,GAAG;EAC1B,SAAS,EAAE,IAAI;;AAGnB,aAAc;EACV,OAAO,EAAE,SAAS;;AAGtB,EAAG;EACC,SAAS,EAAE,GAAG;;AAGlB,EAAG;EACC,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM", -"sources": ["style.scss"], -"names": [], -"file": "style.css" -} +{ +"version": 3, +"mappings": "AAIA,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;;AAEpB,IAAI;EACA,QAAQ,EAAE,KAAK;EACf,UAAU,EAAE,KAAK;;AAErB,KAAM;EACF,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,EA5BN,OAAO;EA8BV,UAAK;IACD,UAAU,EAAE,MAAM;IAClB,KAAK,EAjCN,IAAI;EAmCP,SAAG;IACC,mBAAmB,EAAE,GAAG;EAE5B,eAAS;IACL,mBAAmB,EAAE,GAAG;EAE5B,QAAE;IACE,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,GAAG;;AAK5B,gBAAU;EACN,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,CAAC;AAEd,UAAG;EACC,SAAS,EAAE,KAAK;AAEpB,SAAE;EACE,SAAS,EAAE,GAAG;;AAItB,UAAI;EACI,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,KAAK;AAEpB,gBAAS;EACL,OAAO,EAAE,CAAC;;AAMd,QAAG;EACC,eAAe,EAAE,SAAS;EAC1B,UAAU,EAAE,MAAM;EAClB,UAAE;IACE,KAAK,EAAE,KAAK;;AAMpB,UAAK;EACD,UAAU,EAAE,KAAK;AAErB,WAAM;EACF,UAAU,EAAE,KAAK;;AAKzB,MAAO;EAEH,OAAO,EAAE,GAAG;EACZ,KAAK,EAAE,IAAI;EACX,UAAI;IACA,kBAAkB;IAClB,SAAS,EAjGT,KAAK;IAkGL,MAAM,EAAE,IAAI;;AAIpB,KAAM;EACF,MAAM,EAAE,KAAK;EACb,KAAK,EAAE,IAAI;;AAGf,UAAW;EACP,OAAO,EAAE,KAAK;;AAGlB,MAAO;EACH,qBAAqB,EAAE,GAAG;EAC1B,SAAS,EAAE,IAAI;;AAGnB,aAAc;EACV,OAAO,EAAE,SAAS;;AAGtB,EAAG;EACC,SAAS,EAAE,GAAG;;AAGlB,EAAG;EACC,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;;AAEtB,CAAC;EACG,mBAAmB,EAAE,GAAG", +"sources": ["style.scss"], +"names": [], +"file": "style.css" +} \ No newline at end of file diff --git a/style.scss b/style.scss index 2b76515..c5ee3e2 100644 --- a/style.scss +++ b/style.scss @@ -1,103 +1,132 @@ -//setup -$width: 800px; -$grey: #ccc; -$pink: #ed1a76; -.reset { - padding: 0px; - margin: 0px; - clear: both; -} -*{ - transition-duration: .2s; -} - -//sections -body { - @extend .reset; - font-family: serif; - font-size: 1em; - line-height: 1.6; - transition: none; -} - -#mast { - background: none; - line-height: 1.2; - color: white; - a { - color: white; - font-style: italic; - } - a:hover{ - color: $pink; - } - .sub { - font-style: italic; - color: $grey; - } - img { - width: 100%; - max-width: 400px; - } -} - -.copy { - h1 { - text-decoration: underline; - font-style: italic; - a{ - color: black; - } - } -} - -.nojs { - body { - background: white; - } - #mast { - background: black; - } -} - -//standalone elements -p { - // max-width: 600px; -} - -.slide { - @extend .reset; - padding: 0px; - div { - /*width wrapping*/ - max-width: $width; - margin: auto; - } -} - -.full { - height: 100vh; - width: 100%; -} - -.vcwrapper { - display: table; -} - -.arrow { - font-variant-position: sub; - font-size: .6em; -} - -.arrow:before { - content: "\0025BC"; -} - -h1 { - font-size: 2em; -} - -h2 { - font-weight: normal; - font-style: italic; +//setup +$width: 800px; +$grey: #ccc; +$pink: #ed1a76; +.reset { + padding: 0px; + margin: 0px; + clear: both; +} + +//sections +body { + @extend .reset; + font-family: serif; + font-size: 1em; + line-height: 1.6; + transition: none; +} +#top{ + position: fixed; + background: black; +} +#mast { + background: none; + line-height: 1.2; + color: white; + a { + color: white; + font-style: italic; + } + a:hover { + color: $pink; + } + .sub { + font-style: italic; + color: $grey; + } + img{ + transition-duration: .2s; + } + .hideable{ + transition-duration: .2s; + } + h2{ + transition-property: size; + transition-duration: .2s; + } +} + +.small { + .hideable { + display: none; + opacity: 0; + } + img{ + max-width: 200px; + } + h2{ + font-size: 1em; + } +} +.large{ +img { + width: 100%; + max-width: 400px; + } + .hideable{ + opacity: 1; + + } +} + +.copy { + h1 { + text-decoration: underline; + font-style: italic; + a { + color: black; + } + } +} + +.nojs { + body { + background: white; + } + #mast { + background: black; + } +} + +//standalone elements +.slide { + @extend .reset; + padding: 0px; + width: 100%; + div { + /*width wrapping*/ + max-width: $width; + margin: auto; + } +} + +.full { + height: 100vh; + width: 100%; +} + +.vcwrapper { + display: table; +} + +.arrow { + font-variant-position: sub; + font-size: .6em; +} + +.arrow:before { + content: "\0025BC"; +} + +h1 { + font-size: 2em; +} + +h2 { + font-weight: normal; + font-style: italic; +} +a{ + transition-duration: .2s; } \ No newline at end of file diff --git a/toptest.html b/toptest.html new file mode 100644 index 0000000..44c3a44 --- /dev/null +++ b/toptest.html @@ -0,0 +1,212 @@ + + + + + + Document + + + + + +
+
+

Chuck Dries

+ Chuck Dries +

Tech / Design / Photography / Leadership

+
+

Digital Developer, The State Press

+

Computer Science Student, Arizona State University

+

chuck@chuckdries.com / 602.618.0414

+

+ Github / + LinkedIn / + Resume [pdf] / + Blog +

+
+
+
+
+ +
+

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. Mauris non mi auctor, tincidunt odio in, ultricies sapien. + Sed mollis ligula vitae magna malesuada imperdiet. Aliquam quis felis urna. Morbi feugiat metus sed massa finibus + dapibus at sed augue. Curabitur in eleifend neque. Sed malesuada rutrum tellus, sit amet tempus enim pretium sed. + Mauris nisi eros, facilisis a ornare sit amet, efficitur vitae mauris. Aliquam in nibh placerat, mollis augue sit + amet, interdum felis. Morbi justo felis, semper ac lorem in, lobortis pharetra purus. Curabitur ut neque vitae magna + interdum pulvinar ac vitae dui. Donec consequat est ex, et tincidunt tellus rhoncus nec. Donec a dictum nisi, mollis + egestas lectus. Quisque vel fringilla justo, ultricies pharetra dui. Morbi egestas libero et turpis congue tincidunt. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et + ultrices posuere cubilia Curae; Aenean ullamcorper luctus dolor, nec consectetur erat placerat at. Phasellus a metus + sed lorem molestie euismod finibus id turpis. Integer iaculis dignissim eleifend. Ut enim risus, bibendum ac ultricies + tempus, blandit ut justo. Morbi id nulla tincidunt, aliquet quam et, consectetur purus. Quisque lobortis leo lorem, + sit amet pellentesque leo eleifend non. Fusce consectetur sapien risus, id sagittis velit ornare vitae. Duis ultricies, + sem sed facilisis lacinia, ex libero finibus ex, vel egestas ex lacus in dui. Quisque eros nulla, placerat a massa + et, fringilla feugiat purus. Proin ipsum neque, varius in turpis id, facilisis convallis justo. Donec vulputate sapien + pharetra erat blandit semper. Vestibulum mollis, ante sit amet tristique ullamcorper, leo dolor iaculis ligula, eget + dapibus nulla lorem viverra felis. Nulla eleifend fermentum ipsum a posuere. Curabitur sed placerat elit, ac molestie + metus. Pellentesque id eros volutpat, volutpat leo nec, finibus justo. Fusce euismod, mi bibendum ornare tincidunt, + lorem nisi interdum turpis, vulputate pretium lectus augue eget sem. Nam et nibh purus. Cras volutpat sagittis accumsan. + Vestibulum semper dui hendrerit, iaculis nunc at, imperdiet ligula. Cras fringilla nunc eros, non bibendum lorem + cursus non. Quisque scelerisque mauris accumsan risus ultrices maximus. Aenean tristique gravida suscipit. Mauris + sit amet varius tellus. Suspendisse interdum dolor sit amet lacinia consequat. Class aptent taciti sociosqu ad litora + torquent per conubia nostra, per inceptos himenaeos. Integer nec mattis nisi. Orci varius natoque penatibus et magnis + dis parturient montes, nascetur ridiculus mus. Sed quis enim at sapien scelerisque tristique non et libero.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + \ No newline at end of file