Added gulp for build automation
Next up: skills as "more" under "about me"
This commit is contained in:
parent
a7e9ed42b0
commit
6e2c0428bb
1
.gitignore
vendored
1
.gitignore
vendored
@ -1 +1,2 @@
|
||||
.sass-cache
|
||||
node_modules
|
||||
2
covers.css
Normal file
2
covers.css
Normal file
@ -0,0 +1,2 @@
|
||||
#sierra {
|
||||
background-image: url("ChuckNew.jpg"); }
|
||||
9
gulpfile.js
Normal file
9
gulpfile.js
Normal file
@ -0,0 +1,9 @@
|
||||
var gulp = require('gulp');
|
||||
var sass = require('gulp-sass');
|
||||
|
||||
gulp.task('default', function() {
|
||||
// place code for your default task here
|
||||
gulp.src('*.scss')
|
||||
.pipe(sass().on('error', sass.logError))
|
||||
.pipe(gulp.dest('./'));
|
||||
});
|
||||
10
index.html
10
index.html
@ -56,7 +56,7 @@
|
||||
<p>I'm a Computer Science student and Hackathon winner at Arizona State University and I'm interested in the intersection of technology and art. I pride myself in taking a diverse set of interest 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>
|
||||
<p>This website is still an active development project, pls don't judge too harshly.</p>
|
||||
<h1>Skills <a id="skilltablebutton" style="text-decoration: underline; font-style: italic; font-weight: normal; font-size: 14px;" onclick="toggleSkillTable()">hide</a></h1>
|
||||
<h1 id="skills">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>
|
||||
@ -118,7 +118,7 @@
|
||||
<div class="slide">
|
||||
<h1>Projects & Experience</h1>
|
||||
<div>
|
||||
<div>
|
||||
<div class="project">
|
||||
<div class="cover" id="sierra">
|
||||
<!-- centering container -->
|
||||
<div style="display:table;width:100%;height:100%;margin:0px;">
|
||||
@ -129,7 +129,7 @@
|
||||
</div>
|
||||
<p>Project description</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="project">
|
||||
<div class="cover" id="sierra">
|
||||
<!-- centering container -->
|
||||
<div style="display:table;width:100%;height:100%;margin:0px;">
|
||||
@ -140,7 +140,7 @@
|
||||
</div>
|
||||
<p>Project description</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="project">
|
||||
<div class="cover" id="sierra">
|
||||
<!-- centering container -->
|
||||
<div style="display:table;width:100%;height:100%;margin:0px;">
|
||||
@ -151,7 +151,7 @@
|
||||
</div>
|
||||
<p>Project description</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="project">
|
||||
<div class="cover" id="sierra">
|
||||
<!-- centering container -->
|
||||
<div style="display:table;width:100%;height:100%;margin:0px;">
|
||||
|
||||
14927
npm-debug.log
14927
npm-debug.log
File diff suppressed because it is too large
Load Diff
30
package.json
30
package.json
@ -1,14 +1,16 @@
|
||||
{
|
||||
"name": "v3",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"lite-server": "^2.2.2"
|
||||
}
|
||||
}
|
||||
{
|
||||
"name": "v3",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-sass": "^3.1.0",
|
||||
"lite-server": "^2.2.2"
|
||||
}
|
||||
}
|
||||
|
||||
35
style.css
35
style.css
@ -43,49 +43,57 @@ body {
|
||||
.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; }
|
||||
|
||||
.nojs body {
|
||||
background: white; }
|
||||
|
||||
.nojs #mast {
|
||||
background: black; }
|
||||
|
||||
/*
|
||||
* standalone elements
|
||||
*/
|
||||
.slide {
|
||||
padding: 0px;
|
||||
width: 100%; }
|
||||
width: 100%;
|
||||
/* width wrapping */ }
|
||||
.slide div {
|
||||
/* width wrapping */
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
text-align: center; }
|
||||
.slide div div {
|
||||
/* Project bits */
|
||||
text-align: center;
|
||||
/* Project bits */ }
|
||||
.slide div .project {
|
||||
transition-duration: .2s;
|
||||
width: 390px;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 0px;
|
||||
display: inline-block;
|
||||
margin: 3px; }
|
||||
.slide div div .cover {
|
||||
.slide div .project .cover {
|
||||
height: 300px;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
margin: 0px; }
|
||||
.slide div div .cover h2 {
|
||||
.slide div .project .cover h2 {
|
||||
text-align: center;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
color: white; }
|
||||
.slide div div .cover:hover {
|
||||
box-shadow: 1px 1px 9px #444; }
|
||||
.slide div .project:hover {
|
||||
box-shadow: 1px 1px 3px #333; }
|
||||
.slide div p,
|
||||
.slide div table {
|
||||
text-align: left; }
|
||||
@ -109,18 +117,9 @@ body {
|
||||
margin: auto;
|
||||
margin-top: 1.7em; }
|
||||
|
||||
.arrow {
|
||||
font-variant-position: sub;
|
||||
font-size: .6em; }
|
||||
|
||||
.arrow:before {
|
||||
content: "\0025BC"; }
|
||||
|
||||
h2 {
|
||||
font-weight: normal;
|
||||
font-style: italic; }
|
||||
|
||||
a {
|
||||
transition-duration: .2s; }
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "AAKA,oBAAO;EACH,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,IAAI;;ACPf,OAAQ;EACJ,gBAAgB,EAAE,mBAAmB;;ADWzC,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,EA3BT,KAAK;;AA+Bb,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,EAvCN,OAAO;EAyCV,UAAK;IACD,UAAU,EAAE,MAAM;IAClB,KAAK,EA5CN,IAAI;EA8CP,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,EApGT,KAAK;IAqGL,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,MAAM;IAClB,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,EAnHrB,kBAAiB;UAoHN,KAAK,EAAE,KAAK;MAGpB,2BAAa;QACT,UAAU,EAAE,gBAAgB;IAGpC;oBACM;MACF,UAAU,EAAE,IAAI;EAGxB,YAAM;IACF,WAAW,EAAE,GAAG;IAChB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,GAAG;IACZ,cAAc,EAAE,CAAC;IACjB,eAAe,EAAE,QAAQ;IACzB,cAAc,EAAE,QAAQ;EAE5B,SAAG;IACC,MAAM,EAAE,GAAG;EAEf,QAAE;IACE,WAAW,EAAE,GAAG;IAChB,SAAS,EAhJT,KAAK;IAiJL,MAAM,EAAE,IAAI;EAEhB,SAAG;IACC,SAAS,EAAE,GAAG;IACd,UAAU,EAAE,MAAM;IAClB,SAAS,EAtJT,KAAK;IAuJL,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;;ACPf,OAAQ;EACJ,gBAAgB,EAAE,mBAAmB;;ADazC,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,EA7BT,KAAK;;AAiCb,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,EAzCN,OAAO;EA2CV,UAAK;IACD,UAAU,EAAE,MAAM;IAClB,KAAK,EA9CN,IAAI;EAgDP,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;;GAEG;AAGH,MAAO;EAEH,OAAO,EAAE,GAAG;EACZ,KAAK,EAAE,IAAI;EACX,oBAAoB;EACpB,UAAI;IACA,SAAS,EA3GT,KAAK;IA4GL,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,MAAM;IAClB,kBAAkB;IAClB,mBAAS;MACL,mBAAmB,EAAE,GAAG;MACxB,KAAK,EAAE,KAAa;MACpB,MAAM,EAAE,cAAc;MACtB,aAAa,EAAE,GAAG;MAClB,OAAO,EAAE,GAAG;MACZ,OAAO,EAAE,YAAY;MACrB,MAAM,EAAE,GAAG;MACX,0BAAO;QACH,MAAM,EAAE,KAAK;QACb,mBAAmB,EAAE,aAAa;QAClC,eAAe,EAAE,KAAK;QACtB,MAAM,EAAE,GAAG;QACX,6BAAG;UACC,UAAU,EAAE,MAAM;UAClB,UAAU,EA3HrB,kBAAiB;UA4HN,KAAK,EAAE,KAAK;IAIxB,yBAAe;MACX,UAAU,EAAE,gBAAgB;IAEhC;oBACM;MACF,UAAU,EAAE,IAAI;EAGxB,YAAM;IACF,WAAW,EAAE,GAAG;IAChB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,GAAG;IACZ,cAAc,EAAE,CAAC;IACjB,eAAe,EAAE,QAAQ;IACzB,cAAc,EAAE,QAAQ;EAE5B,SAAG;IACC,MAAM,EAAE,GAAG;EAEf,QAAE;IACE,WAAW,EAAE,GAAG;IAChB,SAAS,EAxJT,KAAK;IAyJL,MAAM,EAAE,IAAI;EAEhB,SAAG;IACC,SAAS,EAAE,GAAG;IACd,UAAU,EAAE,MAAM;IAClB,SAAS,EA9JT,KAAK;IA+JL,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,KAAK;;AAIzB,EAAG;EACC,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;;AAGtB,CAAE;EACE,mBAAmB,EAAE,GAAG",
|
||||
"sources": ["style.scss","covers.scss"],
|
||||
"names": [],
|
||||
"file": "style.css"
|
||||
|
||||
31
style.scss
31
style.scss
@ -10,7 +10,9 @@ $greybg: rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
@import 'covers';
|
||||
//
|
||||
//sections
|
||||
//
|
||||
body {
|
||||
@extend .reset;
|
||||
font-family: serif;
|
||||
@ -92,20 +94,26 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
//standalone elements
|
||||
|
||||
/*
|
||||
* standalone elements
|
||||
*/
|
||||
|
||||
// the standard section element */
|
||||
.slide {
|
||||
@extend .reset;
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
/* width wrapping */
|
||||
div {
|
||||
/* width wrapping */
|
||||
max-width: $width;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
div {
|
||||
/* Project bits */
|
||||
/* Project bits */
|
||||
.project {
|
||||
transition-duration: .2s;
|
||||
width: $width/2 - 10;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 0px;
|
||||
display: inline-block;
|
||||
@ -121,9 +129,9 @@ body {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.cover:hover {
|
||||
box-shadow: 1px 1px 9px #444;
|
||||
}
|
||||
}
|
||||
.project:hover {
|
||||
box-shadow: 1px 1px 3px #333;
|
||||
}
|
||||
p,
|
||||
table {
|
||||
@ -155,15 +163,6 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.arrow {
|
||||
font-variant-position: sub;
|
||||
font-size: .6em;
|
||||
}
|
||||
|
||||
.arrow:before {
|
||||
content: "\0025BC";
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user