Skip to content

Commit 5e2e1cf

Browse files
committed
Initial commit of V1
1 parent 38d6a04 commit 5e2e1cf

File tree

156 files changed

+23315
-2269
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

156 files changed

+23315
-2269
lines changed

CNAME

Lines changed: 0 additions & 1 deletion
This file was deleted.

Gemfile

Lines changed: 0 additions & 7 deletions
This file was deleted.

Gemfile.lock

Lines changed: 0 additions & 49 deletions
This file was deleted.

README.md

Lines changed: 97 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,97 @@
1-
<a href="http://dylanhuang.com"> Visit it live! </a>
1+
Instructions for windows setup
2+
==================================
3+
<ol>
4+
<li>http://installfest.railsbridge.org/installfest/</li>
5+
this step is for ruby to install jekyll and node.js for npm commands</li>
6+
<li>https://github.com/shakyShane/jekyll-gulp-sass-browser-sync</li>
7+
<li>npm install -g gulp</li>
8+
<li>gem install jekyll</li>
9+
<li>gem install redcarpet</li>
10+
<li>gem install pygment.rb</li>
11+
<li>npm install in folder</li>
12+
<li>Add C:\Python27 to System Variables</li>
13+
search “System Variables” in start menu and look for “Environment Variables” window</li> <li>button</li>
14+
<li>Allow using .jade files instead of .html files,</li>
15+
<ul>
16+
<li>npm install gulp-jade --save-dev</li>
17+
--save-dev: Package will appear in your devDependencies.
18+
<li> make _jadefiles folder in project </li>
19+
<li> make _includes folder in project </li>
20+
<li>Put this line of code into gulpfile.js:</li>
21+
</ul>
22+
23+
var gulp = require('gulp-jade');
24+
25+
// Inputting Jade into the environment
26+
gulp.task('jade', function(){
27+
return gulp.src('_jadefiles/*.jade')
28+
.pipe(jade())
29+
.pipe(gulp.dest('_includes'));
30+
});
31+
32+
<ul>
33+
<li>Then input this line of code into the ‘watch’ task</li>
34+
</ul>
35+
36+
gulp.watch('_jadefiles/*.jade', ['jade']);
37+
38+
<ul>
39+
<li>this is used to watch for any change in in a .jade file within _jadefiles</li>
40+
</ul>
41+
</ol>
42+
43+
44+
Below this are instructions for the starter-kit I used
45+
46+
jekyll-gulp-sass-browser-sync
47+
=============================
48+
49+
A starter project including full setup for Jekyll, GulpJS, SASS, AutoPrefixer &amp; BrowserSync
50+
51+
Here's a 1.5min [screencast](http://quick.as/pvrslgx) showing what you get.
52+
53+
And here's a GIF showing the CSS injecting.
54+
55+
![GIF](http://f.cl.ly/items/373y2E0e0i2p0E2O131g/test-gif.gif)
56+
57+
## System Preparation
58+
59+
To use this starter project, you'll need the following things installed on your machine.
60+
61+
1. [Jekyll](http://jekyllrb.com/) - `$ gem install jekyll`
62+
2. [NodeJS](http://nodejs.org) - use the installer.
63+
3. [GulpJS](https://github.com/gulpjs/gulp) - `$ npm install -g gulp` (mac users may need sudo)
64+
65+
## Local Installation
66+
67+
1. Clone this repo, or download it into a directory of your choice.
68+
2. Inside the directory, run `npm install`.
69+
70+
## Usage
71+
72+
**development mode**
73+
74+
This will give you file watching, browser synchronisation, auto-rebuild, CSS injecting etc etc.
75+
76+
```shell
77+
$ gulp
78+
```
79+
80+
**jekyll**
81+
82+
As this is just a Jekyll project, you can use any of the commands listed in their [docs](http://jekyllrb.com/docs/usage/)
83+
84+
## Deploy with Gulp
85+
86+
You can easily deploy your site build to a gh-pages branch. First, follow the instructions at [gulp-gh-pages](https://github.com/rowoot/gulp-gh-pages) to get your branch prepared for the deployment and to install the module. Then, in `gulpfile.js` you'll want to include something like the code below. `gulp.src()` needs to be the path to your final site folder, which by default will be `_site`. If you change the `destination` in your `_config.yml` file, be sure to reflect that in your gulpfile.
87+
88+
89+
90+
```javascript
91+
var deploy = require("gulp-gh-pages");
92+
93+
gulp.task("deploy", ["jekyll-build"], function () {
94+
return gulp.src("./_site/**/*")
95+
.pipe(deploy());
96+
});
97+
```

_config.yml

100755100644
Lines changed: 3 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,4 @@
1-
# Site settings
2-
email: dylan.p.huang@gmail.com
3-
baseurl: ""
4-
paginate: 5
5-
paginate_path: "/blog/page-:num"
6-
google_analytics: UA-82333002-2
7-
8-
# SEO settings
9-
title: Dylan Huang
10-
description: Web enthusiast, Computer Engineer, Dog Lover
11-
url: "dylanhuang.com"
12-
twitter_username: https://twitter.com/dhuangster
13-
default_img: https://scontent-iad3-1.xx.fbcdn.net/t31.0-8/13653050_1241431949208972_2082487078901060498_o.jpg
14-
15-
# Profile settings
161
name: Dylan Huang
17-
profile_img: https://scontent-iad3-1.xx.fbcdn.net/t31.0-8/13653050_1241431949208972_2082487078901060498_o.jpg
18-
profile: Web enthusiast, Computer Engineer, Dog Lover. <br><i><span id="sj-quote">"Everything around you that you call life was made up by people that were no smarter than you and you can change it, you can influence it, you can build your own things that other people can use. Once you learn that, you'll never be the same again."</span></i> ~ Steve Jobs
19-
social:
20-
github: https://github.com/dphuang2
21-
linkedin: https://www.linkedin.com/in/dphuang2
22-
youtube: https://www.youtube.com/user/Balphis/videos
23-
24-
# Build settings
25-
exclude: ["node_modules", "gulpfile.js", "package.json", "_screenshots", "Gemfile", "Gemfile.lock"]
26-
markdown: kramdown
27-
permalink: /:year/:month/:day/:title/
28-
29-
# Sass
30-
sass:
31-
style: compressed
32-
33-
# Gems
34-
gems: [jekyll-paginate, jekyll-sitemap, octopress-autoprefixer]
35-
36-
# Future posts to be published always
37-
future: true
2+
markdown: redcarpet
3+
highlighter: pygments # or rouge or null
4+
exclude: ["node_modules", "gulpfile.js", "package.json"]

_includes/about.html

Lines changed: 1 addition & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1 @@
1-
<div class="tab">
2-
<p id="about">
3-
4-
Hi! My name is Dylan Huang and I am current student at the University of Illinois at Urbana-Champaign studying Computer Engineering.
5-
6-
I grew up in the heart of the silicon valley - Palo Alto (Gunn High School Class of 2015 ~ Go Titans)!
7-
8-
Besides learning about computers and honing my web development skills, I like to jam out on guitar, play and watch basketball/soccer/badminton, and cruise around on my pennyboard!
9-
</p>
10-
<span id="picture-caption"> Venice, Italty </span>
11-
<img src="http://i.imgur.com/9omtcbS.jpg">
12-
</div>
1+
<section class="about-wrap"><div id="information-block">I am from Palo Alto, CA and I study Computer Engineering at the University of Illinois at Urbana–Champaign. Go Illini!</div></section>

_includes/archive-link.html

Lines changed: 0 additions & 9 deletions
This file was deleted.

_includes/categories-tab.html

Lines changed: 0 additions & 25 deletions
This file was deleted.

_includes/category.html

Lines changed: 0 additions & 45 deletions
This file was deleted.

_includes/contact.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<footer class="contact-wrap"><div class="information-wrap"><a id="link" href="mailto:dylan.p.huang@gmail.com">dylan.p.huang@gmail.com</a><img id="me-image" src="assets/img/me.png"/><a href="https://www.linkedin.com/in/dphuang2"><img src="assets/img/linkedin.png"/></a><a href="https://github.com/dphuang2"><img src="assets/img/github.png"/></a><a href="https://www.youtube.com/user/Balphis"><img id="youtube" src="assets/img/youtube.png"/></a></div></footer>

0 commit comments

Comments
 (0)