added livereloading for development.
This commit is contained in:
parent
c0deabc3bd
commit
465c3b508c
5 changed files with 76 additions and 3 deletions
3
.gitignore
vendored
3
.gitignore
vendored
|
@ -1 +1,2 @@
|
|||
bower_components
|
||||
bower_components
|
||||
node_modules
|
18
Gulpfile.js
Normal file
18
Gulpfile.js
Normal file
|
@ -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);
|
||||
});
|
|
@ -1,8 +1,8 @@
|
|||
$(document).ready(function () {
|
||||
console.log('hello world!');
|
||||
|
||||
$("body").append('<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And heres some amazing content. Its very engaging. Right?">Click to toggle popover</button>');
|
||||
// $("body").append('<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And heres some amazing content. Its very engaging. Right?">Click to toggle popover</button>');
|
||||
|
||||
$('[data-toggle="popover"]').popover();
|
||||
$('[data-toggle="popover"]').popover('show');
|
||||
});
|
||||
|
||||
|
|
29
package.json
Normal file
29
package.json
Normal file
|
@ -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 <nils@thunki.com>",
|
||||
"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"
|
||||
}
|
||||
}
|
25
prototype-menu.html
Normal file
25
prototype-menu.html
Normal file
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Prototype page mockup</title>
|
||||
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<script src="bower_components/jquery/dist/jquery.min.js"></script>
|
||||
<script src="bower_components/bootstrap/js/tooltip.js"></script>
|
||||
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<script src="content_script.js"></script>
|
||||
</head>
|
||||
<body class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h1>Testing ground</h1>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<br>
|
||||
|
||||
<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Tag: you're it" data-content="And heres some amazing content. Its very engaging. Right?">Click to toggle popover</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in a new issue