Created base layout for the html. Imported normalize.css for browser compatibility. Updated gulpfile.js to fix reloading issues when watching the dist folder
This commit is contained in:
parent
61ee7fd583
commit
942377a579
2
dist/css/main.css
vendored
2
dist/css/main.css
vendored
@ -1 +1 @@
|
|||||||
body{margin:0;padding:0}
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
|
||||||
2
dist/index.html
vendored
2
dist/index.html
vendored
@ -1 +1 @@
|
|||||||
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><link rel="stylesheet" href="css/main.css"></head><body>header>nav>h1{rohit pai}+ul>(li>a)*4 Ok after all this it should reload right?</body></html>
|
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><link rel="stylesheet" href="css/main.css"></head><body><header><nav><a href="/"><h1>rohit pai</h1></a><ul><li><a href="#about">about</a></li><li><a href="#curiculumvitae">cv</a></li><li><a href="#projects">projects</a></li><li><a href="#contact">contact</a></li></ul></nav></header><main><div id="about"><h1>about</h1><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae debitis dolore, illum minus molestias officiis quidem similique ut. Autem consectetur eum, fugit illum ipsam laudantium magnam magni minima nesciunt numquam officia, soluta unde, voluptates! Aliquid aut, beatae dignissimos, dolorem ex exercitationem fugiat harum itaque laudantium placeat repellat suscipit velit! Aliquam architecto autem beatae consectetur, dicta dolorum eligendi esse harum hic iure labore, libero molestias nemo neque nisi nostrum odio sed sunt tempora totam voluptatem voluptatibus.</p><a href="/other/rohitpaicv.pdf" class="btn btnPrimary" download="">Download CV</a></div><div id="curiculumvitae"><h1>curriculum vitae</h1><div class="cvGrid"><div><h2>Education</h2><div></div></div><div><h2>Work</h2><div></div></div></div></div><div id="projects"><div class="mainProj"><h1>project title to be generated</h1><div><img src="" alt=""><div class="flexRow"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus dolorem dolores esse itaque iure iusto libero molestias nobis nostrum placeat praesentium quia quo reprehenderit, repudiandae.</p><div class="flexCol"><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div></div><div class="otherProj"><h1>other projects</h1><div class="oProjGrid"><img src="" alt=""><div class="flexCol"><div><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, voluptates.</p></div><div><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div><div class="oProjGrid"><img src="" alt=""><div class="flexCol"><div><p>Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam, voluptate.</p></div><div><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div><div class="oProjGrid"><img src="" alt=""><div class="flexCol"><div><p>Beatae culpa distinctio dolorum eius et fugit optio reiciendis soluta!</p></div><div><a href="" class="btn btnPrimary"></a> <a href="" class="btn btnOutline"></a></div></div></div><a href="" class="btn btnPrimary"></a></div></div><div id="contact"><div id="findme"><h1>find me</h1><div class="flexRow socialIcons"><div><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a></div><div><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a><a href=""><img src="" alt=""></a></div></div><img src="" alt="" class="profile"></div><div id="sayhello"><h1>say hello</h1><form action="" id="contactForm"><div class="flName"><div class="formControl"><label for="fName">First Name</label> <input type="text" name="fName" id="fName"></div><div class="formControl"><label for="lName">Last Name</label> <input type="text" name="lName" id="lName"></div></div><div class="formControl"><label for="email">Email</label> <input type="email" id="email" name="email"></div><div class="formControl"><label for="message">Message</label> <textarea name="message" id="message" cols="30" rows="10"></textarea></div><input type="submit" class="btn btnPrimary" value="Say Hello"></form></div></div><footer class="flexRow"><p>© 2021 Rohit Pai all rights reserved</p><button class="goBackToTop"></button></footer></main></body></html>
|
||||||
19
gulpfile.js
19
gulpfile.js
@ -9,14 +9,14 @@ gulp.task("minifyHTML", () =>
|
|||||||
return gulp.src("src/*.html" )
|
return gulp.src("src/*.html" )
|
||||||
.pipe(htmlMin({collapseWhitespace: true}))
|
.pipe(htmlMin({collapseWhitespace: true}))
|
||||||
.pipe(gulp.dest("dist"));
|
.pipe(gulp.dest("dist"));
|
||||||
})
|
});
|
||||||
|
|
||||||
gulp.task("minifyCSS", () =>
|
gulp.task("minifyCSS", () =>
|
||||||
{
|
{
|
||||||
return gulp.src("src/css/*.css")
|
return gulp.src("src/css/*.css")
|
||||||
.pipe(cssMin({compatibility: "ie8"}))
|
.pipe(cssMin({compatibility: "ie8"}))
|
||||||
.pipe(gulp.dest("dist/css"));
|
.pipe(gulp.dest("dist/css"));
|
||||||
})
|
});
|
||||||
|
|
||||||
gulp.task("minifyJS", () =>
|
gulp.task("minifyJS", () =>
|
||||||
{
|
{
|
||||||
@ -32,7 +32,7 @@ gulp.task("minifyJS", () =>
|
|||||||
.on("error", createErrorHandler("uglify"))
|
.on("error", createErrorHandler("uglify"))
|
||||||
.pipe(gulp.dest("dist/js"))
|
.pipe(gulp.dest("dist/js"))
|
||||||
.on("error", createErrorHandler("gulp.dest"));
|
.on("error", createErrorHandler("gulp.dest"));
|
||||||
})
|
});
|
||||||
|
|
||||||
gulp.task("browserSync", () =>
|
gulp.task("browserSync", () =>
|
||||||
{
|
{
|
||||||
@ -40,11 +40,12 @@ gulp.task("browserSync", () =>
|
|||||||
server: {
|
server: {
|
||||||
baseDir: "dist"
|
baseDir: "dist"
|
||||||
}
|
}
|
||||||
})
|
|
||||||
gulp.watch("src/*.html", gulp.task("minifyHTML"));
|
|
||||||
gulp.watch("src/css/*.css", gulp.task("minifyCSS"))
|
|
||||||
gulp.watch("src/js/*.js", gulp.task("minifyJS"))
|
|
||||||
gulp.watch("dist/*", browserSync.reload)
|
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task("default", gulp.series("browserSync"))
|
gulp.watch("src/*.html", gulp.task("minifyHTML"));
|
||||||
|
gulp.watch("src/css/*.css", gulp.task("minifyCSS"));
|
||||||
|
gulp.watch("src/js/*.js", gulp.task("minifyJS"));
|
||||||
|
gulp.watch("dist").on("change", browserSync.reload)
|
||||||
|
});
|
||||||
|
|
||||||
|
gulp.task("default", gulp.series("browserSync"));
|
||||||
|
|||||||
181
package-lock.json
generated
181
package-lock.json
generated
@ -10,7 +10,8 @@
|
|||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"gulp-htmlmin": "^5.0.1",
|
"gulp-htmlmin": "^5.0.1",
|
||||||
"require": "^2.4.20"
|
"normalize.css": "^8.0.1",
|
||||||
|
"require": "^0.4.4"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"browser-sync": "^2.26.14",
|
"browser-sync": "^2.26.14",
|
||||||
@ -38,14 +39,6 @@
|
|||||||
"integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=",
|
"integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/amdefine": {
|
|
||||||
"version": "1.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
|
|
||||||
"integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.4.2"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/ansi-colors": {
|
"node_modules/ansi-colors": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz",
|
||||||
@ -1328,9 +1321,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/convert-source-map": {
|
"node_modules/convert-source-map": {
|
||||||
"version": "1.7.0",
|
"version": "1.8.0",
|
||||||
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
|
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
|
||||||
"integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
|
"integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"safe-buffer": "~5.1.1"
|
"safe-buffer": "~5.1.1"
|
||||||
@ -3652,6 +3645,11 @@
|
|||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/normalize.css": {
|
||||||
|
"version": "8.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
|
||||||
|
"integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
|
||||||
|
},
|
||||||
"node_modules/now-and-later": {
|
"node_modules/now-and-later": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz",
|
||||||
@ -3889,14 +3887,6 @@
|
|||||||
"node": ">=4"
|
"node": ">=4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/optimist": {
|
|
||||||
"version": "0.3.7",
|
|
||||||
"resolved": "https://registry.npmjs.org/optimist/-/optimist-0.3.7.tgz",
|
|
||||||
"integrity": "sha1-yQlBrVnkJzMokjB00s8ufLxuwNk=",
|
|
||||||
"dependencies": {
|
|
||||||
"wordwrap": "~0.0.2"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/ordered-read-streams": {
|
"node_modules/ordered-read-streams": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz",
|
||||||
@ -4064,9 +4054,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/path-parse": {
|
"node_modules/path-parse": {
|
||||||
"version": "1.0.6",
|
"version": "1.0.7",
|
||||||
"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
|
"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
|
||||||
"integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
|
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/path-root": {
|
"node_modules/path-root": {
|
||||||
@ -4414,13 +4404,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/require": {
|
"node_modules/require": {
|
||||||
"version": "2.4.20",
|
"version": "0.4.4",
|
||||||
"resolved": "https://registry.npmjs.org/require/-/require-2.4.20.tgz",
|
"resolved": "https://registry.npmjs.org/require/-/require-0.4.4.tgz",
|
||||||
"integrity": "sha1-Zstrqqu2XeinHXk/XGX9GE83mLY=",
|
"integrity": "sha1-AZk4Uoc4zFXr0ZRxMGsSnl61z+A=",
|
||||||
"dependencies": {
|
|
||||||
"std": "0.1.40",
|
|
||||||
"uglify-js": "2.3.0"
|
|
||||||
},
|
|
||||||
"bin": {
|
"bin": {
|
||||||
"require": "bin/require-command.js"
|
"require": "bin/require-command.js"
|
||||||
},
|
},
|
||||||
@ -4444,38 +4430,6 @@
|
|||||||
"integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=",
|
"integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/require/node_modules/async": {
|
|
||||||
"version": "0.2.10",
|
|
||||||
"resolved": "https://registry.npmjs.org/async/-/async-0.2.10.tgz",
|
|
||||||
"integrity": "sha1-trvgsGdLnXGXCMo43owjfLUmw9E="
|
|
||||||
},
|
|
||||||
"node_modules/require/node_modules/source-map": {
|
|
||||||
"version": "0.1.43",
|
|
||||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
|
|
||||||
"integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=",
|
|
||||||
"dependencies": {
|
|
||||||
"amdefine": ">=0.0.4"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.8.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/require/node_modules/uglify-js": {
|
|
||||||
"version": "2.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.3.0.tgz",
|
|
||||||
"integrity": "sha1-LN7BbTeKiituz7aYl4TPi3rlSR8=",
|
|
||||||
"dependencies": {
|
|
||||||
"async": "~0.2.6",
|
|
||||||
"optimist": "~0.3.5",
|
|
||||||
"source-map": "~0.1.7"
|
|
||||||
},
|
|
||||||
"bin": {
|
|
||||||
"uglifyjs": "bin/uglifyjs"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.4.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/requires-port": {
|
"node_modules/requires-port": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
|
||||||
@ -5261,14 +5215,6 @@
|
|||||||
"node": ">= 0.6"
|
"node": ">= 0.6"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/std": {
|
|
||||||
"version": "0.1.40",
|
|
||||||
"resolved": "https://registry.npmjs.org/std/-/std-0.1.40.tgz",
|
|
||||||
"integrity": "sha1-Nnil9lCU2eG2teJu2/wCErg0K3E=",
|
|
||||||
"engines": {
|
|
||||||
"node": "*"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/stream-exhaust": {
|
"node_modules/stream-exhaust": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz",
|
||||||
@ -5877,14 +5823,6 @@
|
|||||||
"integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=",
|
"integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/wordwrap": {
|
|
||||||
"version": "0.0.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
|
|
||||||
"integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc=",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.4.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/wrap-ansi": {
|
"node_modules/wrap-ansi": {
|
||||||
"version": "2.1.0",
|
"version": "2.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
|
||||||
@ -5905,9 +5843,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/ws": {
|
"node_modules/ws": {
|
||||||
"version": "7.4.5",
|
"version": "7.4.6",
|
||||||
"resolved": "https://registry.npmjs.org/ws/-/ws-7.4.5.tgz",
|
"resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz",
|
||||||
"integrity": "sha512-xzyu3hFvomRfXKH8vOFMU3OguG6oOvhXMo3xsGy3xWExqaM2dxBbVxuD99O7m3ZUFMvvscsZDqxfgMaRr/Nr1g==",
|
"integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=8.3.0"
|
"node": ">=8.3.0"
|
||||||
@ -6003,11 +5941,6 @@
|
|||||||
"integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=",
|
"integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"amdefine": {
|
|
||||||
"version": "1.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
|
|
||||||
"integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU="
|
|
||||||
},
|
|
||||||
"ansi-colors": {
|
"ansi-colors": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz",
|
||||||
@ -7037,9 +6970,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"convert-source-map": {
|
"convert-source-map": {
|
||||||
"version": "1.7.0",
|
"version": "1.8.0",
|
||||||
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
|
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
|
||||||
"integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
|
"integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"safe-buffer": "~5.1.1"
|
"safe-buffer": "~5.1.1"
|
||||||
@ -8934,6 +8867,11 @@
|
|||||||
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
|
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"normalize.css": {
|
||||||
|
"version": "8.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
|
||||||
|
"integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
|
||||||
|
},
|
||||||
"now-and-later": {
|
"now-and-later": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz",
|
||||||
@ -9118,14 +9056,6 @@
|
|||||||
"is-wsl": "^1.1.0"
|
"is-wsl": "^1.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"optimist": {
|
|
||||||
"version": "0.3.7",
|
|
||||||
"resolved": "https://registry.npmjs.org/optimist/-/optimist-0.3.7.tgz",
|
|
||||||
"integrity": "sha1-yQlBrVnkJzMokjB00s8ufLxuwNk=",
|
|
||||||
"requires": {
|
|
||||||
"wordwrap": "~0.0.2"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"ordered-read-streams": {
|
"ordered-read-streams": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz",
|
||||||
@ -9254,9 +9184,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"path-parse": {
|
"path-parse": {
|
||||||
"version": "1.0.6",
|
"version": "1.0.7",
|
||||||
"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
|
"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
|
||||||
"integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
|
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"path-root": {
|
"path-root": {
|
||||||
@ -9522,38 +9452,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"require": {
|
"require": {
|
||||||
"version": "2.4.20",
|
"version": "0.4.4",
|
||||||
"resolved": "https://registry.npmjs.org/require/-/require-2.4.20.tgz",
|
"resolved": "https://registry.npmjs.org/require/-/require-0.4.4.tgz",
|
||||||
"integrity": "sha1-Zstrqqu2XeinHXk/XGX9GE83mLY=",
|
"integrity": "sha1-AZk4Uoc4zFXr0ZRxMGsSnl61z+A="
|
||||||
"requires": {
|
|
||||||
"std": "0.1.40",
|
|
||||||
"uglify-js": "2.3.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"async": {
|
|
||||||
"version": "0.2.10",
|
|
||||||
"resolved": "https://registry.npmjs.org/async/-/async-0.2.10.tgz",
|
|
||||||
"integrity": "sha1-trvgsGdLnXGXCMo43owjfLUmw9E="
|
|
||||||
},
|
|
||||||
"source-map": {
|
|
||||||
"version": "0.1.43",
|
|
||||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
|
|
||||||
"integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=",
|
|
||||||
"requires": {
|
|
||||||
"amdefine": ">=0.0.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"uglify-js": {
|
|
||||||
"version": "2.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.3.0.tgz",
|
|
||||||
"integrity": "sha1-LN7BbTeKiituz7aYl4TPi3rlSR8=",
|
|
||||||
"requires": {
|
|
||||||
"async": "~0.2.6",
|
|
||||||
"optimist": "~0.3.5",
|
|
||||||
"source-map": "~0.1.7"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"require-directory": {
|
"require-directory": {
|
||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
@ -10248,11 +10149,6 @@
|
|||||||
"integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4=",
|
"integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"std": {
|
|
||||||
"version": "0.1.40",
|
|
||||||
"resolved": "https://registry.npmjs.org/std/-/std-0.1.40.tgz",
|
|
||||||
"integrity": "sha1-Nnil9lCU2eG2teJu2/wCErg0K3E="
|
|
||||||
},
|
|
||||||
"stream-exhaust": {
|
"stream-exhaust": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz",
|
||||||
@ -10741,11 +10637,6 @@
|
|||||||
"integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=",
|
"integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"wordwrap": {
|
|
||||||
"version": "0.0.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
|
|
||||||
"integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc="
|
|
||||||
},
|
|
||||||
"wrap-ansi": {
|
"wrap-ansi": {
|
||||||
"version": "2.1.0",
|
"version": "2.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
|
||||||
@ -10763,9 +10654,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"ws": {
|
"ws": {
|
||||||
"version": "7.4.5",
|
"version": "7.4.6",
|
||||||
"resolved": "https://registry.npmjs.org/ws/-/ws-7.4.5.tgz",
|
"resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz",
|
||||||
"integrity": "sha512-xzyu3hFvomRfXKH8vOFMU3OguG6oOvhXMo3xsGy3xWExqaM2dxBbVxuD99O7m3ZUFMvvscsZDqxfgMaRr/Nr1g==",
|
"integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {}
|
"requires": {}
|
||||||
},
|
},
|
||||||
|
|||||||
@ -19,6 +19,7 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"gulp-htmlmin": "^5.0.1",
|
"gulp-htmlmin": "^5.0.1",
|
||||||
"require": "^2.4.20"
|
"normalize.css": "^8.0.1",
|
||||||
|
"require": "^0.4.4"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,4 +1,3 @@
|
|||||||
body{
|
@import "/node_modules/normalize.css/normalize.css";
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|||||||
137
src/index.html
137
src/index.html
@ -9,6 +9,141 @@
|
|||||||
<link rel="stylesheet" href="css/main.css">
|
<link rel="stylesheet" href="css/main.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
header>nav>h1{rohit pai}+ul>(li>a)*4 Ok after all this it should reload right?
|
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<a href="/">
|
||||||
|
<h1>rohit pai</h1>
|
||||||
|
</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#about">about</a></li>
|
||||||
|
<li><a href="#curiculumvitae">cv</a></li>
|
||||||
|
<li><a href="#projects">projects</a></li>
|
||||||
|
<li><a href="#contact">contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<div id="about">
|
||||||
|
<h1>about</h1>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae debitis dolore, illum minus molestias
|
||||||
|
officiis quidem similique ut. Autem consectetur eum, fugit illum ipsam laudantium magnam magni minima
|
||||||
|
nesciunt numquam officia, soluta unde, voluptates! Aliquid aut, beatae dignissimos, dolorem ex
|
||||||
|
exercitationem fugiat harum itaque laudantium placeat repellat suscipit velit! Aliquam architecto autem
|
||||||
|
beatae consectetur, dicta dolorum eligendi esse harum hic iure labore, libero molestias nemo neque nisi
|
||||||
|
nostrum odio sed sunt tempora totam voluptatem voluptatibus.</p>
|
||||||
|
<a href="/other/rohitpaicv.pdf" class="btn btnPrimary" download="">Download CV</a></div>
|
||||||
|
<div id="curiculumvitae">
|
||||||
|
<h1>curriculum vitae</h1>
|
||||||
|
<div class="cvGrid">
|
||||||
|
<div>
|
||||||
|
<h2>Education</h2>
|
||||||
|
<div></div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2>Work</h2>
|
||||||
|
<div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="projects">
|
||||||
|
<div class="mainProj">
|
||||||
|
<h1>project title to be generated</h1>
|
||||||
|
<div><img src="" alt="">
|
||||||
|
<div class="flexRow">
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus dolorem dolores esse itaque
|
||||||
|
iure iusto libero molestias nobis nostrum placeat praesentium quia quo reprehenderit,
|
||||||
|
repudiandae.</p>
|
||||||
|
<div class="flexCol">
|
||||||
|
<a href="" class="btn btnPrimary"></a>
|
||||||
|
<a href="" class="btn btnOutline"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="otherProj">
|
||||||
|
<h1>other projects</h1>
|
||||||
|
<div class="oProjGrid"><img src="" alt="">
|
||||||
|
<div class="flexCol">
|
||||||
|
<div>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, voluptates.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="" class="btn btnPrimary"></a>
|
||||||
|
<a href="" class="btn btnOutline"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="oProjGrid"><img src="" alt="">
|
||||||
|
<div class="flexCol">
|
||||||
|
<div>
|
||||||
|
<p>Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam, voluptate.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="" class="btn btnPrimary"></a>
|
||||||
|
<a href="" class="btn btnOutline"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="oProjGrid"><img src="" alt="">
|
||||||
|
<div class="flexCol">
|
||||||
|
<div>
|
||||||
|
<p>Beatae culpa distinctio dolorum eius et fugit optio reiciendis soluta!</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="" class="btn btnPrimary"></a>
|
||||||
|
<a href="" class="btn btnOutline"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="" class="btn btnPrimary"></a></div>
|
||||||
|
</div>
|
||||||
|
<div id="contact">
|
||||||
|
<div id="findme">
|
||||||
|
<h1>find me</h1>
|
||||||
|
<div class="flexRow socialIcons">
|
||||||
|
<div>
|
||||||
|
<a href=""><img src="" alt=""></a>
|
||||||
|
<a href=""><img src="" alt=""></a>
|
||||||
|
<a href=""><img src="" alt=""></a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href=""><img src="" alt=""></a>
|
||||||
|
<a href=""><img src="" alt=""></a>
|
||||||
|
<a href=""><img src="" alt=""></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="" alt="" class="profile">
|
||||||
|
</div>
|
||||||
|
<div id="sayhello">
|
||||||
|
<h1>say hello</h1>
|
||||||
|
<form action="" id="contactForm">
|
||||||
|
<div class="flName">
|
||||||
|
<div class="formControl">
|
||||||
|
<label for="fName">First Name</label>
|
||||||
|
<input type="text" name="fName" id="fName">
|
||||||
|
</div>
|
||||||
|
<div class="formControl">
|
||||||
|
<label for="lName">Last Name</label>
|
||||||
|
<input type="text" name="lName" id="lName">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="formControl">
|
||||||
|
<label for="email">Email</label>
|
||||||
|
<input type="email" id="email" name="email">
|
||||||
|
</div>
|
||||||
|
<div class="formControl">
|
||||||
|
<label for="message">Message</label>
|
||||||
|
<textarea name="message" id="message" cols="30" rows="10"></textarea></div>
|
||||||
|
<input type="submit" class="btn btnPrimary" value="Say Hello">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer class="flexRow">
|
||||||
|
<p>© 2021 Rohit Pai all rights reserved</p>
|
||||||
|
<button class="goBackToTop"></button>
|
||||||
|
</footer>
|
||||||
|
</main>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user