From 942377a5795224889785d6869f6e808141c95f3d Mon Sep 17 00:00:00 2001 From: rodude123 Date: Fri, 2 Jul 2021 13:18:52 +0100 Subject: [PATCH] Created base layout for the html. Imported normalize.css for browser compatibility. Updated gulpfile.js to fix reloading issues when watching the dist folder --- dist/css/main.css | 2 +- dist/index.html | 2 +- gulpfile.js | 17 +++-- package-lock.json | 181 +++++++++------------------------------------- package.json | 3 +- src/css/main.css | 7 +- src/index.html | 137 ++++++++++++++++++++++++++++++++++- 7 files changed, 188 insertions(+), 161 deletions(-) diff --git a/dist/css/main.css b/dist/css/main.css index b590c4f..1854c29 100644 --- a/dist/css/main.css +++ b/dist/css/main.css @@ -1 +1 @@ -body{margin:0;padding:0} \ No newline at end of file +/*! 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} \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index 18a075b..a20c89b 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1 +1 @@ -Documentheader>nav>h1{rohit pai}+ul>(li>a)*4 Ok after all this it should reload right? \ No newline at end of file +Document

about

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.

Download CV

curriculum vitae

Education

Work

project title to be generated

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.

other projects

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, voluptates.

Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam, voluptate.

Beatae culpa distinctio dolorum eius et fugit optio reiciendis soluta!

find me

say hello

© 2021 Rohit Pai all rights reserved

\ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 8bb2c89..8acc3ae 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -9,14 +9,14 @@ gulp.task("minifyHTML", () => return gulp.src("src/*.html" ) .pipe(htmlMin({collapseWhitespace: true})) .pipe(gulp.dest("dist")); -}) +}); gulp.task("minifyCSS", () => { return gulp.src("src/css/*.css") .pipe(cssMin({compatibility: "ie8"})) .pipe(gulp.dest("dist/css")); -}) +}); gulp.task("minifyJS", () => { @@ -32,7 +32,7 @@ gulp.task("minifyJS", () => .on("error", createErrorHandler("uglify")) .pipe(gulp.dest("dist/js")) .on("error", createErrorHandler("gulp.dest")); -}) +}); gulp.task("browserSync", () => { @@ -40,11 +40,12 @@ gulp.task("browserSync", () => server: { 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.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")) +gulp.task("default", gulp.series("browserSync")); diff --git a/package-lock.json b/package-lock.json index 313cc6e..16cb735 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,8 @@ "license": "ISC", "dependencies": { "gulp-htmlmin": "^5.0.1", - "require": "^2.4.20" + "normalize.css": "^8.0.1", + "require": "^0.4.4" }, "devDependencies": { "browser-sync": "^2.26.14", @@ -38,14 +39,6 @@ "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=", "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": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", @@ -1328,9 +1321,9 @@ } }, "node_modules/convert-source-map": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz", - "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz", + "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==", "dev": true, "dependencies": { "safe-buffer": "~5.1.1" @@ -3652,6 +3645,11 @@ "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": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz", @@ -3889,14 +3887,6 @@ "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": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz", @@ -4064,9 +4054,9 @@ } }, "node_modules/path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", "dev": true }, "node_modules/path-root": { @@ -4414,13 +4404,9 @@ } }, "node_modules/require": { - "version": "2.4.20", - "resolved": "https://registry.npmjs.org/require/-/require-2.4.20.tgz", - "integrity": "sha1-Zstrqqu2XeinHXk/XGX9GE83mLY=", - "dependencies": { - "std": "0.1.40", - "uglify-js": "2.3.0" - }, + "version": "0.4.4", + "resolved": "https://registry.npmjs.org/require/-/require-0.4.4.tgz", + "integrity": "sha1-AZk4Uoc4zFXr0ZRxMGsSnl61z+A=", "bin": { "require": "bin/require-command.js" }, @@ -4444,38 +4430,6 @@ "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=", "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": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", @@ -5261,14 +5215,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": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz", @@ -5877,14 +5823,6 @@ "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=", "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": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", @@ -5905,9 +5843,9 @@ "dev": true }, "node_modules/ws": { - "version": "7.4.5", - "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.5.tgz", - "integrity": "sha512-xzyu3hFvomRfXKH8vOFMU3OguG6oOvhXMo3xsGy3xWExqaM2dxBbVxuD99O7m3ZUFMvvscsZDqxfgMaRr/Nr1g==", + "version": "7.4.6", + "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz", + "integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==", "dev": true, "engines": { "node": ">=8.3.0" @@ -6003,11 +5941,6 @@ "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=", "dev": true }, - "amdefine": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz", - "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=" - }, "ansi-colors": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", @@ -7037,9 +6970,9 @@ "dev": true }, "convert-source-map": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz", - "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz", + "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==", "dev": true, "requires": { "safe-buffer": "~5.1.1" @@ -8934,6 +8867,11 @@ "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", "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": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz", @@ -9118,14 +9056,6 @@ "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": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz", @@ -9254,9 +9184,9 @@ "dev": true }, "path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", "dev": true }, "path-root": { @@ -9522,38 +9452,9 @@ } }, "require": { - "version": "2.4.20", - "resolved": "https://registry.npmjs.org/require/-/require-2.4.20.tgz", - "integrity": "sha1-Zstrqqu2XeinHXk/XGX9GE83mLY=", - "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" - } - } - } + "version": "0.4.4", + "resolved": "https://registry.npmjs.org/require/-/require-0.4.4.tgz", + "integrity": "sha1-AZk4Uoc4zFXr0ZRxMGsSnl61z+A=" }, "require-directory": { "version": "2.1.1", @@ -10248,11 +10149,6 @@ "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4=", "dev": true }, - "std": { - "version": "0.1.40", - "resolved": "https://registry.npmjs.org/std/-/std-0.1.40.tgz", - "integrity": "sha1-Nnil9lCU2eG2teJu2/wCErg0K3E=" - }, "stream-exhaust": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz", @@ -10741,11 +10637,6 @@ "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=", "dev": true }, - "wordwrap": { - "version": "0.0.3", - "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz", - "integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc=" - }, "wrap-ansi": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", @@ -10763,9 +10654,9 @@ "dev": true }, "ws": { - "version": "7.4.5", - "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.5.tgz", - "integrity": "sha512-xzyu3hFvomRfXKH8vOFMU3OguG6oOvhXMo3xsGy3xWExqaM2dxBbVxuD99O7m3ZUFMvvscsZDqxfgMaRr/Nr1g==", + "version": "7.4.6", + "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz", + "integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==", "dev": true, "requires": {} }, diff --git a/package.json b/package.json index 0777e81..9866ce8 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ }, "dependencies": { "gulp-htmlmin": "^5.0.1", - "require": "^2.4.20" + "normalize.css": "^8.0.1", + "require": "^0.4.4" } } diff --git a/src/css/main.css b/src/css/main.css index 1b3ce02..d7cebf0 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -1,4 +1,3 @@ -body{ - margin: 0; - padding: 0; -} +@import "/node_modules/normalize.css/normalize.css"; + + diff --git a/src/index.html b/src/index.html index f479afd..8d374f6 100644 --- a/src/index.html +++ b/src/index.html @@ -9,6 +9,141 @@ - header>nav>h1{rohit pai}+ul>(li>a)*4 Ok after all this it should reload right? + +
+ +
+
+
+

about

+

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.

+ Download CV
+
+

curriculum vitae

+
+
+

Education

+
+
+
+

Work

+
+
+
+
+
+
+

project title to be generated

+
+
+

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.

+
+ + +
+
+
+
+
+

other projects

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, voluptates.

+
+
+ + +
+
+
+
+
+
+

Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam, voluptate.

+
+
+ + +
+
+
+
+
+
+

Beatae culpa distinctio dolorum eius et fugit optio reiciendis soluta!

+
+
+ + +
+
+
+
+
+
+
+

find me

+ + +
+
+

say hello

+
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ +
+ +
+
+
+ +
+