This is the GitHub Repository for my personal web development portfolio.
It is a modified version of an existing template for portfolio sites: RyanFitzgerald/devportfolio.
The live version of this site can be found at www.marshallstrong.com.
The site uses the GitHub Pages static hosting service, and is compiled using Gulp.
The marshallstrong.com
custom domain name is managed through dnsimple, and was set up by following the documentation for configuring a custom domain on GitHub Docs.
- apex domain:
marshallstrong.com
- www subdomain:
www.marshallstrong.com
- custom subdomain:
custom.marshallstrong.com
A custom favicon for the site was created using favicon.io.
Documentation on Favicons
Documentation on Web Manifests
How to Secure your GitHub Pages Site with HTTPS
-
Install Gulp
npm install --global gulp-cli
-
Clone or download the repository
-
Run
npm i
to install Gulp dev dependencies -
Run Gulp to compile the Sass and minify the JavaScript
- To run Gulp, run the npm script
npm run watch
- Alternatively, if the Gulp command line utility is installed, just run
gulp watch
- To run Gulp, run the npm script
-
All styles are in
scss/styles.scss
, and get compiled tocss/styles.css
by gulp- The site loads the CSS, but any changes should be made to the SCSS
-
All scripts are in
js/scripts.js
, and get minified tojs/scripts.min.js
by gulp- Any changes should be made to
js/scripts.js
; the minified script is what gets loaded by the site
- Any changes should be made to
-
To view the site, open
index.html
in a web browser -
Any changes made to the SCSS or JavaScript will be compiled/minified immediately, but the page must be refreshed before the changes will be visible on the site
-
The same goes for any changes made to
index.html
-- the page must be reloaded before the changes will be visible