Created Projects Section #10
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