From 465c3b508c15106cf6476fae3bdee4f7ed573007 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nils=20Norman=20Hauk=C3=A5s?= Date: Sat, 26 Sep 2015 14:02:03 +0200 Subject: [PATCH] added livereloading for development. --- .gitignore | 3 ++- Gulpfile.js | 18 ++++++++++++++++++ content_script.js | 4 ++-- package.json | 29 +++++++++++++++++++++++++++++ prototype-menu.html | 25 +++++++++++++++++++++++++ 5 files changed, 76 insertions(+), 3 deletions(-) create mode 100644 Gulpfile.js create mode 100644 package.json create mode 100644 prototype-menu.html diff --git a/.gitignore b/.gitignore index ab079b0..1e501e3 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ -bower_components \ No newline at end of file +bower_components +node_modules \ No newline at end of file diff --git a/Gulpfile.js b/Gulpfile.js new file mode 100644 index 0000000..47e97a9 --- /dev/null +++ b/Gulpfile.js @@ -0,0 +1,18 @@ +var gulp = require('gulp'); +var browserSync = require('browser-sync').create(); + +// use default task to launch Browsersync and watch JS files +gulp.task('serve', function () { + + // Serve files from the root of this project + browserSync.init({ + server: { + baseDir: "./", + index: "prototype-menu.html" + } + }); + + // add browserSync.reload to the tasks array to make + // all browsers reload after tasks are complete. + gulp.watch("**/*").on('change', browserSync.reload); +}); \ No newline at end of file diff --git a/content_script.js b/content_script.js index 01670fe..bd7c38d 100644 --- a/content_script.js +++ b/content_script.js @@ -1,8 +1,8 @@ $(document).ready(function () { console.log('hello world!'); - $("body").append(''); + // $("body").append(''); - $('[data-toggle="popover"]').popover(); + $('[data-toggle="popover"]').popover('show'); }); diff --git a/package.json b/package.json new file mode 100644 index 0000000..ab6d39e --- /dev/null +++ b/package.json @@ -0,0 +1,29 @@ +{ + "name": "tag-youre-it", + "version": "1.0.0", + "description": "Make the meaning clear. This plugin enables semantic tagging of web content.", + "main": "Gulpfile.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "https://github.com/nilsnh/tag-youre-it.git" + }, + "private": true, + "keywords": [ + "semantic", + "web", + "tagging" + ], + "author": "Nils Norman Haukås ", + "license": "MIT", + "bugs": { + "url": "https://github.com/nilsnh/tag-youre-it/issues" + }, + "homepage": "https://github.com/nilsnh/tag-youre-it", + "devDependencies": { + "browser-sync": "^2.9.6", + "gulp": "^3.9.0" + } +} diff --git a/prototype-menu.html b/prototype-menu.html new file mode 100644 index 0000000..94621df --- /dev/null +++ b/prototype-menu.html @@ -0,0 +1,25 @@ + + + + Prototype page mockup + + + + + + + +
+
+

Testing ground

+ +

The Triumph of Cleopatra, also known as Cleopatra's Arrival in Cilicia[1] and The Arrival of Cleopatra in Cilicia,[2] is an oil painting by English artist William Etty. It was first exhibited in 1821, and is now in the Lady Lever Art Gallery in Port Sunlight across the River Mersey from Liverpool. During the 1810s Etty had become widely respected among staff and students at the Royal Academy of Arts, in particular for his use of colour and ability to paint realistic flesh tones. Despite having exhibited at every Summer Exhibition since 1811 he attracted little commercial or critical interest. In 1820 he exhibited The Coral Finder, which showed nude figures on a gilded boat. This painting attracted the attention of Sir Francis Freeling, who commissioned a similar painting on a more ambitious scale.

+ +
+ + + +
+
+ + \ No newline at end of file