delete unused files for landing page
Before Width: | Height: | Size: 45 KiB |
@ -1,139 +0,0 @@
|
||||
"use strict";
|
||||
|
||||
// Load plugins
|
||||
const autoprefixer = require("gulp-autoprefixer");
|
||||
const browsersync = require("browser-sync").create();
|
||||
const cleanCSS = require("gulp-clean-css");
|
||||
const del = require("del");
|
||||
const gulp = require("gulp");
|
||||
const header = require("gulp-header");
|
||||
const merge = require("merge-stream");
|
||||
const plumber = require("gulp-plumber");
|
||||
const rename = require("gulp-rename");
|
||||
const sass = require("gulp-sass");
|
||||
const uglify = require("gulp-uglify");
|
||||
|
||||
// Load package.json for banner
|
||||
const pkg = require('./package.json');
|
||||
|
||||
// Set the banner content
|
||||
const banner = ['/*!\n',
|
||||
' * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n',
|
||||
' * Copyright 2013-' + (new Date()).getFullYear(), ' <%= pkg.author %>\n',
|
||||
' * Licensed under <%= pkg.license %> (https://github.com/BlackrockDigital/<%= pkg.name %>/blob/master/LICENSE)\n',
|
||||
' */\n',
|
||||
'\n'
|
||||
].join('');
|
||||
|
||||
// BrowserSync
|
||||
function browserSync(done) {
|
||||
browsersync.init({
|
||||
server: {
|
||||
baseDir: "./"
|
||||
},
|
||||
port: 3000
|
||||
});
|
||||
done();
|
||||
}
|
||||
|
||||
// BrowserSync reload
|
||||
function browserSyncReload(done) {
|
||||
browsersync.reload();
|
||||
done();
|
||||
}
|
||||
|
||||
// Clean vendor
|
||||
function clean() {
|
||||
return del(["./vendor/"]);
|
||||
}
|
||||
|
||||
// Bring third party dependencies from node_modules into vendor directory
|
||||
function modules() {
|
||||
// Bootstrap JS
|
||||
var bootstrap = gulp.src('./node_modules/bootstrap/dist/js/**/*')
|
||||
.pipe(gulp.dest('./vendor/bootstrap/js'));
|
||||
// Font Awesome CSS
|
||||
var fontAwesomeCSS = gulp.src('./node_modules/@fortawesome/fontawesome-free/css/**/*')
|
||||
.pipe(gulp.dest('./vendor/fontawesome-free/css'));
|
||||
// Font Awesome Webfonts
|
||||
var fontAwesomeWebfonts = gulp.src('./node_modules/@fortawesome/fontawesome-free/webfonts/**/*')
|
||||
.pipe(gulp.dest('./vendor/fontawesome-free/webfonts'));
|
||||
// jQuery Easing
|
||||
var jqueryEasing = gulp.src('./node_modules/jquery.easing/*.js')
|
||||
.pipe(gulp.dest('./vendor/jquery-easing'));
|
||||
// Magnific Popup
|
||||
var magnificPopup = gulp.src('./node_modules/magnific-popup/dist/*')
|
||||
.pipe(gulp.dest('./vendor/magnific-popup'));
|
||||
// jQuery
|
||||
var jquery = gulp.src([
|
||||
'./node_modules/jquery/dist/*',
|
||||
'!./node_modules/jquery/dist/core.js'
|
||||
])
|
||||
.pipe(gulp.dest('./vendor/jquery'));
|
||||
return merge(bootstrap, fontAwesomeCSS, fontAwesomeWebfonts, jquery, jqueryEasing, magnificPopup);
|
||||
}
|
||||
|
||||
// CSS task
|
||||
function css() {
|
||||
return gulp
|
||||
.src("./scss/**/*.scss")
|
||||
.pipe(plumber())
|
||||
.pipe(sass({
|
||||
outputStyle: "expanded",
|
||||
includePaths: "./node_modules",
|
||||
}))
|
||||
.on("error", sass.logError)
|
||||
.pipe(autoprefixer({
|
||||
browsers: ['last 2 versions'],
|
||||
cascade: false
|
||||
}))
|
||||
.pipe(header(banner, {
|
||||
pkg: pkg
|
||||
}))
|
||||
.pipe(gulp.dest("./css"))
|
||||
.pipe(rename({
|
||||
suffix: ".min"
|
||||
}))
|
||||
.pipe(cleanCSS())
|
||||
.pipe(gulp.dest("./css"))
|
||||
.pipe(browsersync.stream());
|
||||
}
|
||||
|
||||
// JS task
|
||||
function js() {
|
||||
return gulp
|
||||
.src([
|
||||
'./js/*.js',
|
||||
'!./js/*.min.js'
|
||||
])
|
||||
.pipe(uglify())
|
||||
.pipe(header(banner, {
|
||||
pkg: pkg
|
||||
}))
|
||||
.pipe(rename({
|
||||
suffix: '.min'
|
||||
}))
|
||||
.pipe(gulp.dest('./js'))
|
||||
.pipe(browsersync.stream());
|
||||
}
|
||||
|
||||
// Watch files
|
||||
function watchFiles() {
|
||||
gulp.watch("./scss/**/*", css);
|
||||
gulp.watch(["./js/**/*", "!./js/**/*.min.js"], js);
|
||||
gulp.watch("./**/*.html", browserSyncReload);
|
||||
}
|
||||
|
||||
// Define complex tasks
|
||||
const vendor = gulp.series(clean, modules);
|
||||
const build = gulp.series(vendor, gulp.parallel(css, js));
|
||||
const watch = gulp.series(build, gulp.parallel(watchFiles, browserSync));
|
||||
|
||||
// Export tasks
|
||||
exports.css = css;
|
||||
exports.js = js;
|
||||
exports.clean = clean;
|
||||
exports.vendor = vendor;
|
||||
exports.build = build;
|
||||
exports.watch = watch;
|
||||
exports.default = build;
|
Before Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 48 KiB |
Before Width: | Height: | Size: 61 KiB |
Before Width: | Height: | Size: 52 KiB |
Before Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 48 KiB |
Before Width: | Height: | Size: 61 KiB |
Before Width: | Height: | Size: 52 KiB |
@ -1,41 +0,0 @@
|
||||
// Global styling for this template
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
// Typography
|
||||
.text-white-75 {
|
||||
color: fade-out($white, .25);
|
||||
}
|
||||
|
||||
// Custom horizontal rules
|
||||
hr.divider {
|
||||
max-width: 3.25rem;
|
||||
border-width: 0.2rem;
|
||||
border-color: $primary;
|
||||
}
|
||||
|
||||
hr.light {
|
||||
border-color: $white;
|
||||
}
|
||||
|
||||
// Button restyling
|
||||
.btn {
|
||||
font-family: $font-family-sans-serif;
|
||||
}
|
||||
|
||||
.btn-xl {
|
||||
padding: 1.25rem 2.25rem;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
border: none;
|
||||
border-radius: 10rem;
|
||||
}
|
||||
|
||||
// Page section padding
|
||||
.page-section {
|
||||
padding: 8rem 0;
|
||||
}
|
@ -1,32 +0,0 @@
|
||||
// Styling for the masthead
|
||||
header.masthead {
|
||||
padding-top: 10rem;
|
||||
padding-bottom: calc(10rem - #{$navbar-height});
|
||||
// replace the masthead.jpg image in the /img directory to change the image
|
||||
// if the image name change, make sure to update the url path below!
|
||||
background: linear-gradient(to bottom, #{fade-out($brown, .2)} 0%,#{fade-out($brown, .2)} 100%), url('../img/bg-masthead.jpg');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: scroll;
|
||||
background-size: cover;
|
||||
h1 {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
@include media-breakpoint-up(lg) {
|
||||
height: 100vh;
|
||||
min-height: 40rem;
|
||||
padding-top: $navbar-height;
|
||||
padding-bottom: 0;
|
||||
p {
|
||||
font-size: 1.15rem;
|
||||
}
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-up(xl) {
|
||||
h1 {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
}
|
||||
}
|
@ -1,77 +0,0 @@
|
||||
// Base styling for the navbar
|
||||
#mainNav {
|
||||
box-shadow: $box-shadow;
|
||||
background-color: $white;
|
||||
transition: background-color 0.2s ease;
|
||||
.navbar-brand {
|
||||
font-family: $font-family-sans-serif;
|
||||
font-weight: $font-weight-bold;
|
||||
color: $gray-900;
|
||||
}
|
||||
.navbar-nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
color: $gray-600;
|
||||
font-family: $font-family-sans-serif;
|
||||
font-weight: $font-weight-bold;
|
||||
font-size: 0.9rem;
|
||||
padding: 0.75rem 0;
|
||||
&:hover,
|
||||
&:active {
|
||||
color: $primary;
|
||||
}
|
||||
&.active {
|
||||
color: $primary !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-up(lg) {
|
||||
// Base styling for the navbar - screen sizes greater than the large breakpoint
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
.navbar-brand {
|
||||
color: fade-out($white, .3);
|
||||
&:hover {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.navbar-nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
color: fade-out($white, .3);
|
||||
padding: 0 1rem;
|
||||
&:hover {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
.nav-link {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Navbar styling applied when the page is scrolled
|
||||
&.navbar-scrolled {
|
||||
box-shadow: $box-shadow;
|
||||
background-color: $white;
|
||||
.navbar-brand {
|
||||
color: $gray-900;
|
||||
&:hover {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
.navbar-nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
color: $gray-900;
|
||||
&:hover {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
@ -1,44 +0,0 @@
|
||||
// Styling for the portfolio section
|
||||
#portfolio {
|
||||
.container-fluid {
|
||||
max-width: 1920px;
|
||||
.portfolio-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
.portfolio-box-caption {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
||||
text-align: center;
|
||||
opacity: 0;
|
||||
|
||||
color: $white;
|
||||
background: fade-out($primary, .1);
|
||||
transition: opacity 0.25s ease;
|
||||
text-align: center;
|
||||
.project-category {
|
||||
font-family: $font-family-sans-serif;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.project-name {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.portfolio-box-caption {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
@ -1,22 +0,0 @@
|
||||
// Variables
|
||||
|
||||
// Color overrides
|
||||
|
||||
// Set a custom color
|
||||
$orange: #f4623a !default;
|
||||
$brown: #5c4d42 !default;
|
||||
|
||||
// Set primary color to orange
|
||||
$primary: #52859e !default;
|
||||
|
||||
// Font overrides
|
||||
$font-family-sans-serif: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 'Noto Color Emoji' !default;
|
||||
|
||||
$font-family-serif: "Merriweather", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 'Noto Color Emoji' !default;
|
||||
|
||||
$font-family-base: $font-family-serif !default;
|
||||
|
||||
$headings-font-family: $font-family-sans-serif !default;
|
||||
|
||||
// Custom variables
|
||||
$navbar-height: 72px;
|
@ -1,11 +0,0 @@
|
||||
// Import custom variables (overrides Bootstrap default variables)
|
||||
@import "./variables.scss";
|
||||
|
||||
// Import Bootstrap
|
||||
@import "bootstrap/scss/bootstrap.scss";
|
||||
|
||||
// Import custom styles
|
||||
@import "./global.scss";
|
||||
@import "./navbar.scss";
|
||||
@import "./masthead.scss";
|
||||
@import "./portfolio.scss";
|