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:
parent
c323924d77
commit
33dd85d162
2
dist/css/main.css
vendored
2
dist/css/main.css
vendored
File diff suppressed because one or more lines are too long
2
dist/index.html
vendored
2
dist/index.html
vendored
File diff suppressed because one or more lines are too long
11
gulpfile.js
11
gulpfile.js
@ -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")));
|
||||||
|
|||||||
7305
package-lock.json
generated
7305
package-lock.json
generated
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"
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user