Chane browser sync task to proxy in the backend from the server and also serve the local files. Fixed some styling issues with the images and buttons
This commit is contained in:
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
+7
-4
@@ -79,11 +79,14 @@ gulp.task("deploy", () =>
|
|||||||
gulp.task("browserSync", () =>
|
gulp.task("browserSync", () =>
|
||||||
{
|
{
|
||||||
browserSync.init({
|
browserSync.init({
|
||||||
server: {
|
// server: {
|
||||||
baseDir: "dist"
|
// baseDir: "dist"
|
||||||
}
|
// },
|
||||||
|
proxy: "https://rohitpai.tech/",
|
||||||
|
serveStatic: ["./dist"]
|
||||||
|
|
||||||
});
|
});
|
||||||
gulp.watch("dist").on("change", browserSync.reload)
|
gulp.watch("dist").on("change", browserSync.reload)
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task("default", gulp.series(gulp.parallel("watchFiles", "deploy")));
|
gulp.task("default", gulp.series(gulp.parallel("watchFiles", "browserSync")));
|
||||||
|
|||||||
Generated
+7305
File diff suppressed because it is too large
Load Diff
@@ -20,6 +20,7 @@
|
|||||||
"gulp-htmlmin": "^5.0.1",
|
"gulp-htmlmin": "^5.0.1",
|
||||||
"gulp-terser": "^2.0.1",
|
"gulp-terser": "^2.0.1",
|
||||||
"gulp-uglify": "^3.0.2",
|
"gulp-uglify": "^3.0.2",
|
||||||
|
"jest": "^27.2.0",
|
||||||
"normalize.css": "^8.0.1",
|
"normalize.css": "^8.0.1",
|
||||||
"require": "^2.4.20",
|
"require": "^2.4.20",
|
||||||
"vinyl-ftp": "^0.6.1"
|
"vinyl-ftp": "^0.6.1"
|
||||||
|
|||||||
+44
-7
@@ -31,6 +31,10 @@
|
|||||||
--headingFS: 1.5rem;
|
--headingFS: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
*{
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
/**** Media Queries *****/
|
/**** Media Queries *****/
|
||||||
|
|
||||||
@media screen and (max-width: 90em) {
|
@media screen and (max-width: 90em) {
|
||||||
@@ -254,7 +258,6 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
section#projects .mainProj {
|
section#projects .mainProj {
|
||||||
@@ -265,12 +268,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
section#projects .mainProj img {
|
section#projects .mainProj img {
|
||||||
padding-right: 1em;
|
padding: 0 1em;
|
||||||
gap: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
section#projects .mainProj, section#projects .otherProj {
|
|
||||||
align-items: unset;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
section#projects .mainProj .flexRow {
|
section#projects .mainProj .flexRow {
|
||||||
@@ -283,6 +281,33 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
section#projects .otherProj {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
section#projects .otherProj .btn{
|
||||||
|
width: 10em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
section#projects .otherProj > div .oProjItem, section#projects .otherProj > div .oProjItem:nth-child(2) {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
section#projects .oProjItem .flexCol div:nth-child(2) {
|
||||||
|
justify-content: center;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
section#projects .otherProj > a {
|
||||||
|
margin-left: 3em;
|
||||||
|
margin-right: 3em;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 55em) {
|
@media screen and (max-width: 55em) {
|
||||||
@@ -333,4 +358,16 @@
|
|||||||
padding: 0.1em 1em;
|
padding: 0.1em 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**** Projects Styles ***/
|
||||||
|
|
||||||
|
section#projects .mainProj .flexCol {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
section#projects .oProjItem .flexCol div:nth-child(2) {
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -79,7 +79,9 @@ section#projects .otherProj > div .oProjItem:nth-child(2) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
section#projects .otherProj .oProjItem img {
|
section#projects .otherProj .oProjItem img {
|
||||||
max-width: 10rem;
|
max-width: 30rem;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
section#projects .oProjItem .flexCol div:nth-child(2) {
|
section#projects .oProjItem .flexCol div:nth-child(2) {
|
||||||
|
|||||||
@@ -40,6 +40,7 @@ a.btn, form input[type="submit"] {
|
|||||||
border-radius: 0.625em;
|
border-radius: 0.625em;
|
||||||
border: 0.3215em solid var(--primaryDefault);
|
border: 0.3215em solid var(--primaryDefault);
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.btn:hover {
|
a.btn:hover {
|
||||||
|
|||||||
@@ -137,6 +137,7 @@
|
|||||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut">View More</a>
|
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut">View More</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="contact">
|
<section id="contact">
|
||||||
<div id="findme">
|
<div id="findme">
|
||||||
<h1>find me</h1>
|
<h1>find me</h1>
|
||||||
@@ -178,6 +179,7 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<footer class="flexRow">
|
<footer class="flexRow">
|
||||||
<p>© 2021 Rohit Pai all rights reserved</p>
|
<p>© 2021 Rohit Pai all rights reserved</p>
|
||||||
<button class="goBackToTop"></button>
|
<button class="goBackToTop"></button>
|
||||||
|
|||||||
Reference in New Issue
Block a user